/*
Theme Name: You Landed
Theme URI: http://www.youlanded.com/
Author: Making Rad Things
Author URI: http://www.makingradthings.com
Description: You Landed is the ultimate sleek and simple solution for a landing page. This responsive Wordpress theme comes packed with options from; unlimited color selections, unlimited content sections, Google fonts, live front-end customization, code free MailChimp e-mail signup, clean contact form, social media links, Google Analytics and so much more. Visit http://www.youlanded.com/
Version: 1.0.3.4-wpcom
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: you_landed
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 You Landed is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
    3.1 Header
4.0 Forms
5.0 Navigation
    5.1 Links
    5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
    10.1 Posts and pages
    10.2 Asides
    10.3 Comments
    10.4 Misc
11.0 Infinite scroll
12.0 Media
    12.1 Captions
    12.2 Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: 'Raleway', sans-serif;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
  /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box;
  /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  -moz-box-sizing: border-box;
  /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  box-sizing: border-box;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

a {
  outline: 0;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

body,
button,
input,
select,
textarea {
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
  color: #404040;
  color: hsl(0, 0%, 25%);
  -o-transition: .25s;
  -ms-transition: .25s;
  -moz-transition: .25s;
  -webkit-transition: .25s;
  transition: .25s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: right;
  font-weight: 900;
  font-family: 'Source Code Pro', monospace;
  color: #000;
  color: hsl(0, 0%, 0%);
  -ms-word-break: break-word;
  word-break: break-word;
}

.yl-button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  padding: 12px 30px !important;
  font-size: 13px;
  font-weight: 700;
  font-family: 'Khand';
  text-transform: uppercase;
  line-height: 1;
  color: #000;
  background: #CCDE47;
  border: none;
  border-radius: 6px;
  letter-spacing: .25px;
  cursor: pointer;
  /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button;
  /* Corrects inability to style clickable 'input' types in iOS */
}

.yl-button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #CCDE47;
  color: #fff;
  text-decoration: none;
}

.yl-button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.yl-button:active,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  background: #CCDE47;
  color: #031F26;
  text-decoration: none;
  font-weight: 300;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/


/* Font Smoothing Luke */

html {
  text-rendering: optimizeLegibility !important;
  /* -webkit-font-smoothing: antialiased !important; */
}


/* Typography */

.entry-title {
  margin: 0 0 2rem;
  font-weight: 900;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.3em;
  color: #000;
  color: hsl(0, 0%, 0%);
}


/*.entry-content a {
    text-decoration: underline;
}*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Source Code Pro', monospace;
  margin-bottom: .4em;
  font-weight: 400;
  color: #031F26;
}

h1 {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.15em;
  font-weight: 100;
  color: #CCDE47;
}

h2 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  font-style: italic;
  color: #2695A0;
}

@media screen and (min-width: 781px) {
  h2 {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

h3 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 100;
  font-style: italic;
}

h4 {
  font-size: 16px;
  font-size: 1.6rem;
}

h5 {
  font-size: 16px;
  font-size: 1.6rem;
}

h6 {
  font-size: 16px;
  font-size: 1.6rem;
}

p,
.entry-content ul,
.entry-content ol {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6em;
}

blockquote p {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.5em;
}


/* Smaller fonts for smaller screens */

@media screen and (max-width: 680px) {
  .playText {
    margin-left: -178px;
    padding-top: 60px;
    font-size: 12px !important;
    text-align: center !important;
  }
  .entry-title {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.3em;
  }
  h1 {
    font-size: 28px;
    font-size: 2.8rem;
  }
  h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  @media screen and (min-width: 781px) {
    h2 {
      font-size: 26px;
      font-size: 2.6rem;
    }
  }
  h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
  h4 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  h5 {
    font-size: 20px;
    font-size: 2rem;
  }
  h6 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  p,
  .entry-content ul,
  .entry-content ol {
    font-size: 18px;
    font-size: 1.8rem;
  }
  blockquote p {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.5em;
  }
}

/* Meta */

.category-list {
  margin: 1.3em 0 1em;
  font-family: 'Source Code Pro', monospace;
  font-size: 16px;
  font-size: 1.6rem;
}

.category-list a {
  color: #333;
  color: hsl(0, 0%, 10%);
}

.category-list a:hover {
  color: #000;
  color: hsl(0, 0%, 0%);
}

.entry-meta {
  margin-bottom: 2rem;
  padding: 0;
  font-family: 'Source Code Pro', monospace;
  font-size: 14px;
  font-size: 1.4rem;
}

.entry-meta a {
  font-weight: 600;
}

.entry-footer {
  margin-top: 3rem;
  margin-bottom: 5rem;
  font-family: 'Source Code Pro', monospace;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2em;
}

.entry-footer ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.entry-footer li {
  display: inline-block;
  margin-right: 4rem;
}

.entry-footer a {
  margin-left: .5rem;
}

body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
  -webkit-font-smoothing: antialiased;
}

b,
strong {
  font-weight: bold;
}

dfn,
cite,
em,
i {
  font-style: italic;
}


/* Blockquotes */

blockquote {
  padding: 1em 1.5em 0;
  margin-bottom: 1em;
  font-style: italic;
  border-top: solid 1px hsl(0, 0%, 80%);
  border-bottom: solid 1px hsl(0, 0%, 80%);
}

blockquote em {
  font-style: normal;
}

blockquote cite {
  display: block;
  margin-top: 1em;
  margin-left: 40%;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: 'Source Code Pro', monospace;
  font-style: normal;
  line-height: 1.5em;
  text-align: right;
}

blockquote.alignleft {
  width: 50%;
  float: left;
  padding: 1em 0 0;
  margin-right: 2em;
}

blockquote.alignright {
  width: 50%;
  float: right;
  padding: 1em 0 0;
  margin-left: 2em;
}


/* Blockquotes responsive */


/* Optional rules that set blockquotes to full width on smaller screens */

@media screen and (max-width: 780px) {
  blockquote.alignleft,
  blockquote.alignright {
    width: 40%;
  }
}

@media screen and (max-width:600px) {
  blockquote.alignleft,
  blockquote.alignright {
    width: 100%;
    padding: 1em 1.5em 0;
  }
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}


/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

th {
  font-weight: bold;
}


/*--------------------------------------------------------------
3.1 Header
--------------------------------------------------------------*/

.site-branding {
  position: relative;
  padding: 0;
  text-align: center;
  background: #2695A0;
  overflow: hidden;
  max-height: 1000px;
}

.site-branding .container {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 250px;
  overflow: hidden;
  padding: 0 0 50px 0;
}

.home .site-branding .container {
  min-height: 500px;
}

.site-branding .container-inner {
  padding: 1rem 0;
  display: table-cell;
  vertical-align: middle;
  /* background-image: url(https://theguidesapp.com/_extras/images/bg_pattern.png); */
}

.home .site-branding .container-inner {
  padding: 3rem 0;
}

.title-box {
  width: 100%;
  max-width: 600px;
  max-width: 75%;
  padding: 0;
  margin: 0 auto;
  /*    border: solid 1px #fff;
    border: solid 1px hsla(0, 0%, 100%, .3);*/
}

.home .title-box {
  padding: 4rem;
}

.site-title {
  font-weight: 700;
  font-size: 40px;
  font-size: 4.5rem;
  text-transform: uppercase;
  line-height: normal;
  padding: 0;
}


/* blog-logo */

.site-title img {
  width: 80px;
  margin-left: -16px;
}

.header-widgets {
  margin-top: 4em;
}

.site-description {
  font-weight: 100;
}

.site-branding a {
  text-decoration: none;
}

.header-image img {
  display: block;
  margin: 0 auto;
}

.header-background-image,
.section-call_to_action {
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
}

.site-branding h2 {
  margin-bottom: .5em;
  font-weight: 300;
  line-height: 100%;
  margin-top: 1em;
}


/* Header responsive */

@media screen and (max-width: 900px) {
  .site-branding .container-inner {
    padding: 20px 0;
    padding-top: 60px
  }
  .home .site-branding .container-inner {
    padding: 10px 0;
  }
  .site-branding h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .title-box {
    max-width: 100%;
    margin: 0 auto;
    padding: 4rem;
    border: none;
  }
}

@media screen and (max-width: 780px) {
  .site-branding,
  .site-branding .container {
    height: auto;
    min-height: 200px;
    max-height: 1000px;
  }
}

