@import url(vo-image.css);

/* ================================================================================== */
/* == Normalize.css v3.0.2 ========================================================== */
/* ================================================================================== */

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; }

*, *:before, *:after { margin: 0; padding: 0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; list-style: none; }

body, html { color: #555; font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 1.25em; }
html { background: url(../../img/body-bgr.jpg); }
body { background: url(../../img/body-bg.jpg) repeat-x top; min-height: 800px; /*To help background from being cutoff*/ }

.container { margin: 0 auto; max-width: 980px; }
a { text-decoration: none; color: #d32202;
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-ms-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s; }
a:hover { color: #402118; }
h1, h2, h3, h4, h5 { font-weight: bold; color: #402118; margin-bottom: 8px; }

/* Skip to links */
#skip-to a{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
#skip-to a:focus { top: 20px; left: 20px; width: auto; height: auto; padding: 5px 8px; background: #fff; z-index: 9999; }

.main-content { float: left; background: #fff; margin-bottom: 25px; width: 70%; }
.main-content .page-title { min-height: 40px; overflow: hidden; padding: 0; font-size: 36px; font-weight: normal; line-height: normal; margin-bottom: 30px; z-index: 100; margin: 0 0 20px 0; position: relative; }
.lt-ie9 .main-content .page-title { background: #BE1D1A; }
.main-content .page-title h1 { margin: 0; float: left; font-size: 36px; font-weight: normal; }

.main-content.full { float: none; width: 100%; }


/* -------------HEADER-------------- */
#header { background: #8a6939 url(../../img/header-bg.jpg) repeat-x; height: 60px; line-height: 60px; z-index: 100; position: relative; box-shadow: 0px 1px 2px rgba(0,0,0,0.35); }
#header .container { overflow: hidden; }
#header .home-page { float: left; }
#header .home-page .logo { width: 120px; height: 60px; background: url(../../img/header-logo@2x.png) no-repeat center 8px; background-size: 120px 46px; text-indent: -9999px; display: inline-block; margin: 0; }
#header .home-page .import-logo { width: 191px; height: 60px; background: url(../../img/logo-importing@2x.png) no-repeat center; background-size: 191px 21px; text-indent: -9999px; display: inline-block; margin: 0 7px; }

#main-nav { float: right; font-size: 19px; font-weight: 600; }
#main-nav ul {  }
#main-nav ul li { display: inline-block; text-shadow: 0px 1px 1px rgba(0,0,0,0.75); }
#main-nav ul li a { color: #fff; padding: 7px 13px; border-radius: 3px; }
#main-nav ul li a:hover {  background: rgba(0,0,0,0.2); box-shadow: inset 0px 2px 5px rgba(0,0,0,0.2); }
#main-nav ul li#login a { background: #d22102; border-radius: 3px; padding: 6px 17px; box-shadow: 0px 1px 2px rgba(0,0,0,0.5), inset 0px 10px 10px rgba(249,96,35,0.3), inset 0px -10px 10px rgba(179,24,2,0.45), inset 0px 1px 0px #f96023; }
#main-nav ul li#login a:hover { background: #8fb7e1; box-shadow: 0px 1px 2px rgba(0,0,0,0.5), inset 0px 10px 10px rgba(169,200,232,0.6), inset 0px -10px 10px rgba(107,150,194,0.5), inset 0px 1px 0px rgba(255,255,255,0.75); }
#main-nav a#pull { display: none; }


/* ----------HOMEPAGE----------- */
#cms_static_home h2 { font-size: 36px; font-weight: normal; margin-bottom: 30px; }


/* ----------FEATURE----------- */
#feature { background: url(../../img/feature-bg.jpg); z-index: 80; overflow: hidden; max-height: 355px; }
#feature .container { box-shadow: 0px 0px 5px rgba(0,0,0,0.4); position: relative; }

#feature .flexslider { background: url(../../img/feature-bg.jpg); }
#feature .flexslider img { display: block; }
#feature .flexslider .flex-caption { display: none; }

/* Control Nav */
.flex-control-nav {width: 99%; position: absolute; top: 13px; text-align: right; z-index: 2;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; color: transparent; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3), 0 1px 2px rgba(255,255,255,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(192,59,49,0.8); cursor: default;}

/* Hero Image */
.hero-image { display: block; }
.hero-image img { display: block; width: 100%; height: auto; }


#logo-family { width: 100%; background: #f5f5f5 !important; padding: 0 !important; }
#logo-family ul { overflow: hidden; }
#logo-family ul li { float: left; width: 30%; height: 100%; list-style: none; overflow: hidden; }
#logo-family ul li#bella,
#logo-family ul li#molisana { width: 20%; }
#logo-family ul li a { display: block; height: 100%; width: 100%; position: relative;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }
#logo-family ul li a img { display: block; margin: 0 auto; max-width: 100%; transition: all .15s ease-in-out; }
#logo-family ul li:nth-child(2) a:hover img,
#logo-family ul li:nth-child(3) a:hover img { transform: scale(1.05); }




/* ----------MAIN CONTENT----------- */
#main-content { }
#main-content .container.full-page { background: #fff; padding: 30px; /*30/980*/ overflow: hidden; box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }




/*Homepage*/
body#cms_static_home { background: url(../../img/body-bg.jpg) repeat-x 450px; }

#news { float: left; width: 65%; padding-right: 45px; background: url(../../img/divider-shadow.png) no-repeat right center; background-size: 2% 100%; }/*12/600*/
#news ul {  }
#news ul li { border-bottom: 1px dotted #d9d9d9; margin-bottom: 25px; overflow: hidden; list-style: none; }
#news ul li a.image { float: left; display: block; width: 31.64556962%; /*175/553*/ border: 1px solid #cdcdcd; padding: 4px; background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); margin-bottom: 25px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#news ul li a.image:hover { border-color: #d32202; }
#news ul li a.image img { display: block; width: 100%; }
#news ul li .text { float: right; width: 64.195298372%; /*355/553*/ margin-bottom: 25px; }
#news ul li span.date { display: block; margin-bottom: 4px; font-size: 13px; color: #727272; }
#news ul li .title { color: #402118; font-weight: bold; font-size: 1.17em; }
#news ul li .title:hover { color: #d32202; }
#news a#more-articles { color: #402118; background: url(../../img/icon-arrow.png) no-repeat right; padding-right: 13px; cursor: pointer; }
#news a#more-articles:hover { color: #d32202; }

#mission { float: right; width: 35%; padding-left: 20px; }
#mission h3 a { color: #402118; }
#mission h3 a:hover { color: #d32202; }
#mission img { width: 100%; border: 1px solid #cdcdcd; padding: 4px; background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); margin-bottom: 25px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a.read-more { display: block; font-size: 11px; margin-top: 3px; }


/*Standard Page*/
.page article, .press article { }
.page article h1, .press article  h1 { font-size: 36px; font-weight: normal; margin-bottom: 30px; }
.press article p.meta { margin: 15px 0 0 0; color: #999; }
.page article p, .press article p { margin-bottom: 15px; }

/*Blog Posts*/
.press #main-content { margin: 30px 0; }

/*Blog Sidebar*/
#sidebar-blog { float: right; width: 27%; background: #fff; padding: 30px 3.061224489%; /*30/980*/ overflow: hidden; box-shadow: 0px 2px 5px rgba(0,0,0,0.4);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#sidebar-blog .block { margin-bottom: 20px; }
#sidebar-blog .block ul { margin-left: 20px; }


/* ================================================================================== */
/* == Content ======================================================================= */
/* ================================================================================== */

#content { padding: 30px 2.040816326% 20px 2.040816326%; /*20/980*/ width: 100%; overflow: hidden;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

article p { margin: 1em 0; line-height: 18px; }
article h1 { font-size: 2em; margin: 0 0 .67em 0; font-weight: normal;}
article h2 { font-size: 1.5em; margin: .83em 0; }
article h3 { font-size: 1.17em; margin: 1em 0; }
article h4 { font-size: 1em; margin: 1.33em 0; }
article h5 { font-size: .83em; margin: 1.67em 0; }
article h6 { font-size: .75em; margin: 2.33em 0; }

article ul { margin-left: 20px; }
article ul li { margin-bottom: 5px; }
article .post-body .voImage { max-width: 100%; }
article .post-body .voImage img { max-width: 100%; height: auto; }

a.read-more { display: block; font-size: 11px; font-weight: bold; margin-top: 7px; }

.cnd-sort { top: 1px; right: 0; width: 142px; }
.cnd-sort .dropdown-toggle { display: inline-block; border: 1px solid rgba(255,255,255,0.15);font-size: 14px; border-radius: 3px; height: 36px; line-height: 34px; padding: 0 10px; font-weight: bold; color: #fff; font-family: Arial; cursor: pointer; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); background: rgba(255,255,255,0.15);
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.cnd-sort .bootstrap-select, .cnd-sort .bootstrap-select[class*="span"] { height: 26px; }
.cnd-sort .bootstrap-select .dropdown-toggle .filter-option { left: 10px; font-weight: bold; color: #fff; }
.cnd-sort .bootstrap-select .dropdown-toggle .caret { right: 0; border-top-width: 5px; border-left-width: 5px; border-right-width: 5px;}


/* ================================================================================== */
/* == BLOG ========================================================================== */
/* ================================================================================== */



#cms_blog_default_single .content.press { float: left; background: #fff; padding: 20px; margin-bottom: 25px; box-shadow: 0px 2px 3px rgba(0,0,0,0.65); width: 70.744680851%; /*665/940*/
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.press .content h1 { line-height: normal; margin-bottom: 0;}
.press .main-content { background: #fff; padding: 20px; margin-bottom: 25px; box-shadow: 0px 2px 3px rgba(0,0,0,0.65);}
#cms_blog_default_archive #content { padding-left: 0; padding-right: 0; }

.landing-page #section-feature { margin: -20px -20px 0px -20px;  }
.landing-page #section-feature .flexslider { margin-bottom: 32px; border-bottom: 2px solid #d32202; overflow: hidden; }
.landing-page .post-array > ul { overflow: hidden; }
.landing-page .post-array > ul > li { float: left; width: 47%; height: 160px;}
.landing-page .post-array > ul > li:nth-child(even) { float: right; width: 47%; }
.landing-page .post-array ul li .excerpt a { color: #474747; }
.landing-page .post-array ul li .excerpt a:hover {color: #d32202; }
.landing-page .post-array ul li .thumbnail { margin-bottom: 10px; }
.landing-page .post-array ul.section-recipe-category-menu { overflow: visible; margin: 0; }
.landing-page .post-array ul.section-recipe-category-menu li.level1 { ba/ckground: palegoldenrod; margin-bottom: -15px; border: none; }
.landing-page .post-array ul.section-recipe-category-menu li.level1 ul { z-index: 9999; position: absolute; background: #fff; box-shadow: 0px 3px 5px rgba(0,0,0,0.3); margin-top: -20px; width: 190px;}
.landing-page .post-array ul.section-recipe-category-menu li.level1 ul li { padding: 5px 10px; margin: 0; line-height: normal; }
.landing-page .post-array .excerpt { display: block; clear: both;}

@media only screen and (min-width: 1024px) {
/*.landing-page #section-feature .flexslider {height: 348px;}*/
.landing-page #section-feature .flexslider {height: 248px;}
.post-array ul li h2.title { margin-top: 20px; }
}

.post-array ul.blog-index { margin-top: 25px; }
.post-array ul.blog-index li { border-bottom: 1px dotted #d9d9d9; margin-bottom: 25px; overflow: hidden; list-style: none; }
.post-array ul.blog-index li .thumbnail { float: left; width: 30%; aspect-ratio: 1.5/1; border: 1px solid #cdcdcd; padding: 4px; background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); margin-bottom: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.post-array ul.blog-index li .text { margin-bottom: 25px; }
.post-array ul.blog-index li .text .publish_date { color: #747474; margin-bottom: 5px; }
.post-array ul.blog-index li.has-thumbnail .text { float: right; width: calc(70% - 20px); }
.post-array ul.blog-index li span.meta { display: block; margin-bottom: 1px; font-size: 11px; color: #727272; }
.post-array ul.blog-index li h2.title { font-size: 18px; margin-bottom: 7px; }
.post-array ul.blog-index li a#more-articles { color: #402118; background: url(../../img/icon-arrow.png) no-repeat right; padding-right: 13px; cursor: pointer; }
.post-array ul.blog-index li a#more-articles:hover { color: #d32202; }


.cnd-pagination {  position: relative; }
.cnd-pagination button { color: #d32202; cursor: pointer; position: absolute; border: none;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cnd-pagination button:hover { color: #402118; }
.cnd-pagination .previous { left: 0; top: 50%; margin-top: -9px; background: url(../../img/icon-arrow-left.png) no-repeat left; padding-left: 13px; }
.cnd-pagination .next { right: 0; top: 50%; margin-top: -9px; background: url(../../img/icon-arrow-right.png) no-repeat right; padding-right: 13px; }
.cnd-pagination span.results { display: block; text-align: center; width: 100%; color: #727272;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#archive-pagination-top .cnd-pagination { border-bottom: 1px dotted #d9d9d9; border-top: 1px dotted #d9d9d9; padding-bottom: 15px; padding-top: 15px; }

.meta { color: #747474; }

/**/
/*.cnd-sort { margin-bottom: 15px; }*/
/*.cnd-sort a.trigger { display: inline-block; border: 1px solid #dcdcdc ;font-size: 14px; border-radius: 3px; height: 34px; line-height: 34px; padding: 0 10px; font-weight: bold; color: #333; cursor: pointer;}*/
/*.cnd-sort a.trigger:after { margin-left: 7px; content: ""; border-left: 4px solid transparent; border-top: 7px solid #474747; border-right: 4px solid transparent; font-size: 0; vertical-align: middle; }*/
/*.cnd-sort a.trigger:hover { background: #eee; }*/
/**/

/*Blog Sorting Tools*/
.cnd-sort { float: right; }
.cnd-sort a.trigger { display: inline-block; border: 1px solid rgba(255,255,255,0.15);font-size: 14px; border-radius: 3px; height: 36px; line-height: 34px; padding: 0 10px; font-weight: bold; color: #fff; font-family: Arial; cursor: pointer; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); background: rgba(255,255,255,0.15);
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.cnd-sort a.trigger span.arrow { margin-left: 7px; content: ""; border-left: 4px solid transparent; border-top: 7px solid #fff; border-right: 4px solid transparent; font-size: 0; vertical-align: 1px; }
.cnd-sort a.trigger:hover { background: rgba(255,255,255,0.25);}


@media only screen and (max-width: 500px) {
.landing-page .post-array > ul > li { float: none; width: 100%; height: 160px; }
.landing-page .post-array > ul > li:nth-child(even) { float: none; width: 100%; }
.landing-page .post-array ul.section-recipe-category-menu li.level1 ul { display: none !important; }
}

@media only screen and (max-width: 350px) {
  .post-array ul li .thumbnail, .post-array ul.blog-index li .thumbnail, .post-array ul li.has-thumbnail .text, .post-array ul.blog-index li.has-thumbnail .text { float: none; width: 100%; }
  
}

/* ================================================================================== */
/* == Recipes ======================================================================= */
/* ================================================================================== */

.recipe-post header .rating, .recipe-post header span { float: right; margin-top: 6px; }

.recipe-post .breadcrumb { margin: -12px 0; min-height: 5px; }
.blog .breadcrumb { margin: 0 0 12px 0; }
.breadcrumb ol, ol.category-breadcrumb { margin: 0; font-size: 11px; }
ol.category-breadcrumb { font-size: 13px; }
.breadcrumb ol:nth-child(1n+2), ol.category-breadcrumb:nth-child(1n+2) { margin-top: 2px; }
.breadcrumb ol li, ol.category-breadcrumb li { display: inline-block; background: url(../../img/icon-arrow-right.png) no-repeat right; background-size: 5px 8px; padding-right: 12px; margin-right: 5px; margin-bottom: 0; }
.breadcrumb ol li:nth-last-child(2), ol.category-breadcrumb li:nth-last-child(2) { background: none; }
.breadcrumb ol li a, ol.category-breadcrumb li a { color: #474747; }
.breadcrumb ol li a:hover, ol.category-breadcrumb li a:hover { color: #c91f1a; }

.recipe-post h2 { font-size: 18px; color: #333; margin: 15px 0 10px 0; }
.recipe-post p { margin: 0 0 15px 0; }

.recipe-post .intro { margin: 20px 0; overflow: hidden; }
.recipe-post .intro .thumbnail {  float: left; width: 64%; /*400/625*/ border: 1px solid #cdcdcd; padding: 4px; background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.1); }
.recipe-post .intro a.image { display: block; position: relative; overflow: hidden; }
.recipe-post .intro a.image img { display: block; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.recipe-post .intro a.image .ratio { padding-top: 65%; }

.recipe-post .intro ul li { border-bottom: 1px solid #e8e8e8; list-style: none; padding: 6px 0; }
.recipe-post .intro ul li:last-child { border: none; }
.recipe-post .prep-time, .recipe-post .nutrition { float: right; width: 32%; /*200/625*/ }
.recipe-post .prep-time h2, .recipe-post .nutrition h2 { margin: 0 0 6px 0; }
.recipe-post .prep-time { margin-bottom: 20px; }
.recipe-post .prep-time ul, .recipe-post .nutrition ul { margin: 0; }
.recipe-post .prep-time span, .recipe-post .nutrition span { float: right; }

.share { background: #eee; border: 1px solid #dcdcdc; padding: 8px 10px 0px 10px; margin-bottom: 20px; border-radius: 3px; overflow: hidden;}
.share h2 { float: left; margin: 0 20px 0 0; text-transform: uppercase; font-size: 16px; }
.share ul { margin: 0; }
.share ul li { display: inline-block; vertical-align: top;  padding: 0; list-style: none;}
.share ul li iframe { width: 90px !important; vertical-align: top; }
.share ul li.share-twitter {  }
.share ul li.share-facebook {  }
.share ul li.share-pintrest { padding-right: 15px; }
.share ul li.share-print { margin: 0 12px; }
.share ul li.share-print button { background: #d22102; border-radius: 3px; color: #fff; border: 1px solid #97201c; box-shadow: 0px 1px 2px rgba(0,0,0,0.5), inset 0px 10px 10px rgba(249,96,35,0.3), inset 0px -10px 10px rgba(179,24,2,0.45), inset 0px 1px 0px #f96023; color: #fff; font-size: 11px; border-radius: 3px; height: 20px; line-height: 21px; padding: 0 10px; font-weight: bold; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); }
.share ul li.share-print button:hover { background: #8fb7e1; border-color: #3fb7e1; box-shadow: 0px 1px 2px rgba(0,0,0,0.5), inset 0px 10px 10px rgba(169,200,232,0.6), inset 0px -10px 10px rgba(107,150,194,0.5), inset 0px 1px 0px rgba(255,255,255,0.75); }

.recipe-post .description { border-top: 1px solid #ccc; padding-bottom: 7px; }

.recipe-post .ingredients { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.recipe-post .ingredients ul { margin: 0 0 20px 20px; }
.recipe-post .ingredients ul li { margin-bottom: 5px; }

.recipe-post .directions { margin-bottom: 50px; }
.recipe-post .directions ol { padding-left: 25px; font-weight: bold; }
.recipe-post .directions ol li { margin-bottom: 15px; }
.recipe-post .directions ol li span.inner { font-weight: normal; }

.recipe-post .categories { overflow: hidden; font-size: 13px; line-height: 17px;}
.recipe-post .categories h2 { font-size: 13px; float: left; margin: 0 5px 0 0;}
.recipe-post .categories ul { float: left; }
.recipe-post .categories ul li { display: inline; }
.recipe-post .categories ul li:after { content: ", "; }
.recipe-post .categories ul li:last-child:after { content: ""; }

#sidebar { float: right; width: 27%; }

.recipes #sidebar ul.side-recipe-list { padding: 0; }
.recipes #sidebar ul.side-recipe-list li { list-style: none; margin-bottom: 20px; overflow: hidden;}
.recipes #sidebar ul.side-recipe-list li:last-child { margin-bottom: 0; }
.recipes #sidebar ul.side-recipe-list li .thumbnail { float: left; width: 90px; background: #fff; padding: 2px; border: 1px solid #ccc; margin-right: 10px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.recipes #sidebar ul.side-recipe-list li a.image { display: block; position: relative; overflow: hidden; }
.recipes #sidebar ul.side-recipe-list li a.image img { display: block; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.recipes #sidebar ul.side-recipe-list li a.image .ratio { padding-top: 65%; }
.recipes #sidebar ul.side-recipe-list li a.title { display: block; font-weight: bold; }
.recipes #sidebar ul.side-recipe-list li .rating { margin-top: 4px; }

/*Sidebar on Recipes Search Page*/
.recipes.search #sidebar ul { margin-bottom: 40px; }
.recipes.search #sidebar ul ul { margin-bottom: 0; }
.recipes.search #sidebar #cnd-navigation ul li span { cursor: pointer; color: #474747;}
.recipes.search #sidebar #cnd-navigation ul li.ui-state-active span { font-weight: bold; background: url(../../img/delete.png) no-repeat -5px 1px; padding-left: 20px; }
.recipes.search #sidebar #cnd-navigation ul li.ui-state-active:hover span { background: url(../../img/delete.png) no-repeat -5px -33px;}

/*Recipe Favorite*/
.user-bar { overflow: hidden; margin-bottom: 15px; position: relative; }
.user-bar .not-logged-in { width: 100%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.user-bar .not-logged-in button { margin-top: 10px; }
.user-bar .not-logged-in button, .user-bar .not-logged-in a {display: block; width: 100%; text-align: center; margin-bottom: 10px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.post-favorite { float: right; width: 50%; margin-top: 3px; position: relative;}
.post-favorite button, .post-favorite a, #favorite-lists span.view-lists, #favorite-lists span.add-favorite-list, #favorite-lists span.cancel-add-favorite-list, .post-rating a.submit-favorite-with-email { display: inline-block; background: #d22102; border-radius: 3px; color: #fff; border: 1px solid #97201c; color: #fff; font-size: 14px; height: 34px; line-height: 34px; padding: 0 10px; font-weight: bold; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.5), inset 0px 10px 10px rgba(249,96,35,0.3), inset 0px -10px 10px rgba(179,24,2,0.45), inset 0px 1px 0px #f96023; cursor: pointer;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }
.post-favorite button:hover, .post-favorite a:hover, #favorite-lists span.view-lists:hover, #favorite-lists span.add-favorite-list:hover, #favorite-lists span.cancel-add-favorite-list:hover, .post-rating a.submit-favorite-with-email:hover, #form-address a#country-menu-trigger { background: #8fb7e1; border-color: #3fb7e1; box-shadow: 0px 1px 2px rgba(0,0,0,0.5), inset 0px 10px 10px rgba(169,200,232,0.6), inset 0px -10px 10px rgba(107,150,194,0.5), inset 0px 1px 0px rgba(255,255,255,0.75); }
/*.post-favorite a#add-to-favorite-list-trigger:after { margin-left: 5px;content: ""; border-left: 4px solid transparent; border-top: 7px solid #fff; border-right: 4px solid transparent; font-size: 0; }*/
.post-favorite .dropdown-menu a { background: none; border: none; box-shadow: none; padding: 0; height: auto; line-height: normal; }
.post-favorite .success-message {  line-height: 33px; font-style: italic; background: #eee; padding: 0 10px; border-radius: 3px 0 0 3px; border: 1px solid #e3e3e3; color: #585858; }
.post-favorite a#add-to-favorite-list-trigger { float: right; position: absolute; top: 0; right: 0; }
.post-favorite .not-logged-in {clear: both; background: #eee; border: 1px solid #dcdcdc; border-radius: 3px; padding: 10px 10px 0 10px; margin-top: 50px;}

#favorite-lists {  }
#sidebar ul.side-recipe-list { max-height: 390px; overflow-x: hidden; }
#favorite-lists h2 { font-size: 18px; color: #333; margin: 0 0 10px 0; cursor: pointer; }
#favorite-lists h2:after { margin-left: 7px; content: ""; border-left: 4px solid transparent; border-top: 7px solid #474747; border-right: 4px solid transparent; font-size: 0; vertical-align: middle; }
#favorite-lists h2:hover { color: #c91f1a; }
#favorite-lists h2:hover:after { border-top: 7px solid #c91f1a; }
#favorite-lists span { cursor: pointer; }
#favorite-lists span.view-lists { cursor: pointer; display: block; margin-bottom: 20px; height: 28px; line-height: 28px; text-align: center; }
#favorite-lists span.add-favorite-list, #favorite-lists span.cancel-add-favorite-list, #favorite-lists button.submit { height: 28px; line-height: 28px; margin: 10px 0 0 0;}
#favorite-lists span.cancel-add-favorite-list { margin-left: 10px; background: #aaa; border-color: #8a8a8a; box-shadow: 0px 1px 2px rgba(0,0,0,0.5); cursor: pointer; }
#favorite-lists .add-favorite-list-form { margin-top: 20px; }
#sidebar #favorite-lists a.title { display: inline; }
/*#favorite-lists span.remove-list { display: inline-block; width: 10px; background: url(../../img/delete2.png) no-repeat left 4px; border: none; text-indent: -9999px; }
#favorite-lists span.remove-list:hover { background-position: left -16px; }*/
#favorite-lists span.remove-list { display: block; margin-top: 20px; border-top: 1px dotted #dcdcdc; padding-top: 10px; font-size: 11px; color: #747474; }
#favorite-lists span.remove-list:hover { color: #c91f1a; }
#favorite-lists button.remove { display: block; background: #ddd; color: #777; text-shadow: 0px 1px 0px rgba(255,255,255,0.9);border: none; border-radius: 3px; font-size: 10px; font-weight: bold; height: 16px; line-height: 15px; padding: 0 5px; margin: 5px 0 0 0; }
#favorite-lists button.remove:hover { background: #bbb; color: #eee; text-shadow: 0px -1px 0px rgba(0,0,0,0.3); }
/*USE THE FANCY PROGRESSIVE ENHANCEMENT FOR ADDED AND REMOVED ITEMS*/

.dropdown .add-favorite-list-form { position: relative; width: 100%; }
.dropdown .add-favorite-list-form input { border: none; padding-left: 14px; display: block; border-top: 1px solid #e3e3e3; outline: none; }
.dropdown .add-favorite-list-form .waiting-for-results { position: absolute; top: 6px; right: 8px; width: 15px; }
.dropdown .add-favorite-list-form .waiting-for-results img { width: 100%; }
.dropdown .add-favorite-list-form .error-message { margin: 0; padding: 7px 14px; }
.dropdown .add-favorite-list-form .buttons { display: block;overflow: hidden; width: 100%; border-top: 1px solid #e3e3e3; padding: 9px 14px 5px 14px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*.dropdown .add-favorite-list-form .buttons button { background: #eee; color: #747474; font-weig/ht: bold; font-size: 13px; border: none; box-shadow: none; text-shadow: none; padding: 0; margin-right: 10px; line-height: 30px; height: 30px; }*/
.dropdown .add-favorite-list-form .buttons button { display: block; float: left; background: #ddd; color: #777; text-shadow: 0px 1px 0px rgba(255,255,255,0.9);border: none; border-radius: 3px; font-size: 10px; font-weight: bold; height: 16px; line-height: 16px; padding: 0 5px; margin-right: 10px; box-shadow: none; }
.dropdown .add-favorite-list-form .buttons button:hover { background: #bbb; color: #eee; text-shadow: 0px -1px 0px rgba(0,0,0,0.3); }
.dropdown .add-favorite-list-form .buttons button.submit { background: #c91f1a; color: #fff; text-shadow: 0px -1px 0px rgba(0,0,0,0.3); }
.dropdown .add-favorite-list-form .buttons button.submit:hover { background: #333; color: #eee;  }


.user #favorite-lists h3 { font-size: 20px; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; margin-bottom: 10px; }
.user ul.side-recipe-list li { list-style: none; margin-bottom: 20px; overflow: hidden;}
.user ul.side-recipe-list li:last-child { margin-bottom: 0; }
.user ul.side-recipe-list li .thumbnail { float: left; width: 30%; background: #fff; padding: 2px; border: 1px solid #ccc; margin-right: 10px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.user ul.side-recipe-list li a.image { display: block; position: relative; overflow: hidden; }
.user ul.side-recipe-list li a.image img { display: block; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.user ul.side-recipe-list li a.image .ratio { padding-top: 65%; }
.user ul.side-recipe-list li a.title { display: block; font-weight: bold; font-size: 16px; margin-top: 4px; margin-bottom: 8px; }
.user ul.side-recipe-list li .rating { margin-top: 4px; }
.user ul.side-recipe-list li .excerpt { margin-bottom: 10px; }


/*Post Rating*/
.post-rating { float: left; width: 50%; margin-bottom: 20px;}
.post-rating h2 { margin: 0 0 3px 0; }
.post-rating .rateit-reset { display: none !important; }
.post-rating .not-logged-in { background: #eee; border: 1px solid #dcdcdc; padding: 10px 10px 0 10px; margin-top: 30px; border-radius: 3px; clear: both; }
.post-rating .not-logged-in input { border: 1px solid #cdcdcd; padding: 6px; margin: 10px 10px 0 0; }
.post-rating .rateit { float: left; }
.post-rating span { float: left; margin: 2px 0 0 5px; }


/*Comments*/
.post-comments { clear: both; }
.post-comments ul { border-top: 1px solid #ececec; margin-top: 10px; margin-bottom: 20px;  }
.post-comments ul li { list-style: none; border-bottom: 1px solid #ececec; padding: 15px 0; }
.post-comments ul li  img { float: left; width: 35px; height: 35px; margin-right: 11px; border-radius: 4px; }
.post-comments ul li .body { overflow: hidden; }
.post-comments ul li h3 { margin-bottom: 6px; }
.post-comments ul li span.date { display: block; font-size: 11px; color: #8c8c8c; margin-top: 10px; }
#comments .success-message { background: #fbeabf; padding: 20px; }
#comments textarea { height: 100px; }
.register-facebook { margin-bottom: 15px; }
button#facebook-login, .post-favorite button#facebook-login-favorite, .post-rating .not-logged-in button { background: #d22102; border-radius: 3px; color: #fff; border: 1px solid #97201c; box-shadow: 0px 1px 2px rgba(0,0,0,0.5), inset 0px 10px 10px rgba(249,96,35,0.3), inset 0px -10px 10px rgba(179,24,2,0.45), inset 0px 1px 0px #f96023; font-size: 14px; height: 34px; line-height: 34px; padding: 0 10px; font-weight: bold; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); margin-bottom: 10px; }
button#facebook-login:hover, .post-favorite button#facebook-login-favorite:hover, .post-rating .not-logged-in button:hover { background: #8fb7e1; border-color: #3fb7e1; box-shadow: 0px 1px 2px rgba(0,0,0,0.5), inset 0px 10px 10px rgba(169,200,232,0.6), inset 0px -10px 10px rgba(107,150,194,0.5), inset 0px 1px 0px rgba(255,255,255,0.75); }

#comments.voForm { width: 100%; }
#comments ul.commenter-profile { overflow: hidden; margin-top: 20px; }
#comments ul.commenter-profile li.picture { float: left; height: 35px; width: 35px; margin-right: 10px; }
#comments ul.commenter-profile li.picture img { display: block; width: 100%; border-radius: 4px; }
#comments ul.commenter-profile li.name { float: left; font-weight: bold; height: 35px; line-height: 35px; font-size: 20px; }


@media only screen and (max-width: 768px) {
  .main-content { float: none; width: 100%; }
  .recipes #content, .blog #content { padding: 30px 4% 20px 4%; }
  #sidebar { display: none; }
}

@media only screen and (max-width: 500px) {
  .recipe-post .intro .thumbnail { width: 100%; }
  .recipe-post .intro img { width: 100%; float: none; margin-bottom: 20px;}
  .recipe-post .prep-time, .recipe-post .nutrition { float: left; width: 45%; margin-top: 10px; }
  .recipe-post .nutrition { float: right; }
  .post-rating .not-logged-in input { width: 100%; }
  .post-rating .not-logged-in button { width: 100%; }
}

@media only screen and (max-width: 350px) {
  .recipe-post .prep-time, .recipe-post .nutrition { clear: both; float: none; width: 100%; }
  .post-rating, .post-favorite { float: none; width: 100%; height: 50px;}
  .post-favorite button, .post-favorite a, #favorite-lists span.view-lists, #favorite-lists span.add-favorite-list, #favorite-lists span.cancel-add-favorite-list, .post-rating a.submit-favorite-with-email { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}


/* ================================================================================== */
/* == Products Index ================================================================ */
/* ================================================================================== */

.product .main-content { width: 100%;; }

/*Blog Index*/
.product-array ul { display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: 25px; }
.product-array ul li { width: 33.33%; text-align: center; margin-bottom: 5.5%; list-style: none; position: relative; }
.product-array ul li .thumbnail { display: block; aspect-ratio: 1/1; /* filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.25)); */ border: 15px solid white; }
.product-array ul li .text { margin-bottom: 25px; }
.product-array ul li .text .publish_date { color: #747474; margin-bottom: 5px; }
.product-array ul li span.meta { display: block; margin-bottom: 1px; font-size: 11px; color: #727272; }
.product-array ul li span.price { font-size: 14px; }
.product-array ul li h2.title { font-size: 16px; margin-bottom: 7px; }
.product-array ul li h2.title a { color: #402118;  }
.product-array ul li a#more-articles { color: #402118; background: url(../../img/icon-arrow.png) no-repeat right; padding-right: 13px; cursor: pointer; }
.product-array ul li a#more-articles:hover { color: #d32202; }


@media only screen and (min-width: 1024px) {
  .product-array ul li h2.title { margin-top: 20px; }
}

@media only screen and (max-width: 350px) {
  .product-array ul li .thumbnail, .product-array ul.blog-index li .thumbnail, .product-array ul li.has-thumbnail .text, .product-array ul.blog-index li.has-thumbnail .text { float: none; width: 100%; }
}

/* Product Search Bar */
.catalog #cnd-search { position: relative; margin-bottom: 25px; }
.catalog #cnd-search input { width: 100%; padding: 10px; border: 1px solid #cdcdcd; box-shadow: inset 0 1px 2px rgba(0,0,0,0.05); background: #ffffcc; }
.catalog #cnd-search .remove-search-filter { position: absolute; top: 0; right: 0; background: url(../../img/icon-cancel.svg) no-repeat center center; width: 40px; height: 100%; background-size: 18px; text-indent: -9999px; }


/* ================================================================================== */
/* == Single Product ================================================================ */
/* ================================================================================== */

/*Global UI Dialog*/
.ui-dialog.ui-widget { background: #fff; border-radius: 3px; overflow: hidden; box-shadow: 0px 3px 10px rgba(0,0,0,0.65); z-index: 9999; }
.ui-dialog .ui-dialog-titlebar { overflow: hidden; background: #912a27;	padding: 10px 20px;	position: relative; }
.ui-dialog .ui-dialog-title { float: left; color: #fff; font-size: 1.3em; font-weight: bold; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 15px; top: 50%; width: 28px; height: 28px; margin: -14px 0 0 0; background: url(../../img/icon-close-white.svg) no-repeat center; text-indent: -9999px; background-size: 28px; border: none; }
.ui-dialog .ui-dialog-buttonpane { text-align: right; padding: 15px 25px; border-top: 1px solid #dcdcdc; }
.ui-dialog .ui-dialog-buttonpane button { background: #912a27; height: 30px; line-height: 30px; font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: #fff; border: none; display: inline-block; padding: 0 10px; margin-left: 15px; cursor: pointer; }
.ui-dialog .ui-dialog-content .message { padding: 25px; }
.ui-widget-overlay { position: fixed; top: 0;	left: 0; width: 100%; height: 100%; }

@media only screen and (max-width: 800px) {
    .ui-dialog.ui-widget { width: calc(100% - 80px) !important; min-heig/ht: calc(100vh - 80px) !important; max-height: calc(100vh - 80px); overflow: auto; position: fixed !important; top: 40px !important; left: 40px !important; box-shadow: 0px 3px 10px rgba(0,0,0,0.45), 0px 0px 60px rgba(0,0,0,0.95); }
}
@media only screen and (max-width: 500px) {
    .ui-dialog.ui-widget { width: calc(100% - 30px) !important; top: 15px !important; left: 15px !important; max-height: calc(100vh - 30px); }
}


.product-post h2 { font-size: 18px; color: #333; margin: 15px 0 10px 0; }

.product-post .product-feature { margin: 11px 0 35px 0; border: 1px solid #edecec; display: flex; }
.product-post .product-feature:after { content: ""; display: table; clear: both; }

.product-post .product-gallery { float: left; max-width: 500px; padding: 55px; margin: 0 auto; position: relative; display: flex; }
.product-post .product-gallery ul { margin: 0; }
.product-post .product-gallery li { list-style: none; padding: 0; margin: 0; }
.product-post .product-gallery .big-view { width: 100%; position: relative; }
.product-post .product-gallery .big-view li.view { aspect-ratio: 1; }
.product-post .product-gallery .big-view li.view iframe { display: block; aspect-ratio: 1; }
.product-post .product-gallery .big-view img { display: block; width: 100%; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; }
.product-post .product-gallery .big-view li[class^='image-3d'],
.product-post .product-gallery .big-view li[class*=' image-3d']{ margin: -55px; }
.product-post .product-gallery .view-strip { overflow: hidden; width: 100%; }
.product-post .product-gallery .view-strip li li { border: 1px solid #e5e5e5; float: left; padding: 10px; margin-right: 10px; height: 60px; width: 60px; cursor: pointer; }
.product-post .product-gallery .view-strip li li img { margin: 0 auto; display: block; max-width: 100%; max-height: 100%; }
.product-post .product-gallery .view-strip li li:hover { border: 1px solid #ccc; }

.product-post .view-strip .strip ul { overflow: hidden; padding: 0; margin: -24px -4px 35px -4px; }
.product-post .view-strip .strip ul li { float: left; list-style: none; border: 1px solid #EDECEC; background: #fff; padding: 7px; width: 61px; height: 61px; margin: 4px; cursor: pointer; }
.product-post .view-strip .strip ul li:hover { border-color: #CDCCCC; box-shadow: 0 0 2px rgba(0,0,0,0.1); }
.product-post .view-strip .strip ul li img { display: block; width: 100%; height: 100%; }
.product-post .view-strip .strip ul li[class^='image-3d'],
.product-post .view-strip .strip ul li[class*=' image-3d'] { background: url(../../img/icon-3d.svg) no-repeat center; background-size: 34px; text-indent: -9999px; aspect-ratio: 1; min-width: 40px; display: block; }
.product-post .view-strip .strip ul li.image-3d-01 { background: url(../../img/icon-3d-each.svg) no-repeat center; background-size: 34px; text-indent: -9999px; aspect-ratio: 1; min-width: 40px; display: block; }
.product-post .view-strip .strip ul li.image-3d-02 { background: url(../../img/icon-3d-pack.svg) no-repeat center; background-size: 34px; text-indent: -9999px; aspect-ratio: 1; min-width: 40px; display: block; }
.product-post .view-strip .strip ul li.image-3d-03 { background: url(../../img/icon-3d-case.svg) no-repeat center; background-size: 34px; text-indent: -9999px; aspect-ratio: 1; min-width: 40px; display: block; }

.product-information { clear: both; }
.product-information .product-description, .product-information .product-info, .product-information .product_attributes, .product-information .product_marketing, .detail .distributor_news, .product-information .disclaimer { border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px; }
/*.detail .distributor_news { border-top: 1px solid #ccc; margin-top: 15px; }*/

.product-information .product-description table { width: 100%; border-top: 1px solid #e5e5e5; margin: 15px 0; }
.product-information .product-description table td { padding: 5px;}
.product-information .product-description table tr { border-bottom: 1px solid #e5e5e5; }
.product-information .product-description table th { text-align: left; padding: 5px; background: #f5f5f5; }
.product-information .product-description table tr td:first-child { font-weight: bold; }
.product-information .product-description table tr:nth-child(even) { background: #f7f7f7; }


.product-information .product-info ul { list-style: none; margin: 0; }
.product-information .product-info ul li { margin-bottom: 9px; }
.product-information .product-info ul ul { margin-left: 15px; margin-top: 2px; }
.product-information .product-info ul ul li { margin-bottom: 2px; }

.product-information .product_attributes ul { list-style: none; margin: 0; }
.product-information .product_attributes ul li { margin-bottom: 9px; }
.product-information .product_attributes ul ul { margin-left: 15px; margin-top: 2px;}
.product-information .product_attributes ul ul li { margin-bottom: 2px; }

.product-information .product_marketing ul { list-style: none; margin: 0; }
.product-information .product_marketing ul li { margin-bottom: 9px; }
.product-information .product_marketing ul ul { margin-left: 15px; margin-top: 2px; }
.product-information .product_marketing ul ul li { margin-bottom: 2px; }

.product-information .disclaimer p { font-style: italic; font-size: 1rem; margin: 0; }

.product-information .button { display: inline-block; background: #d22102; color: #fff; border: none; font-size: 11px; border-radius: 3px; line-height: 21px; padding: 0 8px; font-weight: 600; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.5), inset 0px 10px 10px rgba(249,96,35,0.3), inset 0px -10px 10px rgba(179,24,2,0.45), inset 0px 1px 0px #f96023; cursor: pointer; margin-left: 4px; }

/*California Prop 65 Modal*/
.product-information .vo-click-product-message { display: block; color: #333; font-weight: bold; text-transform: uppercase; text-decoration: underline; margin-top: 1rem; cursor: pointer; }
.product-information .vo-click-product-message:focus { outline: none; }

.ui-dialog.california65 { outline: none; position: fixed !important; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.ui-dialog.california65 .ui-dialog-titlebar { background: #ddd; position: absolute; right: 2px; top: 2px; width: 20px; height: 20px; padding: 0;  }
.ui-dialog.california65 .ui-dialog-content { padding: 25px 20px; border: 2px solid #000; text-align: center; font-size: 19px; }
/* .ui-dialog.california65 .ui-dialog-content strong { background: url(../../img/icon-warning.svg) no-repeat left center; background-size: 19px; padding-left: 25px; } */
.ui-dialog.california65 .ui-dialog-title { display: none; }
.ui-dialog.california65 .ui-dialog-titlebar-close { position: static; display: block; width: 20px; height: 20px; margin: 0; background: url(../../img/icon-close.svg) no-repeat center; text-indent: -9999px; background-size: 16px; border: none; cursor: pointer; }
.ui-dialog.california65 hr { border: none; height: 2px; background: #000; margin: 20px -20px; }

@media only screen and (max-width: 800px) {
    .ui-dialog.ui-widget.california65 { outline: none; position: fixed !important; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
}
@media only screen and (max-width: 500px) {
    .ui-dialog.ui-widget.california65 { outline: none; position: fixed !important; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
}

/* Warning Message */
.warning-message { padding: 12px; margin-top: 12px; border: 1px solid #ccc; font-size: 0.9em; line-height: 1.3; }
.warning-message strong { font-weight: bold; }

/*Products Sidebar*/
.catalog.product #sidebar { box-shadow: 0px 2px 3px rgba(0,0,0,0.65); }
.nutrition-labels { background: #fff; }
.nutrition-labels img { width: 100%; cursor: pointer; display: block; box-sizing: border-box; }
.nutrition-labels img.ingredients-img { padding: 10px; }
.nutrition-labels img.upc-img { padding: 10px; padding-top: 0; }


/*Product - Add to Cart*/
#product-actions { clear: both; margin: 0 0 25px 0 !important; background: #f7f7f7; border: 1px solid #dcdcdc; padding: 20px 10px; border-radius: 3px; text-align: center; min-height: 235px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#product-actions-box .numbers {	font-size: 30px;  }
#product-actions-box .item-name { display: block; margin-top: 15px; }
#product-actions-box #product-basic-info-title { margin-bottom: 3px; }
#product-actions-box p.quantity { font-size: 14px; margin: 25px auto 10px auto; text-align: left; height: 32px; line-height: 32px; width: 130px; }
#product-actions-box .quantity .quantity { float: right; text-align: center; display: block; width: 70px;  height: 32px; border-radius: 3px; border: 1px solid #DCDCDC; }
#product-actions-box .bootstrap-select .pull-left { font-size: 12px; left: 10px; right: 5px; }
#product-actions-box .bootstrap-select a { font-size: 12px; text-align: left; }
#product-actions-box .bootstrap-select .caret { border-top: 6px solid #a9a9a9; border-right: 5px solid transparent; border-left: 5px solid transparent; right: 0px; }
#product-actions-box .button { 
  display: inline-block; width: 150px; background: #d22102; color: #fff; border: none; font-size: 14px; border-radius: 3px; height: 34px; line-height: 34px; padding: 0 10px; font-weight: bold; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.5), inset 0px 10px 10px rgba(249,96,35,0.3), inset 0px -10px 10px rgba(179,24,2,0.45), inset 0px 1px 0px #f96023; cursor: pointer; margin-top: 1px;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }
#product-actions-box .button:hover { background: #8fb7e1; box-shadow: 0px 1px 2px rgba(0,0,0,0.5), inset 0px 10px 10px rgba(169,200,232,0.6), inset 0px -10px 10px rgba(107,150,194,0.5), inset 0px 1px 0px rgba(255,255,255,0.75); }

#product-details { float: right; width: 40%; padding-top: 15px; padding-left: 20px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#product-details .message { background: #f4e8e8; padding: 15px; margin-bottom: 15px; color: #97201c; border: 1px solid #ead2d2; }
#product-details .message:empty { display: none; }

@media only screen and (max-width: 768px) {
  .catalog.product #sidebar { display: block; float: none; width: 100%; }
  .catalog.product #sidebar .nutrition-labels { padding: 15px 0; }
  .catalog.product #sidebar .nutrition-labels img { display: block;width: auto; max-width: 100%; margin: 0 auto;}
}

@media only screen and (max-width: 480px) {
  .product-post .product-gallery { float: none; width: 100%; }
  #product-details { float: none; width: 100%; padding: 0; }
}


.no-label { border: 1px solid #dcdcdc; text-transform: uppercase; padding: 30px; text-align: center; font-weight: bold; font-size: 1.6rem; color: #747474; line-height: 1; }
.no-label span { display: block; font-size: 1rem !important; margin-bottom: 0.2rem; }

.no-image { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; font-weight: bold; color: #747474; font-size: 1.7rem; text-transform: uppercase; }



/* ================================================================================== */
/* == CONTACT PAGE ================================================================== */
/* ================================================================================== */

.voForm { width: 50%; float: left; }
.voForm fieldset { border: none; padding: 0; }
.voForm legend { display: none; }
.voForm label { display: block; font-weight: bold; margin-bottom: 5px; }
.voForm ul { list-style: none; margin: 0; }
.voForm ul li { margin-bottom: 25px; ove\\rflow: hidden; }
.voForm input, .voForm textarea { width: 100%; border: 1px solid #cdcdcd; padding: 8px; background: #ffffcc;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.voForm textarea { resize: vertical; }
.voForm button.submit { background: #d22102; border-radius: 3px; color: #fff; border: 1px solid #97201c; box-shadow: 0px 1px 2px rgba(0,0,0,0.5), inset 0px 10px 10px rgba(249,96,35,0.3), inset 0px -10px 10px rgba(179,24,2,0.45), inset 0px 1px 0px #f96023; font-size: 14px; border-radius: 3px; height: 34px; line-height: 34px; padding: 0 10px; font-weight: bold; text-shadow: 0px 1px 1px rgba(0,0,0,0.3); }
.voForm button.submit:hover { background: #8fb7e1; border-color: #3fb7e1; box-shadow: 0px 1px 2px rgba(0,0,0,0.5), inset 0px 10px 10px rgba(169,200,232,0.6), inset 0px -10px 10px rgba(107,150,194,0.5), inset 0px 1px 0px rgba(255,255,255,0.75); }
.voForm button.submit.disabled { background: #aaa; border-color: #8a8a8a; box-shadow: 0px 1px 2px rgba(0,0,0,0.5); }
.voForm .pseudoSelect a { display: inline-block; border: 1px solid #cdcdcd;font-size: 12px; border-radius: 3px; height: 36px; line-height: 34px; padding: 0 10px; font-weight: bold; cursor: pointer; color: #474747; background: #f7f7f7;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.voForm .pseudoSelect a:after { margin-left: 7px; content: ""; border-left: 4px solid transparent; border-top: 7px solid #cdcdcd; border-right: 4px solid transparent; font-size: 0; vertical-align: 1px; }
.voForm .pseudoSelect a:hover { background: #eee;}
.voForm .dropdown-toggle { display: inline-block; border: 1px solid #cdcdcd; font-size: 14px !important; border-radius: 3px; height: 36px; line-height: 34px; padding: 0 10px; font-weight: bold; color: #555; font-family: "Jaldi", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; cursor: pointer; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); background: #ffffcc; border-radius: 0; }
.voForm .bootstrap-select .dropdown-toggle .filter-option { left: 10px; color: #555; }
.voForm .bootstrap-select .dropdown-toggle .caret { right: 0; border-top-width: 5px; border-left-width: 5px; border-right-width: 5px; border-top-color: #818285; }


.contact .vo-form-id-1 {  }
.contact .vo-form-id-1 ul li#q1 { float: left; width: 48%; }
.contact .vo-form-id-1 ul li#q2 { float: right; width: 48%; }
.contact .vo-form-id-1 ul li#q3 { clear: both; }
.contact .vo-form-id-1 ul li#q3 textarea { height: 120px; }

.voForm .error-message { background: #f4e8e8; padding: 15px; margin-bottom: 15px; color: #97201c; border: 1px solid #ead2d2; }
.voForm .success-message { background: #e6ecdf; padding: 15px; margin-bottom: 15px; color: #66883d; border: 1px solid #dae3cf; }

.contact  .voForm { float: left; border-right: 1px solid #dcdcdc; padding-right: 40px; box-sizing: border-box; width: 60%; margin-top: 10px; }
.contact .contact-info { float: right; width: 40%; padding-left: 38px; box-sizing: border-box; }
.contact .contact-info h2 { font-size: 18px; }

@media only screen and (max-width: 320px) {
  .contact .vo-form-id-1 ul li#q1, .contact .vo-form-id-1 ul li#q2 { float: none; width: 100%; }
}




/* ================================================================================== */
/* == 5. Sidebar ==================================================================== */
/* ================================================================================== */

#sidebar { float: right; width: 27%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#sidebar .block {  background: #F8F3EE; padding: 20px; margin-bottom: 25px; box-shadow: 0px 2px 3px rgba(0,0,0,0.35);}
#sidebar .block h3 { height: 41px; line-height: 41px; padding: 0 12px; margin: -20px -20px 10px -20px; font-family: Contra, Georgia, serif; font-size: 20px; font-weight: normal; color: #fff; text-shadow: 0px 1px 2px rgba(0,0,0,0.75); background: #956B39; z-index: 100;  }
#sidebar .block #cnd-tag0 h3, #sidebar .block #cnd-tag1 h3, #sidebar .block #cnd-tag2 h3, #sidebar .block #cnd-tag3 h3, #sidebar .block #cnd-tag4 h3, #sidebar .block #cnd-tag5 h3, #sidebar .block #cnd-category h3 { margin-top: 10px; }
#sidebar .block ul { padding-left: 20px; max-height: 350px; overflow-y: scroll }
#sidebar .block ul li { margin-bottom: 5px; }

/*#sidebar #cnd-navigation h3 { height: auto; line-height: normal; padding: 0; margin: 0 0 10px 0; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; color: #474747; text-shadow: none; background: none;  }*/

#sidebar ul.cnd-list { font-weight: bold; padding-left: 0; }
#sidebar ul.cnd-list li { margin: 10px 0; }
#sidebar ul.cnd-list > li:last-child { margin-bottom: 0; }

#sidebar ul.cnd-list li span { position: relative; padding-left: 20px; cursor: pointer; }
#sidebar ul.cnd-list li span:before { content: "" !important; position: absolute; left: 0; top: 4px; width: 12px; height: 12px; background: #ffffcc; border: 1px solid #adaeaf; border-radius: 2px; }

#sidebar ul.cnd-list li span.ui-state-active:before { background: #d32202 url(../../img/icon-checkbox.svg) no-repeat center 2px; background-size: 8px; border-color: #d32202; }
#sidebar ul.cnd-list li.ui-state-active { list-style-type: none; }
#sidebar ul.cnd-list li ul { margin-left: 20px; }
#sidebar ul.cnd-list li.ui-state-active ul {  }
#sidebar ul.cnd-list li.ui-state-disabled,
#sidebar ul.cnd-list li.ui-state-disabled span { opacity: 0.6; cursor: default; }



#sidebar a#back { background: #c91f1a; color: #fff; font-weight: bold; display: block; height: 41px; line-height: 41px; padding: 0 12px; font-size: 14px;margin-bottom: 20px; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.35); text-shadow: 0px 1px 2px rgba(0,0,0,0.75); background: #ca1f1a url(../../img/subheading-bg.png); background-size: 100% 100%; }
#sidebar a#back:before { margin-right: 8px; content: ""; border-right: 9px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent; font-size: 0; vertical-align: 5px; }

/* -------------FOOTER-------------- */
#footer { clear: both; overflow: hidden; font-size: 13px; color: #555;}
#footer .container { padding: 12px 12px 22px 10px; overflow: hidden; } 
#footer p { float: left; font-style: italic; }
#footer p a { color: #555; font-size: 13px; font-style: normal;}
#footer p a:hover { color: #d32202; }
#footer ul { float: right; }
#footer ul li { display: inline-block; margin-left: 15px; }
#footer ul li a { display: inline-block; height: 17px; padding-left: 21px; color: #555; }
#footer ul li a:hover { color: #d32202; }
#footer ul li.twitter a { background: url(../../img/icon-twitter.png) no-repeat; }
#footer ul li.facebook a { background: url(../../img/icon-facebook.png) no-repeat; }
#footer ul li.youtube a { background: url(../../img/icon-youtube.png) no-repeat; }
#footer ul li.epallet a { background: url(../../img/icon-epallet.png) no-repeat; }

/* ================================================================================== */
/* == FAQ Page ====================================================================== */
/* ================================================================================== */
.faq .search-tools { background: #eee; border-bottom: 1px solid #dcdcdc; padding: 25px 20px; margin: -20px -20px 20px -20px; overflow: hidden; }
.faq .search-tools input#faq-search {  border: 1px solid #dcdcdc; border-radius: 3px; padding: 10px; font-size: 17px; width: 100%; }
.faq .search-item h2 { cursor: pointer; }
.faq .search-item span.slider-arrow { display: inline-block; width: 13px; height: 13px; margin-right: 8px; text-indent: -9999px; background: url(../../img/faq-arrows.png) no-repeat; background-size: 13px 52px; }
.faq .search-item span.slider-arrow.ui-expanded { background-position: bottom; }




/* ================================================================================== */
/* == Login / User Info ============================================================= */
/* ================================================================================== */

.login .main-content { float: left; width: 48%; }
.login .main-content.create-info { float: right; }
.login .main-content.create-info h2 { font-size: 36px; font-weight: normal; margin: 0; }
.login .main-content {  padding: 20px; border: 1px solid #e3e3e3; border-radius: 4px; overflow: hidden; }
.login .login-box p { margin-bottom: 15px; font-size: 15px; }
.login .login-box .register-facebook { overflow: hidden; border-bottom: 1px solid #e3e3e3; padding: 0 20px 10px 20px; margin: 0 -20px 20px -20px; }
.login .login-box a.forgot-my-password { margin-left: 5px; }
.login .voForm { width: 100%; }
.login .voForm input.checkbox { float: left; width: 25px; margin-top: 3px; margin-bottom: 15px;}
.login .login-box li { overflow: visible; }
.login .login-box .bootstrap-select { height: auto; }
.login .login-box .dropdown-toggle { border-radius: 0; border: 1px solid #cdcdcd; background: #ffffcc; height: 35px; }
.login .login-box .bootstrap-select .pull-left { left: 10px; font-size: 14px; line-height: 35px; }
.login .login-box .caret {  border-top-color: #cdcdcd; }


@media only screen and (max-width: 500px) {
  .login .main-content, .login .main-content.create-info { float: none; width: 100%; }
}



/* ================================================================================== */
/* == User Area ===================================================================== */
/* ================================================================================== */

.user {  }
.user h1 { margin-bottom: 20px; }
.user a.back { display: block; margin: 20px 0; }
.user .instructions p, .password-reset .instructions p { margin-bottom: 20px; background: #f6e7e7; padding: 10px; }
.user .instructions p:empty { display: none; }
.user .main-content .voForm { width: 100%; float: none; }

#country-menu ul, #state-menu ul { height: 212px !important; overflow-x: hidden; }

.change-profile .main-content .voForm li.country,
.change-profile .main-content .voForm li.state { overflow: visible; }
.change-profile .main-content .voForm input { height: 40px; border-radius: 3px; }
.change-profile .main-content .voForm .btn-group li { height: auto; margin: 0; }
.change-profile .main-content .voForm .btn-group button{ background: #ffffcc; border-color: #CDCDCD; height: 40px; }
.change-profile .main-content .voForm .btn-group span { color: #474747; font-size: 13px; }
.change-profile .main-content .voForm .btn-group .caret { border-top-color: #aaa; }

.user .main-content { padding: 20px; overflow: hidden; }
.user #main-content { margin: 30px 0; }
.user .content { float: left; background: #fff; padding: 20px; margin-bottom: 25px; box-shadow: 0px 2px 3px rgba(0,0,0,0.65); width: 70.744680851%; /*665/940*/ }

#notifications.voForm {  }
#notifications.voForm .info { overflow: hidden; }
#notifications.voForm input.checkbox { float: left; width: 25px; margin-top: 3px; }

.user #sidebar .block ul { padding: 0; }
.user #sidebar .block ul li { font-weight: bold; font-size: 14px; margin-bottom: 15px; list-style: none; }

.cnd-user-orders {  }
.cnd-user-orders .cnd-no-results { padding: 20px; }
.cnd-user-orders .cnd-pagination { padding-bottom: 15px; }
.cnd-user-orders #bottom-bar .cnd-pagination { padding: 15px 0 0 0; }
.cnd-user-orders #bottom-bar .cnd-pagination .previous,
.cnd-user-orders #bottom-bar .cnd-pagination .next { top: 13px; }

.cnd-user-orders #order-detail { width: 100%; }
.cnd-user-orders #order-detail tr { border-bottom: 1px solid #dcdcdc; cursor: pointer; }
.cnd-user-orders #order-detail tr:hover .name { text-decoration: underline; }
.cnd-user-orders #order-detail thead { background: #f7f7f7; border: 1px solid #dcdcdc; }
.cnd-user-orders #order-detail thead tr { cursor: auto; }
.cnd-user-orders #order-detail th,
.cnd-user-orders #order-detail td { padding: 10px; text-align: left; min-width: 67px; }
.cnd-user-orders #order-detail td.title a { color: #474747; }
.cnd-user-orders #order-detail th:last-child,
.cnd-user-orders #order-detail td.total { text-align: right; }




/* -------------RESPONSIVE STYLES-------------- */

@media only screen and (min-width: 1024px) {
#content .container { padding: 30px; }
}

@media only screen and (max-width: 875px) {
#header { background: #8a6939 url(../../img/header-bg.jpg) repeat-x bottom; background-size: 100% 119px; height: 116px; line-height: 60px; text-align: center; }
#header hgroup { float: none; height: 56px; }
#main-nav { float: none; background: rgba(0,0,0,0.5); }

/*Hide the panning slideshow on smaller devices so feature image will scale.*/
#feature .container { height: auto; }
#feature .container img#default { display: block; width: 100%; } 
#feature .container #slide { display: none; }
}


@media only screen and (max-width : 630px) {
#header { height: 60px; }
#header hgroup { text-align: left; margin-left: 10px; }
#main-nav { background: #463116; margin-top: 4px;}
#main-nav ul { display: none; height: auto; overflow: hidden; }
#main-nav ul li { float: left; width: 50%; padding: 0; margin: 0; border-bottom: 1px solid rgba(0,0,0,0.25); 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#main-nav ul li:nth-child(odd) { border-right: 1px solid rgba(0,0,0,0.25); }
#main-nav a#pull { display: block; color: #fff; background: rgba(0,0,0,0.2); position: absolute; top: 0; right: 0; padding: 0 55px 0 20px; height: 60px; line-height: 60px; text-shadow: 0px 1px 1px rgba(0,0,0,0.75); }
#main-nav a#pull:after { content:""; background: rgba(0,0,0,0.35) url('../../img/nav-icon.png') no-repeat center; border-radius: 3px; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 14px; }
  
#news { float: none; width: 100%; background: none; padding: 0;margin-bottom: 30px; }
#mission { float: none; width: 100%; padding: 0; }
#footer p, #footer ul { float: none; text-align: center; margin-bottom: 5px; }
}


@media only screen and (max-width : 460px) {
#header hgroup h2 { display: none; }
}


@media only screen and (max-width: 320px) {
#news ul li a.image { float: none; width: 100%; }
#news ul li .text { float: none; width: 100%; }
}

/* IE8 Styles */
/*
@media only screen and (-Webkit-max-device-pixel-ratio: 1), only screen and (-moz-max-device-pixel-ratio: 1), only screen and (-o-max-device-pixel-ratio: 1), only screen and (max-device-pixel-ratio: 1) {
#header hgroup h1 { background: url(../../img/header-logo.png) no-repeat center 8px; }
#header hgroup h2 { background: url(../../img/logo-importing.png) no-repeat center; }
}
*/
.lt-ie9 #header hgroup h1 { background: url(../../img/header-logo.png) no-repeat center 8px; }
.lt-ie9 #header hgroup h2 { background: url(../../img/logo-importing.png) no-repeat center; }
.lt-ie9 #feature #logo-family { background: #f7f7f7; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }

select.selectpicker { display:none; }



/* ================================================================================== */
/* == Select Dropdown Menus ========================================================= */
/* ================================================================================== */

/* Latest bootstrap version, the JS doesn't display none the original html select. Instead it adds this css. */
.bs-select-hidden { display: none; }

.dropdown-toggle {
  display: inline-block;
  padding: 0 10px !important;
  height: 42px;
  margin-bottom: 0;
  margin-top: 0 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  text-shadow: none !important;
  line-height: 42px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #fff;
  border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; border-radius: 3px; color: #474747; /*#888e94*/
  font-family: "SourceSansProLight", Arial, sans-serif;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
          -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
}

/*.select-small .dropdown-toggle {
  height: 22px;
  padding: 0 7px;
  font-size: 10px;
  border: 1px solid #dfdfdf;
  box-shadow: none;
  color: #a09f9f;
}*/

/*.select-gray .dropdown-toggle { border: 1px solid #DFDFDF; background: #ECECEC; box-shadow: none; color: #a09f9f; }*/

.dropdown-toggle:focus {
  outline: none;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus { text-decoration: none; }

.dropdown-toggle:active,
.dropdown-toggle.active { outline: 0; }



.dropdown-toggle .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px; margin-right: 10px;
  vertical-align: middle;
  border-top: 7px solid #fff;
  border-right: 6px solid transparent;
  border-bottom: 0 dotted;
  border-left: 6px solid transparent;
  content: "";
}

/*.select-small .dropdown-toggle .caret {
  margin-right: 1px;
  border-top: 4px solid #BCBEC1;
  border-right: 3px solid transparent;
  border-bottom: 0 dotted;
  border-left: 3px solid transparent;
}

.select-gray .dropdown-toggle .caret {
  border-top-color: #a09f9f;
}*/



.dropdown { position: relative; }
.dropdown-toggle:focus { outline: 0; }
.dropdown-menu {
  position: absolute;
  top: 34px;
  left: 0;
  z-index: 1000;
  display: none;
  flo/////at: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 12px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-shadow: none;
}
.dropdown-menu > li {
  margin-bottom: 0 !important;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 11px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #474747;
  font-size: 13px;
  white-space: nowrap;
  cursor: pointer;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  col///or: #ffffff;
  text-decoration: none;
  background-color: #f2f2f2;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #92C76C;
  outline: 0;
}

.dropdown-menu > li.selected a { background: #f2f2f2 url(../../../pigeon/img/icon-checkmark.png) no-repeat right; background-size: 35px 12px; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li.selected > a:hover { background: #f2f2f2 url(../../../pigeon/img/icon-checkmark.png) no-repeat right; background-size: 35px 12px; }
.dropdown-menu > li > a,
.dropdown-menu > li.selected > a {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }

.dropdown-menu > li > a i { display: none; }
.dropdown-menu > li > dt { display: none; }


.open > .dropdown-menu { display: block;}
.open > a { outline: 0;}
.bootstrap-select { position: relative; display: inline-block; vertical-align: top; }
.bootstrap-select > .dropdown-toggle { position: relative; fl///oat: left;}
.bootstrap-select > .dropdown-toggle:hover,
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:active,
.bootstrap-select > .dropdown-toggle.active { z-index: 2; }
.bootstrap-select > .dropdown-toggle:focus { outline: none;}
.bootstrap-select > .dropdown-toggle:last-child:not(:first-child),
.bootstrap-select > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0;}
.bootstrap-select .dropdown-toggle:active, .bootstrap-select.open .dropdown-toggle { outline: 0;}

.bootstrap-select, .bootstrap-select[class*="span"] { display: inline-block; margin: 0; width: 100%; height: 40px;}

/*.bootstrap-select.select-small { width: 100px; height: 22px; }*/

.bootstrap-select > .dropdown-toggle { width: 100%}
.dropdown-menu {z-index: 2000}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {z-index: 2051}

.bootstrap-select .dropdown-toggle:focus {
  outline: none; box-shadow: inset 0px 0px 3px #90a3c9;
}

.bootstrap-select .dropdown-toggle .filter-option {
  overflow: hidden;
  position: absolute;
  left: 15px;
  right: 19px;
  text-align: left; height: 100%;
}

/*.select-small.bootstrap-select .dropdown-toggle .filter-option {
  left: 7px;
  right: 7px;
  line-height: 20px;
}*/

.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 7px;
  margin-top: -2px;
  vertical-align: middle
}

.bootstrap-select >.disabled, .bootstrap-select .dropdown-menu li.disabled > a { cursor: not-allowed}
.bootstrap-select > .disabled:focus {outline: none !important}
.bootstrap-select[class*="span"] .dropdown-toggle {width: 100%}
.bootstrap-select .dropdown-menu {
  max-height: 200px !important;
  min-width: 100%;
  max-width: 100%; overflow: hidden;
  font-size: 14px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.bootstrap-select .dropdown-menu.inner {
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

.bootstrap-select .popover-title { padding: 7px 11px 5px 11px; border-bottom: 1px solid #e5e5e5; font-style: italic; color: #747474; }
.bootstrap-select .popover-title button { display: none; }



/* ================================================================================== */
/* == Accept Cookies Banner ========================================================= */
/* ================================================================================== */

.cookie-banner { position: fixed; bottom: 0; left: 0; max-width: 630px; padding: 40px; background: #dbdada; background: rgba(219, 218, 218, 0.95); border-radius: 5px; font-size: 15px; line-height: 1.35; opacity: 0.98; z-index: 99999; }
.cookie-banner h2 { margin-bottom: 5px !important; }
.cookie-banner .cookie-banner-description { }
.cookie-banner p { display: inline-block; }
.cookie-banner a { font-weight: bold; }
.cookie-banner .close { display: inline-block; background: #912a27; height: 36px; line-height: 36px; border-radius: 3px; font-weight: bold; font-size: 14px; text-transform: uppercase; letter-spacing: .1em; color: #fff; border: none; padding: 0 15px; margin-top: 5px; cursor: pointer; }

/* Cookie Accordion */
.cookie-accordion { border-radius: 3px; margin: 15px 0; position: relative; overflow: hidden; }
.cookie-accordion-toggle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; background: none; cursor: pointer; }
.cookie-accordion-header { background: #f5f5f5; padding: 10px 18px 10px 10px; overflow: hidden; }
.cookie-accordion-header h3 { float: left; padding: 3px 0 3px 30px; margin: 0; background:  url(../../img/icon-down-arrow-dark.svg) no-repeat left center; background-size: 25px; font-size: 17px; line-height: 1.15; }
    .cookie-accordion.open .cookie-accordion-header h3 { background:  url(../../img/icon-up-arrow-dark.svg) no-repeat left center; background-size: 25px; }
.cookie-accordion-header .always-active { float: right; color: #912a27; font-weight: 600; font-size: 15px; padding-top: 3px; }
.cookie-accordion-header .toggle-switch { float: right; margin-top: 3px; }
.cookie-accordion-body { display: none; background: #e9e9e9; padding: 18px 25px; }
.cookie-accordion #cookie-header-2 {  max-width: calc(100% - 70px); }

/*Toggle Switch*/
.cookie-accordion .toggle-switch { position: relative; width: 56px; height: 23px; }
.cookie-accordion .toggle-switch > * { position: absolute; }
.cookie-accordion .toggle-switch .toggle-switch-placeholder { position: absolute; border-radius: 25px; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; }
.cookie-accordion .toggle-switch .toggle-switch-placeholder:before { position: absolute; content: ""; height: 19px; width: 19px; left: 2px; bottom: 2px; background-color: white; transition: .4s; border-radius: 50%; }
.cookie-accordion .toggle-switch .toggle-switch-placeholder:after { content:"NO"; font-size: 12px; position: absolute; top: 4px; right: 12px; font-weight: 600; opacity: 0.95; color: #333; }
.cookie-accordion .toggle-switch > input { z-index: 2; width: 100% !important; height: 100% !important; padding: 0 !important; border: none; opacity: 0; -webkit-appearance: none; -moz-appearance:none; appearance: none; cursor: pointer; }
.cookie-accordion .toggle-switch > input:checked + .toggle-switch-placeholder { background-color: #912a27; }
.cookie-accordion .toggle-switch > input:checked + .toggle-switch-placeholder:before { -webkit-transform: translateX(33px); -ms-transform: translateX(33px); transform: translateX(33px); }
.cookie-accordion .toggle-switch > input:checked + .toggle-switch-placeholder:after { content:"YES"; right: auto; left: 10px; color: #fff; opacity: 0.95; }
.cookie-accordion .toggle-switch > label { position: absolute; left: -9999px; }
.cookie-accordion .toggle-switch > input:focus-visible + .toggle-switch-placeholder { outline: 5px auto Highlight; outline: 5px auto -webkit-focus-ring-color; outline-offset: 2px; }

@media screen and (max-width: 575px) {
    .cookie-banner .close { width: 100%; }
}
@media screen and (max-width: 450px) {
    .cookie-banner { padding: 20px; }
}
@media screen and (max-width: 400px) {
    .cookie-accordion-header h3 { font-size: 17px; }
    .cookie-accordion-header .always-active { padding: 0; }
}