/*
Theme Name: tld
Theme URI: http://underscores.me/
Author: LoudNoises
Author URI: http://www.loudnoises.us/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tld
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.

tld is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Accessibility
# Content
    ## Posts and pages
	## Asides
	## Comments
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 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: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-size: 0.875rem;
	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. */
}

/*--------------------------------------------------------------
# Nav
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## 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;
}

/* card display */

.card {
  position: relative;
  overflow: hidden;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  }

.card .card-title {
background: rgba(255,255,255,.8);
}

.card .card-image .card-title {
padding: 0px 20px 20px;
}

.card a {
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
text-transform: none;
}

.card-title h1.entry-title {
font-size: 2.2rem;
text-transform: none;
line-height: 2.8rem;
margin: 1.8rem 0 1rem 0;
}

.card-title .entry-meta {
  font-size: 1.3rem;
}

.card .card-content p {
  margin: 0;
  margin-bottom: 20px;
  font-size: 1.1rem;
  color: #666;
}

.card-content ul {
	margin: 0;
}

/* Content */

.card .card-title, .card .card-title a {
	color: #1976d2;
}

.card a:hover {
  color: #64b5f6;
}

.card-action {
background: #e3f2fd;
}

.card a {
  color: #039be5;
  margin-right: 0;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
  text-transform: uppercase;
}

@media screen and (max-width: 568px) {

.card .card-image .card-title {
  position: relative;
  bottom: 0;
  left: 0;
  padding: 0;
	}

h1.entry-title {
  font-size: 2.0rem;
  text-transform: none;
  line-height: 2.4rem;
  padding: 0 1.2rem;
	}


}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .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%;
}

button {
	border: none;
}

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

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## 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;
}

/*--------------------------------------------------------------
## Forms
--------------------------------------------------------------*/

select {
	display: inherit;
	-webkit-border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>");
	background-color: white;
	background-repeat: no-repeat;
	background-position: right 10px top 15px;
	background-size: 16px 16px;
	text-indent:6px;
}

select:focus {
	outline: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.gform_wrapper label.gfield_label {
  font-weight: 700;
}
.gform_wrapper textarea.medium {
	height: 160px;
	border: 1px solid #9e9e9e;
}
.gfield_label, .gform_wrapper .top_label label.gfield_label {
	color: #50565E;
	font-size: 1rem;
	line-height: 1.7rem;
}

.gform_footer {
	text-align: right;
}

.gform_button {
	background-color: #577DA3;
	width: 180px;
	padding: 1em;
	border: none;
	color: white;
}

.gform_button:hover {
	background-color: #6490BD;
}

.gform_wrapper input,
.gform_wrapper textarea {
	transition: background 0.2s linear;
	text-indent: 10px;
}
.gform_wrapper input:focus,
.gform_wrapper textarea:focus {
	background: rgba(252, 170, 103, 0.05);
}

.required {
	color: #FCAA67;
	font-weight: bold;
}

/*--------------------------------------------------------------
## Custom Styles
--------------------------------------------------------------*/

/*body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    overflow: hidden;
}*/

/* Buttons */


html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	height: 100%;
	background-color: rgb(232, 234, 236);
	background-color: #F3F0ED;
	background-color: rgba(238,240,237,1);
	color: #50565E;
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 400;
	overflow-y: auto;
	-webkit-font-smoothing: antialiased;
}

.btn {
	height: 46px;
	font-size: 14px;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 800;
	line-height: 46px;
	box-shadow: none;
}

.btn.btn-home-tab {
	margin-top: 3em;
	background-color: #9EC47C;
}

.btn,
input[type="submit"] {
	transition: all 0.2s ease;
}

body {
	height: 100%;
	/*position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
overflow: hidden;*/
}

#content {
	width: auto;
	/*overflow-y: auto;
	overflow-x: hidden;*/
	webkit-overflow-scrolling: touch;
}

#page {
	position: relative;
	height: 100%;
}

header#masthead nav {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

/* Navigation */

nav {
	box-shadow: none;
	text-shadow: 2px 2px rgba(60,60,60,0.04);
}

#sidenav-overlay {
	z-index: 1;
}

.single nav,
.home.page nav {
	background-color: transparent;
}

.archive nav,
.page nav,
.blog nav,
.error404 nav,
.single-cc_product nav {
	background-color: rgba(87,81,104,1);
}

.nav {
	position: relative;
	color: #fff;
	background-color: #64b5f6;
	width: 100%;
	height: 56px;
	line-height: 56px;
	overflow: hidden;
	z-index: 2;
}

.nav-wrapper .brand-logo {
	line-height: 66px;
	font-size: 1.4rem;
}

nav ul li {
	background-color: transparent;
	transition: background-color 0.2s ease-in-out;
	font-weight: 500;
	letter-spacing: -0.3px;
}

nav ul li:hover, nav ul li.active {
	background-color: rgba(255,255,255,0.3);
}

.current_page_parent a, .current_page_item a {
	border-bottom: 3px solid rgb(252, 170, 103);
	margin: 0 15px;
	padding: 0 0px;
	transition: all 0.2s ease;
}

.current_page_parent:hover a, .current_page_item:hover a {
	margin: 0 0px;
	padding: 0 15px;
}

/* Mobile Menu */

#mobile-nav {
	background-color: rgba(238,240,237,1);
}

li.mobile-header p {
	font-family: "Hoefler Text A", "Hoefler Text B";
	font-weight: 800;
	text-align: center;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.side-nav li {
	padding: 0;
}

.side-nav li.current_page_parent:hover, .side-nav li.current_page_item:hover {
	background-color: transparent;
}

#mobile-nav .current_page_parent a, #mobile-nav .current_page_item a {
    background: white;
    padding: 0 15px;
    border-bottom: 3px solid hsla(100,9%,81%,1);
		margin: 0;
}

#mobile-nav .current_page_parent:hover a, #mobile-nav .current_page_item:hover a {
	padding: 0 15px;
	margin: 0 10px;
}

/* General Styles */

.container {
	padding: 0 .5rem;
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}

.m-container nav {
  color: #fff;
  background-color: transparent;
  width: 100%;
  height: 56px;
  line-height: 56px;
  overflow: hidden;
  box-shadow: 0 0 0;
}

.site-branding {
  padding: 20px 30px;
}

.brand-logo {
	font-family: ThoughtBlack;
	font-weight: normal;
	font-style: normal;
	text-shadow: 2px 2px rgba(90,90,90,0.02);
}

