/*#Header#*/
#logo { margin-top: 13px; }
.side-img {float: right;}

@media screen and (max-width: 989px) { 			
#logo { margin-top: 8px; } 			
} 

@media screen and (max-width: 479px) {
 .header .logo { margin: 0 auto!important;  }
}

@media screen and (max-width: 1199px) {
.main-content { padding-top: 80px!important; }
.header .logo { margin: 0 auto!important; }
}

@media screen and (max-width: 639px) {
 .header .logo { margin: 0 auto!important;  }
}


/*#Header - Login Links#*/
.user-links { position: absolute; right: 0px; top: 26px; }
.user-links #menu { width: 100%; text-align: right; }
#menu #profile-menu li .cart { margin-right: 5px; }
#menu #profile-menu li .cart-count { color: white; background: #cc0000; font-weight: bold; padding: 0px 3px; border-radius: 4px; position: relative; width: 100%; top: -5px; right: -14px; margin-right: -30px; margin-left: 15px; }
#menu #profile-menu li.coupon-count .cart-count { top: -5px; left: -4px; margin-right:-4px; margin-left:6px;  }
div.accountname { margin-bottom: 5px; }
div.accountname span {display: inline-block; height: 17px; overflow: hidden;  margin: 2px 4px -3px 5px;}
div.accountname span.Premier {background: url("//media.mercola.com/assets/images/mercola/customer_premier.png") no-repeat scroll left center transparent;width: 102px;}
div.accountname span.Wholesale {background: url("//media.mercola.com/assets/images/mercola/customer_wholesale.png") no-repeat scroll left center transparent;width: 119px; }

/*#Header - Nav#*/
nav a, nav li a { padding: 11px 25px !important; }
nav li[data-nav-pos=last-desktop] { border-right: none !important; }
@media only screen and (min-width: 989px) {
nav#main { height: 40px; }
}

/#*Login Account*#/
.accountname {
    margin-bottom: 6px;
    position: relative;
    text-align: right;
    height: 18px
}

div.accountname span {
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    overflow: hidden
}