@media screen and (max-width: 560px) {
  .title-box {
    padding: 2rem;
  }
/*  .menu-social ul li {
    -webkit-transform: scale(.6);
    transform: scale(.6);
  }*/
  /* .header-background-image { max-height: 640px; } */
}

@media screen and (max-width: 900px) {
  .site-description {
    font-size: 12px !important;
  }
  .header-widgets h2 span {
    font-size: 12px;
  }
  .section-mail {
    margin-top: 20px !important;
    padding-top: 20px;
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  div[class=sprite1] {
    display: none !important;
  }
  div[class=sprite2] {
    display: none !important;
  }
  div[class=wrap-logo] {
    display: block !important;
    max-width: 200px !important;
    height: 71px !important;
    background-image: url('https://theguidesapp.com/_extras/images/logo_static.png') !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-origin: content-box !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
}


/*--------------------------------------------------------------
3.2 Sections
--------------------------------------------------------------*/

.header-section {
  margin-top: 4em;
}

.section .entry-content {
  padding: 4rem;
  /*    border-bottom: 1px solid #1F2539;
    border-bottom: 1px solid hsl(0, 0%, 19%);*/
  font-size: 20px;
  font-size: 2rem;
}

.centered {
  text-align: center;
}

.section .entry-content .title {
  display: block;
  float: none;
  position: relative;
  overflow: hidden;
  max-width: 600px;
  margin: 2em auto 1em auto;
  padding-bottom: 1.5rem;
  text-align: center;
}

.section .entry-content .title h1 {
  margin-bottom: .5em;
  word-spacing: 1px;
  /* line-height: 1.15em; */
  /* text-transform: lowercase; */
}

.section .entry-content .title h2 {
  margin-top: 0;
  line-height: 100%;
  /* text-transform: uppercase; */
}

.section-intro .entry-content p {
  font-size: 20px;
  font-size: 2.0rem;
  color: #031F26;
  text-align: center;
}

.section-slider .entry-content {
  padding: 0 2.5em !important;
}

.section-slider {
  overflow: hidden;
  width: 100%;
  height: 384px;
}

@media screen and (min-width: 781px) {
  .section-intro .entry-content p {
    font-size: 26px;
    font-size: 2.6rem;
  }
}


/* Large screens */

@media screen and (min-width: 781px) {
  .section .entry-content {
    padding: 4rem 2rem;
    padding-bottom: 4em;
  }
  .section-intro .entry-content {
    padding: 6rem 2rem;
  }
}


/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px;
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 100%;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 14px;
  line-height: 1.4rem;
  color: #666;
  font-family: 'Source Code Pro', monospace;
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 100%;
  padding: 8px;
  color: #333;
  background-color: #ececec;
}

form .fields-container {
  display: block;
  float: none;
  margin: 0 0 .5em 0;
  padding: 0 0 .5em;
}

form .fields-container label {
  display: block;
  color: #2695A0;
  font-family: 'Source Code Pro', monospace;
  font-weight: 100;
}

form .fields-container ::placeholder {
  text-transform: capitalize;
}

form .fields-container :focus::placeholder {
    color: #aeaeae;
}

form label.error {
  color: #fff;
  background-color: #FF2508;
  font-family: 'Source Code Pro', monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 100%;
  font-weight: 300;
  margin-top: 10px;
  padding: 6px 20px 6px 20px;
  text-align: center;
  border-radius: 3px;
}


/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

a,
button,
input,
submit,
hover {
  -o-transition: .25s;
  -ms-transition: .25s;
  -moz-transition: .25s;
  -webkit-transition: .25s;
  transition: .25s;
}


/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a {
  text-decoration: none;
  color: #CCDE47;
  font-family: 'Raleway', monospace;
}

a:visited {
  color: #333;
  color: hsl(0, 0%, 20%);
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
}


/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

.main-navigation {
  position: relative;
  min-height: 40px;
  /* Luke 54px */
  float: left;
  width: 100%;
  display: block;
  clear: both;
  font-family: 'Source Code Pro', monospace;
  text-transform: uppercase;
  background: #1F253A;
  background: rgba(31, 37, 57, 0.7);
  z-index: 999;
}

.main-navigation.toggled {
  margin: 0;
  /* Luke 54px */
}

.is_sticky.menu-above .site-branding {
  padding-top: 40px;
  /* Luke 54px */
}


/* for larger screens */

@media screen and (min-width: 781px) {
  .main-navigation {
    max-height: 40px;
  }
  .is_sticky.menu-above .site-branding {
    padding-top: 70px;
  }
  .main-navigation.toggled {
    margin: 0;
    /* Luke 70px */
  }
}

.menu-above .main-navigation.is_sticky {
  position: fixed;
  width: 100%;
}

.main-navigation .menu {
  float: none;
  margin: 0;
}

.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation li {
  float: left;
  position: relative;
}

.main-navigation a {
  display: block;
  padding: 0 2em;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 200;
  text-decoration: none;
  color: white;
  color: hsl(0, 0%, 100%);
  font-family: "Raleway";
  letter-spacing: 2px;
  line-height: 40px;
  /* Luke 54px */
  height: 40px;
}

.main-navigation a:hover,
.main-navigation a:active,
.main-navigation a:focus,
.main-navigation a.active,
.main-navigation a.active:hover,
.main-navigation a.active:focus {
  background: #CCDE47;
  color: #031F26;
}


/* for larger screens */


/*@media screen and (min-width: 781px) {
    .main-navigation ul li > a {
        line-height: 70px;
        height: 70px;
    }
} */

.main-navigation ul ul {
  position: absolute;
  left: 0;
  z-index: 99999;
  display: none;
  float: left;
  padding: 0;
  background: #CCDE47;
}

.main-navigation ul ul ul {
  left: 100%;
  top: 0;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation li:hover > a {
  color: #031F26;
  background: #CCDE47;
}

.main-navigation ul ul a:hover {
  color: #031F26;
  background: #CCDE47;
}

.main-navigation ul li:hover > ul {
  display: block;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover {
  background: transparent;
  color: #CCDE47;
}

.main-navigation .current_page_ancestor {
  background: transparent;
  color: #CCDE47;
}

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
  color: #fff;
  color: hsl(0, 0%, 100%);
  background: #1F2539;
  background: hsl(0, 0%, 19%);
}


/* Small menu */

.menu-toggle {
  display: none;
}

.menu-toggle,
button.menu-toggle,
button.menu-toggle:hover,
button.menu-toggle:active,
button.menu-toggle:focus {
  float: none;
  height: 40px;
  width: 100%;
  margin: 0 auto;
  padding: 0 1em;
  font-weight: normal;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
  line-height: 40px;
  background: transparent;
  border: none;
  border-radius: 5px;
  box-shadow: none;
  text-shadow: none;
  text-align: right;
}

.main-navigation .menu-logo {
  display: block;
  float: left;
  max-height: 40px !important;
  background: transparent;
  box-shadow: none;
  text-shadow: none;
  border: none;
  text-decoration: none;
  width: auto;
  padding: 5px;
  height: 40px;
  overflow: visible;
}


/* for larger screens */

@media screen and (min-width: 781px) {
  .main-navigation .menu-logo {
    max-height: 34px !important;
    /* 70px actual */
    padding-top: 10px;
  }
}

.main-navigation a.menu-logo,
.main-navigation a.menu-logo:hover,
.main-navigation a.menu-logo:active,
.main-navigation a.menu-logo:focus {
  background-color: transparent !important;
}


/* for larger screens */

@media screen and (min-width: 781px) {
  .is_stuck .menu-logo,
  .menu-above .menu-logo {
    display: 40px;
    /* 70px actual */
  }
}

.main-navigation .menu-logo img {
  max-height: 100%;
  width: auto;
}

.main-navigation .nav-menu {
  float: right;
}

.main-navigation .container {
  display: block;
  position: relative;
  float: none;
  width: 100%;
  min-height: 40px;
  /* 54px Luke */
  overflow: hidden;
  margin: 0;
  padding: 0;
}


/* for larger screens */

@media screen and (min-width: 781px) {
  .main-navigation .container {
    width: 780px;
    min-height: 70px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 961px) {
  .main-navigation .container {
    width: 960px;
    min-height: 70px;
    margin: 0 auto;
  }
}


/* for smaller screens */

@media screen and (max-width: 768px) {
  .main-navigation .menu-logo {
    position: absolute;
    top: 0;
    left: 10px;
  }
  .menu-toggle {
    display: block;
  }
  .main-navigation.toggled .nav-menu {
    display: block;
    border-top: 1px solid;
    border-top-color: #fff;
    border-top-color: hsla(0, 0%, 100%, .5);
  }
  .main-navigation .nav-menu {
    float: none;
  }
  .main-navigation ul {
    display: none;
    padding-left: 0;
  }
  .main-navigation li {
    float: none;
  }
  .main-navigation li li a {
    padding-left: 4em;
  }
  .main-navigation li li li a {
    padding-left: 6em;
  }
  .main-navigation li:hover > a {
    background: #1F2539;
  }
  .main-navigation ul ul,
  .main-navigation ul ul ul {
    position: relative;
    top: inherit;
    left: 0;
    display: block;
    float: none;
    background: hsl(0, 0%, 19%);
  }
  .main-navigation ul ul a {
    width: 100%;
  }
  .main-navigation ul a:hover,
  .main-navigation ul ul a:hover {
    background: hsl(0, 0%, 30%);
  }
  .main-navigation .current_page_ancestor {
    background: inherit;
  }
  .main-navigation ul ul .current_page_parent {
    color: inherit;
    background: inherit;
  }
  .main-navigation .current_page_item > a,
  .main-navigation .current_page_item > a:hover,
  .main-navigation .current_page_item li:hover,
  .main-navigation .current_page_parent .current_page_item > a {
    color: #fff;
    background: hsl(0, 0%, 30%);
  }
  .menu-main-container ul {
    float: none !important;
  }
  .footer-social,
  .you_landed-social-links-widget {
    width: 100% !important;
    margin: 0 auto !important;

  }
  .footer-social-label {
    width: 100%;
    text-align: center;
    margin: 0 auto 40px auto !important;
  }
  .site-info {
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
  .site-info {
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
}


/* End responsive menu */

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}


/* Mini Menu */

.mini-menus {
  display: block;
  float: right;
  position: absolute;
  top: 0;
  right: 0;
}


/* Social Menu */

.section-social {
  text-align: center;
}

.menu-social {
  display: block;
  float: none;
  clear: both;
  min-height: 20px;
  margin: 2.5rem auto;
  overflow: visible;
}

.menu-social ul {
  text-align: center;
  list-style: none;
  margin: 0;
}

#menu-social li a {
  padding-left: .5em;
  padding-right: .5em;
}

.menu-social ul li {
  position: relative;
  display: inline-block;
}

.menu-social li a:before {
  width: 75px;
  height: 75px;
  background: #000;
  border-radius: 75px;
  display: inline-block;
  padding: 0 5px;
  vertical-align: top;
  font-family: 'Fontawesome';
  font-size: 44px;
  line-height: 75px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  content: '\f0d5';
  -o-transition: .25s;
  -ms-transition: .25s;
  -moz-transition: .25s;
  -webkit-transition: .25s;
  transition: .25s;
}

.menu-social li:hover a:before,
.menu-social li:focus a:before,
.menu-social li:active a:before {
  background: #88714d;
  color: #000;
  transform: scale(1.05, 1.05);
}

.section .menu-social {
  min-height: 40px;
}


/* for large screens */

@media screen and (min-width: 781px) {
  .section .menu-social {
    min-height: 100px;
  }
  .section .menu-social li a,
  .section .menu-social li a:before {
    font-size: 35px;
    line-height: 75px;
  }
}

.menu-social li a[href*="facebook.com"]::before {
  content: '\f09a';
}

.menu-social li a[href*="twitter.com"]::before {
  content: '\f099';
}

.menu-social li a[href*="dribbble.com"]::before {
  content: '\f17d';
}

.menu-social li a[href*="plus.google.com"]::before {
  content: '\f0d4';
}

.menu-social li a[href*="pinterest.com"]::before {
  content: '\f0d2';
}

.menu-social li a[href*="github.com"]::before {
  content: '\f09b';
}

.menu-social li a[href*="tumblr.com"]::before {
  content: '\f173';
}

.menu-social li a[href*="youtube.com"]::before {
  content: '\f167';
}

.menu-social li a[href*="flickr.com"]::before {
  content: '\f16e';
}

.menu-social li a[href*="vimeo.com"]::before {
  content: '\f194';
}

.menu-social li a[href*="instagram.com"]::before {
  content: '\f16d';
}

.menu-social li a[href*="linkedin.com"]::before {
  content: '\f0e1';
}


/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}


/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}


/* Alignment responsive */

@media screen and (min-width: 1320px) {
  .alignleft {
    margin-left: -160px;
  }
}

@media screen and (min-width: 1820px) {
  .alignright {
    margin-right: -160px;
  }
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}


/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}


