body { background:#f7f7f7!important }
.hr {clear:both !important;}
.current-btns { float:right; position: absolute; right: 0; }
.desktop-nav .subnav li ul li { width: 180px!important; }
.drop-guides { width:190px!important; }
@media screen and (max-width: 989px) { 
#dropguides { width:100%!important; background:#F7F7F7 }
#maincontent { margin-top: 50px !important; }
}
@media screen and (max-width: 768px) { 
#maincontent { margin-top: 40px !important; }
}

.mobile-rr { height: 110px !important; }
.mobile-rr .privacy-policy {
    text-align: center;
    font-size: 11px;
}
.mobile-rr .privacy-policy a {
    text-decoration: underline;
}
/*#Home#*/
/*for side wide promos*/
.thin-banner-desktop { text-align: center; display:block; } 
.thin-banner-ipad { text-align: center;  display:none;  }
.thin-banner-iphone { text-align: center;  display:none; }
.thin-banner-desktop img  { width: 100%; height:auto; max-width:960px; width: 100%!important; }
.thin-banner-iphone img, .thin-banner-ipad  img { width: 100%; height:auto; max-width: 100%!important; }
.thin-banner-desktop { margin-bottom:10px; }
.thin-banner-iphone, .thin-banner-ipad { width: 100%; margin-bottom:10px; }

/*for mercola side banner*/
.side-banner-desktop { display:block; } 
.side-banner-iphone { text-align: center; display:none; }
.side-banner-ipad { text-align: center; display:none; }
.side-banner-iphone img, .side-banner-ipad img { width: 100%; height:auto; max-width: 100%!important; }
.side-banner-iphone, .side-banner-ipad { width: 100%;  margin-bottom:10px; }


@media screen and (max-width: 480px) { 
.thin-banner-iphone {display: block !important; margin-bottom: 0px !important; padding-top: 55px !important;}
.thin-banner-ipad { display:none !important; margin-bottom:0px !important; } 
}

@media screen and (max-width: 990px) { 
.thin-banner-ipad img {margin-top: 60px !important;}
}

@media screen and (max-width: 1074px) { 
/*for side wide promos*/
.span_1_of_3 img { width:100% !important;}
.thin-banner-desktop { display:none; margin-bottom:0px !important; } 
.thin-banner-ipad { display:block; margin-bottom:0px !important; }
.thin-banner-iphone { display:none; margin-bottom:0px !important; } 
.thin-banner-desktop img { margin-top:0px !important; } 
/*.thin-banner-ipad img { margin-top:60px !important; }*/
.thin-banner-iphone img { margin-top:0px !important; } 
#maincontentcontainer { margin-top:0px !important; }






.side-banner-desktop { display:none; } 
.side-banner-ipad { display:block; }
.side-banner-iphone{ display:none; } 

.visitfitness {
    background: transparent url("//media.mercola.com/assets/images/mercola/fitness-sidelogo.jpg") no-repeat scroll center 10px !important;
}

.visithp {
    background: transparent url("//media.mercola.com/assets/images/mercola/hp-sidelogo.jpg") no-repeat scroll center 10px !important;
    margin-right: 10px !important;
}

.visithp, .visitfitness {
    height: auto !important;
    border: 2px solid #D6E9F3 !important;
    width: auto !important;
    float: none !important;
}

.visithp h3, .visitfitness h3 {
    margin: 30px 0px 20px !important;
    text-align: center !important;
    width: auto !important;
}
}

@media screen and (max-width: 989px) {

#maincontentcontainer { margin-top:30px !important; } 
nav li a:focus, nav li a:hover {
    color: #0869BD !important;
    background-color: #E8E7E7 !important;
    text-decoration: none !important;
}
}

.genericbox { border: solid 2px #d6e9f3; font: normal 14px arial; padding:15px 20px; margin-bottom:10px; }
.genericbox h1 { padding-bottom: 5px; font-size: 22px; }
.genericbox h3 { margin:0; padding-left:0; }
.genericbox p { font-size: 13px; }

.visithp img, .visithp-ipad img, .visithp-iphone img, .visitfitness img, .visitfitness-ipad img, .visitfitness-iphone img{
width: 100%;
height: auto;
max-width: 98%;}
.visithp-ipad img, .visithp-iphone img, .visitfitness-ipad img, .visitfitness-iphone img{
border: 2px solid #D6E9F3;}

.visithp-ipad {display:none;}
.visithp-iphone {display:none;} 
.visitfitness-ipad {display:none;}
.visitfitness-iphone {display:none;} 

@media screen and (max-width: 1074px) { 
  .visithp-ipad {display:block !important;} 
  .visitfitness-ipad {display:block !important;}  
  .visithp {display:none !important;} 
  .visithp-iphone {display:none !important;} 
  .visitfitness {display:none !important;} 
  .visitfitness-iphone {display:none !important;} 
}

@media screen and (max-width: 480px) { 
  .visithp-iphone {display:block !important;} 
  .visitfitness-iphone {display:block !important;}  
  .visithp { display:none !important;} 
  .visithp-ipad {display:none !important;} 
  .visitfitness { display:none !important;} 
  .visitfitness-ipad {display:none !important;} 
}


.IEheight { height:100% }
.www-pad { margin-bottom:10px; padding:10px; }
.articles-box { border: 2px solid #D6E9F3; position: relative; padding-bottom: 10px; margin-bottom: 15px; }
.articles-box h1 { font-size:24px; }

.home-article-thumb, .articlelistdiv {
    display: table-cell;
    vertical-align: top;
}
.articlelistdiv { font-size:13px; }
.articlelistdiv div { margin: 5px 0 !important; color:gray }
.articlelistdiv h2 { font-size:18px; margin:0 !important; }
.imagearticle { height:87px; width:122px}
.home-articles { padding:10px 0 0 0; }
.home-article-thumb img { border:1px solid #e1e1e1; padding:1px;  height:135px; width:187px; margin-right: 10px; }
.views-comments { font-size:12px !important; color:gray; margin:5px 0; }


@media (max-width: 480px) {
	.home-articles, .articlelistdiv, .home-article-thumb, .articlelistdiv h2 {
		display: block;
	}
	.home-article-thumb { width:40%; float:left; }
	.articlelistdiv h2 { width:60%; float:left; }
	.home-article-thumb img { width:90%; height:auto; margin-right:0; margin-bottom:10px; }
}

/*#Footer#*/
#partners {
    background-color: #e8e8e8;
    font-size: 10px;
    padding: 10px 0;
    text-align: center;
}

 #partners-footer {
    background-color: #0A4E8F;
    font-size: 10px;
    padding: 10px 0;
    text-align: center;
    min-width: 1024px;
}

#footercontainer { font-size:12px;  padding: 20px 0px; line-height: 16px; }
.ftr { margin:0; padding:0; }

#footer-links .col.span_1_of_3 { width: 23% !important; float: left !important;}



/*#Generic#*/
#_atssh {
width: 1px !important;
height: 1px !important;
border: 0 !important;
overflow: hidden !important;
}

#headcontainer { z-index:3; }
.bodytextdiv { word-break: break-word; padding:10px 0 0 0 }
	.bodytextdiv h2 { padding:0; margin:32px 0 16px 0; font:bold 18px Arial; color:#C00; }
	.bodytextdiv blockquote { padding:0 0 0 38px; margin:0;}
	.bodytextdiv blockquote blockquote { padding:0; margin:0 0 0 38px; }
	.bodytextdiv p { padding:0; margin:0 0 16px 0; line-height:120%;}
	.bodytextdiv ul, .bodytextdiv ol  { list-style-position:outside; margin:0 0 0 38px; padding:0; }
	.bodytextdiv li { margin:0 0 16px 0;  padding:0; }
	

.bodytextdiv iframe { width: 100%; max-width: 560px; }

@media only screen and (max-width: 320px) {
	.bodytextdiv iframe { width: 280px !important; }
}

@media screen and (max-device-width: 640px) and (orientation: landscape){
	/*vitamin-d-resources slider iphone landscape fix*/
	.bodytextdiv .slider-iframe { width:480px !important } 
}

@media only screen and (max-width: 496px) {
	#socialbtn-responsive { display: block !important; visibility: visible !important; }
}
@media only screen and (max-width: 680px) {
	.juicer-img { max-width:680px; width:100%; height:auto; }
}
footer, .footer-wrap { padding:0 }
#footer-links li { margin-left:5px !important }

.nst-table{ display:block }
@media only screen and (max-width: 970px) {
	.nst-table { display:table}
}

.ui-dialog { padding:0 !important } /*removes extra padding in rrpopup that causes horizontal scroll in mobile view*/ 
.floatr { float: right; }
.floatl { float: left; }
table { margin:0 auto 16px auto; }

.win-bullet { margin-left:20px; }
.win-bullet span { font-weight:bold; margin-right:10px; }

.right-img { float:right; margin:16px 0 16px 16px }
@media only screen and (max-width: 480px) {
	.right-img { float:none; display:block; margin:16px auto; }
}

.rel-img { height:65px !important }
@media only screen and (max-width: 970px) {
	.rel-links li { padding:10px 10px 30px 10px !important }
}
@media only screen and (max-width: 680px) {
	.rel-links li { padding:10px 10px 20px 10px !important }
}
@media only screen and (max-width: 320px) {
	.rel-links li { padding:10px 10px 20px 10px !important }
	.rel-img { margin-top: 10px; }
}

.social-nav ul {width:140px;}

/*#Text Styles#*/
.red { color: #c00; }
sup { font-size:11px; position:relative; top:-5px; }

/*#Social Icons#*/
.social-icons { margin:10px 0!important; list-style:none; float:left; }
	.social-icons li { padding-right: 5px; vertical-align: top; float:left; }
.no-pad { padding:0 !important; }


td#pinIttd a {margin-top: 41px;}
td#pinIttd a span { top: -40px !important; background: white!important; border: 1px solid #ddd!important; border-radius: 3px!important; height: 33px!important; }
td#pinIttd a span::before { bottom: -6px !important; left: 19px !important; border-top: 5px solid #ddd; border-right: 5px solid transparent; border-left: 5px solid transparent; }
td#pinIttd span > span { background-size: 100% !important;
background: url(//media.mercola.com/themes/mercola/images/bg-pinterest.jpg) no-repeat !important;
bottom: 20px !important;
height: 36px !important;
padding-top: 6px;
top: -42px;}

.print { margin:0 auto; }
#socialbtn-responsive { cursor: pointer; font-size: 16px; font-weight: bold; }
	#socialbtn-responsive img { border: none; width: 16px; height: 22px; }

.social-btn[data-social-btn="google-plus"],
.social-icons .google-plus {
	display: none!important;
}

/*#Press Releases#*/
.pressroom .left { font-size: 12px; }
.pressroom .span_3_of_4 { width: 72%; padding-left:15px; border-left:1px solid #cccccc }
@media screen and (max-width: 969px) {
	.pressroom .span_1_of_4,  .pressroom .span_3_of_4 { width: 100%; padding-left:0; border-left:0; }
}

/*#Pressroom#*/
.pressroom h2 { color: #0869bd; font-size: 24px; }
.pressroom .code { max-width: 630px; width:80%; padding: 15px; background-color: #ebebeb; font-family:'Courier New', Courier, monospace; font-size:12px; margin:0 auto 16px auto; }
.pressroom .codelabel { margin-bottom:10px }
.pressroom .press-img { margin:7px; border:1px solid #d5d7d7; height:auto; width:auto; float:left; text-align:center; }
.pressroom .press-img img { display:inline; margin:3px; border:1px solid #e9edee; }
.pressroom .press-img a:hover img { border:1px solid #c5cacb; }
.pressroom .citation {margin:0px !important}
.pressroom textarea { max-width:630px; width:100%; height:30px; font-family:'Courier New', Courier, monospace; font-size:13px }
.pressroom .column { width: 45%; float: left; padding: 0 0 20px 0; margin-bottom:10px; }
.pressroom img { max-width:100%; }

.pressroom .quote { background: #f2f6f7; border: solid 1px #d1dfe2; padding: 10px 20px; margin: 15px; }
.pressroom .citation { background-color:#f2f6f7; border:1px solid #e2ecf7; padding:20px; margin-bottom:20px; }
.pressroom .citation h2 { font-size: 16px !important; text-align: center; margin-top:0 !important }
.pressroom .citation .column { width: 45%; margin: 0; float: left; }
.pressroom .citation .column { width: 100% !important; max-width:405px; height: auto !important; -moz-box-shadow: 0 0 3px 3px #ccc; -webkit-box-shadow: 0 0 3px 3px #ccc; box-shadow: 0 0 3px 3px #ccc; padding: 5px; background-color: #fff; }
.pressroom .linkedin iframe { width: 370px !important; }
.pressroom #twitter-widget-0 { width:270px !important; margin-left:10px; }
.pressroom .citation-iframe-content { 
	width:100%; 
	max-width:550px; 
	margin: 10px auto;
	min-height:165px; 
	background:url(http://media.mercola.com/assets/images/drmercola_citation.gif) bottom right no-repeat;"
}
.pressroom .citation-iframe-content p { padding-top:40px; width:70%; }
.pressroom .pinterest-mercola { width:200px; }

@media screen and (max-width: 969px) {
	.pressroom .column { width: 100%; float: none; padding: 0; }
	.pressroom .citation .column { width:100%; margin:0; float:none; text-align:center; }
}

@media screen and (max-width: 660px) { 
	.pressroom .citation-iframe-content { background:none; }
	.pressroom .citation-iframe-content p { width:100%; }
}

@media screen and (max-width: 480px) {
	.pressroom .fb_iframe_widget span, .fb_iframe_widget iframe { width:240px !important }
	.pressroom .linkedin iframe { width: 250px !important; max-width:250px !important; }
	.pressroom .pinterest-mercola { width:200px; }
	.pressroom #___plus_0 { width:240px !important }
}

.press-about { max-width:750px; width:100%; height: 292px; background:#2479cf; margin:0 auto; }
.press-about h2 { padding: 20px; margin:0; color:#1c202c; background:#e3effb }
.press-about p { padding: 20px; color:white; }
.press-about .img { float:right; }
.press-about .img img { margin-left:10px; margin-top:10px; }
@media only screen and (max-width: 640px) {
	.press-about { height: auto;  }
	.press-about .img { width: 100%; background: white; text-align: center; float:none; }
	.press-about .img img { margin:0; }
}

/*#Infographics#*/
.infographic { margin-top: 10px; }
.infographic .box { clear:both; margin:30px 0; }
.infographic .box .left { float:left; width:230px; margin:0 20px 20px 0; text-align:center; }
.infographic .box .right { float:left; width:665px; }
.infographic iframe { max-width:560px; width:100%; }
.infographic h2 { margin-top:0px; }
.infographic h3 { font-size: 18px; margin: 32px 0 16px; color:#CC0000; text-align: left; }
.infographic .small { font-size:13px; font-weight:bold; }
.infographic .copy-text { width:auto; clear:both; padding-top:10px; font-size:12px; font-style:italic; }
.infographic .copy-label { font-size: 13px; font-weight: bold; color: #CC0000; margin-left:10px; }
.infographic .social-icons { height: 85px; margin: 0 !important; width:100%; }
.infographic .social-icons li:first-child::after { content: ""; }
.infographic .social-icons li:first-child { border-right: 0px!important; }
.infographic .social-icons .twitter-share-button { width:61px !important }
.infographic .social-icons #pinIttd a { margin-top: 42px !important; }
.infographic .social-icons #pinIttd a span { background-size: 100% !important; background: #fff url('//media.mercola.com/assets/images/share/pinItBubble.gif') no-repeat scroll top center !important; bottom: 20px !important; height: 36px !important; padding-top: 6px; }
.infographic .info { width:100%; max-width:600px; margin: 0 auto; }
.infographic .discover { width:100%; height:100%; float:left; margin: 20px 0; }
.infographic .discover h3 { margin: 0;float:left; }
.infographic .buttondiv { float:right; }
.infographic .gplus div iframe { width: 50px !important; }
.infographic-code { width:100%; max-width:100%; height:70px; max-height:70px; margin-bottom:10px; }
.infographic-title { width:100%; height:100%;float:left; }
.infographic-title h1 { float:left; width:70%; }
.infographic .pagination { margin:20px 0; clear:both !important; }
.infographic .pagination ul { list-style:none; padding:0; margin: 0; }
.infographic .pagination li { display:inline-block; margin:0 5px 16px 0; }
.infographic .pagination a, .infographic .pagination input, .infographic-btn{ 
	border: 1px solid #D8D8D8 !important;
	padding: 5px 6px 5px 6px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	font: bold 12px Arial, sans-serif;
	color: #444;
	background: #F2F2F2; background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1); background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1); background: -ms-linear-gradient(top, #F5F5F5, #F1F1F1); background: -o-linear-gradient(top, #F5F5F5, #F1F1F1);
	-webkit-transition: border .20s; -moz-transition: border .20s; -o-transition: border .20s; transition: border .20s;
	border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
 }
 
.infographic .pagination a:hover, .infographic .pagination input:hover, .infographic-btn:hover {
	border: 1px solid #C6C6C6 !important;
	-moz-box-shadow: 0 1px 0px #DDD; -webkit-box-shadow: 0 1px 0px #DDD; box-shadow:iset 0 1px 0px #DDD;
	-webkit-transition: border .20s; -moz-transition: border .20s; -o-transition: border .20s; transition: border .20s;
	cursor: pointer;
}

.infographic .pagination li.active {
	border: 1px solid #ababab !important;
	background: #ececec;
	padding: 5px 6px 5px 6px;
	text-shadow: 0 1px 0 #fff;
	font: bold 12px Arial, sans-serif;
	color: #444;
}

.infographic .widget-btn {
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	margin: 0px 5px 7px 3px;
	padding: 5px 6px 4px;
	border-radius: 2px 2px 2px 2px;
	-moz-transition: border-color 0.2s ease 0s;
	cursor: pointer;
}
.infographic .widget-btn:hover {
	-moz-transition: border-color 0.2s ease 0s;
	text-decoration: none;
}

.infographic .widget-btn-blue {
	color: #ffffff;
	background: #4787ED;
	background: -moz-linear-gradient(center top , #4C8FFD, #4787ED) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#4C8FFD), to(#4787ED));
        border: 1px solid #3079ED !important;
	text-shadow: 0px 1px 0px #3c63b7;
}

.infographic .widget-btn-blue:hover {
	color: #ffffff;
	background: #4787ED;
	background: -moz-linear-gradient(center top , #4D90FE, #357AE8) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#4D90FE), to(#357AE8));
	border: 1px solid #2F5BB7 !important;
	text-shadow: 0px 1px 0px #3c63b7;
}

.infographic .dl-btn { 
	color: #ffffff;
	background: #4787ED;
	background: -moz-linear-gradient(center top , #4C8FFD, #4787ED) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#4C8FFD), to(#4787ED));
    	border: 1px solid #3079ED !important;
	text-shadow: 0px 1px 0px #3c63b7;
	text-decoration: none;
    	font: bold 16px Arial,sans-serif;
    	padding: 10px;
    	border-radius: 2px 2px 2px 2px;
   	-moz-transition: border-color 0.2s ease 0s;
    	cursor: pointer;
}

.infographic ul, .infographic ol {
    list-style-position: outside;
    margin: 0 0 0 38px;
    padding: 0;
}

.infographic li {
    margin: 0 0 16px 0;
    padding: 0;
}


.infographic p {
    margin-top: 10px;
    margin-bottom: 16px;
    line-height: 120%;
}



@media only screen and (max-width: 970px) {
	.infographic .box .right { width:60%; }
	.infographic-img { width:100%; max-width:880px; }
	.infographic-title h1 { width: 65%; }
}

@media only screen and (max-width: 700px) {
	.infographic .box .left, .infographic .box .right { width:100%; }
	.infographic .box .left { margin: 0 0px 20px 0; }
	.infographic-title h1 { width: 85%; }
}

@media only screen and (max-width: 480px) {
	.infographic .social-icons { display:block !important }
	.infographic .dl-btn { padding:7px; font-size:14px; }
}

/*#Livefyre#*/
@media only screen and (max-width: 480px) {
.fyre.fyre-width-small .fyre-login-bar { width: 100%; position:static; }
}

/*#Rankings#*/
#ranking .mobile { display: block; visibility: visible; }
#ranking .title-wrap h2 { width: 75%; float: left; margin: 0px; }
#ranking .title-wrap p.ranking-date { width: 25%; float: left; }
#ranking .div-table { text-align:left; display:table; width:auto; border-spacing:5px; width: 100%; margin-bottom: 16px; }
#ranking .div-table .div-table-row { display:table-row; width:auto; clear:both; }
#ranking .div-table .div-table-row .div-table-col { float:left; display:table-column; width: 42.5%; font-size: 12px; }
#ranking .div-table .div-table-row:hover { background-color: #FAD8D2; }
#ranking .div-table .div-table-row .div-table-col.rank { width: 10%; }
#ranking .div-table .div-table-row.div-table-head .div-table-col { background-color: #c00; color: #fff; font-weight: bold; }
#ranking .div-table .div-table-row .div-table-col.order { width: 5%; }
#ranking .div-table .div-table-row.highlight .div-table-col { background-color: yellow; font-weight: bold; }

@media only screen and (max-width: 555px) {
#ranking .title-wrap h2, #ranking .title-wrap p.ranking-date { width: 100%; float: none; }
#ranking .title-wrap p.ranking-date { font-size: 14px; }
#ranking .div-table .div-table-row .div-table-col.rank, #ranking .div-table .div-table-row .div-table-col.order { height: 30px; }
#ranking .div-table .div-table-row .div-table-col.rank { margin-top: -15px; width: 20%; }
#ranking .div-table .div-table-row .div-table-col.order { width: 10%; }
#ranking .div-table .div-table-row .div-table-col { width: 70%; height: 15px; }
#ranking .div-table .div-table-row .div-table-col.middle { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; }
#ranking .div-table .div-table-row.div-table-head .div-table-col { height: auto !important; margin: 0px; }
#ranking .div-table .div-table-row.div-table-head .div-table-col.mobile { display: none; }
}


/*#New Alexa Rankings Table#*/
table.AlexaRankingsTable thead { background-color: #CC0000; color: #fff; }
table.AlexaRankingsTable { border: 1px solid #ccc; width: 100%; margin:0; padding:0; border-collapse: collapse; border-spacing: 0; font-size: 13px; font-weight:bold; }
table.AlexaRankingsTable tr { border: 1px solid #ddd; padding: 5px; }
table.AlexaRankingsTable th, table.AlexaRankingsTable td { padding: 10px; text-align: center; }
table.AlexaRankingsTable th { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; }
@media screen and (max-width: 600px) {
	table.AlexaRankingsTable { border: 0; }
	table.AlexaRankingsTable thead { display: none; }
	table.AlexaRankingsTable tr { margin-bottom: 10px; display: block; border-bottom: 2px solid #ddd; }
	table.AlexaRankingsTable td { display: block; text-align: right; font-size: 13px; border-bottom: 1px dotted #ccc; }
	table.AlexaRankingsTable td:last-child { border-bottom: 0; }
	table.AlexaRankingsTable td:before { content: attr(data-label); float: left; text-transform: uppercase; font-weight: bold; }
}

.post-language-link { width:100%; font-size:12px; }

a.mercola-search {
text-indent: -999px;
background-image: url(//media.mercola.com/assets/images/mercola/search_box_icon.png) !important;
height: 38px;
width: 70px;
margin: 0px;
padding: 0px;
border-top-left-radius: 0px!important;
border-bottom-left-radius: 0px!important;
border-top-right-radius: 5px!important;
border-bottom-right-radius: 5px!important;
border: 1px solid #0869BD !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-color: #4787ED !important;
}

#search input[type="text"] {
box-shadow: none !important;
padding: 0px 0px 0px 11px !important;
width: 100%;
font-size: 15px;
background-color: #f7f7f7 !important;
border-top-left-radius: 5px!important;
border-bottom-left-radius: 5px!important;
border-top-right-radius: 0px!important;
border-bottom-right-radius: 0px!important;
border: 1px solid #86b6ff!important;
height: 38px;
margin-bottom: 0px !important;
}

.icon-magnifier::before { content: ""; }

@media screen and (max-width: 480px) { 
#search {
    width: 92%;
}
}

@media only screen and (min-width:990px) {
.social-top { height: 94px; }
    .social-btm {
        clear: both
    }
    .social-btn-top {
        position: absolute;
        left: -9999px
    }
}

@media only screen and (max-width:989px) {
    .social-btn-top {
        width: 100%;
        position: fixed;
        padding-left: 15px;
        z-index: 100;
        background-color: #fff;
        margin-top: -5px;
        height: 85px;
        border-top: 1px solid #ccc;
        bottom: 0
    }
    .social-bottom {
        position: absolute;
        left: -99999px
    }
}






ul.social-icons {
    margin: 0;
    padding: 0
}

ul.social-icons>li.social-btn>a {
    display: block;
    background: url(//media.mercola.com/themes/mercola/images/socialsprites.png) 0 -35px no-repeat;
    height: 30px
}

ul.social-icons>li {
    list-style: none;
    float: left
}

@media only screen and (min-width:990px) {
    .social-icons li {
        height: 21px
    }
    ul.social-icons>li.social-btn>a {
        height: 21px;
        background-position-y: 0
    }
    ul.social-icons>li.social-btn[data-social-btn=facebook]>a {
        width: 17px
    }
    ul.social-icons>li.social-btn[data-social-btn=twitter]>a {
        background-position-x: -22px;
        width: 25px
    }
    ul.social-icons>li.social-btn[data-social-btn=google-plus]>a {
        background-position-x: -53px;
        width: 35px
    }
    ul.social-icons>li.social-btn[data-social-btn=linked-in]>a {
        background-position-x: -90px;
        width: 26px
    }
    ul.social-icons>li.social-btn[data-social-btn=pinterest]>a {
        background-position-x: -121px;
        width: 22px
    }
    ul.social-icons>li.social-btn[data-social-btn=mailto]>a {
        background-position: -154px 0;
        width: 29px
    }
    ul.social-icons>li.social-btn[data-social-btn=print]>a {
        background-position: -189px 0;
        width: 26px
    }
    ul.social-icons>li {
        padding-right: 8px
    }
    ul.social-icons li:first-child::after {
        content: "\00a0SHARES";
        font-size: 10px;
        color: #737373;
        display: block
    }
    ul.social-icons li:first-child {
        border-right: 1px #cbcdcc solid;
        margin-right: 14px;
        padding-bottom: 16px;
        padding-right: 16px
    }
    ul.social-icons .share-count-total span {
        color: #194199;
        font-size: 22px!important;
        font-weight: 600
    }
    ul.social-icons {
        height: 35px
    }
    ul.social-icons.dontprint {
        text-align: center
    }
    ul.social-icons li.social-btn {
        padding-top: 7px
    }
}

@media only screen and (max-width:989px) {
    .social-icons li {
        height: 30px
    }
    ul.social-icons>li {
        padding-right: 8px
    }
    ul.social-icons>li.social-btn[data-social-btn=facebook]>a {
        width: 18px
    }
    ul.social-icons>li.social-btn[data-social-btn=twitter]>a {
        background-position-x: -34px;
        width: 33px
    }
    ul.social-icons>li.social-btn[data-social-btn=google-plus]>a {
        background-position-x: -84px;
        width: 42px
    }
    ul.social-icons>li.social-btn[data-social-btn=linked-in]>a {
        background-position-x: -140px;
        width: 33px
    }
    ul.social-icons>li.social-btn[data-social-btn=pinterest]>a {
        background-position-x: -190px;
        width: 26px
    }
    ul.social-icons>li.social-btn[data-social-btn=etaf]>a {
        background-position: -230px -37px;
        width: 36px
    }
}

@media only screen and (max-width:400px) {
    ul.social-icons li:nth-child(4),
    ul.social-icons li:nth-child(5),
    ul.social-icons li:nth-child(8) {
        display: none
    }
}

.social-icons .google-plus>div {
    width: 60px!important
}

.social-icons .google-plus>div iframe {
    width: 58px!important
}

.social-icons .google-plus>div iframe table {
    margin: 0 auto
}

.social-icons .google-plus.social-button {
    background: url(//media.mercola.com/themes/mercola/images/cssprites.png) 199px 42px;
    padding-top: 41px;
    width: 56px!important;
    height: 0
}

.social-icons .pinterest {
    padding: 0px;
}

.google-plus div iframe {
    margin: 1px 0 0!important;
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04)
}


ul.Wsocial-icons li:last-child a{
    height: 30px !important;
    width: 30px !important;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjYmQwODFjIj48L3BhdGg+PC9nPjwvc3ZnPg==) 0 0 no-repeat !important;
    margin-top: -4px !important;
}

.gdpr-container { display: block; position: fixed; bottom: 0px; background: #F1F2F2; z-index: 9999 !important; padding: 14px; max-width: 360px; border-radius: 5px; margin: 8px; border: 1px solid #c5c5c5; box-shadow: 0px 3px 2px rgba(146, 144, 144, 0.5);}
.gdpr-container .close-button p { margin: 0; }
.gdpr-container .close-button p a { padding-bottom: 1px; position: absolute; right: 10px; border-radius: 50%; color: #fff; width: 20px; background-color: #9e9c9c; text-align: center; line-height: 20px; font-size: 15px; text-transform: lowercase !important; font-weight: bold;}
.gdpr-container .close-button p a &:hover { background-color: #8c8c8c; }
.gdpr-container > p { padding-right: 25px; }
.gdpr-container p { font-family: Arial; font-size: 13px; font-weight: bold; color: #3c3c3c;  line-height: 18px;  }
.gdpr-container .agree-button { text-align: center;}
.gdpr-container .agree-button p { padding-bottom: 2px; margin: 0;}
.gdpr-container .agree-button a { color: white !important; font-size: 13px; color: #fff; background-color: #0869BD; text-align: center; line-height: 24px; cursor: pointer; text-decoration: none; font-family: Arial; padding: 6px 24px; border-radius: 5px;}
.gdpr-container .agree-button p a:hover { background:#065497; }
@media(min-width:990px) { .gdpr-container { margin: 0 35px 35px 35px !important;}}
.mm-opened .gdpr-container {display: none;}