h1, h2, h3, h4, h5, h6 {
	text-rendering: optimizeLegibility;
	font-family: "Hoefler Text A", "Hoefler Text B";
	font-style: normal;
	font-weight: 400;
	color: #636971;

}

h1 {
	font-size: 3.2rem;
	line-height: 3.8rem;
	margin: 2.1rem 0 1.2rem 0;
	text-shadow: 2px 2px rgba(90,90,90,0.02);
}

hr {
	border-top: 1px solid rgb(184, 184, 184);
}

*:focus {
	outline: none;
}

.desktop,
.tablet {
	display: none;
}

.single-post .entry-header h1 {
	color: white;
	rgba(0,0,0,0.15) 0 1px 3px;
	letter-spacing: 0.5px;
	font-weight: 700;
}

.page .entry-header h1 {
	text-align: center;
	line-height: 1.25em;
	max-width: 700px;
	margin: 0 auto;
}

h1.site-title {
	margin: 1rem 0;
	font-size: 3em;
	font-family: "Hoefler Text A", "Hoefler Text B";
	font-style: normal;
	font-weight: 700;
}

h2.site-description {
	font-size: 2.0rem;
	line-height: 2.4rem;
	margin: 1rem 0 1.424rem 0;
	font-weight: 300;
	}

h2 {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-weight: 800;
	font-size: 1.6rem;
  line-height: 2.55rem;
  margin: 1.78rem 0 1.3rem 0;
	color: #5A5B6F;
	letter-spacing: -1px;
}

.page-template-default h2 {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-weight: 700;
	font-size: 1.8rem;
	margin-top: 0;
	margin-bottom: 0.3em;
	clear: both;
}

.page-template-default h2 + p {
	margin-top: 0;
}

.page-template-default p + h2,
.page-template-default ul + h2,
.page-template-default ol + h2 {
	margin-top: 1.2em;
}

.page-template-default h2,
.blog-post-item h2 {
	height: 4em;
}

h3 {
  font-size: 2.92rem;
  line-height: 3.212rem;
  margin: 1.46rem 0 1.168rem 0;
	color: #5A5B6F;
	letter-spacing: -0.5px;
}

.page-template-default h3 {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-size: 1.4rem;
	font-weight: 500;
	border-left: 3px solid #B8B8B8;
	padding-left: 20px;
	line-height: 2.55rem;
	margin-top: 2.1em;
}

h4 {
  font-size: 2.28rem;
  line-height: 2.508rem;
  margin: 1.14rem 0 0.912rem 0; }

h5 {
  font-size: 1.64rem;
  line-height: 1.804rem;
  margin: 0.82rem 0 0.656rem 0; }

h6 {
  font-size: 1rem;
  line-height: 1.1rem;
  margin: 0.5rem 0 0.4rem 0; }

p strong {
	font-weight: 800;
}

.single-post header.entry-header,
.page-template-template-lead-magnet header.template-header,
.page-template-template-lead-magnet-no-nav header.template-header {
	height: 90%;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 0;
	min-height: 25em;
	max-height: 65em;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.page-template-template-lead-magnet header.template-header,
.page-template-template-lead-magnet-no-nav header.template-header {
	margin-top: 56px;
	overflow: visible;
}

.col.primary-newsletter-landing-page {
	padding: 0;
}

.hero-content {
	padding-left: 2rem;
	padding-right: 2rem;
	position: absolute;
	top: 50%;
	right: 0;
	bottom: auto;
	left: 0;
	width: auto;
	height: auto;
	-webkit-transform: translate3d(0, -50%, 0px);
	-moz-transform: translate3d(0, -50%, 0px);
	-ms-transform: translate3d(0, -50%, 0px);
	-o-transform: translate3d(0, -50%, 0px);
	transform: translate3d(0, -50%, 0px);
	text-align: center;
	z-index: 1;
}

.home .hero-content {
	top: 85%;
}

.meta-info {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	position: absolute;
	top: auto;
	right: 0;
	bottom: 3.25em;
	left: 0;
	width: auto;
	height: auto;
	text-align: center;
	color: #fff;
	z-index: 1;
	text-shadow: 2px 2px rgba(60,60,60,0.07);
}

.meta-info a {
	color: #fff;
}

.meta-info a:hover {
	text-decoration: underline;
}

span.post-cat,
span.post-date {
	display: inline-block;
}

span.post-cat {
	margin-right: 1em;
}

span.post-date {
	margin-left: 1em;
}

/* Content */

.entry-content {
	margin: 0;
}

p, .entry-content ol, .entry-content ul, .home-tabs ul, .home-tabs ol {
	font-size: 16px;
	line-height: 27px;
	color: #50565E;
}

.entry-content ol li, .entry-content ul li, .home-tabs ul li, .home-tabs ol li {
	margin-bottom: 1rem;
	line-height: 1.65rem;
	margin-left: 1.5rem;
	font-size: 16px;
	line-height: 27px;
}

.home-tabs ol li, .home-tabs ul li {
	font-weight: 300;
}

.entry-content ol, .entry-content ol li, .home-tabs ol li {
	list-style: decimal;
}

.entry-content ul, .entry-content ul li, .home-tabs ul li {
	list-style: disc;
}

img.aligncenter, figure.wp-caption.aligncenter {
	/*margin-left: -350px;*/
	/*margin-right: 30px;*/
	/*float: left;*/
	/*max-width: 560px;*/
	height: auto;
	max-width: 100%;
	margin: 0;
}

figure.wp-caption.aligncenter img {
	width: 100%;
	max-width: 100%;
	height: auto;
	box-shadow: none;
}

.wp-caption .wp-caption-text {
	margin: 0;
}

figcaption.wp-caption-text {
	background: white;
	padding: 1em;
}

a:not(nav a) {
	color: #577DA3;
	border-bottom: 0px solid #577DA3;
	transition: all 0.2s ease;
}

a:not(nav a):hover {
	border-bottom: 3px solid #577DA3;
}

.entry-content a,
#comments a {
	color: #577DA3;
	border-bottom: 2px solid #577DA3;
	transition: all 0.1s ease;
}

.entry-content a:not(.btn):hover,
#comments a:hover {
	border-bottom: 4px solid #577DA3;
}

.row .bio-blurb {
	border-bottom: 1px solid rgb(184, 184, 184);
	margin-top: 30px;
	padding-bottom: 0;
}