/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

/*.widget {
  margin: 0 0 1.5em;
  display: block;
  position: fixed;
  z-index: 99;
  width: 100%;
  background-color: #fff;
}*/


/* Make sure select elements fit in widgets */

.widget select {
  max-width: 100%;
}


/* Search widget */

.widget_search .search-submit {
  display: none;
}

.you-landed-social-share-widget {
  display: block;
  float: none;
  text-align: center;
  margin: 2.5em;
}

.you-landed-social-share-widget h3 {
  display: block;
  float: none;
  font-family: 'Source Code Pro', monospace;
  font-weight: 400;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 100%;
  margin-bottom: 1em;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.you-landed-contact-form-widget {
  display: block;
  float: none;
  margin: 0 auto;
  max-width: 400px;
}

.you-landed-contact-form-widget input[type=submit] {
  max-width: 150px;
  float: none;
  margin: 0 auto;
  display: block;
}

.you-landed-mailchimp-form input {
  margin-bottom: 1em;
}


/* for larger screens */

@media screen and (min-width: 781px) {
  .you-landed-mailchimp-form input[type="text"],
  .you-landed-mailchimp-form input[type="email"],
  .you-landed-mailchimp-form input[type="url"],
  .you-landed-mailchimp-form input[type="password"],
  .you-landed-mailchimp-form input[type="search"],
  .you-landed-mailchimp-form textarea {
    width: 100%;
    max-width: 200px;
  }
  .you-landed-mailchimp-form input[type="text"],
  .you-landed-mailchimp-form input[type="email"] {
    margin-right: 1em;
  }
  you-landed-contact-form {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    float: none;
  }
}


/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}


/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}


/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}


/*--------------------------------------------------------------
10.4 Misc
--------------------------------------------------------------*/

iframe[src*="vimeo.com"],
iframe[src*="youtube.com"],
iframe[src*="youtu.be"] {
  width: 100%;
}

@media screen and (min-width:781px) {
  iframe[src*="vimeo.com"],
  iframe[src*="youtube.com"],
  iframe[src*="youtu.be"] {
    height: 556px;
  }
}

.header-image-overlay {
  display: block;
  height: 100%;
  min-height: 500px;
  width: 100%;
  position: absolute;
  left: 0;
}

.menu-below .header-image-overlay {
  bottom: 0;
}

.menu-above .header-image-overlay {
  top: 0;
}

.menu-above .site-branding {
  border-bottom: 10px solid #CCDE47;
  display: block;
  clear: both;
}

.menu-below .site-branding {
  border-top: 10px solid #CCDE47;
}

.theatr-social-share-widget h3 {
  display: block;
  float: none;
  text-align: center;
}


/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation,

/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {
  display: block;
}


/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}


/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
  max-width: 100%;
}


/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

.wp-caption-text {
  text-align: center;
}

.wp-caption .wp-caption-text {
  padding: 0.8075em 1em;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: 'Source Code Pro', monospace;
  background: #e5e5e5;
  background: hsl(0, 0%, 90%);
}


/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

.wp-caption .wp-caption-text,
.gallery-caption {
  padding: 0.8075em 1em;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: 'Source Code Pro', monospace;
  background: #e5e5e5;
  background: hsl(0, 0%, 90%);
}

.site-main .gallery {
  margin-bottom: 1.5em;
}

.site-main .gallery-item {
  position: relative;
  /*    max-width:100%;
    float: left;
    margin-right: 3.333333333%;*/
  margin-bottom: 3rem;
  /*    background: #333;*/
  overflow: hidden;
}

.gallery-caption {
  position: absolute;
  bottom: 0;
  left: 50%;
  max-height: 50%;
  /*    width: 100%;*/
  display: block;
  float: left;
  width: 150px;
  margin-left: -75px !important;
  padding: 6px 8px;
  margin: 0 auto;
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
  text-align: left;
  background-color: hsla(0, 0%, 0%, .8);
  opacity: 0;
  transition: all .25s;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  left: 0;
  margin-left: 0 !important;
  width: 100%;
}

.gallery-item:hover .gallery-caption {
  opacity: 1;
}