div.accountname .sidr-class-Premier,
div.accountname span.Premier {
    background: url(//media.mercola.com/assets/images/mercola/customer_premier.png) right center no-repeat;
    width: 70px;
    background-size: 100%;
    float: right
}

div.accountname .sidr-class-Wholesale,
div.accountname span.Wholesale {
    background: url(//media.mercola.com/assets/images/mercola/customer_wholesale.png) right center no-repeat;
    width: 100px;
    background-size: 100%;
    float: right
}

div.accountname .sidr-class-Retail,
div.accountname span.Retail {
    background: url(//media.mercola.com/assets/images/mercola/customer_mymercola.png) right center no-repeat;
    width: 74px;
    background-size: 100%;
    float: right
}

div.accountname .sidr-class-Preferred,
div.accountname span.Preferred {
    background: url(//media.mercola.com/assets/images/mercola/customer_preferred.png) right center no-repeat;
    width: 61px;
    background-size: 100%;
    float: right
}

div.accountname .sidr-class-PreferredEs,
div.accountname span.PreferredEs {
    background: url(//media.mercola.com/assets/images/mercola/customer_preferente.png) right center no-repeat;
    width: 61px;
    background-size: 100%;
    float: right;
height: 18px;
}

/#*Login Account - Mmenu*#/
#mainnav .Premier {
    background: url(//media.mercola.com/assets/images/mercola/customer_premier.png);
    width: 200px;
    background-repeat: no-repeat;
    height: 18px;
    margin: 3px 0px;
}

#mainnav .Wholesale {
    background: url(//media.mercola.com/assets/images/mercola/customer_wholesale.png);
    width: 200px;
    background-repeat: no-repeat;
    height: 16px;
    margin: 3px 0px;
}
#mainnav .Retail {
    background: url(//media.mercola.com/assets/images/mercola/customer_myMercola.png);
    width: 200px;
    background-repeat: no-repeat;
    height: 16px;
    margin: 3px 0px;
}
#mainnav .Preferred {
    background: url(//media.mercola.com/assets/images/mercola/customer_preferred.png);
    width: 200px;
    background-repeat: no-repeat;
    height: 16px;
    margin: 3px 0px;
}
#mainnav .PreferredEs {
    background: url(//media.mercola.com/assets/images/mercola/customer_preferente.png);
    width: 200px;
    background-repeat: no-repeat;
    height: 16px;
    margin: 3px 0px;
    height: 19px;
}

li#pinIttd > span { margin-top: 42px !important; }
li#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;}

#wrapper1 {height: 360px !important;}
#current-caption ol li {font-size:12px !important;}

/*#Header - Search #*/
#search .gsc-input-box { padding:0px; }
.gsib_a { padding:0px; }
#search .gsc-search-button input[type="image"] { padding: 13px 28px 12px 28px !important; }
@media only screen and (min-width: 989px) {
#search { background: #cce0ff; border-radius: 5px; padding: 5px; }
}
@media only screen and (max-width: 989px) {
#search input[type="text"] { margin: 4px!important; }
#search input[type=text] { padding:5px 3px!important; }
.gsib_a { padding:0px!important; }
.gsc-input-box { padding:2px; }
}

/*#Archive Page#*/
.current-title, div.fit-sort { float: none !important; }
.current-thumb img { max-height: 135px; max-width: 187px; border-width: 0px; }

/*#Article Page#*/
.article-title h1 { padding-right: 85px; }
#article h5 img { margin-right: 3px; border: 1px solid #ccc; }
#article div#StoryImage { text-align: center; }
@media screen and (min-width:990px) {
#StoryImage { max-width: 300px; width: 100%; }
.generic-table { margin: 0px 40px 20px 40px !important; }
}

.bodytextdiv .video-responsive { margin-left: 40px; }
.video-responsive { max-width: 500px;  margin-bottom: 16px; text-align: center; }
.video-responsive-body { max-width: 500px; margin: 0 auto 16px auto; }
#article .bodytextdiv .summary { background: #f5f5f5; padding: 18px 18px 10px 18px; margin-bottom: 2rem; }
#article .bodytextdiv .summary h2 { color: #2e2e2e !important; font-weight: 600; text-align: left; margin-top: 0; border: none;}

.procedure { margin-top: 20px; }
.ingredients { display: table; width: 100%; }
.ingredients .title { display: table-caption; }
.serving-size {
    border: 1px dashed #1e909b;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
    margin-bottom: 16px;
}
.serving-size span { display: block }
@media screen and (min-width: 768px) {
.recipes-panel .ingredients ul {
    display: table-cell;
    padding-left: 40px;
    padding-bottom: 20px;
    vertical-align: top;
}
.recipes-panel .serving-size {
    display: table-cell;
    width: 190px;
}
}

/*#Article Page - Share#*/
@media only screen and (min-width: 970px) {
#side-panel { margin-right: -20px !important; }
}

/*#Article Page - Language Flags#*/
.language-flags { display: inline-block; position: relative; z-index: 1; }
.language-flags span { padding: 5px 5px 5px 25px; font-size: 12px; border-radius: 3px; position: relative; }
.language-flags span::before { content: ' '; background: url('//media.mercola.com/themes/mercola/images/socialsprites.png') -318px -4px transparent no-repeat; height: 15px; width: 15px; position: absolute; left: 5px; top: 3px; }
.language-flags span::after { content: ''; display: inline-block; margin-left: 10px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #666; }
.language-flags:hover span { background-color: #ebebeb; }
.language-flags:hover .language-dropdown { display: block !important; }
.language-dropdown { display: none; border: 1px solid #e5e5e5; box-shadow: 0 3px 5px 0 #a3a3a3; background: #fff; background: -webkit-linear-gradient(bottom,#e7e7e7,#fff 20%); padding: 15px 0 5px; min-width: 125px; position: absolute; margin-top: 4px; }
.language-dropdown-wide { width: 200px; }
.language-dropdown ul, .language-dropdown ul li { list-style: none outside none; margin: 0px; }
.language-dropdown ul { padding: 0px; }
.language-dropdown-wide li { float: left; width: 50%; }
.language-dropdown li a { display: block; padding: 0 15px 8px 15px; height: 20px; }
@media only screen and (max-width: 480px) {
.language-flags { margin-top: 8px; }
}

/*#Article Page - References#*/
#footnote #heading::before { content: '[+]'; margin-right: 7px; }
#footnote #heading.active::before { content: '[-]'; }
#footnote #heading { margin-bottom: 10px; cursor: pointer; color: #0869BD; font-weight: bold; font-size: 16px; }
#footnote #contentrefsources { display: none; }
#footnote #contentrefsources ul, #footnote #contentrefsources li { list-style: none outside none; font-size: 12px; }
#footnote #contentrefsources li { margin-bottom: 5px; }
#footnote #contentrefsources > div { margin-bottom: 10px; }

/*#Article Page - Story at a Glance#*/
#StoryAtAGlance #expanderSign::before { content: '+'; }
#StoryAtAGlance #expanderSign.active::before { content: '-'; }

/*#Footer Seals - Disable Mcafee#*/
#footer-seal .footer-wrap ul li:nth-child(2) { display: none !important }

.nutrition-facts { border: 10px #f1f1f1 solid; border-radius: 10px; width: 600px; padding: 15px; font-family: Verdana, Geneva, sans-serif !important; font-size: 16px; margin:0px auto; position: relative; box-shadow: 0 2px 2px #ccc;  }
	.nutrition-facts { border: 1px solid #f1f1f1; padding: 5px; }
	.nutrition-facts h2 { font-family: Verdana, Geneva, sans-serif !important; margin:0px !important; padding:0px !important;; color:#000 !important;  }
	.nutrition-facts table { font-family: Verdana, Geneva, sans-serif !important; font-size: 12px; }
	.nutrition-facts table thead tr th { font-family: Verdana, Geneva, sans-serif !important; padding: 5px 15px 10px; border-bottom: 8px solid #000000; font-size: 14px; font-weight: normal; }
	.nutrition-facts table thead tr th strong { font-family: Verdana, Geneva, sans-serif !important; }

	.nutrition-facts table tbody tr td { font-family: Verdana, Geneva, sans-serif !important; padding: 3px 0px 8px 15px; }
	.nutrition-facts table tbody tr td.center { text-align: center; }
	.nutrition-facts table tbody tr td strong { font-family: Verdana, Geneva, sans-serif !important; margin:0px; padding:0px; }
	.nutrition-facts table tbody tr td.indent { padding-left: 50px; }
	.nutrition-facts table tr.sub-head th div { text-align: center; float: right; font-size: 12px; }
	.nutrition-facts table tr.sub-head th { border-bottom: 3px solid #000000; padding-right: 0px; }
	.nutrition-facts table tbody tr td p { font-size: 12px !important; border-bottom: 2px dotted #000000; margin-bottom: 0px !important; margin-top: 0px !important; font-family: Verdana, Geneva, sans-serif !important; padding-bottom:1px !important; }
	.nutrition-facts table tbody tr td p span { border-bottom: #fff solid 4px; padding-right: 5px; }
	.nutrition-facts table tbody tr.last-row td { font-family: Verdana, Geneva, sans-serif !important; border-top: 5px solid #000; padding-top: 8px; }
	.nutrition-facts table tbody tr.last-row td sup { font-size: 8px; }
	.nutrition-facts table tfoot tr td { font-family: Verdana, Geneva, sans-serif !important; padding: 10px 15px 5px; border-top: 1px solid #f1f1f1; font-size: 14px; text-align: center; }
	.nutrition-facts table tfoot tr td a { color: #03519B; }

@media screen and (max-width: 696px) {
.nutrition-facts  {width: 80% !important;} 
}

@media screen and (max-width: 360px) {
	.nutrition-facts { width: 250px }    .translate { margin: 10px 10px; !important}    h1 { float:left !important; margin-left:10px; font-size: 20px !important}    
}

@media screen and (max-width:320px) { 
.nutrition-facts  {width: 80% !important;}
}

.floatr {
    float: right;
    margin: 10px;
    padding: 8px;
    margin: 20px auto 20px 20px;
}
@media screen and (max-width: 696px) {
.floatr {
    clear: both;
    width: 50%; }
}
@media screen and (max-width: 496px){
.floatr {
    float: left;
    width: 94%;
    margin: 20px;}
}
@media screen and (max-width: 360px){
.floatr {
    float: left;
    width: 94%;
    margin: 20px;}
}
@media screen and (max-width: 320px) {
.floatr {
    width: 94%;}
}

@media screen and (min-width: 990px){
.small-first-col tr td:first-of-type, 
.small-first-col tr th:first-of-type {
width: 1%;
}
}

/*#Social Icons Rounded#*/
@media only screen and (min-width: 990px) {
ul.social-icons li:first-child::after { content: "\00a0Partages"; }
}
@media only screen and (max-width: 400px) {
ul.social-icons li:nth-child(5) { display: block; }
}

.social-btn[data-social-btn="google-plus"],
.social-icons .google-plus {
	display: none!important;
} 

/*#FB IA#*/
.indent { margin-left: 50px; }
.indent .bullet { margin-left: -32px; display: inline-block; width: 32px; text-align: center; }
.unibull, .hide-figcap, .hide { display: none; }
.figcap { display: table; }
.figcap figcaption { display: table-caption; caption-side: bottom; font-size: 14px }
.video-rwd { max-width: 640px; width: 100%; margin: 16px auto 32px auto; }
.video-rwd .aspect-ratio { position: relative; width: 100%; height: 0; padding-bottom: 56.2%; }
.video-rwd .aspect-ratio iframe { position: absolute; width: 100%!important; min-height: auto!important; height: 100%; left: 0; top: 0; }
.video-rwd.has-figcaption { padding-bottom: 40px; }
.video-rwd.has-figcaption figcaption { bottom: -40px; position: absolute; width: 100%; line-height: 18px; font-size: 16px; text-align: center }
@media only screen and (max-width: 767px) {
.video-rwd.has-figcaption figcaption { font-size: 13px; }
}

/*#Recipes, Gardening Table#*/
.recipes-panel { 
	border: 3px solid #77a72f;
	padding: 16px 16px 0px 16px; 
	margin-bottom: 16px;
}

.gardening-panel { 
	border: 3px solid #f79b44 ;
	padding: 16px 16px 0px 16px; 
	margin-bottom: 16px;
}

.recipes-panel ol,
.recipes-panel ul,
.gardening-panel ol,
.gardening-panel ul { 
	margin: 0 0 16px 32px;
}

.recipes-panel ol li,
.gardening-panel ol li { 
	list-style-type: decimal;
	margin-bottom: 8px;
}

.recipes-panel ul li,
.gardening-panel ul li  {
	list-style-type: initial;
	margin-bottom: 8px;
}

.recipes-panel h2,
.gardening-panel h2 {
		margin-bottom: 16px;
}

.recipes-panel .ingredients h3,
.recipes-panel .ingredients .title,
.recipes-panel .procedure h3,
.recipes-panel .procedure .title  {
	background: #77a72f;
	color: white;
	padding: 6px 16px;
	font-size: 18px;
}

.gardening-panel .ingredients h3,
.gardening-panel .ingredients .title {
	background: #f79b44;
	color: white;
	padding: 6px 16px;
	font-size: 18px;
}

.recipes-panel .ingredients h3:before,
.recipes-panel .ingredients .title:before,
.recipes-panel .procedure h3:before,
.recipes-panel .procedure .title:before {
	content: " ";
	background-image: url(//media.mercola.com/assets/images/articles/content-icons.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	width: 25px;
	height: 23px;
	margin-right: 8px;
	display: inline-block;
}

.recipes-panel .procedure h3:before,
.recipes-panel .procedure .title:before {
	background-position: 0px -20px;
}

.gardening-panel .ingredients h3:before,
.gardening-panel .ingredients .title:before,
.gardening-panel .equipment-required h3:before,
.gardening-panel .equipment-required .title:before,
.gardening-panel .directions h3:before,
.gardening-panel .directions .title:before,
.gardening-panel .how-to-store h3:before,
.gardening-panel .how-to-store .title:before {
	content: " ";
	background-image: url(//media.mercola.com/assets/images/articles/content-icons.png);
	background-repeat: no-repeat;
	background-position: 0px -76px;
	width: 25px;
	height: 23px;
	margin-right: 8px;
	display: inline-block;
}

.gardening-panel .equipment-required h3:before,
.gardening-panel .equipment-required .title:before {
	background-position: 0px -46px;
}

.gardening-panel .directions h3:before,
.gardening-panel .directions .title:before {
	background-position: 0px -100px;
}

.gardening-panel .how-to-store h3:before,
.gardening-panel .how-to-store .title:before {
	background-position: 0px -124px;
}


.recipes-panel.centered, 
.gardening-panel.centered, 
.gray-panel.centered {
	@include media($medium) {
		width: 90%;
		margin: 16px auto;
	}
}

@media screen and (min-width:640px) {
	.recipes-panel.centered, 
	.gardening-panel.centered, 
	.gray-panel.centered {
		width: 90%;
		margin: 16px auto;
	}
}


@media screen and (max-width:480px) {
	.recipes-panel .ingredients h3:before,
	.recipes-panel .ingredients .title:before,
	.gardening-panel .ingredients h3:before,
	.gardening-panel .ingredients .title:before {
		margin-bottom: -3px;
	}
	.recipes-panel .ingredients h3,
	.recipes-panel .ingredients .title,
	.gardening-panel .ingredients h3,
	.gardening-panel .ingredients .title {
		font-size: 1.25em;
	}
}



/*#Recipes, Gardening Table#*/
.recipes-panel { 
	border: 3px solid #77a72f;
	padding: 16px 16px 0px 16px; 
	margin-bottom: 16px;
}

.gardening-panel { 
	border: 3px solid #f79b44 ;
	padding: 16px 16px 0px 16px; 
	margin-bottom: 16px;
}

.recipes-panel ol,
.recipes-panel ul,
.gardening-panel ol,
.gardening-panel ul { 
	margin: 0 0 16px 32px;
}

.recipes-panel ol li,
.gardening-panel ol li { 
	list-style-type: decimal;
	margin-bottom: 8px;
}

.recipes-panel ul li,
.gardening-panel ul li  {
	list-style-type: initial;
	margin-bottom: 8px;
}

.recipes-panel h2,
.gardening-panel h2 {
		margin-bottom: 16px;
}

.recipes-panel .ingredients h3,
.recipes-panel .ingredients .title,
.recipes-panel .procedure h3,
.recipes-panel .procedure .title  {
	background: #77a72f;
	color: white;
	padding: 6px 16px;
	font-size: 18px;
}

.gardening-panel .ingredients h3,
.gardening-panel .ingredients .title {
	background: #f79b44;
	color: white;
	padding: 6px 16px;
	font-size: 18px;
}

.recipes-panel .ingredients h3:before,
.recipes-panel .ingredients .title:before,
.recipes-panel .procedure h3:before,
.recipes-panel .procedure .title:before {
	content: " ";
	background-image: url(//media.mercola.com/assets/images/articles/content-icons.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	width: 25px;
	height: 23px;
	margin-right: 8px;
	display: inline-block;
}

.recipes-panel .procedure h3:before,
.recipes-panel .procedure .title:before {
	background-position: 0px -20px;
}

.gardening-panel .ingredients h3:before,
.gardening-panel .ingredients .title:before,
.gardening-panel .equipment-required h3:before,
.gardening-panel .equipment-required .title:before,
.gardening-panel .directions h3:before,
.gardening-panel .directions .title:before,
.gardening-panel .how-to-store h3:before,
.gardening-panel .how-to-store .title:before {
	content: " ";
	background-image: url(//media.mercola.com/assets/images/articles/content-icons.png);
	background-repeat: no-repeat;
	background-position: 0px -76px;
	width: 25px;
	height: 23px;
	margin-right: 8px;
	display: inline-block;
}

.gardening-panel .equipment-required h3:before,
.gardening-panel .equipment-required .title:before {
	background-position: 0px -46px;
}

.gardening-panel .directions h3:before,
.gardening-panel .directions .title:before {
	background-position: 0px -100px;
}

.gardening-panel .how-to-store h3:before,
.gardening-panel .how-to-store .title:before {
	background-position: 0px -124px;
}


.recipes-panel.centered, 
.gardening-panel.centered, 
.gray-panel.centered {
	@include media($medium) {
		width: 90%;
		margin: 16px auto;
	}
}

@media screen and (min-width:640px) {
	.recipes-panel.centered, 
	.gardening-panel.centered, 
	.gray-panel.centered {
		width: 90%;
		margin: 16px auto;
	}
}


@media screen and (max-width:480px) {
	.recipes-panel .ingredients h3:before,
	.recipes-panel .ingredients .title:before,
	.gardening-panel .ingredients h3:before,
	.gardening-panel .ingredients .title:before {
		margin-bottom: -3px;
	}
	.recipes-panel .ingredients h3,
	.recipes-panel .ingredients .title,
	.gardening-panel .ingredients h3,
	.gardening-panel .ingredients .title {
		font-size: 1.25em;
	}


}



/*#Social Icons#*/ 			
.social-icons .google-plus>div { width: 73px!important } 			
.social-icons .google-plus>div iframe { width: 75px!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) 126px 42px; padding-top: 41px; width: 70px!important; height: 0; background-size: 433px;} 			
.social-icons .twitter-share-button { background: url("//media.mercola.com/assets/images/mercola/cssprites-french.png") 195px 82px !important; background-size: 436px !important;} 			

@media only screen and (max-width:394px) { .social-widgets .linkedin { clear: left } } 	
@media only screen and (max-width:470px) { ul.social-icons li:nth-child(4), ul.social-icons li:nth-child(5), ul.social-icons li:nth-child(8) { display: none !important; } }

/*recipe tips -START*/

.recipes-panel .tip
{
    background: #f8df89;
    font-size: 16px;
    border-radius: 10px;
    font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
	margin: 0px 0px 50px 50px;
    width: 90%;
}
	.recipes-panel .tip #info {
    padding: 15px;
    width: 88%;
    font-size: 14px;
    margin-left: 36px;
}

	
	.recipes-panel .tip #title
	{		font-weight: bold;
    	background: #f4bd00;
		color: #fff;
		border-radius: 200px;
    	float: left;
    	width: 95px;
    	text-align: center;
		border: 5px solid;
		font-size: 19px;
		margin: -2px 12px 0px -50px;
    padding: 20px 0px;
	}

@media screen and (min-width: 640px)
{.recipes-panel .tip {
    margin: 0px 0px 50px 50px;
    width: 90%;
}
}
@media screen and (min-width: 375px)
{.recipes-panel .tip {
    margin: 0px 0px 50px 40px;
    width: 80%;
}
}
/*recipe tips -END*/