.row .col.no-pad {
	padding-left: 0;
	padding-right: 0;
}

.bio-blurb .row {
	margin-bottom: 8px;
}

.bio-blurb img {
	width: 100%;
	max-width: 87px;
	max-height: 100%;
	margin: 0 auto;
	display: block;
}

.bio-blurb .author p {
	text-align: center;
	font-weight: 600;
}

.bio-blurb .blurb p {
	margin-top: 0;
	font-size: 14px;
	line-height: 24px;
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: italic;
	font-weight: 400;
}

.bio-blurb .blurb p:first-of-type {
	font-weight: 300;
}

.author-profile-pic {
	border-radius: 50%;
}

.blurb p.author-name {
	font-family: ThoughtBlack;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
}
h6.share {
	font-size: 18px;
	font-weight: 800;
	-webkit-font-smoothing: initial;
}

/* Video Stuff */

video {
  width: 100%    !important;
  height: auto   !important;
}

.aspect-ratio {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.aspect-ratio iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.col.video-embed {
	padding: 0;
}

/* Share icons */

.row .post-social {
	font-size: 24px;
	padding: 0;
	text-align: center;
}

h6.share {
	margin-top: 1.3rem;
}

.post-social a {
	margin-top: 0.2em;
	margin-right: 0.3em;
}

.post-social a:last-of-type {
	margin-right: 0;
}

.fa {
	vertical-align: text-top;
}

.fa-twitter {
	color: #55eeee;
}

.fa-facebook-official {
	color: #3B5998;
}

.fa-pinterest-p {
	color: #bd081c;
}

.fa-instagram {
	color: #3f729b;
}

.fa-youtube {
	color: #cd201f;
}

.fa-envelope {
	color: #577DA3;
}

.post-social span[class*="_button_pin"] {
	height: 28px !important;
	width: 30px !important;
	background-size: 24px 29px !important;
	background-position: 0 3px !important;
}

/* End of post author bio */
.end-post-author-bio {
	position: relative;
	margin-top: 3em;
}

.end-post-author-bio .line {
	border-bottom: 1px solid rgb(184, 184, 184);
	position: absolute;
	top: 70px;
	left: 0;
	right: 0;
	bottom: auto;
}

.img-container {
	width: 92px;
	height: 92px;
	margin: 0 auto;
	padding: 5px;
	border-radius: 50%;
	border: 1px solid rgb(184, 184, 184);
	position: relative;
	z-index: 1;
	background-color: rgb(232, 234, 236);
}

.img-container img {
	max-width: 100%;
	max-height: 100%;
}

.end-post-author-bio p {
	text-align: center;
	margin: 0;
}

.end-post-author-bio .author {
	font-family: "Hoefler Text A", "Hoefler Text B";
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	margin-top: 8px;
	margin-bottom: 1px;
	-webkit-font-smoothing: initial;
}

.end-post-author-bio p:last-of-type {

}

.broken_link, a.broken_link {
	text-decoration: none !important;
}
/*.entry-header img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}*/

/* Email CTA */

.email-subscription {
	background-color: #F4F5F7;
	padding: 1.6em 1.6em 1.5em;
	margin-top: 3em;
	box-shadow: 0 0 10px 0 rgba(200,200,200,.1);
}

.email-subscription h3 {
	color: #505168;
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 0.5em;
	font-weight: 800;
	-webkit-font-smoothing: initial;
}

.wrapper {
    font-family:'arial', sans-serif;
}
input.icon::-webkit-input-placeholder {
    font-family:'FontAwesome';
}
.email-subscription button {
	background-color: #9EC47C;
	color: #ffffff;
	width: 180px;
	box-shadow: none;
	display: none;
	letter-spacing: -0.2px;
}

.email-subscription button:hover {
	background-color: #94BA72;
	box-shadow: none;
}

.email-subscription ::-webkit-input-placeholder,
.book-promo ::-webkit-input-placeholder {
   color: #9394A0;
}

.email-subscription :-moz-placeholder,
.book-promo :-moz-placeholder { /* Firefox 18- */
   color: #9394A0;
}

.email-subscription ::-moz-placeholder,
.book-promo ::-moz-placeholder {  /* Firefox 19+ */
   color: #9394A0;
}

.email-subscription :-ms-input-placeholder,
.book-promo :-ms-input-placeholder {
   color: #9394A0;
}

.lp-form ::-webkit-input-placeholder,
.lp-form :-moz-placeholder,
.lp-form ::-moz-placeholder,
.lp-form :-ms-input-placeholder {
	color: #41424f;
}



/* End of Post CTA */

#post-cta {
  background:  #E1E3E6;
  position: relative;
  min-height:  300px;
  margin-top:  5rem;
  padding:  2rem 3rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#post-cta h2 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  text-align:  center;
  color: white;
  font-family: "Hoefler Text A", "Hoefler Text B";
  font-style: normal;
  font-weight: 400;
  font-size: 3.2rem;
  line-height: 3.8rem;
  text-shadow: 2px 2px rgba(90,90,90,0.02);
  letter-spacing: 0.5px;
  font-weight: 700;
}

#post-cta span {
  border: 1px solid white;
  color:  white;
  padding:  1rem;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-shadow: -4px -4px 0px orange, 4px 4px white;
  box-shadow: -4px -4px 0px orange, 4px 4px white;
  margin-bottom: 1rem;
}

.cta__content {
  max-width: 780px;
  margin-bottom:  1rem;
}

.cta__content p,
.cta__content ul,
.cta__content ol,
.cta__content li,
.cta__content span  {
  color:  white;
}

.btn--post-cta {
  background-color:  rgb(252, 170, 103);
}

.btn--post-cta:hover {
  background-color:  rgba(239, 157, 90, 1);
}

/* Comments */

#comments {
	margin-top: 6em;
}

.comment {
	margin-bottom: 4.5em;
}

.comments-header {
	font-family: "Hoefler Text A", "Hoefler Text B";
	font-style: normal;
	font-weight: 800;
	font-size: 50px;
	text-align: center;
	margin-bottom: 1em;
}

.comment-list .comment {
	list-style-type: none;
}

img.avatar {
	border-radius: 50%;
	float: left;
	border: 1px solid rgb(184, 184, 184);
	padding: 6px;
	width: 76px;
	height: 76px;
}

