/*
*
* Global CSS
*
*/


/* base */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700,800);
body, .news-research .description,.wl-footer-signup p {color: #333;}
b, strong {color: #000;}


/* navigation bar */
html.js-ready header nav#navprimary {display: block;}


/* special offer flyout */
.nav-grid-promo .wl-subnav li.clearfix p a {margin-left: 0;}
.navitem-special-offers > ul.wl-subnav {width: 1125px; max-width: 100%;}
.sticky-header--is-sticky.is-open .navitem-special-offers > ul.wl-subnav {width: auto;}
.navitem-special-offers > ul.wl-subnav > li.wl-cb-navigationcontent { padding: 20px 10px; }
.navitem-special-offers > ul.wl-subnav > li.wl-cb-navigationcontent > .special-offers-flyout > .col.col-1of3 { padding: 0 10px; margin: 0; }
.navitem-special-offers > ul.wl-subnav > li.wl-cb-navigationcontent > .special-offers-flyout h4 {margin-top: 10px;}
.navitem-special-offers > ul.wl-subnav > li.wl-cb-navigationcontent > .special-offers-flyout h4 + p {min-height: 0; line-height: 1.4; display: none;}
.navitem-special-offers > ul.wl-subnav > li.wl-cb-navigationcontent > .special-offers-flyout > .col.col-1of3 > p > a.wl-button {padding: 8px 16px; font-size: 1em;font-weight: bold;display: inline-block;width: auto;}
.navitem-special-offers > ul.wl-subnav > li.wl-cb-navigationcontent > .special-offers-flyout > .col.col-1of3 p{height:auto;}


/* breadcrumbs */
#mainBreadcrumbs + br {display: none;}
#mainBreadcrumbs + br + h1 {font-size: 14px;padding: 10px 15px;font-weight: bold;background: #fff;margin: 0 -15px;color: #777;border: none;-webkit-box-shadow: 0 5px 12px -6px rgba(0,0,0,0.2);-moz-box-shadow: 0 5px 12px -6px rgba(0,0,0,0.2);box-shadow: 0 5px 12px -6px rgba(0,0,0,0.2);}
#mainBreadcrumbs + br + h1 strong {color: #c00;}
#mainBreadcrumbs {padding: 0;background: #eee;margin: 0 -15px;min-height: 35px;}
#mainBreadcrumbs .wl-breadcrumbs-category {min-width: 0;line-height: 18px;margin: 0 !important;}
#mainBreadcrumbs .wl-breadcrumbs-category > ol {margin-top: 8px;}
#mainBreadcrumbs .wl-select-options{font-size: 0; padding: 0 10px 6px;}
#mainBreadcrumbs .wl-select-options .wl-select-option{padding: 6px 10px;padding-right: 20px;margin: 6px 3px 0;font-size: 11px;color: #fff !important;text-transform: uppercase !important;background: #bbb;border: none;text-align: left;font-weight: bold; border-radius:2px}
#mainBreadcrumbs .wl-select-options .wl-select-option:hover{background: #999;}
#mainBreadcrumbs .wl-select-options .wl-select-option:after {content: "\f00d";font: normal normal normal 0.875rem/1 FontAwesome;position: absolute;right: 6px;opacity: 1;font-size: 1em;}
.wl-breadcrumbs{margin-bottom: 5px;}
.wl-breadcrumbs .node {color: #666;}
.wl-breadcrumbs ol li:first-child{margin-left: 0}
.wl-breadcrumbs ol li:first-child .txt{position: relative;width: 20px;height: 20px;overflow: hidden;display: block;font-size: 16px;line-height: 0;top: 0px;left: 0;text-indent: 30px;text-align: center;}
.wl-breadcrumbs ol li:first-child .txt:before{display: inline-block;font: normal normal normal 0.875rem/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f015";position: absolute;top: 0;left: 0;text-indent: 0px;width: 20px;height: 20px;}
.wl-breadcrumbs li {float: left;}
.wl-breadcrumbs li:before {content: '/';padding: 0 6px;font-size: 12px;}
.preloader-content {padding: 0}
@media (min-width: 1200px) {
    #mainBreadcrumbs + br + h1 {border-left: solid 1px #eee; border-right: solid 1px #eee;}
}
#searchPage, #searchPage .wrapper--inner,
#browse, #browse .wrapper--inner {max-width: 1500px;}


/* product grid */
.wl-productfeed-inline .wl-product .name a {color: #000;font-weight: bold; text-align: center;}
.wl-product .info .description p,.wl-prices,.wl-productfeed-inline .wl-product .info {text-align: center;}
.wl-rating .bv-cleanslate {display: inline-block;}
.wl-productfeed-inline .wl-product .info {margin: 0 0.5em;}


/* footer */
.wl-footer-badges h6{font-size: 1.6em;}


/* category banners */
.wl-productfeed-grid {width: 100%;}
.category-banner *,.category-banner { -moz-box-sizing: border-box; box-sizing: border-box;}
.category-banner { display: block; margin: 0 auto !important;margin-top: 0 !important; }
.category-banner .col { padding: 0; margin:0; }
.category-container { background-size:cover; padding: 7% 5% 5% 35%; border-bottom: solid 1px #ccc; }
.category-container h2 { font-size: 36px; color: #0069aa; font-weight: 300; }
.category-container p { font-size: 14px; color: #414042; }
.promo-code{background: #0069aa;padding:8px 10px;color: #FFFFFF; text-transform: uppercase;}
.promo-code.dashed{border:dashed 3px #0069aa; background: none;color: #0069aa;}
@media (max-width: 48em){
	.category-container {padding: 7% !important;}
}

#categoryBanner {display: block;margin:0;padding: 2em;font-size: 14px;}
#categoryBanner.fixed-bg { background-attachment: fixed;}
#categoryBanner.cover-bg { background-size: cover;}
#categoryBanner h1,#categoryBanner h2,#categoryBanner h3,#categoryBanner h4,#categoryBanner h5,#categoryBanner h6{font-weight: normal;}
#categoryBanner h2{font-size: 4.5em;line-height: .8em;margin-bottom: 7.5px;}
#categoryBanner h3{font-size: 2.5em;line-height: 1em;}
#categoryBanner h4{font-size: 1.75em;line-height: 1em;}
#categoryBanner h5{font-size: 1.25em;line-height: 1em;}
#categoryBanner p{font-size: 1em;line-height: 1em;}
#categoryBanner sup{top: -0.25em;}
#categoryBanner .promo-code {border:dashed 4px #000;padding: 7.5px 15px;margin: 0 7.5px; background: none;color:#000}
#categoryBanner .up-to{display: inline-block;line-height: 1;text-align: center;font-size: .25em;position: relative;vertical-align: middle;margin-top: -0.8em; padding: 0 0.5em}
/* sm */
@media (min-width: 576px) {
    #categoryBanner {font-size: 14px;}
}
/* md */
@media (min-width: 768px) {
    #categoryBanner {font-size: 16px;}
}
/* lg */
@media (min-width: 992px) {
    #categoryBanner {font-size: 18px;}
}
/* xl */
@media (min-width: 1200px) {
    #categoryBanner {font-size: 20px;}
}


/* special offers flyout */
.navitem-special-offers > ul.wl-subnav > li.wl-cb-navigationcontent > .special-offers-flyout > .col.col-1of3 > p > a {padding: 0; display: block;}


/* quick order */
.quickorder-form .quickorder-table tbody tr td .checkbox label input{position:relative;}


/* bootstrap modal */
@media (max-width: 767px){
	.csstransforms3d.csstransitions.js-ready .modal-open .wl-page-wrap {-webkit-transform: none; transform: none; }
}


/* article social icons */
.list-inline.list-share-article li .share-button .fa {font-size: 2rem;margin-top: 7px;}
.list-inline.list-share-article li .share-button {top: 5px;position: relative;}
@media (max-width: 400px){
	.list-inline.list-share-article li .share-button {top: 0;}
	.list-inline.list-share-article li .share-button .fa {margin-top: 4px;font-size: 1.1875rem;}
}
.list-inline.list-share-article li .share-button.facebook, .secondary-actions .facebook a {background-color: #3B5998;color: #fff;}
.list-inline.list-share-article li .share-button.facebook:hover {border-color: #3B5998;color: #3B5998;	background-color: transparent;}
.list-inline.list-share-article li .share-button.twitter, .secondary-actions .twitter a {background-color: #1DA1F2;color: #fff;}
.list-inline.list-share-article li .share-button.twitter:hover {border-color: #1DA1F2;color: #1DA1F2;	background-color: transparent;}
.list-inline.list-share-article li .share-button.pinterest, .secondary-actions .pinterest a {background-color: #bd081c;color: #fff;}
.list-inline.list-share-article li .share-button.pinterest:hover {border-color: #bd081c;color: #bd081c;	background-color: transparent;}
.at-style-responsive .at-share-btn.at-svc-email .at-icon-wrapper .at-icon-email {fill: #fff !important;}
.at-style-responsive .at-share-btn:hover.at-svc-email, .at-style-responsive .at-share-btn:focus.at-svc-email, .at-style-responsive .at-share-btn:active.at-svc-email {background-color: #fff !important;}
@media (max-width: 400px){
	.addthis_inline_share_toolbox{position: relative;top: -11px;}
	.at-style-responsive .at-share-btn.at-svc-email .at-icon-wrapper {width: 26px !important;height: 26px !important;}
	.at-style-responsive .at-share-btn.at-svc-email .at-icon-wrapper .at-icon {width: 22px !important;height: 22px !important;position: relative;top: 3px;}
}


/* fix the height issue with the social icons */
.addthis_inline_share_toolbox.pdp .at-style-responsive .at-share-btn-elements .at-share-btn .at-icon-wrapper {height: 41px !important;}


/* homepage slider */
.wl-homepage .flex-direction-nav a {width: 20px;height: 70px;margin-top: -35px;text-indent: -99px;margin-right: 0;background: rgba(255,255,255,0.9);box-shadow: -10px 0 30px rgba(0,0,0,0.25);}
.wl-homepage .flex-direction-nav a:before {color: #000;text-indent: -15px;line-height: 70px;font-size: 3em;}
.wl-homepage .flex-direction-nav .flex-next {right: 0;}
.wl-homepage .flex-direction-nav .flex-prev{ margin-left: 0;box-shadow: 10px 0 30px rgba(0,0,0,0.25);}
@media (max-width: 599px){
    .wl-homepage .flex-direction-nav a {width: 10px;height: 40px;margin-top: -20px;box-shadow: -3px 0 5px rgba(0,0,0,0.25);}
    .wl-homepage .flex-direction-nav a:before {text-indent: -6px;line-height: 40px;font-size: 1.5em;}
    .wl-homepage .flex-direction-nav .flex-prev{margin-left: 5px;box-shadow: 3px 0 5px rgba(0,0,0,0.25);}
}


/* product slider */
.wl-productfeed .slick-prev, .wl-productfeed .slick-next{width: 20px !important;background: none !important;color: #000;height: 70px !important;margin-top: -35px;box-shadow: none;}
.wl-productfeed .slick-prev{ margin-left: 0;}
.wl-productfeed .slick-prev:before, .wl-productfeed .slick-next:before {position: relative;top: auto;left: auto;right: auto;bottom: auto;color: #333;font-size: 2.5rem;margin-left: -.25em;}
@media (max-width: 599px){
    .wl-productfeed .slick-prev, .wl-productfeed .slick-next {width: 16px !important;height: 40px !important;margin-top: -20px;}
    .wl-productfeed .slick-prev{margin-left: 5px;}
    .wl-productfeed .slick-prev:before, .wl-productfeed .slick-next:before {font-size: 1.5rem;margin-left: -.2em; line-height: 0;}
}


/* product pages */
#pdp-tabs .features-list li {width: 100%;}
.tab-purchase.pdp-product-tabs .tabsnav .tab-tooltip .tab-label > .lines2{width: 100%;position: absolute;margin-top: -10px;}
.tab-purchase.pdp-product-tabs .tabsnav .tab-tooltip .tab-label > .lines2 + .lines2{font-size: 0.8em;position: relative;width: 100%;margin-bottom: -20px;margin-top: 0;}
@media (max-width: 480px){
	.tab-purchase.pdp-product-tabs .tabsnav .tab-tooltip .tab-label > .lines2 + .lines2{font-size: 0.7em;line-height: 1;}
}
/* HC-1182 | Product page ingredients tab CSS update */
.glutenfree{ float: right; margin-left: 15px; width: 50px; }
.ingredient-sublist{ padding-left: 20px; }
.ingredient-trademarks{ display: inline; vertical-align: middle; }


/* facebook authentication button color */
button.facebook-login,button.facebook-login:hover, button.facebook-login:focus, button.facebook-login:active{background: #3b5998;}


/* footer social icons */
.wl-social-icons .facebook a:before {background-color: #3b5998;}
.wl-social-icons .twitter a:before {background-color: #1da1f2;}
.wl-social-icons .youtube a:before {background-color: #cd201f;}
.wl-social-icons .pinterest a:before {color: #fff;content: "\f231";background-color: #bd081c;padding: 9px 9px 7px;font-family: 'FontAwesome';}


/* reset-password padding fix */
.clearfix .reset-password {padding: 0px 15px;}


/* remove the category nav from the search results */
.tab-search-results .tabsnav > li:nth-child(2),.tab-search-results .tabsnav > li:first-child + li {display:none;}


/* fix the apply the promo code cta */
.wl-promo-form .wl-value-action{width: 60% !important;}
.wl-promo-form .wl-action{width: 38% !important;}

/* HC-1230 Suppress badges on mobile devices (Recurrence) */
@media (max-width: 425px) {
    .badge.corner-snipe {display:none !important;}
}


/* static sidebar responsive toggle */
#staticSidebarToggle{display: block; padding: 15px; margin:0;}
#staticSidebar:checked + #staticSidebarToggle .fa-plus{display: none;}
#staticSidebar + #staticSidebarToggle .fa-plus{display: block;}
#staticSidebar + #staticSidebarToggle .fa-minus{display: none;}
#staticSidebar:checked + #staticSidebarToggle .fa-minus{display: block;}
#staticSidebar + label + ul{display: none !important; list-style: none; margin:0;}
#staticSidebar:checked + label + ul{display: block !important;}
#staticSidebar + label + ul li{border-top: solid 1px #ddd; padding: 10px;font-weight: bold;font-size: 14px;}
#staticSidebar + label + ul li:first-child{border-top:none;}
#staticSidebar + label + ul li a{text-decoration: none;}
@media (min-width: 768px) {
    #staticSidebarToggle{display: none;}
    #staticSidebar + label + ul{display: block !important;}
}

/* search page */
/*.clear-search-filter {display: none;}
h3.header-label.header-label--smal + div + br + .clear-search-filter {display: inline-block;}*/


/* html rotator  */
#rotatorBanner {height:460px !important; width: 100% !important;}
#rotatorBanner .row {height:100% !important; display: flex; justify-content: center; align-items: center;}
#rotatorBanner .rotator-text {padding: 2em;}
#rotatorBanner.right-img-rotator .rotator-text {padding-left: 5em;}
#rotatorBanner h1 {font-size:64px; line-height: 35px;}
#rotatorBanner .bold-h1 {font-size:54px; line-height: 35px; font-weight: bold;}
#rotatorBanner h2 {font-size:54px; line-height: 35px;}
#rotatorBanner h3 {font-size:64px; line-height: 35px;}
#rotatorBanner p {font-size:24px; line-height: 30px;}
#rotatorBanner button {font-size:30px;}
/* xl */
@media (max-width: 1200px) {
    #rotatorBanner {height:400px !important;}
}
/* lg */
@media (max-width: 992px) {
    #rotatorBanner {height:350px !important;}
}
/* md */
@media (max-width: 768px) {
    #rotatorBanner {height:300px !important;}
}
/* sm */
@media (max-width: 570px) {
    #rotatorBanner.right-img-rotator .rotator-text {padding-left: 2em;}
    #rotatorBanner h1 {font-size:46px;}
    #rotatorBanner .bold-h1 {font-size:32px;}
    #rotatorBanner h2 {font-size:38px;}
    #rotatorBanner h3 {font-size:46px;}
    #rotatorBanner p {font-size:20px;}
}
/* xs */
@media (max-width: 320px) {
    #rotatorBanner {height:250px !important;}
    #rotatorBanner h1 {font-size:40px;}
    #rotatorBanner p {font-size:16px; line-height: 25px;}
}