/*
 1. Reset
 2. General
 3. Header
 4. Content
 5. Sidebar
 6. Footer
 7. Mobile Styles
 8. Print Styles
*/

/* ================================================================================== */
/* == Normalize.css v6.0.0 ========================================================== */
/* ================================================================================== */

html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}

*,*:before,*:after { box-sizing: border-box; margin: 0; padding: 0; list-style: none; -webkit-font-smoothing: antialiased; }

/* Viewport Sizing */
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}



/* ================================================================================== */
/* == 2. General Styles ============================================================= */
/* ================================================================================== */

html,body { background: #FFF; font-size: 17px; line-height: 1.5; color: #333; font-family: "Jaldi", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; height: 100%; }
.container { max-width: 1440px; margin: 0 auto; position: relative; overflow-x: hidden; }
.container:after { content: ""; display: table; clear: both; }
p, h1, h2, h3, h4, h5, h6, ul { margin: 0; padding: 0; }

h1, h2 { color: #003399; font-family: "Titillium Web", "Jaldi", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.15; }
h2 { text-transform: uppercase; }

a { text-decoration: none; color: #003399;
-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: #333; }

input, button, textarea { font-family: "Jaldi", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
input::-webkit-input-placeholder { color: #737477; }
input:-moz-placeholder { color: #737477; }
input::-moz-placeholder { color: #737477; }
input:-ms-input-placeholder { color: #737477; }

.main-content { float: left; width: calc(100% - 220px); max-width: 1060px; padding: 0 50px; }
.main-content.full,
.checkout-one .main-content { float: none; width: 100%; max-width: 1160px; margin: 0 auto; }

.page-title { position: relative; padding-left: 270px; max-width: 1280px;  }
.page-title h1 { color: #003399; font-size: 35px; font-weight: bold; margin: 1em 0 .85em; line-height: 1.15; }
.main-content.full .page-title { padding: 0; }

@media only screen and (max-width: 1000px) {
    .catalog.product .main-content { float: none; width: 100%; padding: 0 25px; }
    .catalog.product .page-title { padding: 0 25px; width: 100%; }
}
@media only screen and (max-width: 720px) {
    .main-content { float: none; width: 100%; padding: 0 25px; }
    .page-title { padding: 0 25px; }
}

/* 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; }

/* For Screen Reader Only */
.sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }



/* ================================================================================== */
/* == 3. Header ===================================================================== */
/* ================================================================================== */

#header { position: relative; background: #F9D52F; /* border-bottom: 1px solid #c0c0c2; */ }
#header .logo { position: absolute; top: 7px; left: 15px; z-index: 200; width: 196px; height: 90px; background: url(../../img/vigo-logo.png) no-repeat center; background-size: 100% auto; text-indent: -9999px; }

#header input { background: #fff; border: 1px solid #ADAEAF; border-radius: 3px; font-size: 15px; -webkit-font-smoothing: subpixel-antialiased; height: 30px; padding: 0 10px; }
#header .button { background: #003399; 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; border-radius: 3px; cursor: pointer; }

#header #top-header { padding: 15px; max-width: 1080px; height: 60px; margin: 0 auto; position: relative; }
#header .header-toolbar { float: right; }
#header #header-login { float: left; }
#header #header-login .button { float: left; margin-left: 8px; }
#header #header-login .header-name { line-height: 30px; margin-right: 8px; }

#header #header-search { float: left; margin: 0 0 0 30%; width: 40%; }
#header #header-search input { float: left; border-right: none; width: calc(100% - 64px); border-radius: 3px 0 0 3px; background: #fff url(../../img/icon-search.svg) no-repeat 6px center; background-size: 18px; padding-left: 29px; }
#header #header-search button { width: 64px; border-radius: 0 3px 3px 0; }

#header #shopping-cart { height: 30px; margin-left: 8px; }

#header #menu-trigger { position: absolute; top: 0; left: 0;  height: 60px; width: 74px; background: url(../../img/icon-menu.svg) no-repeat center;  background-size: 34px; text-indent: -9999px; cursor: pointer; }
#header #menu-close   { position: absolute; top: 0; right: 0; height: 70px; width: 70px; background: url(../../img/icon-close.svg) no-repeat center; background-size: 50px; text-indent: -9999px; cursor: pointer; }

#main-nav { clear: both; background: #003399; text-align: right; line-height: 40px; height: 40px; font-weight: bold; font-size: 15px; text-transform: uppercase; letter-spacing: .08em; }
#main-nav > ul { max-width: 1080px; padding: 0; margin: 0 auto; }
#main-nav li { display: inline-block; position: relative; }
#main-nav li a { color: #fff; padding: 0 15px; display: block; }
#main-nav li.has-submenu > a { padding-right: 32px; position: relative; }
#main-nav li .button-toggle { position: absolute; right: 8px; top: 0; text-indent: -9999px; width: 26px; height: 40px; background:  url(../../img/icon-down-arrow.svg) no-repeat center 10px; background-size: 19px; border: none; }
#main-nav li > ul { display: none; }
.no-touchevents #main-nav li:hover > ul { display: block; }
    #main-nav li.open > ul { display: block; }
#main-nav li > ul > li { display: block; }
#main-nav li > ul a { color: #003399; line-height: normal; height: auto; display: block; padding: 2px 15px; }
#main-nav li > ul a:hover { background: #fdfdfd; }
#main-nav.open { display: block !important; }
#main-nav .nav-cat-list { width: 290px; columns: 145px 2; column-gap: 0; }
#main-nav #header-login { float: none; overflow: hidden; display: none; }
#main-nav #header-login .button { margin: 0 5px 15px 0; }

@media only screen and (min-width: 840px) {	
    #main-nav li > ul { position: absolute; top: 39px; left: 0; background: #E5E5E5; text-align: left; z-index: 9; border-top: 1px solid #003399; text-transform: none; letter-spacing: 0; min-width: 100%; width: 180px; }
    #main-nav > ul > li > a:hover { background: #727272; }
    #main-nav li a.active { background: #3562A7; }
    #header #menu-trigger,
    #header #menu-close { display: none; }
    #main-nav .logout { display: none; }
    #main-nav .home { display: none; }
}

@media only screen and (max-width: 840px) {
    #header .logo { left: 50%; margin-left: -105px; }
    #header #top-header { border-bottom: 40px solid #003399; height: 100px; }
    #header #header-search { display: none; }
    
    #main-nav { display: none; position: absolute; top: 0; background: rgba(235,235,235,0.96); width: 100%; height: 100%; min-height: 100vh; z-index: 999; padding: 40px 30px; text-align: center; line-height: 9.5vh; font-size: 7vw; font-size: clamp(1rem, 7vw, 5vh); }
    #main-nav > ul { padding: 0; }
    #main-nav li { display: block; }
    #main-nav li a { padding: 0; color: #003399; }
    #main-nav li > ul a { color: #444; }
    #main-nav li > ul a:hover { background: #fff; }
    #main-nav .nav-cat-list { width: 340px; columns: 165px 2; }
    #main-nav li .button-toggle { display: none; }
}
@media only screen and (max-width: 600px) {
    #top-header #header-login,
    #header #header-search { display:none; }
    #header #shopping-cart .cart .checkout { background-size: 23px !important; background-position: center 5px !important; background-color: #fff !important; border: 1px solid #adaeaf; width: 42px !important; height: 34px !important; margin-top: -2px; }
    #main-nav #header-login { display: block; }
    #main-nav #header-login .button { display: block; float: none; height: auto; line-height: 8vh; margin: 0 0 3vh 0; padding: 0; font-size: 7vw; font-size: clamp(1rem, 7vw, 5vh); }
}
@media only screen and (max-width: 350px) {
    #header h1 { top: 12px; margin-left: -90px; }
    #header h1 a { width: 180px; height: 90px; }
}


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

#content {  }
#content:after { content: ""; display: table; clear: both;  }

article p { margin: 0 0 1em 0; }
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.35em; margin: .5em 0 0 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 h1, article h2, article h3, article h4, article h5, article h6 { color: #003399; }

article ul,
article ol { margin: 1em 0 1em 22px; }
article ul li { margin-bottom: .8em; list-style: disc; }
article ol li { margin-bottom: .8em; list-style: decimal; }

article .post-body .voImage { max-width: 100%; }
article .post-body .voImage img { max-width: 100%; height: auto; }
article .post-body .voImage.center { margin: 1em auto; }
article .post-body .voImage.fill { margin: 1em 0; }
@media only screen and (max-width: 450px) {
    article .post-body .voImage,
    article .post-body .voImage img { float: none; display: block; width: 100% !important; max-width: 100% !important; margin: 1em 0; }
}

article .post-body .button { background: #003399; 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; }

a.read-more { display: block; font-weight: bold; text-transform: uppercase; margin-top: 7px; }

.cnd-sort { position: absolute; top: 2px; right: 50px; width: 147px; }
.cnd-sort .dropdown-toggle { display: inline-block; border: 1px solid #ADAEAF; font-size: 15px !important; border-radius: 3px; height: 36px; line-height: 34px; padding: 0 10px; font-weight: bold; color: #000; 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: #fff; border-radius: 3px; }
.cnd-sort .bootstrap-select, .cnd-sort .bootstrap-select[class*="span"] { height: 26px; }
.cnd-sort .bootstrap-select .dropdown-toggle .filter-option { left: 10px; -webkit-font-smoothing: subpixel-antialiased; color: #737477; }
.cnd-sort .bootstrap-select .dropdown-toggle .caret { right: 0; border-top-width: 5px; border-left-width: 5px; border-right-width: 5px; border-top-color: #737477; }

@media only screen and (max-width: 720px) {
    .cnd-sort { right: 25px; }
}
@media only screen and (max-width: 420px) {
    .cnd-sort { position: static; width: 100%; margin-bottom: 30px;}
}

.blog .cnd-sort,
.search .cnd-sort { right: 0; }

/*VO Image*/
.voImage,
.voWidget { margin-left: 0px; }
.voImage.border,
.voWidget.border { border: 2px solid #BBBBBB; margin: 5px; padding: 5px; }
.voImage .caption,
.voWidget .caption { color: #646464; }
.voImage.left,
.voWidget.left { float: left; margin-right: 15px; }
.voImage.right,
.voWidget.right { float: right; margin-left: 15px; margin-right: 0; }
.voImage.center,
.voWidget.center { display: block; margin: 0 auto; }
.voImage .credit,
.voWidget .credit { text-align: right; }
.voImage .caption, 
.voWidget .caption { font-size: 13px; }
.voImage.fill { width: 100% !important; max-width: 100% !important; }
.voImage.fill img { display: block; width: 100% !important; max-width: 100% !important; }
#tinymce .voImage .caption { min-height: 15px; background: #EEEEEE; cursor: text; padding: 5px; }


/* ================================================================================== */
/* == 4. Homepage =================================================================== */
/* ================================================================================== */

#home-content { max-width: 1200px; margin: 0 auto; margin-top: 20px; }
#home-content:after {
  content: "";
  display: table;
  clear: both;}
#home-feature .flex-caption { display: none; }


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


/*Homepage Feature Blocks*/
.home-features { text-align: center; overflow: hidden; margin-bottom: 50px; }
.home-features a { display: block; }
.home-features .block { float: left; width: calc(33.33% - 26px); }
.home-features .block:nth-child(2) { margin: 0 39px; }
.home-features h2 {	font-size: 20px; margin-bottom: 10px; }
.home-features img { display: block; width: 100%; }

@media only screen and (max-width: 1200px) {
    .home-features { padding: 0 36px; }
}
@media only screen and (max-width: 680px) {
    .home-features { padding: 0 30px; }
    .home-features .block { width: calc(50% - 15px); }
    .home-features .block:nth-child(2) { margin: 0 0 0 30px; }
    .home-features .block:nth-child(3) { width: 100%; margin-top: 30px; }
}
@media only screen and (max-width: 500px) {
    .home-features .block { float: none; width: 100%; margin: 40px 0 0 0 !important; }
    .home-features .block:nth-child(1) { margin-top: 20px !important; }
}
@media only screen and (max-width: 350px) {
    .home-features { padding: 0 20px; }
}


/* Top Sellers */
.top-sellers-section { margin-top: 60px; }
.top-sellers-section h2 { display: block; width: 140px; font-size: 20px; text-align: center; position: relative; background: #fff; margin: 0 auto 20px; z-index: 1; }
.top-sellers:before { content: ""; width: 100%; height: 1px; background: #C0C0C2; position: absolute; left: 0; top: -31px; }
.top-sellers { display: grid; grid-template-columns: repeat(6, 1fr); position: relative; }
.top-sellers .item { position: relative; }
.top-sellers .item .thumbnail { max-width: 200px; aspect-ratio: 1; }
.top-sellers .item a.image { display: block; }
.top-sellers .item a.image img { display: block; max-width: calc(100% - 20px); max-height: calc(100% - 30px); margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.25));}
.no-touchevents .top-sellers .item:hover .text { display: block; }
.top-sellers .item .text { position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -15px; background: #003399; background: rgba(63,98,162,0.9); color: #fff; display: none; }
.top-sellers .item .text .view { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px; letter-spacing: 0.06em; padding: 7px 12px; display: inline-block; }
.top-sellers .item .text .cart { display: inline-block; font-size: 14px; background: url(../../img/icon-cart-white.svg) no-repeat center; background-size: 20px; text-indent: -9999px; padding: 7px; width: 47px; position: relative; margin-left: -4px; cursor: pointer; }
.top-sellers .item .text .cart:before { content: ""; position: absolute; top: 8px; left: 0; width: 2px; height: 16px; background: #fff; }

@media only screen and (max-width: 1200px) {
    .top-sellers:before { max-width: calc(100vw - 80px); left: 40px; }
}
@media only screen and (max-width: 1000px) {
    .top-sellers:before { max-width: calc(100vw - 60px); left: 30px; }
    .top-sellers { grid-template-columns: repeat(3, 1fr); gap: 40px 0; padding: 35px; }
}
@media only screen and (max-width: 550px) {
    .top-sellers { grid-template-columns: repeat(2, 1fr); }
}



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

.voForm { max-width: 500px; }
.voForm fieldset { border: none; padding: 0; }
.voForm legend { display: none; }
.voForm label { display: block; font-weight: bold; margin-bottom: 5px; floa//t: left; wid//th: 15%; }
.voForm ul { list-style: none; margin: 0; }
.voForm ul li { margin-bottom: 10px; ove//rflow: hidden; }
.voForm input,
.voForm textarea { width: 100%; font-size: 16px; background: #fff; border: 1px solid #ADAEAF; border-radius: 3px; -webkit-font-smoothing: subpixel-antialiased; height: 30px; padding: 0 10px; }
.voForm textarea { height: 120px; padding: 10px; resize: vertical; }
.voForm button.submit { background: #003399; color: #fff; border: none; border-radius: 3px; height: 34px; line-height: 34px; padding: 0 10px; font-weight: bold; font-size: 14px; cursor: pointer; }
.voForm button.submit:hover { background: #3562A7; }
.voForm button.submit.disabled { background: #aaa; }
.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 #ADAEAF; font-size: 16px !important; border-radius: 3px; height: 36px; line-height: 34px; padding: 0 10px; font-weight: bold; color: #000; 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: #fff; }
.voForm .bootstrap-select .dropdown-toggle .filter-option { left: 10px; -webkit-font-smoothing: subpixel-antialiased; color: #000; }
.voForm .bootstrap-select .dropdown-toggle .caret { right: 0; border-top-width: 5px; border-left-width: 5px; border-right-width: 5px; border-top-color: #737477; }



.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: #003399; border: 1px solid #ead2d2; }
.voForm .success-message { background: #e6ecdf; padding: 15px; margin-bottom: 15px; color: #66883d; border: 1px solid #dae3cf; }

.contact .post-body { overflow: hidden; }
.contact .post-body p { margin-bottom: 20px; }
.contact .post-body .voForm { float: left; border-right: 1px solid #dcdcdc; padding-right: 40px; width: 60%; }
.contact .contact-info { float: right; width: 40%; padding-left: 38px; }
.contact .contact-info h2 { font-size: 1.3rem; text-transform: none; }

@media only screen and (max-width: 600px) {
    .contact .post-body .voForm,
    .contact .contact-info { float: none; width: 100%; padding: 0; border: none; }
    .contact .contact-info { margin-top: 40px; }
}
@media only screen and (max-width: 350px) {
    .contact-info .social li { margin: 0 !important; }
    .contact-info .social li a { width: 40px !important; height: 40px; background-size: 50px !important; }
}


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

.breadcrumb { margin: -15px 0 15px 0; }
.breadcrumb ol:nth-child(1n+2), ol.category-breadcrumb:nth-child(1n+2) { }
.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-bottom: 0; color: #858689; }
.breadcrumb ol li:before,
ol.category-breadcrumb li:before { content: ">"; margin: 0 5px 0 7px; font-size: 16px; vertical-align: 1px; }
.breadcrumb ol li:first-child,
ol.category-breadcrumb li:first-child { background: none; }
.breadcrumb ol li:first-child:before,
ol.category-breadcrumb li:first-child:before { display: none;}
.breadcrumb ol li a, ol.category-breadcrumb li a { color: #858689; }
.breadcrumb ol li a:hover, ol.category-breadcrumb li a:hover { color: #003399; }
    /*This is for when breadcrumbs are at the bottom of the page*/
    .recipe-post .breadcrumb { border-top: 1px solid #EDECEC; margin: 35px 0 0 0; padding-top: 32px; width: 100%; }
    .recipe-post .breadcrumb ol { margin: 0; }
    .recipe-post .breadcrumb ol li a,
    .recipe-post ol.category-breadcrumb li a,
    .product-information .breadcrumb ol li a,
    .product-information ol.category-breadcrumb li a { color: #333; }
    .product-information ol.category-breadcrumb { margin: 0; }

.recipe-post { font-size: 20px; }

.recipe-post h2 { font-size: 20px; text-transform: none; margin: 0 0 10px 0; }
.recipe-post p { margin: 0 0 30px 0; }
.recipe-post ul,
.recipe-post ol { margin: 0 0 30px 30px; }
.recipe-post ul li { list-style: disc; }
.recipe-post ol li { list-style: decimal; }

.recipe-post .go-to-video { display: block; background: url(../../img/icon-movie.svg) no-repeat left center; background-size: 20px; padding-left: 28px; margin-bottom: 25px; font-weight: 600; font-size: 17px; }

.featured-image {  }
.featured-image a.image { display: block; position: relative; overflow: hidden; }
.featured-image a.image img { display: block; width: 100%; }
/*.featured-image a.image img { display: block; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.featured-image a.image .ratio { padding-top: 65%; }*/

.recipe-info { background: #003399; color: #fff; padding: 20px 28px; display: inline-block; font-size: 26px; font-weight: bold; margin-bottom: 35px; }
.recipe-info ul { margin: 0; }
.recipe-info ul li { list-style: none; margin-bottom: 9px; }
.recipe-info ul li:last-child { margin: 0; }

@media only screen and (max-width: 420px) {
    .recipe-info { display: block; }
}

/*.social-share { margin: 10px 0; text-align: right; overflow: hidden; }
.social-share .share-button { float: right; background: #111 url(../../img/icon-print-white.svg) no-repeat center; background-size: 16px; text-align: left; text-indent: -9999px; border: none; color: #fff; height: 32px; width: 100px; margin-left: 7px; vertical-align: top; cursor: pointer; }
.social-share [data-network="facebook"] { background: #3B5998 url(../../img/icon-facebook-white.svg) no-repeat center; background-size: 26px; }
.social-share [data-network="twitter"] { background: #55ACEE url(../../img/icon-twitter-white.svg) no-repeat center; background-size: 26px; }
.social-share [data-network="pinterest"] { background: #CB2027 url(../../img/icon-pinterest-white.svg) no-repeat center; background-size: 26px; }
.social-share [data-network="sharethis"] { background: #95D03A url(../../img/icon-sharethis-white.svg) no-repeat center; background-size: 15px; }
.social-share [data-network="email"] { background: #7D7D7D url(../../img/icon-email-white.svg) no-repeat center; background-size: 16px; }
.social-share .print-button { background: #111 url(../../img/icon-print-white.svg) no-repeat center; background-size: 16px; }

@media only screen and (max-width: 1024px) {
    .social-share .share-button { margin: 0 !important; width: calc(100% / 6); }
}*/

.sharethis-inline-share-buttons { margin: 10px 0; }
.sharethis-inline-share-buttons .st-btn { font-size: 12px !important; border-radius: 3px !important; }
@media only screen and (min-width: 650px) {
    #st-el-4 .st-btns { overflow: hidden !important; } /* This is to hide the scrollbars in Internet Explorer of the ShareThis popup */
}

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

.recipe-post .ingredients { border-bottom: 1px solid #EDECEC; margin-bottom: 35px; }
.recipe-post .ingredients ul { margin-bottom: 35px; margin-left: 0; }
.recipe-post .ingredients ul li { margin-bottom: 5px; padding-left: 14px; position: relative; list-style: none; }
.recipe-post .ingredients ul li:before { content: ""; position: absolute; top: 13px; left: 0; height: 4px; width: 4px; background: #000; border-radius: 50%; }
.recipe-post .ingredients ul li .voi-add { display: inline-block; margin-left: 10px; background: url(../../img/icon-cart.svg) no-repeat right 1px; background-size: 19px; height: 20px; width: 30px; border-left: 1px solid #003399; vertical-align: -5px; text-indent: -9999px; cursor: pointer; }

.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: ""; }

.recipe-footer-buttons { overflow: hidden; margin: 50px 0; }
.recipe-footer-buttons .btn { float: left; background: #003399; color: #fff; border: none; font-size: 17px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.06em; height: 50px; line-height: 50px; padding: 0 16px; margin-right: 10px; text-align: left; border-radius: 4px; }
.recipe-footer-buttons .print-button { background: #003399 url(../../img/icon-print-white.svg) no-repeat 14px center; padding-left: 45px; background-size: 22px;  }
.recipe-footer-buttons .buy-ingredients { background: #003399 url(../../img/icon-cart-white.svg) no-repeat 14px center; padding-left: 44px; background-size: 22px; }

@media only screen and (max-width: 400px) { 
    .recipe-footer-buttons .btn { float: none; display: block; width: 100%; margin-bottom: 10px; }

}

#sidebar ul.side-recipe-list { padding: 0; margin-top: 10px;}
#sidebar ul.side-recipe-list li { list-style: none; margin-bottom: 12px !important; overflow: hidden;}
#sidebar ul.side-recipe-list li:last-child { margin-bottom: 0 !important; }
#sidebar ul.side-recipe-list li a { display: block; }
#sidebar ul.side-recipe-list li a:focus { outline-offset: -2px; }
#sidebar ul.side-recipe-list li .thumbnail { height: 80px; }
#sidebar ul.side-recipe-list li .title { display: block; font-weight: bold; font-size: 15px; line-height: 1.15; margin-top: 5px; }

#sidebar #ingredient-links {  }
#sidebar #ingredient-links a { position: relative; padding-left: 20px; }
#sidebar #ingredient-links a:before { content: ""; position: absolute; left: 0; top: 2px; width: 12px; height: 12px; background: #000; }

/*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;}

.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: #003399; 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 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; }


/* Embeded Videos */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

iframe { max-width: 100%; }


/*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: 0; }
.post-comments ul li { list-style: none; border-bottom: 1px solid #ececec; padding: 15px 0; margin: 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: 0; }
.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: #b92b26 url(../../img/button-bg-blue.jpg) repeat-x top; background-size: 11px 68px; color: #fff; border: 1px solid #003399; border-top: none; border-bottom: none; font-size: 16px; 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.3); margin-bottom: 10px; border-color: #174D89;}
button#facebook-login:hover, .post-favorite button#facebook-login-favorite:hover, .post-rating .not-logged-in button:hover { background-position: bottom; }

#comments.voForm { width: 100%; margin-top: 20px; }
#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; }


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

/*Blog Index*/
.product-array {  }
.product-array ul { display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: 25px; }
.product-array ul li { width: 25%; text-align: center; margin-bottom: 5.5%; list-style: none; position: relative; }
.product-array ul li .thumbnail { }
.product-array ul li a.image { display: block; position: relative; }
.product-array ul li a.image img { display: block; max-width: 80%; max-height: 80%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.25)); }
.product-array ul li a.image .ratio { padding-top: 100%; }
.no-touchevents .product-array ul li:hover .text { display: block; }
.product-array ul li .text { position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -15px; background: #003399; background: rgba(63,98,162,0.9); color: #fff; height: 35px; display: none; }
.product-array ul li .text .view { color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px; letter-spacing: 0.06em; padding: 7px 12px; display: inline-block; }
.product-array ul li .text .cart { display: inline-block; font-size: 14px; background: url(../../img/icon-cart-white.svg) no-repeat 2px; background-size: 20px; text-indent: -9999px; position: relative; padding: 0; height: 100%; width: 32px; vertical-align: top; margin-left: 5px; cursor: pointer; }
.product-array ul li .text .cart:before { content: ""; position: absolute; top: 8px; left: -10px; width: 2px; height: 16px; background: #fff; }
.product-array ul li .name { display: block; font-weight: bold; padding: 10px 10px 0 10px; line-height: 1.15; font-size: 18px; }
.product-array ul li span.meta { display: block; margin-bottom: 1px; font-size: 11px; color: #727272; }
.product-array ul li .price { display: block; }
.product-array ul li .price .retail.sale { color: #727272; text-decoration: line-through; font-size: 16px; margin-left: 2px; }
.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: #003399; }

/* if the product is out of stock or unavailable */
.product-array ul li.vo-unavailable-sell .cart ,
.product-array ul li.vo-unavailable-stock .cart,
.product-array ul li.vo-unavailable-sell .price ,
.product-array ul li.vo-unavailable-stock .price { display: none; }
.product-array ul li.vo-unavailable-sell .text ,
.product-array ul li.vo-unavailable-stock .text { margin-left: -27px; }

.product-array .waiting-for-results { margin: 0 auto; text-align: center; margin: 40px 0; }

@media only screen and (max-width: 1110px) { 
    .product-array ul li { width: 33.33%; }
}
@media only screen and (max-width: 530px) { 
    .product-array ul li { width: 50%; }
}

/*Custom image block*/
.custom-feature { padding: 0; margin-bottom: 3.5%; }
.custom-feature .voImage { padding: 0; max-width: none !important; }
.custom-feature img { display: block !important; width: 100% !important; height: auto !important; }


/*Instagram Widget*/
.instagram-widget { margin: -5px -5px 25px -5px; }


/*Mobile Category Picker*/
#mobile-category-picker { display: none; margin-bottom: 20px; position: relative; }
#mobile-category-picker .dropdown-toggle { border: 1px solid rgba(255,255,255,0.15); font-size: 14px !important; border-radius: 3px; height: 36px; line-height: 34px; padding: 0 10px; font-weight: bold !important; color: #737477; 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: #dbdada; border-radius: 0; position: relative; width: 100%; text-align: left; }
#mobile-category-picker .dropdown-toggle .caret { position: absolute; right: 0; top: 15px; border-top-width: 5px; border-left-width: 5px; border-right-width: 5px; border-top-color: #737477; }
#mobile-category-picker .dropdown-menu { width: 100%; }

@media only screen and (max-width: 720px) {
    #mobile-category-picker { display: block; }
}



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

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

.product-post .product-feature { margin-bottom: 35px; display: flex; }
.product-post .product-feature:after { content: ""; display: table; clear: both; }

.product-post .product-gallery { float: left; width: 60%; border: 1px solid #edecec; padding: 55px; 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 .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-display { border-bottom: 1px solid #EDECEC; padding-bottom: 5px; margin-bottom: 40px; }

.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 {  margin-bottom: 35px; }

.product-information .product-description table { width: 100%; 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 strong { font-weight: normal; }
.product-information .product-info ul { list-style: none; margin: 0; }
.product-information .product-info ul li { margin-bottom: 9px; list-style: none; }
.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; list-style: none; }
.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; list-style: none; }
.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; }

/*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: 20px; margin-top: 20px; border: 2px solid #000; font-size: 0.9em; line-height: 1.3; }
.warning-message strong { font-weight: bold; }


/*Product - Add to Cart*/
#product-actions { text-align: center; padding: 35px; float: right; width: 40%; background: #003399; color: #fff; font-size: 18px; line-height: 1.3; display: flex; flex-direction: column; justify-content: space-between; }
#product-actions a { color: #fff; text-decoration: underline; }
#product-actions #product-actions-top {  }
#product-actions #product-actions-middle { margin: 25px 0 30px 0; }
#product-actions #product-actions-bottom {  }
#product-actions .item-number { display: block; font-size: 20px; margin-bottom: 10px; opacity: 0.75; }
#product-actions h3 { margin: 0; font-size: 30px; line-height: 1.1; color: #fff; }
#product-actions .numbers {	font-size: 36px; font-weight: bold; }
#product-actions .numbers .original { text-decoration: line-through; font-size: 0.7em; opacity: 0.8; margin-left: 3px; font-style: italic; }
#product-actions .item-name { display: block; margin-top: -5px; font-style: italic; opacity: 0.75; }
#product-actions #product-basic-info-title { margin-bottom: 7px; }
#product-actions .quantity { overflow: hidden; }
#product-actions .quantity label { display: block; float: left; font-size: 17px; text-align: left; height: 40px; line-height: 38px; width: 50%; padding-left: 12px; border: 1px solid rgba(255,255,255,0.25); border-radius: 3px 0 0 3px; }
#product-actions .quantity input { float: right; text-align: center; display: block; width: 50%; height: 40px; border: none; border-radius: 0 3px 3px 0; font-size: 16px; }
#product-actions .bootstrap-select .pull-left { font-size: 12px; left: 10px; right: 5px; }
#product-actions .bootstrap-select a { font-size: 12px; text-align: left; }
#product-actions .bootstrap-select .caret { border-top: 6px solid #a9a9a9; border-right: 5px solid transparent; border-left: 5px solid transparent; right: 0px; }
#product-actions .bootstrap-select .dropdown-menu { max-width: none; }
#product-actions .button { display: block; width: 100%; background: #f9d52f; text-shadow: 0 0 20px #fde15e, 0 0 10px #fde15e, 0 0 1px #fde15e, 0 0 2px rgba(0,0,0,0.2); border: none; border-radius: 3px; color: #333; padding: 6px 0; font-size: 20px; font-weight: bold; text-transform: uppercase; margin-top: 20px; cursor: pointer; transition: none; }
#product-actions .button:hover { background: #000; }
#product-actions .stock-message { font-size: 16px; line-height: 1.2; margin-top: 14px; opacity: 0.9; }

#product-details .message { background: #f4e8e8; padding: 15px; margin-bottom: 15px; color: #003399; border: 1px solid #ead2d2; }
#product-details .message:empty { display: none; }


.no-label { border: 1px solid #dcdcdc; text-transform: uppercase; padding: 30px; text-align: center; font-weight: bold; font-size: 1.35rem; 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; }


@media only screen and (max-width: 840px) { 
    .product-post article { float: none; width: 100%; }
}
@media (min-width: 580px) and (max-width: 700px) {
    #product-actions { padding: 25px; }
    #product-actions h3,
    #product-actions .numbers { font-size: 26px; }
}
@media only screen and (max-width: 580px) { 
    .product-post .product-feature { display: block; }
    .product-post .product-gallery,
    #product-actions { float: none; width: 100%; }
    .product-post .product-gallery { padding: 40px; }
    #product-actions h3,
    #product-actions .numbers { font-size: 28px; }
}
@media only screen and (max-width: 375px) { 
    .product-post .product-gallery { padding: 30px; }
    #product-actions { padding: 25px; }
    #product-actions h3,
    #product-actions .numbers { font-size: 26px; }
}



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

.user {  }
.user h1 { margin-bottom: 20px; }
.user a.back { display: block; margin: 20px 0; }
.user .instructions { margin: 10px 0; }
.user .instructions p, .password-reset .instructions p { margin-bottom: 20px; background: #f6e7e7; padding: 10px; }
.user .instructions p:empty { display: 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; }
.change-profile .main-content .voForm .btn-group li { height: auto; margin: 0; }
.change-profile .main-content .voForm .btn-group button{ height: 40px; }

.change-profile .delete-account { border-top: 1px solid #dcdcdc; margin-top: 40px; padding: 35px 0 10px 0; }
.change-profile .delete-account p { margin: 0.25em 0 1.25em 0; }

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

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

.cnd-user-orders {  }
.cnd-user-orders .cnd-no-results { padding: 20px 0; }
.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; }

.user .main-content #sidebar { width: 100%; margin-top: 35px; display: none; }
.user .main-content #sidebar .block { background: none; padding: 0; }
@media only screen and (max-width: 720px) {
    .user .main-content #sidebar { display: block; }
}

/*.change-profile #form-address ul { border-bottom: 1px solid; }*/
.change-profile #form-address hr { margin: 2em 0 1.5em 0; border: none; height: 1px; background: #e3e3e3; }


/* Manage Payment Methods */
.cnd-user-payment-methods {  }
.cnd-user-payment-methods tr { border-bottom: 1px solid #dcdcdc; cursor: pointer; }
.cnd-user-payment-methods tr:hover .name { text-decoration: underline; }
.cnd-user-payment-methods thead { background: #f7f7f7; border: 1px solid #dcdcdc; }
.cnd-user-payment-methods thead tr { cursor: auto; }
.cnd-user-payment-methods th,
.cnd-user-payment-methods td { padding: 10px; text-align: left; min-width: 67px; }
.cnd-user-payment-methods td.title a { color: #474747; }
.cnd-user-payment-methods th:last-child,
.cnd-user-payment-methods td.total { text-align: right; }

.cnd-user-payment-methods span.name { font-weight: bold; }
.cnd-user-payment-methods .summary { }
.cnd-user-payment-methods .summary span.last-four { margin-right: 60px; font-weight: bold;}
.cnd-user-payment-methods .vo-delete { background: #003399; 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; }

/* Addresses ===== */
/* /user/addresses */
.address-list { }
.address-list .item-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.address-list .item-list > li { flex: 0 48.5%; margin-bottom: 3.5%; padding: 20px 20px 40px 20px; border: 1px solid #E3E3E3; border-radius: 3px; position: relative; font-size: 16px; }
.address-list .item-list > li .toolbar { display: block !important; position: absolute; left: 0; bottom: 0; font-size: 14px; width: 100%; padding: 10px 20px; }
.address-list .item-list > li .toolbar span { float: left; margin-right: 10px; padding-left: 10px; position: relative; color: #888; color: #003399; cursor: pointer; }
.address-list .item-list > li .toolbar span:before { content:""; position: absolute; left: 0px; top: 4px; width: 1px; height: 10px; background: #e3e3e3;}
.address-list .item-list > li .toolbar span:first-child { padding-left: 0; }
.address-list .item-list > li .toolbar span:first-child:before { display: none; }
.address-list .item-list > li .vo-default-address { padding: 7px 20px; margin: -20px -20px 20px -20px; background: #f7f7f7; font-weight: 600; font-size: 16px; background: #003399; color: #fff; border-radius: 3px 3px 0 0; }
.address-list .item-list > li .address div { line-height: 1.3; }
.address-list .item-list > li .address div[data-field-name="alias"] { font-weight: 600; }
.address-list .item-list > li .vo-address-used-by { margin-top: 20px; font-style: italic; color: #888; }
.address-list .item-list > li input.error { border-color: #F10000 !important; box-shadow: 0 0 4px #F10000; }
.address-list .item-list .error-message { padding: 10px 12px; margin: 0 0 15px 0; font-size: 14px; }

.address-list li.edit-mode { padding: 20px; border: 1px solid #E3E3E3; border-radius: 3px; position: relative; font-size: 15px; }
.address-list li.edit-mode .form-list > li { margin-bottom: 10px; }
.address-list li.edit-mode .form-list > li label { display: block; font-weight: 600; margin-bottom: 2px; }
.address-list li.edit-mode .form-list > li input { border: 1px solid #ADAEAF; border-radius: 3px; -webkit-font-smoothing: subpixel-antialiased; height: 30px; padding: 0 10px; width: 100%; font-size: 15px; }
.address-list li.edit-mode .form-list > li .bootstrap-select { height: 28px; }
.address-list li.edit-mode .form-list > li .bootstrap-select > .dropdown-toggle { border: 1px solid #ADAEAF !important; border-radius: 3px; height: 30px !important; line-height: 30px !important; padding: 0 7px !important; font-weight: 400 !important; font-size: 15px !important;  color: #000; }
.address-list li.edit-mode .form-list > li .bootstrap-select > .dropdown-toggle .filter-option { left: 7px; -webkit-font-smoothing: subpixel-antialiased !important; }
.address-list li.edit-mode .new { overflow: hidden; }
.address-list li.edit-mode .button { background: #0033997; 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; border-radius: 3px; cursor: pointer; height: 32px; line-height: 32px; float: right; width: calc(50% - 7px); margin: 5px 0 0 0; }
.address-list li.edit-mode .button.cancel { float: left; background: #888; }
.address-list .bootstrap-select .dropdown-menu li.disabled { display: none; } /* hide states or provinces that don't apply to the selected country */

.address-list .add-new-item { display: block; width: 48.5%; padding: 80px 0 30px 0; font-weight: 600; font-size: 17px; text-align: center; border: 1px solid #E3E3E3; border-radius: 3px; background: #fefefe; background: url(../..//img/icon-add.svg) no-repeat center 30px; background-size: 40px; cursor: pointer; }
.address-list .add-new-item:hover { border-color: #003399; box-shadow: 0px 2px 12px rgba(0,0,0,0.05), 0px 1px 3px rgba(0,0,0,0.05); }



/* ================================================================================== */
/* == Order Detail Page ============================================================= */
/* ================================================================================== */

.order-container TABLE { width: 100%; text-align: left; margin: 15px 0; font-size: 13px;  border-top: 1px solid #E9EBEF; }
.order-container TABLE THEAD { text-transform: uppercase; }
.order-container TABLE THEAD TH { padding: 14px 0 12px 0; }
.order-container TABLE TR { border-bottom: 1px solid #E9EBEF; }
.order-container TABLE TD, .order-container TABLE TH { padding: 18px 15px 16px 0; border: none; font-weight: normal; }
.order-container TABLE TD:last-child, .order-container TABLE TH:last-child { padding-right: 0; }
.order-container TABLE TH { font-weight: bold; }

@media only screen and (max-width: 580px) {
    .order-container TABLE { font-size: 12px; }
    .order-container TABLE THEAD TH { padding: 8px 0 6px 0; font-size: 11px; }
    .order-container TABLE TD, .order-container TABLE TH { padding: 10px 8px 8px 0; }
}

.order-container {  }
.order-container #items { margin-bottom: 40px; }
.order-container #item-list { margin-bottom: 40px; }
.order-container #item-list td,
.order-container #item-list th { border-right: none; border-left: none; }
.order-container #item-list .item-photo { max-width: 42px; display: block; }
.order-container #item-list td.preview { padding-left: 0; }
.order-container #item-list td.quantity,
.order-container #item-list .th-quantity { text-align: center;  min-width: 100px; padding-right: 0; }
.order-container #item-list td.price,
.order-container #item-list .th-price { text-align: center;  min-width: 90px; padding-right: 0; }
.order-container #item-list td.total,
.order-container #item-list .th-total { text-align: right;  min-width: 60px;}
.order-container #item-list td.title h3 { margin: 0; line-height: normal; }

.order-container #address-billing { margin-bottom: 40px; }
.order-container address { line-height: 1.25em; }

.order-container #totals,
.order-container #gift-details { margin-top: 40px; }
.order-container #totals div,
.order-container #gift-details div {line-height: 1.4em; }
.order-container #totals #grand-total { margin-top: 20px; border-top: 1px solid #d3d7de; border-bottom: 1px solid #d3d7de; overflow: hidden; height: 70px; line-height: 70px; }
.order-container #totals #grand-total strong { float: left; }
.order-container #totals #grand-total .cart-grand-total { font-size: 30px; float: right; margin-top: 1px; font-weight: bold; }
.order-container #gift-details .gift-message { font-style: italic; margin-top: 1em; }



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

/*Blog Index*/
.post-array ul li { margin-bottom: 30px; overflow: hidden; list-style: none; }
.post-array ul li .thumbnail { float: left; display: block; width: 35%; aspect-ratio: 2/1; }
.post-array ul li .thumbnail.product { background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important;  }
.post-array ul li .text {  }
.post-array ul li .text .publish_date { color: #747474; margin-bottom: 5px; }
.post-array ul li.has-thumbnail .text { float: right; width: calc(65% - 20px ); }
.post-array ul li span.meta { display: block; margin-bottom: 1px; font-size: 11px; color: #727272; }
.post-array ul li .title { display: block;  font-family: "Titillium Web", "Jaldi", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.15; text-transform: uppercase; font-size: 22px; margin-top: 7px; margin-bottom: 7px; }
.post-array ul li a#more-articles { color: #402118; background: url(../../img/icon-arrow.png) no-repeat right; padding-right: 13px; cursor: pointer; }
.post-array ul li a#more-articles:hover { color: #003399; }
.post-array ul li .read-more {  }


@media only screen and (max-width: 880px) and (min-width:720px) {
    .recipes .post-array ul li .thumbnail { float: none; width: 100%; }
    .recipes .post-array ul li.has-thumbnail .text { float: none; width: 100%; margin-top: 15px; }
}
@media only screen and (max-width: 600px) {
    .post-array ul li .thumbnail { float: none; width: 100%; }
    .post-array ul li.has-thumbnail .text { float: none; width: 100%; margin-top: 15px; }
}

.landing-page #section-feature { margin: -20px -20px 0px -20px;  }
.landing-page #section-feature .flexslider { margin-bottom: 32px; border-bottom: 2px solid #003399; 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: #003399; }
.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;}
}

.cnd-pagination { clear: both; position: relative; border-top: 1px solid #EDECEC; border-bottom: 1px solid #EDECEC; padding: 15px 0; }
.cnd-pagination button { color: #003399; cursor: pointer; position: absolute; border: none; font-size: 16px; height: 100%; }
.cnd-pagination button:hover { color: #402118; }
.cnd-pagination .previous { left: 0; top: 0; background: url(../../img/icon-arrow-left.png) no-repeat left center; padding-left: 13px; }
.cnd-pagination .next { right: 0; top: 0; background: url(../../img/icon-arrow-right.png) no-repeat right center; padding-right: 13px; }
.cnd-pagination span.results { display: block; text-align: center; width: 100%; color: #727272;}
#archive-pagination-top { display: none; } /*Just hiding the top pagination for now.*/
#archive-pagination-top .cnd-pagination { margin-bottom: 25px; }

@media only screen and (max-width: 480px) {
    .cnd-pagination { font-size: 13px; }
}

.meta { color: #747474; }

@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; }
}



/* ================================================================================== */
/* == Search Page =================================================================== */
/* ================================================================================== */
.search .search-tools { border-bottom: 1px solid #EDECEC; overflow: hidden; padding-bottom: 30px; margin-bottom: 30px; }
.search .search-tools input#cnd-search { border: 1px solid #ADAEAF; background: #fff; border-radius: 3px; font-weight: bold; height: 50px; padding: 0 18px; font-size: 17px; float: right; width: 63%; }
.search .search-tools a { float: left; margin-right: 1%;  padding: 12px 0px; background: #737477; width: 11%; text-align: center;
height: 50px; line-height: 50px; padding: 0; font-weight: bold; color: #fff; border-radius: 3px; }
.search .search-tools a.ui-active, .search .search-tools a:hover { background: #003399; }

@media only screen and (max-width: 680px) {
    .search .search-tools input#cnd-search { float: none; width: 100% !important; }
    .search .search-tools a { width: calc((100% - 20px) / 3 ); margin: 10px 10px 0 0; }
    .search .search-tools a:last-of-type { margin-right: 0; }
}



/* ================================================================================== */
/* == 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; }


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

#sidebar { float: left; width: 220px; }

#sidebar .block { background: #dbdada; margin-bottom: 10px; padding: 20px 25px; }
#sidebar .block h2 { color: #003399; font-size: 19px; text-transform: uppercase; letter-spacing: 0.05em; }
#sidebar .block ul {}
#sidebar .block ul li { margin-bottom: 5px; }
#sidebar .block .cnd-header { color: #003399; font-size: 15px; padding: 15px 0; }
#sidebar .block .cnd-header .collapse { display: block !important; width: 12px; height: 12px; background: #000; float: left; margin: 2px 7px 0 0; display: none !important; }
#sidebar .block .cnd-header:last-child { padding-bottom: 0; }

/*Custom sidebar article block*/
/*#sidebar .block.custom-content {  }
#sidebar .block.custom-content h1 { font-size: 20px; margin: 0; }
#sidebar .block.custom-content h2 { font-size: 1em; margin: 1em 0; }
#sidebar .block.custom-content p { margin: 1em 0; }
#sidebar .block.custom-content img { display: block; width: 100%; height: auto; }
#sidebar .block.custom-content ul,
#sidebar .block.custom-content ol { padding-left: 20px; margin: 1em 0;}
#sidebar .block.custom-content ul li,
#sidebar .block.custom-content ol li { margin-bottom: 5px; }*/


#sidebar ul.cnd-list { font-weight: bold; }
#sidebar ul.cnd-list < ul { padding: 0 0 0 70px !important; font-weight: bold; }
#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: 22px; cursor: pointer; }
#sidebar ul.cnd-list li span:before { content: "" !important; position: absolute; left: 0; top: 5px; width: 14px; height: 14px; background: #fff; border: 1px solid #adaeaf; border-radius: 2px; }

#sidebar ul.cnd-list li span.ui-state-active:before { background: #003399 url(../../img/icon-checkbox.svg) no-repeat center 3px; background-size: 8px; border-color: #003399; }
#sidebar ul.cnd-list li.ui-state-active { list-style-type: none; }
#sidebar ul.cnd-list li ul { margin-left: 20px; color: #000;}
#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 .vo-search-context { }
#sidebar .vo-search-context input { background: #fff; border: 1px solid #ADAEAF; border-radius: 3px; font-size: 15px; -webkit-font-smoothing: subpixel-antialiased; height: 30px; padding: 0 10px; background: #fff url(../../img/icon-search.svg) no-repeat 6px center; background-size: 16px; padding-left: 25px; width: 100%; margin: 5px 0 1px 0; }
#sidebar .cnd-searchable-list { position: relative; padding-bottom: 15px !important; }
#sidebar .cnd-searchable-list:before { content: ""; width: 100%; height: 15px; position: absolute; top: 76px; pointer-events: none; background: linear-gradient(to bottom, #dbdada 0%,rgba(255,255,255,0) 100%); z-index: 1; }
#sidebar .cnd-searchable-list:after { content: ""; width: 100%; height: 15px; position: absolute; bottom: 15px; pointer-events: none; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#dbdada 100%); }
#sidebar .cnd-searchable-list ul.cnd-list  { max-height: 189px !important; overflow-y: scroll; position: relative; }

#sidebar .catalog-categories {  }
#sidebar .catalog-categories h3 { color: #003399; font-size: 19px; text-transform: uppercase; letter-spacing: 0.06em; }
#sidebar .catalog-categories .cnd-header .collapse { display: none !important; }
#sidebar .catalog-categories ul.cnd-list { padding-left: 2px; }
#sidebar .catalog-categories ul.cnd-list > li > span { display: block;color: #003399; }
#sidebar .catalog-categories ul.cnd-list > li > span:before { top: 3px; }

#sidebar a#back { background: #003399; 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; }


@media only screen and (max-width: 1000px) {
    .catalog.product #sidebar { display: none; }
}
@media only screen and (max-width: 720px) {
    #sidebar { display: none; }
}


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

.login .main-content { float: left; width: 48%; }
.login .main-content.create-info { float: right; }
/*.login .login-box {  padding: 20px; border: 1px solid #e3e3e3; background: #f7f7f7; border-radius: 4px;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}*/
.login .page-title { padding-left: 0; }
.login .login-box p { margin-bottom: 15px; font-size: 16px; }
.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 .voForm .agreement .checkbox { margin-bottom: 0; }
.login .create-info h2 { font-size: 35px; text-transform: none; margin: 1em 0 .85em; line-height: 1.15; }
.login .create-info .voForm { position: relative; }
.login .create-info .voForm .waiting-for-results { position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.85); height: 100%; width: 100%; text-align: center; }
.login .create-info .voForm .waiting-for-results img { position: relative; top: 50%; transform: translateY(-50%); }


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


/* ================================================================================== */
/* == 6. Footer ===================================================================== */
/* ================================================================================== */

#footer { clear: both; padding: 50px 0; font-size: 15px; overflow: hidden; text-align: center; border-top: 1px solid #C0C0C2; margin-top: 30px; }
#footer a { color: #333; }
#footer a:hover { color: #003399; }
#footer p { font-style: italic; margin-bottom: 5px; }
#footer .policy li { display: inline-block; border-right: 1px solid #bbb; padding-right: 9px; margin-right: 5px; line-height: 17px; }
#footer .policy li:last-child { padding: 0; margin: 0; border: none; }

#footer .social { margin-bottom: 25px; }
.social li { display: inline-block; margin-right: 7px; }
.social li:last-child { margin: 0; }
.social li a { display: block; width: 40px; height: 40px; text-indent: -9999px; }
.social li a.twitter { background: url(../../img/icon-twitter-color.svg) no-repeat center; background-size: 65px; width: 44px; }
.social li a.facebook { background: url(../../img/icon-facebook-color.svg) no-repeat center; background-size: 65px;  width: 36px; }
.social li a.youtube { background: url(../../img/icon-youtube-color.svg) no-repeat center; background-size: 58px; }
.social li a.pinterest { background: url(../../img/icon-pinterest-color.svg) no-repeat center; background-size: 61px; }
.social li a.instagram { background: url(../../img/icon-instagram-color.svg) no-repeat center; background-size: 59px; }
.social li a.linkedin { background: url(../../img/icon-linkedin.svg) no-repeat center; background-size: 68px; }
.social li a.epallet { background: url(../../img/icon-epallet.png) no-repeat center; background-size: 71px auto; width: 81px; }























/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 502;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 503;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  height: 100%;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 505; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 504; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  padding: 0;
  z-index: 506; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: "Jaldi", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  top: 0;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: solid transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  opacity: 0.8;
  border-top-width: 12px;
  border-bottom-width: 12px;
  top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 20px;
  border-bottom-width: 20px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 12px solid black;
    left: 5px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    border-right: 20px solid white; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 12px solid black;
    left: 3px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 20px solid white; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

.mfp-iframe-holder .mfp-close {
  top: -43px; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.mfp-figure {
  line-height: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  padding-right: 36px; }

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; } }
@media all and (max-width: 800px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* jquery ui slider */
.cnd-slider-range { background-color: #858689; width: calc(100% - 12px); margin: 0 auto; }
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value { margin: -1px; height:100%; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 16px; cursor: pointer; outline: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 12px; margin-top: 10px; }
.ui-slider-horizontal .ui-slider-handle { top: -2px; margin-left: -8px; background-color: #000; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background:#003399; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.cnd-header label {	overflow: hidden; display: block; /*background: url(../../img/time-divider.png) no-repeat center;*/ font-weight: bold; margin-top: 10px; }
span.ui-range-start { float: left; }
span.ui-range-divider { display: none; }
span.ui-range-end { float: right; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; z-index: 100; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }




/* ================================================================================== */
/* == 8. Print Styles =============================================================== */
/* ================================================================================== */

/* These are only for the print preview page. The actual print styles go into print.css */

#cms_blog_recipe_single-print * { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; font-family: Arial; }
#cms_blog_recipe_single-print a, #cms_blog_recipe_single-print a:visited { text-decoration: underline; }
/*a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }*/
#cms_blog_recipe_single-print pre, #cms_blog_recipe_single-print blockquote { border: 1px solid #999; page-break-inside: avoid; }
#cms_blog_recipe_single-print thead { display: table-header-group; }
#cms_blog_recipe_single-print tr, #cms_blog_recipe_single-print img { page-break-inside: avoid; }
#cms_blog_recipe_single-print img { max-width: 100% !important; }
#cms_blog_recipe_single-print @page { margin: 0.5cm; }
#cms_blog_recipe_single-print p, #cms_blog_recipe_single-print h2, #cms_blog_recipe_single-print h3 { orphans: 3; widows: 3; }
#cms_blog_recipe_single-print h2, #cms_blog_recipe_single-print h3 { page-break-after: avoid; }
#cms_blog_recipe_single-print .container { padding: 0; }


#cms_blog_recipe_single-print #header #social-header, #cms_blog_recipe_single-print #home-feature, #cms_blog_recipe_single-print #header nav, #cms_blog_recipe_single-print .share, #cms_blog_recipe_single-print .post-rating, #cms_blog_recipe_single-print .post-comments, #cms_blog_recipe_single-print #comments, #cms_blog_recipe_single-print #sidebar, #cms_blog_recipe_single-print #footer, #cms_blog_recipe_single-print .breadcrumb, #cms_blog_recipe_single-print .header-tools, #cms_blog_recipe_single-print .post-favorite, #cms_blog_recipe_single-print .dropdown, #cms_blog_recipe_single-print .voi-add { display: none; }


#cms_blog_recipe_single-print h1, #cms_blog_recipe_single-print .page-title { margin-bottom: 0px; }
#cms_blog_recipe_single-print article ul li { margin-bottom: 5px; }
#cms_blog_recipe_single-print .ingredients { border: none; }

#cms_blog_recipe_single-print .intro { clear: both; overflow: hidden; }
#cms_blog_recipe_single-print .intro .thumbnail { width: 400px; float: left; margin-right: 40px; }
#cms_blog_recipe_single-print .intro ul li strong { margin-right: 10px; }

#cms_blog_recipe_single-print #header h1 { display: block; width: 194px; height: 80px; text-indent: -9999px; content: url(../../img/vigo-logo@1x.png); }


#cms_blog_recipe_single-print { background: #fff; }
#cms_blog_recipe_single-print .main-content { width: 100%; }
#cms_blog_recipe_single-print .page-title { overflow: hidden; background: none; color: #000; margin-bottom: 20px;}
#cms_blog_recipe_single-print .page-title h1 { margin-bottom: -15px !important; padding: 0 !important; }
#cms_blog_recipe_single-print .page-title img { float: right; width: 20%; margin-top: 10px; }
#cms_blog_recipe_single-print .thumbnail { float: right; width: 50%; margin-left: 5%;}
#cms_blog_recipe_single-print .prep-time { width: 100%; clear: both; margin-top: -35px !important; overflow: hidden;}
#cms_blog_recipe_single-print .prep-time h2 { display: none; }
#cms_blog_recipe_single-print .prep-time ul { padding: 0; margin: 0;}
#cms_blog_recipe_single-print .prep-time ul li { float: left; margin-right: 20px; list-style: none; font-size: 14px; }
#cms_blog_recipe_single-print .prep-time ul li span { margin: 0; }
#cms_blog_recipe_single-print .prep-time ul li strong { margin-right: 5px; }

/* ================================================================================== */
/* == 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: 32px;
  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: 30px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #fff;
  border: 1px solid #808285; color: #474747; /*#888e94*/
  font-family: "Jaldi", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", 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: 16px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  -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: "Jaldi", "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: 16px;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
}

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

.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: #e9e9e9 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: #e9e9e9 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-size: 15px; font-style: italic; color: #747474; }
.bootstrap-select .popover-title button { display: none; }


/* ================================================================================== */
/* == Shopping Cart in Header ======================================================= */
/* ================================================================================== */

#header #shopping-cart { position: relative; float: left; }
#header #shopping-cart .cart { position: relative; cursor: pointer; }
#header #shopping-cart .cart .quantity {
    background: #3562A7;
    color: #FFF;
    padding: 0 4px;
    display: block;
    position: absolute;
    top: -4px;
    right: -3px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.15);
    border-radius: 15px;
    pointer-events: none;
}
#header #shopping-cart .cart .checkout {
    display: block;
    background-color: #fce88d;
    border-radius: 3px;
    background-image: url(../../img/icon-cart.svg);
    background-repeat: no-repeat;
    background-position: center 6px;
    background-size: 19px;
    text-indent: -9999px;
    width: 36px;
    height: 30px;
}
#header .cart .checkout-text {
    float: left;
    width: 20px;
    line-height: 20px;
    margin-right: 5px;
}

/*Cart Popup */
#header #shopping-cart #cart-popup {
    background: #3562A7;
    border-radius: 10px;
    position: absolute;
    left: -178px;
    top: 40px;
    width: 240px;
    padding: 20px;
    z-index: 100000;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.15), 0px 1px 5px rgba(0,0,0,0.15);
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.075);
}
#header #shopping-cart #cart-popup:before {
    content: "";
    position: absolute;
    top: -12px;
    right: 33px;
    width: 0; 
    height: 0; 
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;	
    border-bottom: 12px solid #3562A7;
}
#header #shopping-cart #cart-popup .cart-heading { font-size: 22px; margin-top: -4px; font-weight: bold; }
#header #shopping-cart #cart-popup P {
    text-transform: none;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: normal;
}
#header #shopping-cart #cart-popup P:first-of-type {
    margin: 5px;
}
#header #shopping-cart #cart-popup .shipping-total-not-free,
#header #shopping-cart #cart-popup .shipping-total-free { 
    display: block; background: none; border: none; text-shadow: none; color: #003399; font-size: 15px; margin: 0; padding: 0; font-weight: bold; margin-bottom: 1em; font-style: italic;
}
#header #shopping-cart #cart-popup .shipping-total-not-free a,
#header #shopping-cart #cart-popup .shipping-total-free a {
    background: none; border: none; text-shadow: none; color: #003399; font-size: 15px !important; margin: 0 !important; padding: 0 !important; display: block; float: none; font-weight: bold; height: auto; line-height: 1.1;
}
#header #shopping-cart #cart-popup .cart-total,
#header #shopping-cart #cart-popup .quantity {
    text-decoration: underline;
    font-weight: 600;
    font-style: normal;
}
#header #shopping-cart #cart-popup .cart {
    position: static; display: block;
}
#header #shopping-cart #cart-popup .continue {
    display: block; float: none; clear: both; background: none; border: none; text-shadow: none; color: #003399; font-size: 12px; margin: 0; padding: 1em 0 0 0; font-weight: bold; 
}
#header #shopping-cart #cart-popup .close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    display: none !important;
}
#header #shopping-cart #cart-popup .button.checkout,
#header #shopping-cart #cart-popup .button.view-cart {
    font-size: 12px;
    line-height: normal !important;
    height: auto !important;
    padding: 5px 0;
    cursor: pointer;
    background: #003399;
    margin: 0;
    width: 95px;
    float: left;
}
#header #shopping-cart #cart-popup .button.view-cart {
    margin: 0 10px 0 0;
}


/* ================================================================================== */
/* == Shopping Cart Modal =========================================================== */
/* ================================================================================== */

.cart-block.dialog {
    background: #fff;
    padding: 20px 30px 30px 30px;
    box-shadow: 0px 3px 10px rgba(0,0,0,0.65);
    height: auto !important;
}
.cart-block.dialog h3 { font-size: 1.5em; margin-bottom: 1em; }
.cart-block.dialog .close { position: absolute; top: 16px; right: 17px; text-indent: -9999px; cursor: pointer; background: url(../../img/icon-close.png) no-repeat; background-size: 32px; height: 32px; width: 32px; display: none; }

.cart-block.dialog .cart.list { width: 100%; }
.cart-block.dialog .cart.list tr { border-bottom: 1px solid #dcdcdc; }
.cart-block.dialog .cart.list thead { background: #f7f7f7; border: 1px solid #dcdcdc; }
.cart-block.dialog .cart.list th,
.cart-block.dialog .cart.list td { padding: 10px; text-align: left; }
.cart-block.dialog .cart.list td { min-width: 67px; }

.cart-block.dialog .cart.list td.preview { min-width: 0 !important;	text-align: center; }
.cart-block.dialog .cart.list .preview img { max-width: 32px; width: auto !important; text-align: center; }

.cart-block.dialog .cart.list td.title a { color: #474747; }

.cart-block.dialog .cart.list .quantity { width: 65px; }
.cart-block.dialog .cart.list .quantity input {	width: 55px; background: #fff; border-radius: 3px; text-align: center; border: 1px solid #ADAEAF; }

.cart-block.dialog .cart.list th:last-child,
.cart-block.dialog .cart.list td.last { text-align: right; }

.cart-block.dialog .totals { text-align: right; font-size: 18px; margin: 10px 0; }
.cart-block.dialog .totals span { line-height: 1.4em; }
.cart-block.dialog .totals .shipping-total { float: right; }
.cart-block.dialog .totals .shipping-total-not-free { color: #003399;  margin-right: 10px; font-style: italic; }
.cart-block.dialog .totals .shipping-total-free { margin-right: 10px; font-style: italic; }

.cart-block.dialog .custom-message { font-style: italic; margin: 10px 0; text-align: right; color: #747474; }

.cart-block.dialog .buttons { margin-top: 20px; text-align: right; }
.cart-block.dialog .checkout.button { float: right;
    display: inline-block; width: 130px; color: #fff; background: #003399; border: none; border-radius: 3px; font-size: 14px; height: 34px; line-height: 34px; padding: 0 10px; font-weight: bold; cursor: pointer; margin-top: 1px; text-align: center; margin-top: -10px; margin-left: 20px; }
.cart-block.dialog .checkout.button:hover { background: #3562A7; }

@media only screen and (max-width: 800px) {
    .cart-block.dialog {
        padding: 10px;
        box-shadow: none;
        font-size: 15px;
    }
    .cart-block.dialog .totals { font-size: 15px; }
    .cart-block.dialog .cart.list th,
    .cart-block.dialog .cart.list td { padding: 5px 10px; line-height: 1.15em; }
}
@media only screen and (max-width: 350px) {
    .cart-block.dialog .cart.list { margin: -10px -10px 10px -10px; width: calc(100% + 20px); }
}


/* ================================================================================== */
/* == Checkout Page ================================================================= */
/* ================================================================================== */

.checkout-one {}

.checkout-one .main-content { padding-bottom: 50px; overflow: hidden; }
.checkout-one .main-content .container { box-shadow: none; overflow: visible;  }
.checkout-one .main-content .container:after { content: none; }

.checkout-one .main-content .cart-block { padding: 30px 40px 20px 40px; margin: 50px 0 40px 0; border-radius: 5px; box-shadow: 0px 3px 10px rgba(0,0,0,0.1); background: #fff; border: 1px solid #eee; }
.checkout-one .main-content .cart-block h2 { color: #003399; font-size: 35px; font-weight: bold; margin: 0 0 0.7em 0; line-height: 1.15; text-transform: none; }
.checkout-one .main-content .cart-block .cart.list { width: 100% !important; }
.checkout-one .main-content .cart-block .cart.list { width: 100%; }
.checkout-one .main-content .cart-block .cart.list tr { border-bottom: 1px solid #dcdcdc; }
.checkout-one .main-content .cart-block .cart.list thead { background: #f7f7f7; border: 1px solid #dcdcdc; }
.checkout-one .main-content .cart-block .cart.list th,
.checkout-one .main-content .cart-block .cart.list td { padding: 10px; text-align: left;  }
.checkout-one .main-content .cart-block .cart.list td {	min-width: 67px; }
.checkout-one .main-content .cart-block .cart.list td.title a { color: #474747; }
.checkout-one .main-content .cart-block .cart.list td.quantity { width: 75px; }
.checkout-one .main-content .cart-block .cart.list td.quantity input { width: 100%; text-align: center; border: 1px solid #ADAEAF; border-radius: 3px; }
.checkout-one .main-content .cart-block .cart.list td.subtotal .original { text-decoration: line-through; color: #747474; font-size: 13px; margin-left: 3px; font-style: italic; }
.checkout-one .main-content .cart-block .totals { text-align: right; margin: 20px 28px 0 0; }
.checkout-one .main-content .cart-block .totals div { display: block; font-size: 15px; color: #747474; line-height: 1.6em; }
.checkout-one .main-content .cart-block .totals .shipping-total { float: right; }
.checkout-one .main-content .cart-block .totals .shipping-total-not-free,
.checkout-one .main-content .cart-block .totals .shipping-total-free { color: #003399;  margin-right: 10px; font-style: italic; }
.checkout-one .main-content .cart-block .totals .grand-total { font-size: 20px; color: #474747; line-height: 40px; clear: both; display: block; }
.checkout-one .main-content .cart-block .totals .savings-total { font-style: italic; }
.cart-block .cart.list .delete { color: #003399; font-size: 15px; font-weight: bold; cursor: pointer; vertical-align: 1px; margin-left: 3px; }
.cart-block .no-cart-results { margin-bottom: 20px; }
.cart-block .cart.list td.last { width: 75px; }
.cart-block .cart.list td.subtotal .original { text-decoration: line-through; color: #747474; font-size: 13px; margin-left: 3px; font-style: italic; }
.cart-block .totals .savings-total { font-style: italic; font-size: 13px; }

.checkout-one .main-content .vo-create-account { float: left; width: 50%; padding-right: 30px; }
.checkout-one .main-content .vo-have-account { float: right; width: 50%; padding-left: 30px; border-left: 1px solid #dcdcdc; }
.checkout-one .main-content .voForm { width: 100%; }
.checkout-one .main-content .voForm li { margin-bottom: 15px; }
.checkout-one .main-content .voForm p {	margin-bottom: 1em; }
.checkout-one .main-content h2 { margin-bottom: 1em; }
.checkout-one .main-content .vo-have-account .forgot-my-password { margin-left: 6px; }
.checkout-one .gift-message { margin: 40px 0; }
.checkout-one .gift-message input { width: 20px; float: left; margin-right: 8px; }
.checkout-one .gift-message .boolean-copy { line-height: 30px; }

.checkout-one .main-content .checkout {	margin: 50px 0; }

table caption { position: absolute; left: -9999px; }

@media only screen and (max-width: 800px) {
    .checkout-one .main-content .vo-create-account,
    .checkout-one .main-content .vo-have-account { float: none; width: 100%; padding: 0; }
    .checkout-one .main-content .vo-have-account { padding: 50px 0 0 0; border: none; }
}
@media only screen and (max-width: 480px) {
    .checkout-one .main-content .cart-block { padding: 20px; }
    .checkout-one .main-content .cart-block .cart.list { font-size: 14px; }
}
@media only screen and (max-width: 350px) {
    .checkout-one .main-content .cart-block { padding: 0; box-shadow: none; border: none; }
}

.discount-codes .error-message { margin: 10px 0; padding: 7px 12px; }
.discount-codes { margin-top: 20px; }
.discount-codes h3 { font-size: 18px !important; margin-bottom: 10px !important; }
.discount-codes li { float: left; width: 50%; }
.discount-codes li:first-child { width: calc(100% - 110px); }
.discount-codes li:last-child { float: right; width: 110px; }
.discount-codes input { height: 36px !important; border-radius: 3px 0 0 3px; border-right: none; }
.discount-codes .button { height: 36px !important; line-height: 36px !important; border-radius: 0 3px 3px 0 !important; }

.discount-codes ul { overflow: hidden; }
.discount-codes li { margin: 0 !important; }
.discount-codes .applied-discounts li { float: none; width: 100%; }
.discount-codes .applied-discounts div { padding: 10px; background: #FCF8E3; border-left: 5px solid #FAEBCC; color: #8B6F3E; float: left; width: calc(100% - 85px); }
.discount-codes .applied-discounts span { display: inline-block;  }
.discount-codes .applied-discounts span.discount-code { font-family: "Jaldi", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.discount-codes .applied-discounts .button { background: #b92b26 url(../../img/button-bg.jpg) repeat-x top; background-size: 11px 68px; color: #fff; border: 1px solid #003399; border-top: none; border-bottom: 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.3);}
.discount-codes .applied-discounts .button:hover { background-position: bottom; }
.discount-codes .applied-discounts .button.disabled { background: #b92b26 url(../../img/button-bg-gray.jpg) repeat-x top; border-color: #8a8a8a; }
.discount-codes .applied-discounts .button { float: right; width: 75px; }


@media only screen and (max-width: 400px) {
    .discount-codes li { float: none; width: 100% !important; margin-top: 10px !important;}
}
@media only screen and (max-width: 450px) {
    .discount-codes .applied-discounts div,
    .discount-codes .applied-discounts .button { float: none; width: 100% !important; margin-top: 10px !important;}
}

.checkout-one .main-content .fb-profile { overflow: hidden; margin-bottom: 35px; }
.checkout-one .main-content .fb-profile .picture { float: left; margin-right: 10px; }
.checkout-one .main-content .fb-profile .picture img { width: 40px; }
.checkout-one .main-content .fb-profile li { margin-bottom: 5px; }
.checkout-one .main-content .fb-profile .logout a { font-weight: bold; }

.checkout-one .main-content #address { margin-bottom: 40px; }
.checkout-one .main-content #address:after { content: ""; display: table; clear: both; }
.checkout-one .main-content #address li { float: left; width: 50%; }
.checkout-one .main-content #address .edit { display: block; margin-top: 5px; font-weight: bold; }
.checkout-one .main-content #address h2 { margin-bottom: 0.5em; }

.checkout-one .main-content .payment-details {}
.checkout-one .main-content .payment-details li { height: auto; overflow: visible; margin-bottom: 10px; }
.checkout-one .main-content .payment-details li:after { content: ""; display: table; clear: both; } /* clearfix */
.checkout-one .main-content .payment-details li input {	height: 42px; }
.checkout-one .main-content .payment-details #expiration {}
.checkout-one .main-content .payment-details #expiration .btn-group { float: left; width: calc(50% - 5px); }
.checkout-one .main-content .payment-details #expiration .btn-group:nth-child(2) { float: right; }
.checkout-one .main-content .payment-details #expiration .btn-group li { height: auto; margin: 0; }
.checkout-one .main-content .payment-details .btn-group button{ background: #ffffcc; border: 1px solid #ADAEAF; height: 40px; }
.checkout-one .main-content .payment-details .btn-group span { color: #474747; font-size: 14px !important; font-weight: bold; }
.checkout-one .main-content .payment-details .card_code { float: left; width: calc(50% - 5px); }
.checkout-one .main-content .payment-details .card-code-click { float: left; margin: 8px 0 0 10px; font-style: italic; cursor: pointer; }
.checkout-one .main-content .payment-details .caret { border-top-color: #737477; }
.checkout-one .main-content .edit { font-weight: bold; }

.card-code-explain { border: 1px solid #dcdcdc;	background: #f7f7f7; padding: 20px;	border-radius: 3px;	overflow: hidden; }
.card-code-explain img { float: left; width: 140px; margin-right: 13px; }
.card-code-explain div { overflow: hidden; }
.card-code-explain div:last-child {	margin-top: 20px; }
.card-code-explain p { width: 280px; float: left;  color: #585858; }
.card-code-explain p:before { content: "Visa and Mastercard"; display: block; font-weight: bold; color: #474747; margin-bottom: 4px; }
.card-code-explain div:last-child p:before { content: "American Express"; }

span.accepted-cards-image { overflow: hidden; }
.accepted-cards-image { float: right; }

.checkout-one #main-content p.statement { margin-top: 40px; clear: both; }

p.agreement { font-style: italic; color: #333; margin: 20px 0; letter-spacing: -0.0125em }
p.agreement .checkbox { float: left; height: 20px; width: 20px; margin: 2px 7px 0 0; }
p.agreement a {	color: #333; text-decoration: underline; text-decoration-color: #000; }


@media only screen and (max-width: 800px) {
    .checkout-one .main-content #address li{ float: none; width: 100%; padding: 0; margin: 50px 0; }
    .checkout-one .main-content #address { margin: 0; }
}
@media only screen and (max-width: 480px) {
    .checkout-block .payment-block h2 span { float: none !important; display: block !important; margin-top: 20px; }
}


/*Address Modal*/
#dialog-address-book { height: 593px !important; padding: 20px 20px 15px 20px; }
#dialog-address-book * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#dialog-address-book .voForm { width: 100%; }
.address-book {  }
.address-book .block { margin-bottom: 0; }
.address-book .left-column { float: left; width: 57%; }
.address-book .right-column { float: right; width: 40.5%; }
.address-book .click-address-new {background: #003399; color: #fff; border: none; height: 34px; line-height: 34px; padding: 0 10px; font-weight: bold; font-size: 14px; margin: -5px -5px 20px -5px; }
.address-book #recent-addresses { height: 553px; overflow: hidden; overflow-y: auto; }
.address-book #recent-addresses .button-footer { overflow: hidden; padding: 11px 0 0 0; border-top: navajowhite; margin: 0; }
.address-book #recent-addresses .button-footer button { float: left; margin-right: 10px; font-size: 11px; font-family: "Jaldi", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
.address-book #recent-addresses .button-footer button.click-address-delete { float: right; margin: 0; color: #fe5140 !important; }
.address-book #recent-addresses .button-footer button.click-address-edit { border-left: 1px solid #e3e3e3; padding-left: 10px; }
.address-book #recent-addresses .button-footer button { border: none; background: none; color: #008bce !important; padding: 0;}

.address-book .addresses { margin: -20px; font-size: 12px; }
.address-book .addresses li { border-bottom: 1px solid #e3e3e3; padding: 15px; }
.address-book .addresses li .alias { font-weight: bold; color: #424a4c; }
.address-book .addresses li div { line-height: 16px; }
.address-book ul { }
.address-book .left-column .voForm > ul { margin-bottom: 10px; }
.address-book .left-column .voForm > ul > li { margin-bottom: 10px; clear: both; height: 30px; overflow: visible; }
.address-book li .bootstrap-select, .address-book li .bootstrap-select button { height: 30px; line-height: 30px; vertical-align: top; }
.address-book li .bootstrap-select .dropdown-toggle { background: #fff !important; border: 1px solid #CDCDCD !important; color: #424a4c;  background: #f7f7f7 !important;
    font-size: 13px !important; border-radius: 0; }
.address-book li .bootstrap-select .pull-left { left: 8px !important; }
.address-book li .bootstrap-select .caret { right: 0; 
  border-top: 5px solid #bcbcbc;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;}
  .address-book li .bootstrap-select .dropdown-menu { max-height: 150px !important; }
.address-book li label { float: left; width: 20%; text-align: right; padding-right: 12px; color: #424a4c; font-weight: bold; font-size: 12px; line-height: 30px; }
.address-book li input, .address-book li .bootstrap-select { float: right; width: 80%; height: 100%; }
.address-book li .bootstrap-select .dropdown-toggle:focus { border-color: #008bce !important; box-shadow: 0px 0px 2px rgba(0,139,206,0.5) !important; outline: none !important; }
.address-book li .bootstrap-select .dropdown-toggle:hover { color: #424a4c !important; }
#dialog-address-book .dropdown-header {	display: none !important; }

.address-book .button-footer { clear: both; border-top: 1px solid #e5e5e5; margin: 20px -20px 0 -20px; padding: 20px 20px 0 20px; }
.address-book .button-footer .submit { float: left; }
.address-book .button-footer .make-default { float: left; width: 150px; padding: 0 0 0 10px; }
.address-book .button-footer .make-default input { float: left; width: 20px; }
.address-book .button-footer .make-default label { float: left; margin: 6px 0 0 5px; font-size: 0.75rem; }

@media only screen and (max-width: 500px) {
    #dialog-address-book { height: auto !important; }
    #dialog-address-book .address-book .left-column { float: none; width: 100%; }
    #dialog-address-book .address-book .right-column { float: none; width: 100%; }
}

/*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: #003399;	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: #003399; 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); }
}

/*Block styles*/
#dialog-address-book .block { border: 1px solid #e3e3e3; border-radius: 5px; padding: 20px; margin-bottom: 30px;
transition-property: height, opacity, visibility;
transition-duration: 1s, 1s, 1s;
transition-timing-function: ease-in-out, ease-in-out, linear; opacity: 1; height: auto;}
#dialog-address-book .block:after { content: ""; display: table; clear: both; }
#dialog-address-book .block h2 { border-bottom: 1px solid #e3e3e3; color: #424a4c; background: #F6F6F6; margin: -20px -20px 20px -20px !important; padding: 0 20px; border-radius: 5px 5px 0 0; font-family: "Jaldi", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; line-height: 46px; }
#dialog-address-book .block h3 { color: #424a4c; margin-bottom: 5px; }


/* ================================================================================== */
/* == Checkout Complete Page ======================================================== */
/* ================================================================================== */

.checkout-complete {}

.checkout-complete .main-content { background: #f7f7f7; padding: 40px; margin-bottom: 25px; box-shadow: 0px 2px 3px rgba(0,0,0,0.65); }
.checkout-complete .main-content * {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.checkout-complete .main-content .container { padding: 100px 0 120px 0;  text-align: center; }
.checkout-complete .main-content .container:after { content: ""; display: table; clear: both; } /* clearfix */

.checkout-complete .main-content .title { margin-bottom: 0.5em; }

select.selectpicker { display:none; }



/* ================================================================================== */
/* == Flexslider ==================================================================== */
/* ================================================================================== */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0; overflow: hidden;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; background: #fff; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

@media only screen and (min-width: 1024px) {
.flexslider .slides {height: 365px;}
}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0; displ/ay: none;}
.flex-direction-nav a {width: 60px; height: 90px; margin: -65px 0 0; display: block; background: url(../../img/icon-slider-arrows.svg) no-repeat center; background-size: auto 60px; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; z-index: 2; }
.flex-direction-nav .flex-next {background-position: calc(100% - 10px) center; right: -36px; }
.flex-direction-nav .flex-prev {background-position: 10px center; left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 3%;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 3%;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 99%; position: absolute; top: 13px; text-align: right; z-index: 8; }
.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);}
.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;}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1 !important; left: 0 !important;}
  .flex-direction-nav .flex-next {opacity: 1 !important; right: 0 !important;}
  .flex-direction-nav a { width: 40px; background-size: auto 36px; margin-top: -52px; z-index: 8; }
}
@media screen and (max-width: 400px) {
  .flex-direction-nav a { background-size: auto 30px; }
}


/* ================================================================================== */
/* == Slick - Product Carousel ====================================================== */
/* ================================================================================== */

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.slick-track { position: relative; top: 0; left: 0; display: block; overflow: hidden; }
.slick-track:before,.slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

.slick-arrow {  }
.slick-arrow {width: 60px; height: 90px; margin: -45px 0 0; display: block; background: url(../../img/icon-slider-arrows-black.svg) no-repeat center; background-size: auto 60px; border: none; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; z-index: 9;}
.slick-slider .slick-next {background-position: calc(100% - 10px) center; right: 0px; }
.slick-slider .slick-prev {background-position: 10px center; left: 0px; }

@media screen and (max-width: 1300px) {
    .slick-slider .slick-next { right: 15px; }
    .slick-slider .slick-prev { left: 15px; }
}
@media only screen and (max-width: 680px) {
    .slick-slider .slick-next { right: 0; }
    .slick-slider .slick-prev { left: 0; }
}

/*@media screen and (max-width: 1300px) {
    .slick-arrow { opacity: 0; }
    .slick-slider .slick-next {background-position: calc(100% - 10px) center; right: -36px; }
    .slick-slider .slick-prev {background-position: 10px center; left: -36px;}
    .slick-slider:hover .slick-next {opacity: 0.8; right: 20px;}
    .slick-slider:hover .slick-prev {opacity: 0.8; left: 20px;}
    .slick-slider:hover .slick-next:hover,
    .slick-slider:hover .slick-prev:hover {opacity: 1;}
}*/

/*Email Delivery Preferences*/
.subscribe-message-list { }
.subscribe-message-list li { line-height: 30px; overflow: hidden; }
.subscribe-message-list li:last-child { margin-bottom: 0 !important; }
.subscribe-message-list li input { float: left; width: auto; margin: 0 8px 0 0; height: 30px; }
.subscribe-message-list li .children li { margin-left: 20px; }
.subscribe-message-list li div { top: 5px !important; }
.subscribe-message-list .submit { margin: 50px 0 0 0; }



/* ================================================================================== */
/* == Mural Map Page ================================================================ */
/* ================================================================================== */

#vigo-mural { background: url(../../img/mural/mural-map.jpg) no-repeat center -1px; background-size: 100% auto; width: 97%; }
#vigo-mural path { fill: transparent; stroke: transparent; stroke-width: 20px; transition: fill 0.3s; cursor: pointer; }
#vigo-mural path:hover { fill:rgba(255, 243, 5, 0.6); stroke: rgba(255, 243, 5, 0.9); }

#vigo-mural-info { margin: 15px auto 25px; width: 89%; }
#vigo-mural-info .info { display: none; }
#vigo-mural-info .info:after { content: ""; display: table; clear: both; }
#vigo-mural-info img { float: right; width: calc(30% + 50px); background:#fff; padding-left: 50px; }
#vigo-mural-info .text { float: left; width: calc(70% - 50px); }
#vigo-mural-info h2 { margin-top: -7px; margin-bottom: 0.65em; }
#vigo-mural-info p:last-child { margin-bottom: 0; }
#vigo-mural-info #preface { display: block; }
#vigo-mural-info #preface .text { width: 100%; }


@media only screen and (max-width: 720px) {
    #vigo-mural-info { padding: 25px; }
    #vigo-mural-info h2 { margin-top: -3px; }
    #vigo-mural-info { width: 96% }
}
@media only screen and (max-width: 480px) {
    #vigo-mural-info { margin: 0;}
    #vigo-mural-info img,
    #vigo-mural-info .text { float: none; width: 100%; padding: 0; }
    #vigo-mural-info img { margin-bottom: 20px; }
}

/* Mural Langugage Switcher */
.mural-language-switch { display: block; background: #003399; width: 124px; height: 30px; text-align: center; line-height: 30px; font-weight: bold; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: #fff; border: none; padding: 0 10px; margin: -20px 0 30px 0; cursor: pointer; }

@media only screen and (min-width: 450px) {
  .mural-language-switch { position: absolute; top: 5px; right: 0; margin: 0; }
}



/* ================================================================================== */
/* == 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: 17px; line-height: 1.35; opacity: 0.98; z-index: 99999; }
.cookie-banner h2 { margin-bottom: 5px; }
.cookie-banner .cookie-banner-description { }
.cookie-banner p { display: inline-block; }
.cookie-banner a { font-weight: bold; }
.cookie-banner .close { display: inline-block; background: #003399; 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; background:  url(../../img/icon-down-arrow-dark.svg) no-repeat left center; background-size: 25px; font-size: 20px; 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: #003399; font-weight: 600; font-size: 17px; 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: 13px; position: absolute; top: 3px; 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: #003399; }
.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; }
}



/* ================================================================================== */
/* == California Privacy Page ======================================================= */
/* == https://alessifoods.com/california-privacy-choices ============================ */
/* ================================================================================== */

.california-privacy-choices .main-content .voForm input { height: 40px; }
.california-privacy-choices .main-content .voForm ul li { list-style: none; }
.california-privacy-choices .main-content .voForm .option.checkbox { margin: 15px 0 20px 0; }
.california-privacy-choices .main-content .voForm input[type="checkbox"] { float: left; width: 25px; height: 25px; margin-right: 10px; }



/* ================================================================================== */
/* == Covid-19 Banner =============================================================== */
/* ================================================================================== */

.covid-19 { background: #1a1a1a; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 16px; letter-spacing: 0.07em; }
.covid-19 a { display: block; padding: 9px 0 8px 0; color: #f8f8f8; }

/* Checkout Page - Because of COVID, No Returns banner */
.covid-no-returns { background: #dbdada; font-weight: 600; margin: -16px 0 20px 0; padding: 17px 20px; border-radius: 4px; }
.covid-no-returns p { margin-bottom: 10px; }
.covid-no-returns p:last-child { margin-bottom: 0; }



/* ================================================================================== */
/* == ePallet Banner ================================================================ */
/* ================================================================================== */

.epallet-banner { display: block; background: #ffeb9c; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 16px; letter-spacing: 0.07em; padding: 8px 0; color: #000; }
.epallet-banner span { display: inline-block; text-indent: -9999px; background: url(../../img/icon-epallet.png) no-repeat center 4px; background-size: contain; width: 58px; }

@media only screen and (max-width: 840px) {
    .epallet-banner { display: none; }
}


.christmas-banner { background: #457a03; color: #fff; text-align: center; font-weight: bold; text-transform: uppercase; font-size: 16px; letter-spacing: 0.07em; padding: 9px; }

/* Nick added */
/* Braintree Payment Inputs */
.braintree-card-element { overflow: hidden; margin-bottom: 15px; }
.braintree-card-element .input { float: left; width: 85px; background: #ffff; border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; height: 42px; padding: 10px; border-radius: 3px; color: #474747; margin-left: 15px; }
.braintree-card-element .input.braintree-hosted-fields-focused { outline: none; border: 1px solid #2678bf !important; box-shadow: inset 0px 0px 3px rgba(38, 120, 191, .25); }
.braintree-card-element .input.braintree-hosted-fields-invalid { border-color: #F10000 !important; }
.braintree-card-element .vo-card-number { width: calc(100% - 200px); margin: 0; }

@media only screen and (max-width: 400px) {
  .braintree-card-element .input { width: calc(50% - 8px); }
  .braintree-card-element .input.vo-card-number { margin-bottom: 15px; width: 100%; float: none; }
  .braintree-card-element .input.vo-expiration-date { margin: 0; }
}