.comment-body .author-name {
	display: block;
	margin: 0 0 20px 71px;
	border-bottom: 1px solid rgb(184, 184, 184);
	padding-bottom: 11px;
	padding-left: 15px;
	line-height: 29px;
	padding-top: 17px;
}

.comment-body p {
	margin-left: 86px;
}

.comment-footer span.date {
	margin-left: 86px;
	font-size: 12px;
	color: #8D9299;
}

.reply {
	float:right;
}

a.comment-reply-link {
	color: #8D9299;
}

h3#reply-title {
	display: none;
}

.comment h3#reply-title {
	display: block;
	font-weight: 700;
}

a#cancel-comment-reply-link {
	float:right;
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
}

.comment-notes {
	display: none;
}

#commentform {
	padding: 14px 24px 76px;
	margin-bottom: 100px;
	border: 1px solid rgb(184, 184, 184);
}

input,
textarea {
	text-indent: 0;
	border-color: rgb(184, 184, 184) !important;
}

input:focus,
textarea:focus {
	border-color: #FCAA67 !important;
}

#commentform textarea {
	height: 150px;
	margin-top: 10px;
	border: none;
	border-width: medium medium 1px;
	border-style: none none solid;
}


.comment #respond {
	margin-left: 86px;
}

textarea:focus {
	outline: none;
}

input[type="text"]:focus:not([readonly]),
input[type="password"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]),
input[type="url"]:focus:not([readonly]),
input[type="time"]:focus:not([readonly]),
input[type="date"]:focus:not([readonly]),
input[type="datetime-local"]:focus:not([readonly]),
input[type="tel"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]),
input[type="search"]:focus:not([readonly]),
#commentform textarea:focus:not([readonly]) {
  border-bottom: 1px solid #FCAA67;
  box-shadow: 0px 1px 0px 0px #FCAA67;
}

input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #FCAA67;
}
#commentform .input-field label {
	left: 0;
}

#commentform .input-field label.active {
	transform: translateY(-100%);
}

#commentform .btn {
	background-color: #577DA3;
}

/* Adjacent Posts */

#cooler-nav {
		margin-top: 5rem;
		margin-bottom: 5rem;
}

a.adjacent-post-box .adjacent-post-title {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	right: 0;
	bottom: auto;
	width: auto;
	height: auto;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	text-align: center;
	color: white;
	font-family: "Hoefler Text A", "Hoefler Text B";
      font-style: normal;
      font-weight: 400;
	font-size: 3.2rem;
      line-height: 3.8rem;
      text-shadow: 2px 2px rgba(90,90,90,0.02);
	letter-spacing: 0.5px;
	font-weight: 700;
}

.adjacent-indicator {
	text-shadow: 2px 2px rgba(90,90,90,0.02);
	position: absolute;
	top: 5%;
	bottom: auto;
	width: auto;
	height: auto;
	color: white;
	font-size: 20px;
	line-height: 30px;
}

.adjacent-indicator.prev {
	left: 5%;
	right: auto;
}

.full .adjacent-indicator.prev {
	left: 2%;
	right: auto;
}

.adjacent-indicator.next {
	left: auto;
	right: 5%;
}

.nav-box {
	width: 100%;
	height: 90%;
	overflow: hidden;
	position: relative;
	z-index: 0;
	min-height: 25em;
	max-height: 65em;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.nav-box.full {
	width: 100%;
}

.nav-box img {
	width: 100%;
}

/* Page Styles */

.page h1 {
	color: #525365;
	font-size: 3.4em;
}

.page .entry-header,
.single-cc_product .entry-content,
.error404 .page-header {
	margin-top: 7.0em;
	margin-bottom: 2em;
}

.page .entry-title,
.error404 h1 {
	font-size: 3.2rem;
	letter-spacing: -0.5px;
	font-weight: 600;
}

.page ul {
	font-weight: 300;
}

/*svg #bg-mask, svg #book-inner {
	fill: #C19C98;
}*/

.resources-image img {
	max-width: 100%;
	display: none;
}

.row .col.resources-text {
	padding-left: 10px;
}

.image-left-text p:first-of-type {
	margin-top: 0;
}

.page p {
	font-weight: 300;
}

.resources-text p:last-of-type {
	border-bottom: 1px solid #D1D1D2;
	padding-bottom: 2em;
}

/* Blog Posts Page */


/* Archive Styles */

.archive .page-header,
.blog .page-header {
	margin-top: 7.9em;
	padding-top: -0.1em;
	padding-bottom: 1em;
}

.archive h1 {
	font-weight: 700;
}

.archive-item {
	background: white;
	box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.0);
	transition: 0.3s;
}

.archive-item:hover {
	box-shadow: 0 8px 12px rgba(0,0,0,0.12);
}

.archive h2,
.home .archive-meta h2,
.blog .archive-meta h2 {
	font-size: 1.5rem;
	margin: 0;
	padding: 0;
	padding: 14px 16px 0;
	display: inline-block;
	line-height: 1.25em;
	font-weight: 600;
	color: #6f6783;
	letter-spacing: -1.2px;
}

.archive-item img {
	width: 100%;
	height: auto;

}

.archive-date {
	padding: 0 16px 16px;
	font-size: 12px;
	color: #50565E;
}

/* Pagination Styles */

.pagination {
	background-color: white;
}

.wp-pagenavi {
	text-align: center;
	background-color: white;
	margin-top: 2rem;
	margin-bottom: 3rem;
	height: 54px;
	vertical-align: middle;
}

.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .last {
	padding: 0px 17px;
  display: inline-block;
  font-size: 1.5em;
  line-height: 3.6rem;
}

.wp-pagenavi a.page {
	color: #847c98;
}

.previouspostslink,
.nextpostslink {
	background-color: #9EC47C;
	color: white;
	height: 54px;
	width: 54px;
	text-align: center;
	font-size: 2em;
	line-height: 3.9rem;
}

.previouspostslink {
	float: left;
}

.nextpostslink {
	float: right;
}

/* Books Page Styles */

.books-left-col {
	width: 250px;
	padding: 0px 20px 0px 30px;
	margin: 0 auto;
}

.books-right-col {
	padding: 0px 30px 0px 20px;
}

hr.clear-both {
	clear: both;
}

.order-links a {
	padding: 1em 0.7em;
	display: inline-block;
}

.order-links a:first-of-type {
	padding-left: 0;
}

.order-today,
.order-today p {
	font-weight: 600;
}