.site-main .gallery a img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border: none;
}


/*--------------------------------------------------------------
 Footer
--------------------------------------------------------------*/

footer {
  z-index: -1; /* Luke Added */
}

.site-footer {
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 12px;
  /* font-size: 1.6rem; */
  color: #fff;
  color: hsl(0, 0%, 100%);
  background: #1F2539;
  width: 100%;
  position: fixed; /* Luke Added */
  bottom: 0; /* Luke Added */
  border-top: 150px solid #332f2c; /* Luke added */
}

.footer-social {
  width: auto;
  float: left;
  margin-left: 10%;
}

.site-info {
  float: right;
  margin-right: 10%;
  text-align: right;
  letter-spacing: -0.5px;
  width: auto;
  padding-top: 12px;
}

.footer-social .menu-social {
  margin: 0;
}

.footer-social li a:before {
  margin-right: 6px;
  width: 36px;
  height: 36px;
  background: #ececec;
  border-radius: 25px;
  display: inline-block;
  vertical-align: top;
  font-family: 'Fontawesome';
  font-size: 18px;
  line-height: 36px;
  color: #332f2c;
  -webkit-font-smoothing: antialiased;
  content: '\f0d5';
  -o-transition: .25s;
  -ms-transition: .25s;
  -moz-transition: .25s;
  -webkit-transition: .25s;
  transition: .25s;
}

.footer-social li:hover a:before,
.footer-social li:focus a:before,
.footer-social li:active a:before {
  background: #88714d;
  color: #000;
  transform: scale(1.0, 1.0);
}

.footer-social li:nth-child(4) {
  display: none;
}

.footer-social li:nth-child(5) {
  display: none;
}

.footer-widgets {
  width: 100%!important;
}

.footer-widgets .widget {
  float: none;
  width: 100%;
  margin: 0 0 8rem;
  text-align: center;
}

.footer-attribute {
  font-weight: 100;
  font-size: 12px;
  font-family: 'Source Code Pro', monospace;
}

.theme-attribute {
  font-weight: 100;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: 'Source Code Pro', monospace !important;
}

.theme-attribute img {
  margin-bottom: -22px;
  padding: 0 1.5em;
}

.site-footer a {
  letter-spacing: .05em;
  color: #fff;
  color: hsl(0, 0%, 100%);
  font-family: 'Questrial', 'Raleway', sans-serif;
  -webkit-font-smoothing: antialiased;
}


/*--------------------------------------------------------------
 Luke's CSS
--------------------------------------------------------------*/

.menu-main-container a {
  letter-spacing: .025em;
}

::selection {
  background: #ececec; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ececec; /* Gecko Browsers */
}

.site-content {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}

.site-title .blog-logo {
  display: none;
}

#content {
  /* margin-top: 76px; */
  /* Match the height of the Navigation */
}

.section:first-child {
  margin-top: 76px;
  /* Match the height of the Navigation */
}


/* Navigation */

#nav_menu-2 {
  position: fixed;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: right;
  line-height: 0;
  z-index: 9999;
  background-color: white;
}

.nav-logo {
  background-image: url(https://theguidesapp.com/wp-content/uploads/2015/10/insignia_500_black1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60px;
  position: absolute;
  background-color: rgba(255,255,255,0);
  top: 0;
  left: 20%;
  width: 76px;
  height: 76px;
  z-index: 99999;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  transition: all 300ms ease;
}

.nav-logo-shrink {
  background-image: url(https://theguidesapp.com/wp-content/uploads/2014/11/Menu-Logo-Black1.png);
  background-size: 20px;
  height: 36px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}

.menu-main-container {
  margin: 0 auto;
  font-size: 0px;
  margin: 0 0 1.5em;
  display: block;
  position: fixed;
  z-index: 99;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05) !important;
  -moz-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.05) !important;
}

.menu-main-container ul {
  margin: 0 auto;
  font-size: 0px;
  float: right;
}

#menu-main.menu li {
  padding: 0;
  font-size: 14px;
  background-color: #ececec;
  line-height: normal;
}

.menu-main-container ul li ul li {
  -webkit-box-shadow: inset 0px 6px 10px -6px rgba(0, 0, 0, 0.10);
  -moz-box-shadow: inset 0px 6px 10px -6px rgba(0, 0, 0, 0.10);
  box-shadow: inset 0px 6px 10px -6px rgba(0, 0, 0, 0.10);
}

#menu-main.menu li:nth-child(4) {
  background-color: #ddd;
}

#menu-main.menu a {
  display: block;
  margin: 0;
  padding: 30px 30px 30px 30px !important;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

#menu-main.menu a:hover {
  color: #fff;
  background-color: #88714d;
}

#menu-main.menu li:hover {
  color: #fff;
  background-color: #d7d7d7;
}

#menu-main.menu ul li:hover {
  width: 100%;
}

#site-navigation {
  margin-top: 76px !important;
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  z-index: 999999;
}

#menu-main.shrink a {
  padding: 10px 30px 10px 30px !important;
}

#site-navigation.move {
  margin-top: 36px !important;
}

.menu-main-container ul li {
  display: inline-block;
  position: relative;
}

.menu-main-container ul li ul {
  display: none;
}

.menu-main-container ul li:hover ul {
  display: block;
  width: 300px;
  left: 0;
  position: absolute;
  overflow: hidden;
}

.menu-main-container ul li:hover ul li {
  display: block;
  text-align: left;
  border-left: 4px solid black;
}

.menu-main-container .current_page_item > a,
.menu-main-container .current-menu-item > a,
.menu-main-container .current_page_item > a:hover,
.menu-main-container .current-menu-item > a:hover {
  background: #332f2c;
  color: #fff;
}

.menu-main-container .current_page_ancestor {
  background: #332f2c;
  color: #fff;
}

.menu-main-container ul ul .current_page_parent,
.menu-main-container .current_page_parent .current_page_item > a {
  color: #fff;
  background: #332f2c;
}


/* End Navigation */


/* Start Compendium */

.compendium-container {
  padding: 15%;
}

.compendium-icon {
  width: 100px;
  height: 100px;
  border-radius: 15px;
  margin-right: 40px;
  margin-bottom: 40px;
  float: left;
}

.compendium-title {
  display: inline-block;
}

.right-container p {
  font-family: 'Vollkorn', Georgia, serif;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  margin: 0 auto;
  display: inline-block;
  padding: 0;
  line-height: 28px;
}

.left-container {
  width: 48%;
  height: auto;
  float: left;
  margin: 0 auto 60px auto;
  padding: 0 5% 0 5%;
}

.left-container img {
  display: block;
}

.right-container {
  width: 48%;
  float: right;
  margin-bottom: 50px;
  padding-top: 50px;
}

[class*="store-col-"] {
  float: left;
  margin-top: 30px;
}

.store-col-1-3 {
  width: 33.33%;
  padding: 2%;
  text-align: center;
  -o-transition: .25s;
  -ms-transition: .25s;
  -moz-transition: .25s;
  -webkit-transition: .25s;
  transition: .25s;
}

.store-col-1-3 img {
  width: 160px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.1);
}

.store-col-1-3:hover {
  opacity: .8;
}

@media (max-width: 900px) {
  .left-container {
    width: 100%;
    clear: both;
  }
  .left-container img {
    margin: 0 auto;
  }
  .right-container {
    min-width: 100%;
    padding-top: 0px;
  }
  .compendium-container {
    padding: 8%;
  }
}

@media (max-width: 400px) {
  [class*="store-col-"] {
    width: 100%;
  }
}


/* End Compendium */

.required:focus {
  background-color: white;
  border: 1px solid #898684;
  outline: none;
}

.you-landed-mailchimp-form {
  text-align: center;
}

.section-mail {
  height: 300px;
  margin-top: -90px;
}

.section-mail .entry-content .title {
  margin-top: -10px;
}

.section-mail .entry-content .title h1 {
  display: none;
}

.section-image_grid {
  overflow: hidden;
}

.section-image_grid .entry-content {
  margin: -1px;
  padding: 0;
}


/* Begin Responsive Image Grid */

.grid-container {
  width: 100vw;
}

.grid-row {
  width: 100%;
}

.grid-row > * {
  -webkit-transition: all 400ms ease-out;
  -moz-transition: all 400ms ease-out;
  -o-transition: all 400ms ease-out;
  -ms-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}

.grid-row:before,
.grid-row:after {
  content: "";
  display: table;
}

.grid-row:after {
  clear: both;
}

