@charset "utf-8";

/* Neverbounce */
.subscription-content div[id^=nb-field-] div.nb-feedback { max-width: 335px!important; margin-top: 44px!important; }

@media screen and (max-width: 945px) {
	.subscription-content div[id^=nb-field-] div.nb-feedback { max-width: 64%!important; }
}

@media screen and (max-width: 678px) {
	.subscription-content div[id^=nb-field-] div.nb-feedback { max-width: 100%!important; }
}

@media only screen and (max-width: 340px) {
        .subscription-content div[id^=nb-field-] div.nb-feedback { font-size: 14px!important; }
}

/*#GDPR#*/

.top-button { right: 12px!important; z-index: 2!important; display: block; margin-bottom: 18px!important; text-align: right!important; margin-right: 12px!important; position: static!important; }
.top-button span { display: inline-block!important; }
.top-button a { font-family: 'Roboto'; background-color: #bbb!important; border: 1px solid #bbb!important; color: #333!important; opacity: 0.5!important; transition: opacity 0.5s!important; padding: 16px 22px!important; appearance: none!important; border-radius: 5px!important; cursor: pointer!important; display: inline-block;  font-size: 14px!important; -webkit-font-smoothing: antialiased!important; font-weight: 600!important; line-height: 1!important; text-align: center!important; text-decoration: none!important; user-select: none!important; vertical-align: middle!important; white-space: nowrap!important; }
.top-button a:hover { opacity: 1!important; background-color: #cbcbcb!important; border: 1px solid #cbcbcb!important; color: #333!important; }
.top-button a:before { content: ""!important; font-family: 'FontAwesome'!important; src: url(//media.mercola.com/assets/fonts/fontawesome-webfont.eot)!important; display: inline-block!important; margin-right: 6px!important; }

.gdpr-wrap { position: fixed!important; bottom: 0!important; width: 100%!important; margin-right: auto!important; margin-left: auto!important; left: 0!important; right: 0!important; z-index: 9999!important; }
.gdpr-container { margin: 0 !important; position: relative!important; display: inline-block; background: #F1F2F2!important; z-index: 9999 !important; padding: 14px!important; width: 100%!important; max-width: 100%!important; box-shadow: 0px -2px 15px rgba(146,144,144,0.5)!important; text-align: center!important; padding: 1.6em 0.5em!important; border-radius: 0!important; border: none!important; }
.gdpr-container .close-button { display: inline-block!important; }
.gdpr-container .close-button p { margin: 0!important; }
.gdpr-container .close-button p a { position: absolute!important; right: 50px!important; top: 35px!important; border-radius: 50%!important; color: #3c3c3c!important; width: 20px!important; text-align: center!important; line-height: 20px!important; text-transform: lowercase !important; font-weight: bold!important; background-color: transparent!important; }
.gdpr-container .close-button p a:hover { cursor: pointer!important; }
.gdpr-container > p { padding-right: 25px!important; }
.gdpr-container p { font-family: Arial!important; font-size: 13px!important; font-weight: bold!important; color: #3c3c3c!important;  line-height: 18px!important; display: inline-block!important; margin-top: 0!important; margin-bottom: 0!important; vertical-align: middle!important; }
.gdpr-container p a { text-decoration: none!important; }
.gdpr-container .agree-button { text-align: center!important; display: inline-block!important; vertical-align: middle!important; }
.gdpr-container .agree-button p { padding-bottom: 2px!important; margin: 0!important; }
.gdpr-container .agree-button a { color: white !important; font-size: 13px!important; color: #fff!important; background-color: #0869BD!important; text-align: center!important; line-height: 24px!important; cursor: pointer!important; text-decoration: none!important; font-family: Arial!important; padding: 6px 24px!important; border-radius: 5px!important; }
.gdpr-container .agree-button a:hover { background:#065497!important; }
.fa-times:before { content: ""!important; font-family: 'FontAwesome'!important; src: url(//media.mercola.com/assets/fonts/fontawesome-webfont.eot)!important; }
.has-countdown { margin-bottom: 70px!important; }
.has-gdpr { margin-bottom: 85px; }
.has-countdown.has-gdpr { margin-bottom: 169px!important; }

.social-icons-mobile { display: none!important; }

@media only screen and (max-width: 1199px) {
	.gdpr-container.es p { margin: 0 !important; }
	.has-gdpr.has-social { margin-bottom: 160px!important; }
	.has-gdpr.es.has-social { margin-bottom: 165px!important; }
	.social-icons-mobile { display: block!important; width: 100%!important; position: relative!important; left: 0!important; background: white!important; z-index: 2!important; height: 77px!important; }
}

@media only screen and (max-width: 1120px) {
    	.gdpr-container p, .gdpr-container.es p { text-align: left!important; width: 59%!important; }
	.has-gdpr.es.has-social { margin-bottom: 170px!important; }
}

@media only screen and (max-width: 990px) {
    	.gdpr-container { padding: 1.46em 1.5em!important; }
	.gdpr-container.es { padding: 1.6em 0.5em!important; }
    	.gdpr-container p { text-align: left!important; width: 59%!important; }
    	.gdpr-container.es p { width: 64%!important; }
    	.gdpr-container .agree-button { width: 20%!important; }
    	.gdpr-container .agree-button p { max-width: 300px!important; display: inline!important; }
}

@media screen and (min-width: 666px) and (max-width: 1199px)  {
	.dontprint.social-mobile { margin-top: 5px!important; }
	.has-gdpr.es.has-social .social-icons-mobile .dontprint.social-mobile, .dontprint.social-mobile.es, .post-nav-mobile.es { margin-top: 0px!important; }
	.post-nav-mobile { margin-top: 5px!important; }
}

@media only screen and (max-width: 792px) {
	.has-gdpr.es { margin-bottom: 90px; }
}

@media only screen and (max-width: 701px) {
    	.gdpr-container { padding: 1.46em 0.5em!important; }
    	.gdpr-container .agree-button { width: 30%!important; }
    	.gdpr-container .close-button p a { right: 10px!important; top: 35px!important; }
    	.gdpr-container.es .close-button p a { right: 10px!important; top: 35px!important; }
    	.gdpr-container.es { padding: 1em 0.5em!important; }
	.has-gdpr.es.has-social { margin-bottom: 150px!important; }
}

@media only screen and (max-width: 699px) {
	.has-gdpr.es.has-social { margin-bottom: 167px!important; }
}

@media screen and (max-width: 666px)  {
	.social-icons-mobile { height: 70px!important; }
	.dontprint.social-mobile { margin-top: 0!important; }
	.post-nav-mobile { margin-top: 0!important; }
	.has-gdpr.es.has-social { margin-bottom: 153px!important; }
}

@media only screen and (max-width: 664px) {
	.has-gdpr { margin-bottom: 106px!important; }
	.has-gdpr.es { margin-bottom: 90px!important; }
}

@media only screen and (max-width: 639px) {
    	.gdpr-container .close-button p a { right: 0!important; }
}

@media only screen and (max-width: 662px) {
	.has-gdpr.has-social { margin-bottom: 170px!important; }
}

@media only screen and (max-width: 514px) {
	.has-gdpr.es { margin-bottom: 90px!important; }
}

@media only screen and (max-width: 475px) {
	.has-gdpr.es.has-social { margin-bottom: 178px!important; }
}

@media only screen and (max-width: 480px) {
    	.gdpr-container .agree-button, .gdpr-container.es .agree-button { text-align: left!important; }
    	.gdpr-container .close-button p a { right: 18px!important; top: 18px!important; }
    	.gdpr-container.es .close-button p a { right: 17px!important; top: 16px!important; }
}

@media only screen and (max-width: 414px) {
	.has-gdpr { margin-bottom: 125px!important; }
	.has-gdpr.has-social { margin-bottom: 190px!important; }
	.has-gdpr.es { margin-bottom: 106px!important; }
}

@media only screen and (max-width: 392px) {
	.has-gdpr.es { margin-bottom: 125px!important; }
	.has-gdpr.es.has-social { margin-bottom: 195px!important; }
}

/* end GDPR */

/* customization for each free report */

body { font-family: 'Roboto' !important; background-color: #a9d0cf; }
.subscription-bgcolor { background-color: #fefefe; }
.subscription-form input[type="text"] { font-family: 'Roboto'!important; border: 2px solid #e88210;  }
.subscription-form input[type="submit"] { font-family: 'Roboto'!important; background-color: #e88210; color: #fff; }
	
/* end of customization for each free report */

.container { width: 100%; }
#free-report { text-align: left !important;  }
#free-report-header { background-color: #fff; border-radius: 10px; margin: 20px auto; }
.header-logo { float: left; padding-top: 10px; }
#header-text  { float: right; padding-left: 20px; width: 74%; }
.header-title { font-size: 20px;  }
.header-desc { font-size: 11px; }
.pad10 { padding: 30px; }
#free-report-content { background-color: #fff; }
#free-report-subscription-top { padding: 10px 0; }
.video-responsive, .videodiv { margin: 2em auto !important; }

p, ul, ul li, h1, h2, h3 { line-height: 1.5 !important; }
.free-report-cover { float: left; margin-right: 2em; }  
.subscription-content { padding-left: 20px; width: 68%; float: left; }
.subscription-content h1, .subscription-content h5 { color: #CC0000; font-size: 30px; padding-bottom: 10px; }
.subscription-content h2 { margin-bottom: 1em; }
.subscription-desc { font-weight: bold; margin-bottom: 1em; }
.subscription-form { margin: 20px 0px; }
.subscription-form .txtfield { float:left; width:auto; margin-right:20px; }
.subscription-form .txtfield, .subscription-form .subscription-btn { padding:10px 0; }
.subscription-form .footer-text { font-size: 11px; margin-top: 12px; }

.subscription-form input[type="text"] { font-size:16px !important; padding: 8px 10px; max-width: 312px; width: 100%; float: left; margin-right: 10px; }
.subscription-form input[type="submit"] { cursor: pointer; font-size: 16px; padding: 10px; border: 0; max-width: 100%; }

@media screen and (max-width: 945px) {
	.subscription-form input[type="text"] { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; max-width: 64% !important; }
}

@media screen and (max-width: 678px) {
	.subscription-form input[type="text"] { text-align: center; max-width: 100% !important; margin-right: 0 !important; margin-bottom: 10px; }
	.subscription-form input[type="submit"] { width: 100%; }
}

/* footer */

#free-report-optional-footer { background-color:#fff; margin:10px auto; }
#free-report-footer { background-color:#fff;  margin:20px auto; font-size:12px; }

p.speech { position: relative; background-color: #EFF4F5; padding: 20px; margin: 10px auto; }
p.speech:after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 5px;
	bottom: -20px;
	border: 15px solid;
	border-color: #EFF4F5 #EFF4F5 transparent transparent;
}

p.thought {
	position: relative;
	width: 130px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	background-color: #fff;
	border: 8px solid #666;
	-webkit-border-radius: 58px;
	-moz-border-radius: 58px;
	border-radius: 58px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}

p.thought:after {
	left: 10px;
	top: 70px;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border: 8px solid #666;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
}

p.thought:after { width: 20px; height: 20px; left: 5px; top: 100px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; }

.credits { padding-left:45px; }
#free-report-footer h3 { font-size:20px; text-align:center; padding:10px 0; }
.quotes { margin: 10px 0; }

/* content stlyle */

#free-report-content { margin: 20px auto; }
.bodytextdiv h2 { font-family: 'Roboto' !important; font-size: 20px !important; }
.bodytextdiv h2:first-child { margin-top: 0; }
.bodytextdiv { margin-bottom:20px !important; }

/*Download*/

.download .free-report-cover { width:385px; text-align:center }
.download .subscription-content { width:490px; }
.download .subscription-content h1 { color: #F9941D; font: 25px "Roboto"; margin: 0; padding: 0; }
.download .subscription-content p { margin: 16px auto; }
.download .download-btn { text-align: center; }
#related-content { background-color: #005482; }
#related-content .whiteContentArea, #related-content .viewPDF, #related-content .whiteContentArea .related-products, #related-content .whiteContentArea .related-articles { float: left; }
#related-content .whiteContentArea { background-color: #fff; margin: 15px; width: 67%; margin-right: 5%; }
#related-content .whiteContentArea .related-products, #related-content .whiteContentArea .related-articles { width: 50%; }
#related-content .viewPDF { width: 25%; font-size: 14px; color: #fff; padding-top: 10px; }
#related-content .viewPDF p { margin-bottom: 14px; }
.download .clear, #related-content .clear { clear: both !important; }
.related-products .product, .related-articles .pad .article { font-size: 14px; padding: 5px 0px; }
.related-products p.title, .related-articles p.title { margin-bottom: 16px; color: #CC6600; font: 16px "Roboto"; }
.related-products .product .thumbnail { float: left; max-width: 75px; }
.related-products .product .thumbnail img { max-width: 100% !important; }
#related-content .whiteContentArea .related-products hr { clear: both; }
.related-articles { width: 100% !important; }

@media screen and (max-width: 1005px) {
	.download .free-report-cover, .download .subscription-content { width: 100%; text-align: center; }
	#related-content .whiteContentArea, #related-content .viewPDF { float: none; width: auto; margin: 0px; padding: 0px; }
	#related-content .pad10 { padding: 20px; }
	#related-content .viewPDF { margin-top: 16px; }	
        .current-list {width: 100% !important;}	
}

@media screen and (max-width: 945px) {
	#free-report-header, .subscription-content h1, .subscription-content h5 { text-align: center; }
	.header-logo  { padding-top: 10px; width: 100%;  }
	#header-text  { padding-left:0px; width:100%; padding-top:10px;  }
	.subscription-content { float:none; padding:0; width:100%!important; }
	.free-report-cover { float:none; text-align: center; }
	.subscription-form { text-align:left; }
	#free-report-content img {  max-width:90%; height:auto; padding:10px; }
}

@media screen and (max-width: 600px) {
	#related-content .whiteContentArea .related-products, #related-content .whiteContentArea .related-articles { float: none; width: auto; clear: both; padding-top: 10px }
	#related-content .whiteContentArea { padding-bottom: 16px; }
}

@media screen and (max-width: 505px) {
	.subscription-content h1, .subscription-content h5 { font-size:20px; }
	#free-report-content img { float:none; }
	.bodytextdiv img { text-align:center; }
}

@media screen and (max-width: 989px) {
	.current-list {width: 65% !important;}	
}

@media screen and (max-width: 768px) {
	.current-list {width: 100% !important;}	
}