/* Home Styles */

.hero {
	background: #1d2937;
	color: #fff;
	text-align: center;
	height: 100%;
	max-height: 500px;
	position: relative;
	line-height: 55px;
}

.hero-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background: #1d2937;
	background-position: center center;
	background-repeat: no-repeat;
}

.hero-image.hero-image-home {
	background-size: cover;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==), url('images/home-page-image-1440.jpg');
	background-position: center 42%;
}

.hero-content h1,
.hero-content p {
	color: white;
}

.home .hero-content h1 {
	font-size: 6.9vw;
	text-align: center;
	/*font-family: "Gotham SSm A", "Gotham SSm B";*/
	font-weight: 500;
	letter-spacing: -0.5px;
	line-height: 9.6vw;
	max-width: 530px;
	margin-left: auto;
	margin-right: 0;
	margin-top: 0;
	text-shadow: 1px 1px rgba(90,90,90,0.7);
}

.home-post:nth-child(odd) {
	clear: left;
}

h2.home-section-intro {
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-weight: 800;
	margin: 2.1em 0 0;
	font-size: 1.8rem;
	text-align: center;
}

.home-posts .s12 {
	padding: 0;
}

.book-promo {
	text-align: center;
}

.book-promo h2 {
	margin: 2rem 0 1rem;
}

.book-promo p {
	max-width: 530px;
	margin: 2rem auto;
	font-weight: 500;
}

.book-promo .btn {
	background-color: #577DA3;
}

.book-promo img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

.book-promo input[type="email"] {
	line-height: 56px;
}

.row .home-social {
	text-align: center;
	border-top: 1px solid rgb(195, 196, 202);
	border-bottom: 1px solid rgb(195, 196, 202);
	padding: 12em 0em;
	background: white;
	margin-top: 5em;
	background-size: cover;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==), url('images/lavander.jpg');
	background-position: center 0%;
	background-attachment: fixed;
}

.home-social h2 {
	font-size: 2.5rem;
	color: white;
	text-shadow: 2px 2px rgba(90,90,90,0.2);
}

.home-social i {
	font-size: 3rem;
	padding: 2rem 3rem;
	color: white;
	text-shadow: 2px 2px rgba(90,90,90,0.2);
}

.home-tabs {
	display: none;
}

div.tldtabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div.tldtabs div {
	background: white;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	width: 170px;
	max-width:30%;
	height: 68px;
	font-weight: 800;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 10px;
	margin-right: 5px;
}

div.tldtabs div.current:before {
	background-color: #fff;
	content: "";
	height: 10px;
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
}

div.tldtabs div.current{
}

.tab-content{
	display: none;
	background: white;
	padding: 15px;
	margin-bottom: 3em;
}

.tab-content.current{
	display: inherit;
}

.about-tab > div:first-of-type {
	padding-right: 4%;
}

.about-tab h2, .books-tab h2, .classes-tab h2 {
	font-family: "Hoefler Text A", "Hoefler Text B";
	font-weight: 800;
	margin-top: 0.3em;
}

.about-tab img {
	margin-top: 3.5em;
	padding-left: 4%;
	max-width: 100%;
	margin-bottom: 0.6em;
}

.books-tab div {
	text-align: center;
}

.books-tab img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.books-tab .row {
	margin-bottom: 0;
}

.books-tab .col.m3 {
	width: 22%;
	margin-right: 4%;
}

.books-tab .row:nth-child(3) .col.m3 {
	padding-top: 3em;
	background-color: #EEF6E9;
}

.books-tab .col.m3:last-of-type {
	margin-right: 0;
}

.books-tab .row:first-of-type p {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 1.3em;
	font-weight: 600;
	margin-bottom: 0;
	font-size: 1.6rem;
	padding-bottom: 0;
	line-height: 2.1rem;
}

/* Footer */

.site-footer {
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.site-footer nav {
	background-color: transparent;
	height: 40px;
	line-height: 40px;
}

.site-footer nav ul li {
	color: #50565E;
}

.site-footer nav ul a {
	color: #50565E;
	display: inline-block;
}

#masthead nav ul a {
	font-weight: 300;
}

.site-footer .fa {
	color: #50565E;
	font-size: 2.2em;
}

.menu-footer-menu-container {
	display: inline;
}

#menu-footer-menu {
	display: inline;
}

.contact-link {
	display: inline;
}

.footer-links {
	text-align: center;
}

.site-footer nav ul li {
	float: none;
	display: inline;
}

.site-footer nav a {
	font-size: 2.6vw;
	padding: 0 2vw;
}

.site-footer p.footer-logo {
	text-align: center;
	font-size: 2.2rem;
	text-align: center;
	font-family: ThoughtBlack;
	margin-top: 8rem;
	margin-bottom: 6rem;
}

.site-footer p a {
	color: #50565E;
}

.site-footer p.copyright-credits-disclaimer {
	text-align: center;
	font-size: 0.8em;
	line-height: 24px;
}

.site-footer p.copyright-credits-disclaimer a {
	color: #577DA3;
}

ul.footer-social {
	margin-top: 0.5em;
}

/* Search Overlay */

.overlay {
    background: rgba(0,0,0, 0.85);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    display: none;
    padding: 2.2em;
}

.overlay .search-help {
	color: white;
	font-size: 2em;
	margin: 0 0 0.5em;
	line-height: 1.3em;

}

.close-this {
	color: white;
	font-size: 3em;
	float: right;
}

.overlay .addsearch {
	display: none;
	background-color: transparent;
	outline: none;
	border: none;
	font-size: 2em;
	color: white;
}

/* Book & Class Detail Pages */

.book-detail-image img,
.class-detail-image img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.book-detail-content h2,
.class-detail-content h2 {
	margin-top: 0.5rem;
}

.book-pull-quote p,
.class-pull-quote p {
	font-style: italic;
	font-size: 1rem;
}

.class-pull-quote h4 {
	font-family: "Gotham SSm A", "Gotham SSm B";
  font-weight: 600;
  font-size: 1.5em;
  line-height: 1.2em;
}

.look-inside {
	width: 180px;
	margin: 1em auto 0;
	display: none;
	background-color: #FCAA67;
}

/****** Cart66 Styles ******/

.cc-gallery,
.cc-gallery-product-image {
	float: none;
}

.cc-gallery-product-image img {
	width: 100%;
	height: auto;
}