.grid-row {
  *zoom: 1;
}

.grid-col_6 {
  margin-left: 0%;
  margin-right: 0%;
  margin-bottom: 0%;
  float: left;
  display: block;
}

.grid-col_6,
img {
  width: 100%;
}

/* Luke color for Axiom in nav */

#menu-item-272:after {
  content: "";
  margin-top: -5px;
  display: block;
  border-bottom: 5px solid #87704e;
}

#menu-main.shrink #menu-item-272:after {
  margin-top: -3px;
  border-bottom: 3px solid #87704e;
}

/* ------------------------------------------ */

@media only screen and (min-width: 1200px) {
  .grid-col_6 {
    width: 16.66%;
  }
}

@media only screen and (max-width: 1200px) {
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.summary {
    padding-right: 40px;
  }
  .grid-col_6 {
    width: 16.66%;
  }
}

@media only screen and (max-width: 1024px) {}

@media handheld,
only screen and (max-width: 768px) {
  .grid-col_6 {
    width: 33.33%;
  }
}

@media handheld,
only screen and (max-width: 480px) {
  .grid-col_6 {
    width: 50%;
  }
}

@media handheld,
only screen and (max-width: 320px) {
  #grid-container {
    width: 100% !important;
    max-width: 100% !important;
  }
  .grid-col_6 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 0%;
    padding-right: 0%;
  }
}

@media handheld,
only screen and (max-width: 240px) {}

/* End Responsive Image Grid */

.wrap-logo {
  width: 500px;
  height: 326px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: -60px;
  margin-bottom: -60px;
}

.sprite1 {
  width: 500px;
  height: 326px;
  background-image: url('https://theguidesapp.com/_extras/images/logo_sprite.png');
  /*-webkit-animation: play 24s steps(265) infinite;
  -moz-animation: play 24s steps(265) infinite;
  -ms-animation: play 24s steps(265) infinite;
  -o-animation: play 24s steps(265) infinite;
  animation: play 24s steps(265) infinite;*/
}

.sprite2 {
  width: 500px;
  height: 326px;
  background-image: url('https://theguidesapp.com/_extras/images/logo_axiom.png');
  background-size: contain;
}

/*@-webkit-keyframes play {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: 0px -86392px;
  }
}

@-ms-keyframes play {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: 0px -86392px;
  }
}

@-o-keyframes play {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: 0px -86392px;
  }
}

@keyframes play {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: 0px -86392px;
  }
}

@-moz-document url-prefix() {
  .sprite1 {
    background-image: url('https://theguidesapp.com/_extras/images/logo_the_guides.png');
    background-repeat: no-repeat;
    background-size: 64%;
  }
  @-moz-keyframes play {
    from {
      background-position: center;
    }
    to {
      background-position: center;
    }
  }
}*/

#store {
  width: 780px;
  height: 46px;
  margin: 0px auto;
  padding: 20px 60px 0px 60px;
}

#store img {
  width: 160px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 19px 5px rgba(0, 0, 0, 0.1);
}

#store a:hover {
  opacity: .8;
}

.left_store {
  width: 220px;
  float: left;
}

.middle_store {
  width: 220px;
  float: left;
}

.right_store {
  width: 220px;
  float: left;
}

/* for 980px or less */

@media screen and (max-width: 980px) {
  #store {
    width: 660px;
    height: 46px;
    padding: 0px 0px 0px 30px;
  }
  .left_store {
    width: auto;
    padding: 20px 20px 0px 20px;
  }
  .middle_store {
    width: auto;
    padding: 20px 20px 0px 20px;
  }
  .right_store {
    width: auto;
    padding: 20px 20px 0px 20px;
  }
}

/* for 700px or less */

@media screen and (max-width: 720px) {
  #store {
    width: 160px;
    height: auto;
    padding-left: 0px;
  }
  .left_store {
    width: auto;
    float: none;
    padding: 5% 0px;
  }
  .middle_store {
    width: auto;
    float: none;
    padding: 5% 0px;
  }
  .right_store {
    width: auto;
    float: none;
    padding: 5% 0px;
  }
}

.microdot img {
  width: 6px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

.quote {
  font-family: 'printchar21', monospace;
  color: #55514e;
  font-size: 11px;
  line-height: 24px;
  width: 65%;
  margin: auto;
}

.quoteopen {
  width: 100%;
}

.quoteclose {
  width: 100%;
  transform: rotate(180deg);
}

#menu-main.menu li:nth-child(5) {
  position: absolute;
  top: 0px;
  left: 0;
  width: 16px;
  height: 76px;
  z-index: 99999;
  background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0) 2px, #FF2508 2px, #FF2508 4px);
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

#menu-main.menu li:nth-child(5) a,
#menu-main.menu li:nth-child(5) a:hover {
  color: rgba(255,255,255,0);
  background-color: rgba(255,255,255,0);
}

#menu-main.menu.shrink li:nth-child(5) {
  position: absolute;
  top: 0px;
  left: 0;
  width: 0px;
  height: 36px;
  z-index: 99999;
  background: repeating-linear-gradient( 45deg, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0) 2px, #FF2508 2px, #FF2508 4px);
}

@media screen and (max-width: 401px) {
  #menu-main.menu li:nth-child(5) {
    left: 0;
  }
}

.statusBar {
  position: absolute;
  margin: -40px 0px 0px -100px;
  width: 30px;
  height: 250px;
  background-image: url('https://theguidesapp.com/_extras/images/fade.png');
  background-size: 30px 250px;
  background-repeat: no-repeat;
  z-index: 1;
}

.blinkingDot1 {
  position: absolute;
  padding-top: 20px;
  padding-left: 10px;
  font-family: monospace;
  color: #ff2508;
  font-size: 18px;
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 1.50s;
  z-index: 3;
}

.blinkingDotDark1 {
  position: absolute;
  padding-top: 20px;
  padding-left: 10px;
  font-family: monospace;
  color: #000;
  font-size: 18px;
  z-index: 2;
}

.blinkingDot2 {
  position: absolute;
  padding-top: 40px;
  padding-left: 10px;
  font-family: monospace;
  color: #ff2508;
  font-size: 18px;
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 2.75s;
  z-index: 3;
}

.blinkingDotDark2 {
  position: absolute;
  padding-top: 40px;
  padding-left: 10px;
  font-family: monospace;
  color: #000;
  font-size: 18px;
  z-index: 2;
}

.blinkingDot3 {
  position: absolute;
  padding-top: 60px;
  padding-left: 10px;
  font-family: monospace;
  color: #ff2508;
  font-size: 18px;
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 5.25s;
  z-index: 3;
}

.blinkingDotDark3 {
  position: absolute;
  padding-top: 60px;
  padding-left: 10px;
  font-family: monospace;
  color: #000;
  font-size: 18px;
  z-index: 2;
}

@-webkit-keyframes blinker {
  from {
    opacity: 1.0;
  }
  to {
    opacity: 0.0;
  }
}

.comImage {
  width: 26px;
  height: 140px;
  background-image: url('https://theguidesapp.com/_extras/images/com.png');
  background-size: 26px 140px;
  background-repeat: no-repeat;
  margin-left: 2px;
  margin-top: 80px;
  z-index: 2;
}

.not-found {
  text-align: center;
}

.search-form {
  text-align: center;
  padding-bottom: 80px;
}

.search-field {
  width: 200px !important;
}

.error-404 {
  background: #000;
  background-image: url('https://theguidesapp.com/_extras/images/green_screen.png');
  border-top: 10px solid hsla(119, 100%, 49%, .6);
  border-bottom: 10px solid hsla(119, 100%, 49%, .6);
  -webkit-box-shadow: inset 0px 0px 150px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 150px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 150px 0px rgba(0, 0, 0, 0.5);
  -webkit-filter: blur(.5px);
  -moz-filter: blur(.5px);
  -o-filter: blur(.5px);
  -ms-filter: blur(.5px);
  filter: blur(.5px);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  transform: translateZ(0);
  min-height: calc(100vh - 138px - 76px);
  /* 100% height minus header and footer */
}

.error-404 .title {
  padding-top: 60px;
}

.error-404 h1 {
  font-family: 'printchar21', monospace;
  color: #04f900 !important;
  font-size: 24px;
  opacity: .7;
  text-shadow: 0px 0px 15px;
  -webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
  -webkit-animation-duration: 1.50s;
}

.error-404 h2 {
  color: #04f900 !important;
  font-family: 'printchar21', monospace;
  font-size: 14px;
  text-shadow: 0px 0px 15px;
  opacity: .8;
}