.cc-gallery-product-image a[data-featherlight] {
	border-bottom: none;
}

.cc-gallery-product-image a[data-featherlight]:hover {
	border-bottom: none;
}

.cc-gallery-product-image a:hover {
	border-bottom: 0px solid transparent;
}

.products {
	margin-left: -10px;
}

#content div.cart66,
div.cart66 {
		margin: 0;
}

.cc_product h1 {
	font-weight: 800;
	font-size: 2.3rem;
	line-height: 2.55rem;
	margin: 1rem 0 1rem 0;
	color: #5A5B6F;
	letter-spacing: -1px;
}

.cc_product p {
	font-size: 15px;
}

.cc_product p:first-of-type {
	margin-top: 0.4em;
}

.quantity-controller input {
	background-color: white;
	text-align: center;
	text-indent: 10px;
	border-bottom: none;
	height: 46px;
}

#content .cc_product .cart66-form .btn.cart66-button,
.related-products .btn,
.product-grid-item .btn {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: white;
	text-shadow: none;
	background-image: none;
	background-repeat: no-repeat;
	background-color: #9EC47C;
	width: 150px;
	border: none;
	outline: none;
	border-radius: 0;
}

#content .cc_product .cart66-form .btn.cart66-button:hover {
	background-color: #94BA72;
}

.related-products .btn.related,
.product-grid-item .btn {
	width: 100%;
	line-height: 46px;
	background-color: #FCAA67;
}

.related-products .btn.related:hover,
.product-grid-item .btn:hover {
	background-color: #F2A05D;
	box-shadow: none;
}

.cc-product-grid-image-container .cc-grid-item-image {
	max-width: 100%;
}

.related-products h6,
.product-grid-item h6 {
	font-family: "Gotham SSm A", "Gotham SSm B";
  font-weight: 600;
  margin: 1.1rem 0 0.9rem;
	font-size: 1.1rem;
}

.products article {
	margin-bottom: 5rem;
}

.related-products h6 a,
.product-grid-item h6 a {
	color: #5A5B6F;
}

.entry-content a.gallery-image-link {
	border-bottom: none;
}

.entry-content a.gallery-image-link:hover {
	border-bottom: none;
}

.regular-price {
	font-size: 38px;
	color: #95A690;
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-weight: 600;
	letter-spacing: -1px;
}

/* Landing page templates */

.lp-form {
	position: absolute;
  bottom: -23%;
  margin: 0 20px;
  max-width: 600px;
  left: 0;
  right: 0;
  background: #eef0ed;
  padding: 1rem;
  box-shadow: 0 8px 12px rgba(0,0,0,0.32);
	border-radius: 3px;
}

.lp-form form {
	display: flex;
	flex-direction: column;
}

.lp-form .btn {
	background-color: #577DA3;
	align-self: flex-end;
}

.lp-form input[type="email"] {
	background: white;
	text-indent: 10px;
	border-bottom: 	1px solid #FCAA67;
	box-shadow: 0px 1px 0px 0px #FCAA67
}

.lp-form--no-positioning {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
	border: 3px solid #577DA3;
	max-width: 100%;
}

.lp-template {
	margin-top: 7rem;
}

.thought-text {
	font-family: ThoughtBlack;
  font-weight: normal;
  font-style: normal;
  font-size: 1.9rem;
  margin-bottom: 3rem;
  margin-top: 1.4rem;
}

.page-template-template-lead-magnet .footer-logo,
.page-template-template-lead-magnet-no-nav .footer-logo {
	display: none;
}

.herb-book-lead-magnet {
	float: right;
	margin: 4rem 0 4rem 4rem;
	max-width: 300px;
	height: auto;
}

@media screen and ( min-width: 480px ) {
	.home-social i {
		padding: 2rem 4rem;
	}
	.home .hero-content h1 {
		font-size: 6.4vw;
		line-height: 8.8vw;
	}
	.nav-wrapper .brand-logo {
		font-size: 1.7rem;
	}
}

@media screen and ( min-width: 540px ) {
	.site-footer nav a {
		font-size: 2.4vw;
		padding: 0 2.2vw;
	}
	.home-social i {
		padding: 2rem 5rem;
	}
	.books-left-col {
		float: left;
		margin: auto;
	}
}

@media screen and ( min-width: 570px ) {
	.nav-wrapper .brand-logo {
		font-size: 1.8rem;
	}
}

@media screen and ( min-width: 600px ) {
	.row .col.post-text.m10 {
		padding: 0;
	}
	.email-subscription {
		padding: 1.6em 1.6em 2.2em;
	}
	.email-subscription h3 {
		margin-bottom: 1.1em;
	}
	.email-subscription input {
		width: calc(100% - 200px);
		margin-right: 20px;
		float: left;
	}
	.email-subscription button {
		display: inline-block;
	}
	.resources-image img {
		display: inherit;
	}
	.page .entry-header,
	.single-cc_product .entry-content {
		margin-top: 9em;
		margin-bottom: 3em;
	}
	.home-posts .m6 {
		padding: 0 0.75rem;
	}
	.home-social i {
		padding: 2rem 6rem;
	}
	.home-social h2 {
		font-size: 3.5rem;
	}
	.row .home-social {
		margin-bottom: 1em;
	}
	.site-footer nav a {
		font-size: 1rem;
		padding: 0 10px;
	}
	.home .hero-content h1 {
		font-size: 5.8vw;
		line-height: 7vw;
	}
	h2.home-section-intro {
		margin: 2.5em 0 0rem;
		font-size: 2rem;
		padding-left: 0.75rem;
		text-align: left;
	}
	.page-template-template-lead-magnet header.template-header,
	.page-template-template-lead-magnet-no-nav header.template-header {
		margin-top: 64px;
	}
	.blog-post-item:nth-child(2n+4) {
		clear: left;
	}
}

@media screen and ( min-width: 641px ) {
	.lp-form {
		margin: 0 auto;
	}
	.lp-form--no-positioning {
		margin-bottom: 10rem;
	}
}

@media screen and ( min-width: 730px ) {
	.home .hero-content h1 {
		font-size: 5.5vw;
	  line-height: 6.2vw;
	  text-align: right;
	}
	.nav-wrapper .brand-logo {
		font-size: 1.9rem;
	}
}

@media screen and ( min-width: 768px ) {
	body.single header .hero-content {
	  padding-left: 2.5rem;
	  padding-right: 2.5rem;
	}
	body.single header .attribution {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
	}
	span.post-cat {
		margin-right: 2em;
	}
	span.post-date {
		margin-left: 2em;
	}
	.blurb p.author-name {
		font-size: 20px;
	}
	.email-subscription h3 {
		margin-bottom: 0.6em;
	}
	.end-post-author-bio {
		margin-top: 4em;
	}
	.bio-blurb img {
		width: 100%;
		max-width: 96px;
	}
	.bio-blurb .blurb p:first-of-type {
		font-size: 16px;
		line-height: 26px;
	}
	.row .bio-blurb {
		margin-top: 34px;
		padding-bottom: 8px;
	}
	a.adjacent-post-box .adjacent-post-title {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	.nav-box {
		width: 50%;
	}
	.nav-box.previous {
		float: left;
	}
	.nav-box.next {
		float: right;
	}
	.home-tabs {
		display: block;
	}
	.home-social h2 {
		font-size: 4.5rem;
	}
	.row .home-social {
		margin-bottom: 3em;
	}
	.site-footer nav a {
		font-size: 1rem;
	}
	ul.footer-social {
		float: right;
		margin-top: 0;
	}
	.footer-links {
		text-align: inherit;
	}
	.home-social i {
		padding: 4rem 4rem 2rem;
	}
	.home .hero-content {
		top: 75%;
	}
	.home .hero-content h1 {
		font-size: 5.1vw;
		text-shadow: 1px 1px rgba(90,90,90,0.5);
	}
	h2.home-section-intro {
		margin: 2.5em 0 0.5rem;
		font-size: 2.2rem;
		text-align: center;
	}
	.mobile-strict {
		display: none;
	}
	.tablet {
		display: inherit;
	}
}

@media screen and ( min-width: 800px ) {
	#commentform {
		padding: 20px 40px 90px;
	}
}

@media screen and ( min-width: 830px ) {
	.look-inside {
		display: block;
	}
}

@media screen and ( min-width: 870px ) {
	.home .hero-content h1 {
		font-size: 4.8vw;
		line-height: 6vw;
	}
}

@media screen and ( min-width: 930px ) {
	.home .hero-content h1 {
		font-size: 4.5vw;
		line-height: 5.5vw;
	}
}

@media screen and ( min-width: 992px ) {
	#menu-main-menu {
		padding-right: 1em;
	}
	nav .brand-logo {
		padding-left: 2rem;
	}
	.email-subscription h3 {
		font-size: 26px;
		line-height: 26px;
	}
	.row .bio-blurb {
		margin-top: 40px;
		padding-bottom: 16px;
	}
	.bio-blurb .blurb p:first-of-type {
		margin-top: 1%;
		font-size: 20px;
		line-height: 28px;
	}
	.bio-blurb img {
		max-width: 70%;
	}
	.blurb p.author-name {
		font-size: 24px;
	}
	.row .col.author {
		padding: 0;
	}
	img.aligncenter, figure.wp-caption.aligncenter {
		margin-left: -60%;
		margin-right: 30px;
		float: left;
		max-width: 86%;
	}
	.resources-image img {
		max-width: 80%;
	}
	.row .home-social {
		margin-bottom: 5em;
	}
	.row .post-social {
		text-align: initial;
	}
	.mobile {
		display: none;
	}
	.desktop {
		display: block;
	}
	.home-posts .l6:nth-child(even) {
		padding-right: 0;
	}
	.site-footer p.footer-logo {
		margin-top: 5rem;
		margin-bottom: 5rem;
	}
	.look-inside {
		display: none;
	}
	.post-304 .books-right-col p {
		margin-left: 230px;
	}
	.hero-content {
		top: 45%;
	}
	.home .hero-content h1 {
		max-width: 420px;
		font-size: 3vw;
		line-height: 4vw;
		text-shadow: 1px 1px rgba(90,90,90,0.3);
	}
	h2.home-section-intro {
		margin: 2.5em 0 0rem;
		font-size: 2rem;
		text-align: left;
	}
	.blog-post-item:nth-child(2n+4) {
		clear: none;
	}
	.blog-post-item:nth-child(3n+5) {
		clear: left;
	}
}

@media screen and ( min-width: 1024px ) {
	.home .hero-content {
		top: 45%;
	}
	.home .hero-content h1 {
		font-size: 2.2em;
		text-shadow: none;
		line-height: 3.3rem;
		max-width: 430px;
	}

}

@media screen and ( min-width: 1120px ) {
	.email-subscription h3 {
		margin-bottom: 1em;
	}
	.email-subscription input {
		width: calc(100% - 200px);
		margin-right: 20px;
		float: left;
	}
	.email-subscription button {
		display: inline-block;
	}
}

@media screen and ( min-width: 1240px ) {
	.look-inside {
		display: block;
	}
}

@media screen and ( min-width: 1320px ) {
	.home .hero-content h1 {
		font-size: 2.5em;
		max-width: 460px;
	}
}

@media screen and ( min-width: 1420px ) {
	.home .hero-content h1 {
		font-size: 2.6em;
		max-width: 470px;

	}
}