.error-404 p {
  color: #04f900 !important;
  font-family: 'printchar21', monospace;
  font-size: 10px;
  text-shadow: 0px 0px 15px;
  opacity: .8;
  padding-bottom: 13px;
}

.error-404 a {
  color: #005600 !important;
  background-color: #04f900;
  opacity: .5;
  font-family: 'printchar21', monospace;
  font-size: 12px;
  padding: 5px 40px 5px 40px;
  box-shadow: 0 0 0 4px hsla(120, 70%, 9%, 1), 0 0 0 6px hsla(119, 100%, 49%, 1);
}

.error-404 a:hover {
  text-shadow: 0px 0px 25px;
  opacity: 1.0;
}

@-webkit-keyframes blinker {
  from {
    opacity: 1.0;
  }
  to {
    opacity: 0.0;
  }
}

/*--------------------------------------------------------------
        Begin Luke's Sticky Footer Reset
--------------------------------------------------------------*/

html {
  position: relative;
  min-height: 100%;
}

body {
  margin: 0 0 138px;
  /* bottom = footer height */
}

footer {
  position: absolute;
  left: 0;
/*   bottom: 0; */
  height: 152px; /* originally 138px */
  width: 100%;
}


/*--------------------------------------------------------------
        End Luke's Sticky Footer Reset
--------------------------------------------------------------*/


.compendium-video {
  border-radius: 4.1%;
}

.description-details {
  width: 100%;
  display: inline-block;
}

.left-description {
  width: 38%;
  float: left;
}

.right-description {
  width: 60%;
  float: right;
}

.left-description p,
.right-description p {
  line-height: 28px;
  -webkit-font-smoothing: antialiased;
}

.left-description li {
  line-height: 28px;
  font-size: 14px;
  font-family: 'Vollkorn', Georgia, serif;
  -webkit-font-smoothing: antialiased;
  list-style-type: none;
  font-weight: 300;
  color: #808080;
}

.left-description li:before {
  content: '•';
  color: #88714d;
  padding-right: 10px;
}

.compendium-chapters li {
  font-family: 'Vollkorn', Georgia, serif;
  font-size: 14px;
  color: #808080;
  -webkit-font-smoothing: antialiased;
}

.compendium-chapters p {
  font-family: 'Raleway';
  text-transform: uppercase;
  color: black;
  font-size: 14px;
  letter-spacing: 1px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 40px;
  border-top: 1px solid #ddd;
  width: 100%;
}

.woocommerce div.product .product_title {
  font-size: 36px;
  word-spacing: 1px;
}

.footer-social .you_landed-social-links-widget {
  float: left;
}

.footer-social-label {
  display: inline-block;
  margin-left: 20px;
  padding-top: 10px;
  height: 36px;
  text-transform: uppercase;
  color: #808080;
  font-size: 14px;
  letter-spacing: .5px;
  font-family: 'Questrial', 'Raleway', sans-serif;
}

.shipping td p {
  line-height: 24px;
  padding-top: 12px;
}

.shipping td a {
  font-family: 'Questrial', 'Raleway', sans-serif;
  letter-spacing: -.25px;
  padding-right: 2px;
}

#shipping_method li label {
  font-family: 'Vollkorn', Georgia, serif;
  font-weight: 100;
  font-size: 15px;
}

#shipping_method label {
  width: 100%;
  display: inline;
}

/*--------------------------------------------------------------
End MAIN CSS // Begin User Defined CSS
--------------------------------------------------------------*/

.site-header {
  background-color: #332f2c
}

.site-branding {
  color: #ececec;
  background-color: #000000
}

.menu-below .site-branding,
.menu-above .site-branding {
  border-color: #000000
}

.site-footer {
  color: #fff;
  background-color: #332f2c;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
  color: #fff;
}

.site-footer a,
.site-footer a:active,
.site-footer a:focus,
.site-footer a:visited {
  color: rgba(255, 255, 255, 0.7)
}

a,
a:visited {
  color: #000000
}

a:hover {
  color: #ff2508
}

a:active,
a.active {
  color: #000000
}

.main-navigation {
  background-color: rgba(51, 47, 44, 0.7);
}

.menu-toggle,
button.menu-toggle,
button.menu-toggle:hover,
button.menu-toggle:active,
button.menu-toggle:focus {
  color: #ececec;
  border-color: #ececec
}

.main-navigation a {
  color: #ececec
}

.main-navigation a:hover {
  color: #332f2c;
  background-color: #ffffff !important
}

.main-navigation a:focus,
.main-navigation a:active,
.main-navigation a.active,
.main-navigation a.active:hover {
  color: #88714d;
  background-color: #000000 !important
}

h1,
.entry-content h1 {
  color: #000000
}

h2,
.entry-content h2 {
  color: #88714d;
  display: inline; /* Luke added */
}

h3,
h4,
h5,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
  color: #1f2539
}

.header-image-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: #332f2c;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: #88714d
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #ff2508
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  background: #88714d
}

#coverage {
  background: #ffffff;
}

.section {
  background-color: #f9f9fa;
}

#section-1.section-image_grid {
  background-color: #f9f9fa;
}

#section-1.section-default {
  background-color: #000;
}

#follow {
  background: #ffffff;
}

/*--------------------------------------------------------------
End User Defined // Begin Video Modal
--------------------------------------------------------------*/

.play {
  width: 60px;
  height: 60px;
  background: #222;
  display: block;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  -webkit-transition: .3s;
  z-index: 2;
}

.play:hover {
  cursor: pointer;
  opacity: 0.8;
  -webkit-filter: blur(.5px);
  filter: blur(.5px);
}

.play:after {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -15px;
  left: 50%;
  margin-left: -6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 20px;
  border-color: transparent transparent transparent #ffffff;
}

.playText {
  font-family: 'printchar21', monospace;
  letter-spacing: 1px;
  font-size: 14px;
  text-align: left;
  padding-left: 60px;
  margin-top: -60px;
  display: inline;
  position: absolute;
  width: 300px;
  height: 60px;
  line-height: 60px;
  text-shadow: 0px 0px 2px;
  z-index: 1;
}

.overlay {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, .8);
  position: fixed;
  z-index: 9999;
  opacity: 0;
  top: 0;
  left: -100%;
  transition: opacity .5s;
  -webkit-transition: opacity .5s;
}

.video-container {
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.close {
  width: 20px;
  height: 20px;
  color: #ececec;
  text-align: center;
  position: absolute;
  right: 0;
  top: -30px;
  background: #555;
  margin: 0 auto;
  border-radius: 50%;
  vertical-align: middle;
  line-height: 16.5px !important;
  transition: .3s;
}

.close:hover {
  color: #000;
  background: #ff2508;
  cursor: pointer;
}

.show {
  opacity: 1;
}

@media only screen and (max-width: 930px) {
  .nav-logo {
    left: 2.5% !important;
  }
}

@media only screen and (max-width: 768px) {
  #menu-main.shrink a {
    padding: 30px 30px 30px 30px !important;
  }
  .nav-logo {
    left: calc(80% - 20px) !important;
  }
  #menu-main.menu li:nth-child(5) {
    display: none;
  }
  .menu-main-container {
    display: none;
    z-index: 100000;
  }
  .menu-main-container li {
    display: block;
    margin: 0;
    width: 100%;
  }
  .menu-main-container,
  .menu-main-container > li,
  .menu-main-container > li > a {
    height: auto;
  }
	
	/* mobile nav background content overlay */
  .menu-main-container {
    position: fixed;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgb(0 0 0 / .85);
	overflow: auto;
  }
	
  .menu-main-container ul li {
    display: block;
  }
  #menu-main.menu li:nth-child(4) {
    border-right: 5px solid black;
  }
  #menu-item-272 {
    border-right: 5px solid #87704e;
  }
  #menu-item-272:after {
    border: none;
  }
  .menu-main-container ul li ul {
    display: block;
  }
  .menu-main-container ul li:hover ul {
    width: 100%;
    position: relative;
  }
  .menu-main-container ul li:hover ul li {
    text-align: right;
    border-left: none;
  }
  #menu-main.menu ul li {
    background-color: white;
  }
  .nav-logo-shrink {
    opacity: 0;
  }
  .toggle {
    cursor: pointer;
    -webkit-touch-callout: none;
    /* Disables OS callout when touching and holding a link */
    -webkit-user-select: none;
    user-select: none;
    top: 0;
    left: 0;
    margin: 0;
  }
  #toggle:checked ~ .menu-main-container,
  .main-navigation ul.menu-main-container,
  .main-navigation div.menu-main-container > ul {
    display: block;
    opacity: 1;
    position: fixed;
    width: 100%;
    text-align: right;
  }
  .toggle:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: black;
    font-family: 'Woocommerce';
    content: '\E032';
    display: block;
    font-size: 12px;
    margin: 12px 0px 0px 30px;
    line-height: 4.4;
    height: 50px;
    width: 50px;
    border-radius: 100px;
    text-align: center;
    background-color: #ececec;
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
  }
  .toggle:hover:after {
    color: white;
    background-color: black;
  }
  #toggle:checked + .toggle:after {
    content: '\E013';
    background-color: #ffffff;
  }
  #toggle:checked + .toggle:hover:after {
    background-color: #000000;
  }
  .woocommerce ul.products li.last,
  .woocommerce-page ul.products li.last {
    padding: 0;
  }
  .entry-content .woocommerce {
    padding: 20px;
  }
  .store-header {
    padding: 40px;
  }
  .woocommerce ul.products li.product .product-info {
    text-align: center;
  }
  .woocommerce ul.products li.product .button {
    width: 100%;
    margin: 2px auto;
  }
  .you-landed-mailchimp-form input {
    width: 300px;
    max-width: 220px;
  }
	
  /* mobile nav line fix when scrolling */
  #menu-item-272:after {
    margin-top: 0px !important;
    border-bottom: 0px solid transparent !important;
  }

  #menu-main.menu li {
     box-shadow: inset 0px 6px 10px -6px rgb(0 0 0 / 10%);
  }
}