/*--------------------------------------------------------------
## Homepage Redesign
--------------------------------------------------------------*/
@font-face {
    font-family: 'Shopping_Script_Demoregular';
    src: url('https://busites_www.s3.us-east-1.amazonaws.com/drlowdog/shopping_script_demo-webfont.woff2') format('woff2'),   url('https://busites_www.s3.us-east-1.amazonaws.com/drlowdog/shopping_script_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.script-font {
	font-family: 'Shopping_Script_Demoregular';
	font-size: 4em !important;
}
body, .page-template-default h3 {
	font-family: 'Barlow', sans-serif;
}
.archive nav, .page nav, .blog nav, .error404 nav, .single-cc_product nav {
    background-color: rgba(129,157,96,1);
}

.hero-image.hero-image-home {
	background-image: url('https://busites_www.s3.us-east-1.amazonaws.com/drlowdog/home-hero.jpg');
	background-position: center 42%;
}

img.hero-image-text  {
	position: absolute;
	top: 15%;
	left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
	z-index: 99;
	width: 300px;
	max-height: 100%;
	vertical-align:bottom;
}
img.hero-image-offer {
	position: absolute;
	top: 15%;
	left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto;
	z-index: 99;
	width: 395px;
	max-height: 100%;
	vertical-align:bottom;
	display: none;
}

img.hero-image-tld  {
	position: absolute;
	bottom: 0px;
	left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
	z-index: 99;
	max-width: 340px;
	max-height: 100%;
	vertical-align:bottom;
}
.mobile-display {
		display:  block;
	}
	.desktop-display {
		display: none;
	}
	.auto-center {
		float: none;
    margin: 0 auto;
    text-align: center;
	}

@media only screen and (min-width: 480px){
.script-font {
	font-size: 5em !important;
}
.bg-mountains {
	height:800px; 
}
	img.hero-image-tld  {
		max-width: 480px;
	}
}

@media only screen and (min-width: 601px){
	img.hero-image-text  {
		top: 20%;
		left: 2%; 
    right: unset;
		margin-left: 0px; 
  	margin-right: unset; 
	}
	img.hero-image-offer {
		top: 20%;
		left: 2%; 
    right: unset;
		margin-left: 0px; 
  	margin-right: unset; 
  	width: 250px;
  	top: 45%;
  	display: block;
	}
	img.hero-image-tld  {
		left: unset;
    right: 0px;
		max-width: 500px;
		margin-left: unset; 
  	margin-right: 0px; 
	}
	.mobile-display {
		display:  none;
	}
	.desktop-display {
		display: block;
	}
	header#masthead nav {
    z-index: 999;
  }
	.bg-mountains {
		height:850px; 
	}
}

@media screen and (min-width: 768px){
	img.hero-image-text  {
		left: 5%; 
	}
	img.hero-image-offer {
		right: 0%;
		left: 5%;
		width: 280px;
		top: 50%;
	}

	img.hero-image-tld  {
		max-width: 550px;
	}
	.script-font {
		font-size: 6em !important;
	}
}

@media screen and (min-width: 992px){
	img.hero-image-text  {
		left: 5%; 
		width: 400px;
	}
	img.hero-image-offer {
		right: 0%;
		left: 5%;
		width:  250px;
	}
	img.hero-image-tld  {
    right: 8%;
		max-width: 690px;
	}
	.script-font {
		font-size: 7em !important;
	}
	.bg-mountains {
		height:900px; 
	}
}
@media screen and (min-width: 1200px){
	img.hero-image-text  {
		top: 15%;
		left: 2%; 
		width:380px;
	}
	img.hero-image-offer {
		top: 15%;
		right: 2%; 
		left: unset;
		width:300px;
	}
	img.hero-image-tld  {
    right: 28%;
		max-width: 800px;
	}
}

@media screen and (min-width: 1400px){
	img.hero-image-text  {
		width:450px;
	}
	img.hero-image-offer {
		width:350px;
	}
	img.hero-image-tld  {
    right: 22%;
		max-width: 820px;
	}
}
@media screen and (min-width: 1800px){
	img.hero-image-text  {
		top: 25%;
		left: 2%; 
		width:570px;
	}
	img.hero-image-offer {
		top: 18%;
		right: 2%; 
		width:400px;
	}
	img.hero-image-tld  {
    right: 22%;
		max-width: 800px;
	}
}
@media screen and (min-width: 1800px){
	img.hero-image-text  {
		left: 4%; 
	}
	img.hero-image-offer {
		right: 4%; 
	}
}

@media screen and (min-width: 2000px){
	img.hero-image-text  {
		left: 8%; 
	}
	img.hero-image-offer {
		right: 4%; 
	}
	img.hero-image-tld  {
    right: 26%;
		z-index: 999;
	}
	nav .nav-wrapper {
    background-image: linear-gradient(#799653, #86A166);
  }
}



.page-template-default h2, .blog-post-item h2 {
    height: auto;
}


.page-template-default h3 {
    margin-top:.5em;
	border-left:0px;
}
.secondary-color p {
	font-size: 18px;
	color:#7e4420 !important;
}

.hero {
	max-height: 700px;
}

.bg-white {
	background-color: #fff;
}
.bg-light-gray {
	background-color: #ebeeea;
}
.d-block {
	display: block;
}
.mw-100 {
	max-width:100%;
}
.float-clear {
	float: none !important;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.mx-auto {
	margin-left: auto !important;
	margin-right: auto !important;
	display:block;
	text-align: center;
}
.p-5 {
    padding: 3rem!important;
}
.p-4 {
    padding: 2rem!important;
}
.p-3 {
    padding: 1.5rem!important;
}
.pt-3 {
	padding-top: 1.5rem!important;
}
.p-2 {
    padding: 1rem!important;
}
.p-0 {
	padding: 0rem !important;
}
.display-2 {
	font-size: 2.5em;
	line-height: 1.25em;
}
.display-3 {
	font-size: 2em;
	line-height: 1.2em;
}
.m-5 {
    margin: .25rem!important;
}
.primary-color, .primary-color p {
	color:#a3ab89 !important;
}
.secondary-color {
	color:#7e4420 !important;
}
.text-center {
	text-align: center;
}
.text-bold {
	font-weight: bold !important;
}
.text-uppercase {
	text-transform: uppercase !important;
}
.p-relative {
	position: relative;
}
.p-absolute {
	position: absolute;
}
.center-absolute {
	left: 0; 
  right: 0; 
  margin-left: auto !important; 
  margin-right: auto !important; 
}

.footer-nav {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.bg-mountains {
	height:750px; 
	background-size:cover; 
	margin-top:0px;
}
.bg-mountains .col.s12 {
	bottom: 50px;
}
.bg-desert {
	height: 1050px;
	background-size:cover; 
}
.bg-desert .col.s12 {
	top: 50px;
}

@media (min-width: 576px){
.container, .container-sm {
    max-width: 540px;
}
.bg-mountains {
	background-image: url('https://busites_www.s3.us-east-1.amazonaws.com/drlowdog/bg-mountains.png');
	background-position: center 0%;
	height:900px; 
	margin-top:-220px;
}
.bg-desert {
	background-image: url('https://busites_www.s3.us-east-1.amazonaws.com/drlowdog/bg-desert.jpg');
	background-position: center 0%;
	height: 1000px;
}
.m-5 {
    margin: 3rem!important;
}
}
@media (min-width: 768px){
.container, .container-md, .container-sm {
    max-width: 720px;
}
}
@media (min-width: 992px){
.container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
}
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
}
}

@media screen and (min-width: 768px){
ul.footer-social {
    float: none;
    margin: auto;
    display: block;
    text-align: center;
}
}