/*--------------------------------------------------------------
End Video Modal // Begin Carousel
--------------------------------------------------------------*/

h3.press-quote {
  max-width: 740px;
  height: 120px;
  font-family: 'Playfair Display', Vollkorn, serif;
  font-size: 18px;
  font-weight: 100;
  line-height: 28px;
  font-style: italic;
  text-align: center;
  color: #A5A29C
}

.press-source {
  font-family: 'Source Code Pro', monospace;
  font-size: 14px;
  padding-left: 20px;
  display: inline;
  font-style: normal;
  letter-spacing: -.5px;
  word-spacing: -2px
}

.press-source a {
  letter-spacing: .5px;
  font-size: 16px;
  padding-left: 2px;
  word-spacing: 2px
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity
}

.carousel-fade .carousel-inner .active {
  opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1
}

.carousel-fade .carousel-control {
  z-index: 2
}

#carouselHacked .carousel-control {
  background: 0 0;
  color: #A5A29C;
  text-shadow: none
}

#carouselHacked .carousel-indicators {
  right: 50%;
  top: -40px
}

#carouselHacked .carousel-indicators li {
  border: none;
  background: #D6D3CD;
  margin: 0 8px
}

#carouselHacked .carousel-indicators .active {
  background: #88714d
}

@media (min-width:768px) {
  #carouselHacked {
    margin-bottom: 0;
    margin-top: 30px
  }
  .lead {
    font-size: 21px
  }
}

@media (max-width:768px) {
  #carouselHacked {
    margin-bottom: 80px
  }
  #carouselHacked .carousel-indicators {
    width: 100%;
    margin: 0;
    left: 0
  }
  #carouselHacked .carousel-indicators li {
    display: inline-block;
    margin: 0 4px;
    width: 20px;
    height: 20px
  }
  #carouselHacked .carousel-indicators li.active {
    margin: 0 10px;
    width: 20px;
    height: 20px
  }
  .press-quote {
    width: 80%
  }
}

@media screen and (max-width:600px) {
  h3.press-quote {
    min-width: 90%;
    min-height: 240px
  }
  #carouselHacked {
    margin-bottom: 20px
  }
  #carouselHacked .carousel-indicators {
    bottom: 0
  }
}

.carousel,
.carousel-inner {
  position: relative
}

.carousel-inner {
  width: 100%;
  overflow: hidden;
  margin-top: 60px;
  z-index: 99
}

.carousel-inner>.item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
  line-height: 1
}

@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel-inner>.item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000
  }
  .carousel-inner>.item.active.right,
  .carousel-inner>.item.next {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  .carousel-inner>.item.active.left,
  .carousel-inner>.item.prev {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  .carousel-inner>.item.active,
  .carousel-inner>.item.next.left,
  .carousel-inner>.item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
  display: block
}

.carousel-inner>.active {
  left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
  position: absolute;
  top: 0;
  width: 100%
}

.carousel-inner>.next {
  left: 100%
}

.carousel-inner>.prev {
  left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
  left: 0
}

.carousel-inner>.active.left {
  left: -100%
}

.carousel-inner>.active.right {
  left: 100%
}

.carousel-control {
  position: absolute;
  top: 10%;
  bottom: 0;
  left: 0;
  font-size: 28px;
  color: #fff;
  text-align: center;
  filter: alpha(opacity=50);
  opacity: .5
}

.carousel-control.right {
  right: 0;
  left: auto
}

.carousel-control:focus,
.carousel-control:hover {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif
}

.carousel-control .icon-prev:before {
  content: '\2039'
}

.carousel-control .icon-next:before {
  content: '\203a'
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px
}

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center
}

/* Main Header */

.header-image {
  background: url('https://theguidesapp.com/wp-content/uploads/2014/11/cropped-header_image_00.jpg');
  width: 100vw;
  text-align: center;
  padding-bottom: 10%;
  padding-top: 10%;
  background-size: cover;
}

.header-image2 {
  background: url('https://theguidesapp.com/_extras/images/cropped-header_image_00.jpg');
  width: 100vw;
  text-align: center;
  padding-bottom: 10%;
  padding-top: 10%;
  background-size: cover;
}

h3.header-text {
  font-family: 'Raleway', monospace;
  color: #332F2C;
  font-size: 15px;
  text-shadow: 0px 0px 1px;
  letter-spacing: 5px;
  text-transform: uppercase;
  font-style: normal;
}

h2.header-text {
  font-family: 'Questrial', 'Raleway', monospace;
  color: #332F2C;
  font-size: 24px;
  text-shadow: 0px 0px 1px;
  letter-spacing: 5px;
  text-transform: uppercase;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
}

/* End Main Header */

/* WooCommerce */

.payment_method_paypal label {
  padding-left: 20px; /* Luke Added */
}

.payment_method_simplify_commerce img {
  max-width: 80px !important;
  padding-left: 10px !important;
}

.woocommerce-Price-currencySymbol { font-family: 'Vollkorn', Georgia, serif; }

/* Luke Added */
/* .shop-content {
    margin-bottom: 200px;
} */

.woocommerce .woocommerce-info {
    border-top-color: #88714d !important;
}

.woocommerce .woocommerce-info:before {
    color: #88714d !important;
}

.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-message:before {
    font-family: 'printchar21', monospace !important;
    content: "Ç" !important;
    margin:-3px 0 0 -5px;
}

/* Begin Password */

.shop-content .post-password-form input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px rgba(0, 255, 0, 1) !important;
}

.shop-content .post-password-form {
  background: #000;
  background-image: url("https://theguidesapp.com/_extras/images/green_screen.png");
  border-top: 10px solid hsla(119, 100%, 49%, 0.8);
  border-bottom: 10px solid hsla(119, 100%, 49%, 0.8);
  -webkit-box-shadow: inset 0px 0px 150px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 150px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 150px 0px rgba(0, 0, 0, 0.5);
  -webkit-filter: blur(0.5px);
  -moz-filter: blur(0.5px);
  -o-filter: blur(0.5px);
  -ms-filter: blur(0.5px);
  filter: blur(0.5px);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  transform: translateZ(0);
  min-height: calc(100vh - 138px - 76px);
  margin-bottom: -200px;
  width: 100%;
  display: inline-block;
}

.shop-content .post-password-form p {
  width: 85%;
  margin: auto;
  color: rgba(4, 249, 0, 0.8);
  font-family: "printchar21", monospace;
  font-size: 10px;
  text-shadow: 0px 0px 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px #04f900;
  border-style: dashed solid;
}

.shop-content .post-password-form p:nth-child(2) {
  margin-top: -1px;
}

.shop-content .post-password-form p label {
  font-family: "printchar21", monospace;
  font-size: 10px;
  /*-webkit-animation-name: blinker;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
  -webkit-animation-duration: 1.50s;*/
}

.shop-content .post-password-form p input[type="password"] {
  text-align: center;
  width: 25%;
  min-width: 200px;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #04f900;
  letter-spacing: 1px;
  background-color: #005600;
  border: 0px solid #005600;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  display: inline-block;
  height: 32px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}

.shop-content .post-password-form input[type="password"]:focus {
  color: #005600;
  background-color: #04f900;
  border-color: rgba(0, 255, 0, 1);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(0, 255, 0, 1);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(0, 255, 0, 1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 255, 0, 1);
}

.shop-content .post-password-form input[type="submit"] {
  color: #072807;
  font-family: 'printchar21', monospace;
  padding-left: 12px;
  padding-right: 12px;
  background-color: #005600;
  border: 1px solid #005600;
  border-bottom: 0px solid #005600;
  font-size: 9px;
  height: 32px;
}

.shop-content .post-password-form input[type="submit"]:hover {
  background-color: #04f900;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(0, 255, 0, 1);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(0, 255, 0, 1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 255, 0, 1);
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.shop-content .post-password-form input[type="password"]:active::selection {
  color: #04f900;
  background: #005600;
}
.shop-content .post-password-form input[type="password"]:active::-moz-selection {
  color: #04f900;
  background: #005600;
}

.shop-content .post-password-form ::selection {
  color: #072807;
  background: #04f900;
}
.shop-content .post-password-form ::-moz-selection {
  color: #072807;
  background: #04f900;
}

.shop-content .post-password-form input[type="submit"]:focus {
  outline: none;
  border: none;
}

@-webkit-keyframes blinker {
  from {
    opacity: 1.0;
  }
  to {
    opacity: 0.1;
  }
}

/* Begin Password Error */

.custom-password-wrapper {
  position: absolute;
  width: 100%;
  top: -5px;
  background-color: #3e0c03;
  background-image: repeating-linear-gradient(180deg, #5f0000, #5f0000 2px, #850000 2px, #290505 4px);
  border-left: 48px solid rgba(255, 0, 0, .1);
  border-right: 48px solid rgba(255, 0, 0, .1);
  -webkit-box-shadow: inset 0px 0px 160px 10px #000;
  -webkit-filter: blur(0.5px);
  -moz-filter: blur(0.5px);
  -o-filter: blur(0.5px);
  -ms-filter: blur(0.5px);
  filter: blur(0.5px);
  z-index:1;
  -webkit-animation: slide_animation 1s 1 running forwards;
  -moz-animation: slide_animation 1s 1 running forwards;
  -o-animation: slide_animation 1s 1 running forwards;
  animation: slide_animation 1s 1 running forwards;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  transform: translateZ(0);
}

.custom-password-message {
  position: relative;
  left: 50%;
  margin: 0;
  margin-left: -3em;
  line-height: 80px;
  text-align: left;
  font-family: "printchar21";
  font-size: 10px;
  color: rgba(255, 0, 0, 1);
  -webkit-animation: type 0.5s 1s steps(20, end) forwards;
  -moz-animation: type 0.5s 1s steps(20, end) forwards;
  -o-animation: type 0.5s 1s steps(20, end) forwards;
  animation: type 0.5s 1s steps(20, end) forwards;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
}

.cursor {
  font-family: "printchar21";
  -webkit-animation: blink 1s 2s infinite;
  -moz-animation: blink 1s 2s infinite;
  -o-animation: blink 1s 2s infinite;
  animation: blink 1s 2s infinite;
}

@-webkit-keyframes blink {
  0%    { opacity: 0; }
  40%   { opacity: 0; }
  50%   { opacity: 1; }
  90%   { opacity: 1; }
  100%  { opacity: 0; }
}

@-moz-keyframes blink {
  0%    { opacity: 0; }
  40%   { opacity: 0; }
  50%   { opacity: 1; }
  90%   { opacity: 1; }
  100%  { opacity: 0; }
}

@-o-keyframes blink {
  0%    { opacity: 0; }
  40%   { opacity: 0; }
  50%   { opacity: 1; }
  90%   { opacity: 1; }
  100%  { opacity: 0; }
}

@keyframes blink {
  0%    { opacity: 0; }
  40%   { opacity: 0; }
  50%   { opacity: 1; }
  90%   { opacity: 1; }
  100%  { opacity: 0; }
}

@-webkit-keyframes type {
  to { width: 17em; }
}

@-moz-keyframes type {
  to { width: 17em; }
}

@-o-keyframes type {
  to { width: 17em; }
}

@keyframes type {
  to { width: 17em; }
}

@-webkit-keyframes slide_animation {
  0%    { top: 0px; }
  100%  { top: 75px; }
}

@-moz-keyframes slide_animation {
  0%    { top: 0px; }
  100%  { top: 75px; }
}

@-o-keyframes slide_animation {
  0%    { top: 0px; }
  100%  { top: 75px; }
}

@keyframes slide_animation {
  0%    { top: 0px; }
  100%  { top: 75px; }
}

/* End Password */

/* End WooCommerce */

@font-face {
  font-family: 'printchar21';
  src: url('https://theguidesapp.com/_extras/fonts/printchar21/printchar21-webfont.eot');
  /* IE9 Compat Modes */
  src: url('https://theguidesapp.com/_extras/fonts/printchar21/printchar21-webfont.eot?iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('https://theguidesapp.com/_extras/fonts/printchar21/printchar21-webfont.woff') format('woff'), /* Modern Browsers */
  url('https://theguidesapp.com/_extras/fonts/printchar21/printchar21-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
  url('https://theguidesapp.com/_extras/fonts/printchar21/printchar21-webfont.svg#svgFontName') format('svg');
  /* Legacy iOS */
}

@font-face {
  font-family: 'range';
  src: url('https://theguidesapp.com/_extras/fonts/range/range_light-webfont.eot');
  /* IE9 Compat Modes */
  src: url('https://theguidesapp.com/_extras/fonts/range/range_light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('https://theguidesapp.com/_extras/fonts/range/range_light-webfont.woff') format('woff'), /* Modern Browsers */
  url('https://theguidesapp.com/_extras/fonts/range/range_light-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
  url('https://theguidesapp.com/_extras/fonts/range/range_light-webfont.svg#svgFontName') format('svg');
  /* Legacy iOS */
}

.woocommerce div.product p.stock.out-of-stock {
  line-height: 0;
  color: red;
}

.woocommerce div.product p.stock.in-stock {
  color: #6ca464;
}

.woocommerce ul.products li.product.instock .button {
  border-left: 5px solid #6ca464;
}

.woocommerce ul.products li.product.instock .button:hover {
/* background-color: rgb(171 171 171); */
  border-left: 5px solid #6ca464;
  background-color: #6ca464;
}

.woocommerce ul.products li.product.outofstock .button {
  border-left: 5px solid red;
}

/* padding on bottom of product page */
.woocommerce ul.products:last-of-type {
  padding-bottom: 100px !important;
}

.payment_method_woocommerce_payments label {
  padding-bottom: 12px;
  display: inline-block;
}

.wc_payment_method.payment_method_woocommerce_payments {
  border-bottom: 1px solid #d3ced2;
}

#shipping_method.woocommerce-shipping-methods input {
  margin-right: 10px;
}

/* credit card image fix */
.wc_payment_method.payment_method_paypal img {
  margin-top: 0px !important;
}

.woocommerce-shipping-destination strong {
  font-family: 'Questrial', sans-serif;
  color: #88714d;
}

form.woocommerce-form.woocommerce-form-track-order.track_order {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.checkout-button.button.alt.wc-forward {
  padding: 14px;
  border-radius: 5px;
}

.checkout-button.button.alt.wc-forward:hover {
  padding: 14px;
  background-color: #6ca464;
}

.woocommerce-shipping-calculator {
  padding-top: 6px;
  border-top: 1px solid #ebe9eb;
  font-size: 80%;
}

.shipping-disclaimer p {
  padding-top: 18px;
  letter-spacing: 0;
}

.wpforms-submit {
    max-width: 150px;
    margin: 0 auto;
    display: block;
    font-family: 'Khand';
}

.wpforms-field {
  font-family: 'Source Code Pro', monospace;
}

.wpforms-field :focus {
    background-color: white;
    border: 1px solid #898684;
    outline: none;
}

.wpforms-field :focus::placeholder {
    color: #aeaeae;
}

.wpforms-submit-spinner {
  width: auto;
  padding-top: 18px;
  margin: 0 auto !important;
  display: block;
}

.wpforms-confirmation-container {
  background-color: rgb(108 164 100 / .15);
  outline: solid 2px rgb(108 164 100 / .5);
}