/* COLOR KEY
#fdf4d2 - Light Tan
#004d41 - Dark Green 
#007f4c - Light Green
#fdeb0f - Yellow
#555043 - Brown
#fbaa26 - Orange (button/link hovers)
#812e2d - Reddish Brown (from logo)
#cb4e05 - Orange (Promo #1) / Hover
#007573 - Blue/Green (Promo #2)
#b92f93 - Fuchsia (Promo #3)
----------------------------------------------- */

/* FONTS
----------------------------------------------- */
@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?i5kc08'); src: url('../fonts/icomoon.eot?i5kc08#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?i5kc08') format('truetype'), url('../fonts/icomoon.woff?i5kc08') format('woff'), url('../fonts/icomoon.svg?i5kc08#icomoon') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-camera:before { content: "\e900"; }
.icon-checkmark:before { content: "\e901"; }
.icon-close-circle:before { content: "\e902"; }
.icon-close-normal:before { content: "\e903"; }
.icon-facebook:before { content: "\e904"; }
.icon-fork:before { content: "\e905"; }
.icon-instagram-outline:before { content: "\e906"; }
.icon-instagram-solid:before { content: "\e907"; }
.icon-map-pin:before { content: "\e908"; }
.icon-pinterest:before { content: "\e909"; }
.icon-minus:before { content: "\ea0b"; }
.icon-plus-sign .p1:before { content: "\e90a"; color: rgb(3, 78, 66); }
.icon-plus-sign .p2:before { content: "\e90b"; color: rgb(252, 233, 14); position: absolute; left: 0; top: 0; }
.icon-minus-sign .p1:before { content: "\e914"; color: rgb(3, 78, 66); }
.icon-minus-sign .p2:before { content: "\e915"; color: rgb(252, 233, 14); position: absolute; left: 0; top: 0; }
.icon-printer-circle .p1:before { content: "\e90c"; color: rgb(3, 78, 66); }
.icon-printer-circle .p2:before { content: "\e90d"; margin-left: -1em; color: rgb(252, 233, 14); }
.icon-search:before { content: "\e90e"; }
.icon-share-circle .p1:before { content: "\e90f"; color: rgb(3, 78, 66); }
.icon-share-circle .p2:before { content: "\e910"; margin-left: -1em; color: rgb(252, 233, 14); }
.icon-snapchat:before { content: "\e911"; }
.icon-twitter:before { content: "\e912"; }
.icon-youtube:before { content: "\e913"; }

/* GENERAL STYLES
----------------------------------------------- */
hr { border-top: 1px solid rgba(0,77,65,0.2); margin: 1em 0; }
.alignleft { float: left; margin-right: 1em; }
.alignright { float: right; margin-left: 1em; }
.back:link, .back:visited { color: #404649; display: inline-block; font-weight: 600; }
.back:hover, .back:focus, .back:active { color: #fbaa26; }
.back::before { content: "\2039"; display: inline-block; font-family: "Poppins"; font-size: 1.375em; margin-right: 0.25em; }
.more:link, .more:visited,
.more-link a:link, .more-link a:visited { color: #404649; display: inline-block; }
.more:hover, .more:focus, .more:active,
.more-link a:hover, .more-link a:focus, .more-link a:active { color: #fbaa26; }
.more::after,
.more-link a::after { content: "\203a"; display: inline-block; font-family: "Poppins"; font-size: 1.25em; margin-left: 0.25em; }
.remove:link, .remove:visited { color: #404649; display: inline-block; }
.remove:hover, .remove:focus, .remove:active { color: #fbaa26; }
.remove::before { content: "\e902"; display: inline-block; font-family: "icomoon"; font-size: 1em; margin-right: 0.5em; }
.select-wrapper { background-color: #e2eedb; border-radius: 5px; display: block; margin: 0 auto 0.5em auto; padding: 0; position: relative; }
.select-wrapper::after { border-bottom: 6px solid transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 9px solid #555043; content: ""; display: block; height: 0; padding: 0; pointer-events: none; position: absolute; right: 10px; top: calc(50% - 4px); width: 0; z-index: 1; }
.select-wrapper select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: rgba(255, 255, 255, 0); border: 1px solid #e2eedb; color: #002b25; line-height: 1.5; padding: 0.5em 2em 0.5em 1em; width: 100%; }
.select-wrapper select:focus { border: 1px solid #004d41; }
.select-wrapper select::-ms-expand { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.recipe-rating { display: inline-block; }
.recipe-rating .icon-fork { color: rgba(0,137,82,0.25); display: inline-block; float: left; font-size: 1.825rem; width: 20px; }
.recipe-rating.fork-1 .icon-fork:nth-child(-n+1), .recipe-rating.fork-2 .icon-fork:nth-child(-n+2), .recipe-rating.fork-3 .icon-fork:nth-child(-n+3), .recipe-rating.fork-4 .icon-fork:nth-child(-n+4), .recipe-rating.fork-5 .icon-fork:nth-child(-n+5) { color: #404649; }
.promo-box-content .recipe-rating .icon-fork { color: rgba(253,235,15,0.25); }
.promo-box-content .recipe-rating.fork-1 .icon-fork:nth-child(-n+1), .promo-box-content .recipe-rating.fork-2 .icon-fork:nth-child(-n+2), .promo-box-content .recipe-rating.fork-3 .icon-fork:nth-child(-n+3), .promo-box-content .recipe-rating.fork-4 .icon-fork:nth-child(-n+4), .promo-box-content .recipe-rating.fork-5 .icon-fork:nth-child(-n+5) { color: #fdeb0f; }
.multi-column { columns: 2; -webkit-columns: 2; -moz-columns: 2; list-style: none; padding: 1em 0; }
.multi-column li { -webkit-column-break-inside: avoid; break-inside: avoid-column; display: flex; overflow: hidden; }
.multi-column li::before { content: "\2022"; display: inline-block; padding: 0 0 0 2em; margin-right: 0.5em; }
.white-bkg { background-color: #ffffff; }
.youtube-wrapper { padding-bottom: 56.25%; position: relative; }
.youtube-wrapper > iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
ul.checkmark { line-height: 1.75; list-style: none; margin-bottom: 1.5em; padding-left: 0; }
ul.checkmark li { padding-left: 1.5em; position: relative; }
ul.checkmark li::before { color: #404649; content: "\e901"; display: inline-block; font-family: "icomoon"; font-size: 1em; left: 0; position: absolute; }
p.small-text { font-size: 0.875em; }
.color-burgundy, .subpage .color-burgundy { color: #82302f; }
.color-black, .subpage .color-black { color: #000000; }
.row > [class*="col-sm"]:not([class*="col-xs"]), .row > [class*="col-md"]:not([class*="col-xs"]), .row > [class*="col-lg"]:not([class*="col-xs"]) { box-sizing: border-box; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 1 0 auto; padding-right: 1rem; padding-left: 1rem; }
.row > [class*="col-sm-3"]:not([class*="col-xs"]), .row > [class*="col-md-3"]:not([class*="col-xs"]), .row > [class*="col-lg-3"]:not([class*="col-xs"]) { -ms-flex-preferred-size: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; max-width: 25%; }
.row > [class*="col-sm-4"]:not([class*="col-xs"]), .row > [class*="col-md-4"]:not([class*="col-xs"]), .row > [class*="col-lg-4"]:not([class*="col-xs"]) { -ms-flex-preferred-size: 33.333%; -webkit-flex-basis: 33.333%; flex-basis: 33.333%; max-width: 33.333%; }
.row > [class*="col-sm-6"]:not([class*="col-xs"]), .row > [class*="col-md-6"]:not([class*="col-xs"]), .row > [class*="col-lg-6"]:not([class*="col-xs"]) { -ms-flex-preferred-size: 50%; -webkit-flex-basis: 50%; flex-basis: 50%; max-width: 50%; }
.row > [class*="col-sm-8"]:not([class*="col-xs"]), .row > [class*="col-md-8"]:not([class*="col-xs"]), .row > [class*="col-lg-8"]:not([class*="col-xs"]) { -ms-flex-preferred-size: 66.666%; -webkit-flex-basis: 66.666%; flex-basis: 66.666%; max-width: 66.666%; }
.row > [class*="col-sm-9"]:not([class*="col-xs"]), .row > [class*="col-md-9"]:not([class*="col-xs"]), .row > [class*="col-lg-9"]:not([class*="col-xs"]) { -ms-flex-preferred-size: 75%; -webkit-flex-basis: 75%; flex-basis: 75%; max-width: 75%; }
.row > [class*="col-sm-12"]:not([class*="col-xs"]), .row > [class*="col-md-12"]:not([class*="col-xs"]), .row > [class*="col-lg-12"]:not([class*="col-xs"]) { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; }

/* Form controls */
label { font-weight: 600; }
input::-webkit-input-placeholder { color: #555043; }
input::-moz-placeholder { color: #555043; }
input:-moz-placeholder { color: #555043; }
input:-ms-input-placeholder { color: #555043; }
input[type="text"], input[type="email"], input[type="password"], input[type="color"], input[type="date"], input[type="number"], input[type="tel"] { background-color: #e2eedb; border-radius: 4px; border: 1px solid #e2eedb; color: #002b25; margin-bottom: 0.5em; padding: 0.5em 1em; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="number"]:focus, input[type="tel"]:focus { border: 1px solid #004d41; }
input[type="radio"], input[type="checkbox"] { }
input[type="submit"], input[type="button"] { -webkit-transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border 0.3s ease 0s; background-color: #007f4c; border-color: #007f4c; border-radius: 5px; border-style: solid; border-width: 1px; color: #ffffff; cursor: pointer; display: inline-block; font-weight: 600; line-height: normal; padding: 0.5em 1em; text-align: center; text-decoration: none; transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border 0.3s ease 0s; }
input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active { background-color: #fbaa26; border-color: #fbaa26; }
textarea { background-color: #e2eedb; border-radius: 4px; border: 1px solid #e2eedb; color: #002b25; }
input.error, input.error:hover, input.error:focus, input.error:active { background-color: #eed3d3; border-color: #82302f; }

/* BUTTONS
----------------------------------------------- */
.button:link, .button:visited { -webkit-transition: all 0.3s ease 0s; background: #007f4c; border-color: #007f4c; border-radius: 5px; border-style: solid; border-width: 1px; color: #ffffff; cursor: pointer; display: inline-block; font-weight: 600; line-height: normal; overflow: hidden; padding: 0.5em 1em; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; position: relative; z-index: 0; }
.button:after { -webkit-transition: all 0.3s ease 0s; border-radius: 0; content: ''; position: absolute; transition: all 0.3s ease 0s; z-index: -1; }
.button:hover, .button:focus, .button:active { background-color: #fbaa26; border-color: #fbaa26; color: #ffffff; }
/*.button:not([class*="button-"]):hover, .button:not([class*="button-"]):focus, .button:not([class*="button-"]):active { background: #fbaa26; }
.button-expand-v:after { -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); background: #fbaa26; height: 0; left: 50%; opacity: 0; top: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; }
.button-expand-v:hover:after, .button-expand-v:focus:after, .button-expand-v:active:after { height: 100%; opacity: 1; }
.button-expand-h:after { -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); background: #fbaa26; height: 100%; left: 50%; opacity: 0; top: 50%; transform: translateX(-50%) translateY(-50%); width: 0; }
.button-expand-h:hover:after, .button-expand-h:focus:after, .button-expand-h:active:after { width: 100%; opacity: 1; }
.button-wipe-l:after { background: #fbaa26; height: 100%; right: 0; top: 0; width: 0%; }
.button-wipe-l:hover:after, .button-wipe-l:focus:after, .button-wipe-l:active:after { width: 100%; }
.button-wipe-r:after { background: #fbaa26; height: 100%; left: 0; top: 0; width: 0%; }
.button-wipe-r:hover:after, .button-wipe-r:focus:after, .button-wipe-r:active:after { width: 100%; }
.button-wipe-u:after { background: #fbaa26; height: 0%; right: 0; bottom: 0; width: 100%; }
.button-wipe-u:hover:after, .button-wipe-u:focus:after, .button-wipe-u:active:after { height: 100%; }
.button-wipe-d:after { background: #fbaa26; height: 0%; right: 0; top: 0; width: 100%; }
.button-wipe-d:hover:after, .button-wipe-d:focus:after, .button-wipe-d:active:after { height: 100%; }*/
.button.yellow { background-color: #fdeb0f; border-color: #fdeb0f; color: #004d41; }
.button.yellow:hover, .button.yellow:focus, .button.yellow:active { background-color: #fbaa26; border-color: #fbaa26; color: #ffffff; }
.button.darkgreen { background-color: #004d41; border-color: #004d41; color: #fdeb0f; }
.button.darkgreen:hover, .button.darkgreen:focus, .button.darkgreen:active { background-color: #fbaa26; border-color: #fbaa26; color: #ffffff; }
.button.outline { background-color: #ffffff; border-color: #004d41; color: #007f4c; }
.button.outline:hover, .button.outline:focus, .button.outline:active { background-color: #fbaa26; border-color: #fbaa26; color: #ffffff; }
.button.extra-padding { padding: 0.75em 1.5em; }

/* HEADER & DESKTOP MENU
----------------------------------------------- */
header { background-color: #ffffff; background-image: url("../images/monstera-bg-tan.png"), linear-gradient(#fcf3d1 0%, #ffffff 60%); background-position: 50% 100%; }
.header-mobile { display: none; }
.header-utility li:last-of-type a { padding-right: 0; }
.header-utility a:link, .header-utility a:visited { color: #555043; display: inline-block; font-size: 0.875em; font-weight: 600; padding: 1em 0.75em 0 0.75em; text-transform: uppercase; }
.header-utility a:hover, .header-utility a:focus, .header-utility a:active { color: #404649; }
.header-utility a.current:link, .header-utility a.current:visited { color: #fbaa26; }
.header-logo { padding: 0 0 0.75em 0; }
.header-mainnav a.button.yellow { border: none; display: block; padding: 0.75em 1em 0.5em 1em; }
.header-mainnav > .row > .col-sm-10 { padding-left: 0; padding-right: 0; }
.header-mainnav > .row > .col-sm-2 { padding-left: 0; }
.main-menu { list-style: none; padding-left: 0; }
.main-menu .disabled-link { cursor: default; }
.main-menu > li > .dropdown-menu { -webkit-transition: opacity 0.3s ease 0s; background-color: #ffffff; border-left: 0.5em solid rgba(255, 255, 255, 0); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); position: absolute; top: -999em; transition: opacity 0.3s ease 0s; }
.main-menu > li > .dropdown-menu.row { margin-left: 0; margin-right: 0; }
.main-menu > li > .dropdown-menu.row > .sub-menu { padding: 0 1em 1em 1em; }
.main-menu ul.sub-menu { list-style: none; padding: 1em 0.75em; min-width: 250px; }
.main-menu ul.sub-menu ul.sub-menu { padding: 0 0 0 1em; }
.main-menu > li { display: inline-block; position: relative; vertical-align: top; }
.main-menu.mobile-only { display: none; }
.main-menu.primary > li:first-of-type a { padding-left: 0.5em; }
.main-menu.primary li.mobile-only { display: none; }
.main-menu.primary li a:link, .main-menu.primary li a:visited { color: #404649; display: block; font-weight: 600; padding: 0.375em 0.5em 0.375em 0; }
.main-menu.primary li a:hover, .main-menu.primary li a:focus, .main-menu.primary li a:active { color: #fbaa26; }
.main-menu.primary > li > a:link, .main-menu.primary > li > a:visited { border-left: 0.5em solid rgba(255, 255, 255, 0); color: #404649; display: inline-block; padding: 0.75em 0.5em 1em 0.5em; transition: border 0s ease 0s; }
.main-menu.primary > li > a:hover, .main-menu.primary > li > a:focus, .main-menu.primary > li > a:active { color: #006B35; }
.main-menu.primary > li > a.current:link, .main-menu.primary > li > a.current:visited { color: #fbaa26; }
.main-menu.primary > li:hover > a, .main-menu.primary > li:focus > a, .main-menu.primary > li:active > a { color: #404649; }
.main-menu.primary > li:hover > .dropdown-menu { border-left: 0.5em solid #004d41; left: 0; opacity: 1; top: 56px; z-index: 100; }
.main-menu.primary > li.dropdown:hover > a:link, .main-menu.primary > li.dropdown:hover > a:visited { -webkit-transition: border 0.3s ease 0s; border-left: 0.5em solid #004d41; transition: border 0.3s ease 0s; }
.main-menu.primary ul.sub-menu .disabled-link { color: #555043; }
.main-menu.primary li.special-promo > .sub-menu-container { display: flex; flex-flow: row nowrap; width: 290px !important; }
.main-menu.primary li.special-promo .sub-menu-container .sub-menu-container { padding-bottom: 0.5em; width: auto; }
.main-menu.primary li.special-promo .sub-menu-container > .sub-menu { flex: 1 0 auto; width: 250px; }
.main-menu.primary li.special-promo .sub-menu-container > .menu-promo-area { background-color: #fdf4d2; flex: 1 0 auto; padding: 1em; text-align: center; width: 250px; }
.main-menu.primary .menu-promo-area a:link, .main-menu.primary .menu-promo-area a:visited { padding: 1.125em 0.5em; }

.search-desktop { z-index: 100; }
.search-desktop form { border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); height: 40px; }
.search-desktop div:not(.element-invisible) { -webkit-transition: all 0.3s ease 0s; float: left; margin: 0; transition: all 0.3s ease 0s; width: calc(100% - 46px); }
.search-desktop label { position: absolute; left: -999em; top: 0; }
.search-desktop input[type="text"] { background-color: #ffffff; border-radius: 5px 0 0 5px; border: none; padding: 7px; width: 100%; }
.search-desktop button, .search-desktop input[type="submit"] { -webkit-appearance: none; -webkit-transition: all 0.3s ease 0s; appearance: none; background-color: #004d41; border-radius: 0 5px 5px 0; border: none; color: #ffe800; height: 40px; outline: 0; padding: 0.5em; transition: all 0.3s ease 0s; width: 46px; z-index: 100; }
.search-desktop button:hover, .search-desktop input[type="submit"]:hover { background-color: #fbaa26; color: #ffBA00; }

/* FOOTER
----------------------------------------------- */
footer { background-image: url("../images/monstera-bg-tan-02.png"); background-size: cover; background-position: 50% 0; padding: 3em 0; }
.subpage.patterned + footer { background-color: #fdf4d2; background-image: url("../images/monstera-bg-tan-02.png"); }

.footer-subpage { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 2em; padding: 0 0 3em 0; }
.footer-subpage p { color: #004d41; font-size: 1.125em; font-weight: 700; }
.footer-subpage span.tagline { display: inline-block; vertical-align: middle; }
.footer-subpage a:link, .footer-subpage a:visited { color: #404649; display: inline-block; font-size: 2em; margin: 0 0.25em; vertical-align: middle; }
.footer-subpage a:hover, .footer-subpage a:focus, .footer-subpage a:active { color: #fbaa26; }

.footer-top ul { list-style: none; }
.footer-top a { font-weight: 600; }
.footer-top ul img { display: inline-block; margin: 1em 0 0 0; }
.footer-copyright { margin: 3em 0 0 0; }
.footer-copyright p { font-size: 0.875em; color: #555043; }

/* HOME PAGE
----------------------------------------------- */
div[role="main"].home { background-image: url("../images/monstera-bg-tan-03.png"), linear-gradient(#fcf3d1 0%, #ffffff 40%); background-position: 50% 300px, 50% 0; background-repeat: no-repeat; }
div[role="main"].subpage.patterned { background-color: #fdf4d2; background-image: url("../images/monstera-bg-tan-03.png"); background-position: 50% 0; background-repeat: no-repeat; }
.hp-slider-row { background-color: #007f4c; color: #ffffff; overflow: hidden; }
.hp-slider-row .row { margin-left: 0; margin-right: 0; }
.hp-slider-row .row [class*="col-"] { padding-left: 0; padding-right: 0; }
.hp-slider { z-index: 99; }
.hp-slider .slick-slide { background-position: 50% 0; background-size: cover; min-height: 488px; position: relative; }
.hp-slider .content-overlay { background-color: #007f4c; background-image: url("../images/monstera-bg-green.jpg"); background-size: cover; box-shadow: 0px -15px 15px -10px rgba(0, 0, 0, 0.25) inset; height: 100%; left: calc(((100% - 67.5em) / 2) + 1em); position: absolute; top: 0; width: 348px; z-index: 100; }
.hp-slider .content-overlay .top-image-area { height: 121px; }
.hp-slider .content-overlay a.button { font-size: 1.125em; padding: 0.75em 1.5em; }
.hp-slider .content-overlay h1 { font-size: 2.5em; font-weight: 400; line-height: 1.25; margin: 0.5em 0; padding: 0 0.75em; }
.hp-slider .content-overlay p { text-align: center; }
.hp-slider-nav-row { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); background-color: #007f4c; color: #ffffff; position: relative; z-index: 101; }
.hp-slider-nav.slick-slider { position: static; }
.hp-slider-nav .slick-list { overflow: visible; }
.hp-slider-nav .slick-slide { -webkit-transition: color 0.5s ease 0s; background-color: #007f4c; color: #ffffff; display: block; font-weight: 600; padding: 1em 0; position: relative; text-align: center; transition: color 0.5s ease 0s; }
.hp-slider-nav .slick-slide:hover, .hp-slider-nav .slick-slide:focus, .hp-slider-nav .slick-slide:active { color: #fdeb0f; cursor: pointer; outline: 0; }
.hp-slider-nav .slick-slide::before { -ms-transform: translateX(-490%); -webkit-transform: translateX(-490%); -webkit-transition: transform 1s ease 0s; content: ""; height: 28px; left: 50%; position: absolute; top: -28px; transform: translateX(-490%); transition: transform 1s ease 0s; width: 60px; }
.hp-slider-nav .slick-slide.slick-current::before { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); content: url("../images/green-carat.png"); transform: translateX(-50%); }
.hp-slider-nav .slick-slide.slick-current { color: #fdeb0f; }
.hp-slider-nav > div:not(.slick-list) { float: left; width: 25%; }

.featured .featured-box { background-color: #ffffff; background-position: 100% 0; background-repeat: no-repeat; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); margin: 2em 0; min-height: 405px; }
.featured .featured-box-content { color: #404649; max-width: 55%; padding: 1em 0 0 2em; }
.featured .featured-box-content h2 { font-size: 3em; line-height: 1.25; margin: 0.5em 0 0.25em 0; }
.featured .featured-box-content p { max-width: 80%; }
.featured .featured-box-content a { font-size: 1.25em; font-weight: 600; }

.news-signup { padding: 2em 0 1em 0; }
.news-signup h3 { color: #004d41; }

.promo-circle-row { padding: 3em 0; }
.promo-circle-row [class*="col-"] { padding-left: 0; padding-right: 0; }
.promo-circle-row h3 { color: #004d41; font-size: 1.75em; font-weight: 400; }
.promo-circle { background-color: #ffffff; border-radius: 50%; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.125); height: 300px; margin: 0 auto; overflow: hidden; position: relative; width: 300px; }
.promo-circle img { -ms-transform: translateX(-50%) translateY(-38%); -webkit-transform: translateX(-50%) translateY(-38%); left: 50%; position: absolute; top: 38%; transform: translateX(-50%) translateY(-38%); }
.promo-circle .promo-link { bottom: 0; display: block; font-weight: bold; height: 100px; left: 0; padding: 1em 3.5em; position: absolute; text-align: center; width: 100%; }
.promo-circle.promo-color-1 .promo-link { background-color: #cb4e05; color: #ffffff; }
.promo-circle.promo-color-2 .promo-link { background-color: #007573; color: #ffffff; }
.promo-circle.promo-color-3 .promo-link { background-color: #009249; color: #ffffff; }
.promo-circle.promo-color-1:hover .promo-link, .promo-circle.promo-color-1:focus .promo-link, .promo-circle.promo-color-1:active .promo-link { background-color: #aa4d17; }
.promo-circle.promo-color-2:hover .promo-link, .promo-circle.promo-color-2:focus .promo-link, .promo-circle.promo-color-2:active .promo-link { background-color: #005250; }
.promo-circle.promo-color-3:hover .promo-link, .promo-circle.promo-color-3:focus .promo-link, .promo-circle.promo-color-3:active .promo-link { background-color: #017a3e; }
.promo-box-grid { background-color: #ffffff; padding: 3em 0; }
.promo-box-grid .pages a:link, .promo-box-grid .pages a:visited { background-color: #ffffff; border-radius: 50%; color: #004d41; padding: 0.25em 0.85em; }
.promo-box-grid .pages a:hover, .promo-box-grid .pages a:focus, .promo-box-grid .pages a:active { background-color: #007f4c; color: #ffffff; }
.promo-box-grid .pages a.current:link, .promo-box-grid .pages a.current:visited { background-color: #007f4c; color: #ffffff; }
.promo-box-grid .pages a.current:hover, .promo-box-grid .pages a.current:focus, .promo-box-grid .pages a.current:active { background-color: #004d41; }
.promo-box-grid .pages a.back, .promo-box-grid .pages a.more { background-color: #ffffff; color: #004d41; }
.promo-box-grid .pages a.back:hover, .promo-box-grid .pages a.more:hover { color: #fbaa26; }
.promo-box-grid.transparent { background-color: rgba(255,255,255,0); }
.promo-box-grid.recipes [class*="col-"] h2 { color: #004d41; font-size: 2.25em; font-weight: 400; margin: 0 0 0.5em 0; }
.promo-box-grid.recipes [class*="col-"] h2 .more { 	display: inline-block; font-size: 1rem; font-weight: 600; margin-left: 1em; }
.promo-box-grid.recipes .promo-box { margin: 2em 2px 0 2px; }

.promo-box { -webkit-transition: background-color 0.3s ease 0s; background-color: #007f4c; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); margin: 2em 1em 0 1em; padding: 0; transition: background-color 0.3s ease 0s; }
.promo-box.empty, .subpage .promo-box.empty { background-color: rgba(255,255,255,0); box-shadow: none; }
.promo-box .promo-box-content { -webkit-transition: background-color 0.3s ease 0s; background-color: #007f4c; color: #ffffff; padding: 1em; text-align: center; transition: background-color 0.3s ease 0s; }
.promo-box:hover, .promo-box:hover .promo-box-content { background-color: #004d41; }
.promo-box h3 { font-size: 1.75em; font-weight: 400; margin: 0.175em 0 0 0; }
.promo-box p { color: #ffffff; font-size: 1.125em; font-weight: 600; }
.promo-box p.desc { color: #ffffff; margin: 0em 0 1em 0; }
.promo-box a.button:link, .promo-box a.button:visited { color: #004d41; min-width: 175px; }
.promo-box a.button:hover, .promo-box a.button:focus, .promo-box a.button:active { color: #ffffff; }
.promo-box a:link, .promo-box a:visited { color: #ffffff; }
.promo-box a:hover, .promo-box a:focus, .promo-box a:active { color: #fdeb0f; }
.promo-box > a > img { vertical-align: top; display: block; width: 100%; height: auto !important; }
.promo-box.locations { background-color: #004d41; background-image: url("../images/locations-monstera-bg.jpg"); background-size: cover; color: #ffffff; min-height: 500px; position: relative; }
.promo-box.locations .locations-content { left: 50%; position: absolute; text-align: center; top: 50%; transform: translateX(-50%) translateY(-50%); width: 90%; }
.promo-box.locations .locations-content p { margin: 1.25em 0; }
.promo-box.locations .locations-content > p:last-of-type { margin: 2em 0 0 0; }
.promo-box.locations h3 { font-size: 2.25em; margin: 0; }
.promo-box.locations input[type="text"] { background-color: #ffffff; border-radius: 0; border: none; color: #000000; font-size: 1.75em; font-weight: 400; margin-bottom: 0; width: 85%; padding: 0.375em 0.75em; text-align: center; }
.promo-box.locations input[type="submit"] { background-color: #fdeb0f; border-color: #fdeb0f; border-radius: 5px; border-style: solid; border-width: 0px; color: #004d41; cursor: pointer; display: inline-block; font-weight: 600; line-height: normal; margin-top: 1em; min-width: 175px; padding: 0.5em 1em; text-align: center; text-decoration: none; transition: background-color 300ms ease-out 0s; }
.promo-box.locations input[type="submit"]:hover, .promo-box.locations input[type="submit"]:focus, .promo-box.locations input[type="submit"]:active { background-color: #fbaa26; border-color: #fbaa26; color: #ffffff; }
.promo-box.locations a.more:link, .promo-box.locations a.more:visited { color: #ffffff; }
.promo-box.locations a.more:hover, .promo-box.locations a.more:focus, .promo-box.locations a.more:active { color: #fbaa26; }
.promo-box.light { background-color: #ffffff; }
.promo-box.light .promo-box-content { -webkit-transition: background-color 0.3s ease 0s; background-color: #ffffff; color: #004d41; padding: 1em; text-align: center; transition: background-color 0.3s ease 0s; }
.promo-box.light:hover, .promo-box.light:hover .promo-box-content { background-color: #ffffff; }
.promo-box.light p.desc { color: #004d41; font-weight: normal; }
.promo-box.light a.button:link, .promo-box.light a.button:visited { color: #ffffff; min-width: 175px; }
.promo-box.light a.button:hover, .promo-box.light a.button:focus, .promo-box.light a.button:active { color: #ffffff; }
.subpage .promo-box-grid .promo-box.light h2 { margin: 0 0.5em 0.5em 0.5em; }

.social-section { background-image: url("../images/social-bg-backup.png"), linear-gradient(#f3f5f7 0%, #f3f5f7 40%); background-position: 50% -5px, 0 0; background-repeat: repeat-x, no-repeat; padding-top: 12em; }
.social-section .icon-instagram-outline { color: #004d41; display: inline-block; margin-bottom: 6px; vertical-align: middle; }
.social-section h2 { color: #004d41; font-size: 2.5em; font-weight: 400; margin: 0 0 0.5em 0; }

/* SUB PAGES
----------------------------------------------- */
.subpage h2 { color: #404649; font-size: 2.25em; font-weight: 400; }
.subpage h3 { color: #404649; font-size: 1.25em; font-weight: 400; margin-bottom: 0.25em; }
.subpage h4 { color: #404649; font-size: 1.5em; font-weight: 400; }
.subpage h2 .more, .subpage h3 .more { display: inline-block; font-size: 1rem; font-weight: 600; margin-left: 1em; }
/*.subpage button, .subpage a.button { min-width: 10em; }*/
.subpage p, .subpage li { color: #404649; font-size: 1.125rem; }
.subpage section, .subpage section:not([class]), .subpage section[class=""] { background-size: cover; background-position: 50% 50%; padding: 3em 0; }
.subpage section:not([class]) + section:not([class]), .subpage section[class=""] + section[class=""] { padding: 0 0 3em 0; }
.subpage .promo-box-grid { background-color: rgba(255,255,255,0); padding: 3em 0; }
.subpage .promo-box-grid h2 { font-size: 2em; margin: 0; }
.subpage .promo-box { box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); }
.subpage .promo-box .recipe-rating { margin: 0.75em 0 0.25em 0; }
.subpage .promo-box .recipe-rating .icon-fork { font-size: 1.75em; width: 18px; }
.subpage section.promo-circle-row { background-color: #fdf4d2; padding: 3em 0; }
section.subpage-header { background-color: #007f4c; background-image: url("../images/bkg-green-monstera.jpg"); background-position: 50% 50%; background-size: cover; color: #ffffff; padding: 0; }
section.subpage-header.nd-region .subpage-header[style*="background-image"] > .container-fluid > .row { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; min-height: calc(310px - 4em); }
section.subpage-header.nd-region { padding: 0; }
section.subpage-header.nd-region .container .row .block-content > .row,
section.subpage-header.nd-region [class*="container"] [class*="container"] { padding: 2em 0; }
section.subpage-header.nd-region.recipe-categories > .container > .row,
section.subpage-header.nd-region.recipe-categories > .container-fluid > .row { -webkit-align-items: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; }
.subpage-header h1 { color: #ffffff ; font-size: 3em; font-weight: 400; margin: 0.375em 0; }
.subpage-header h2 { color: #ffffff ; font-size: 2.25em; font-weight: 400; margin: 0.25em 0; }
.subpage-header h3 { color: #ffffff ; font-size: 1.75em; font-weight: 400; margin: 0 0 0.875em 0; }
.subpage-header p { color: #ffffff ; line-height: 1.75; margin: 0 0 0.5em 0; }
.subpage-header .recipe-detail p { max-width: 70%; }
.subpage-header.photo-background { padding: 4em 0; }
.subpage-header.photo-background h1 { max-width: 55%; }
.subpage-header.photo-background h3 { max-width: 45%; }
section.subpage-header.photo-background-taller { padding: 4em 0 12em 0; }
.subpage-header + .subpage-header { background-image: none; padding: 0.25em 0; }
.subpage-header + .subpage-header h1 { display: none; }
.subpage-header + .subpage-header p { display: inline-block; font-size: 1.125em; margin: 1em 1em 1em 0; }
section.subpage-header + .subpage-header > .container-fluid { padding: 0; }
section.subpage-header + .subpage-header > .container-fluid > .row { min-height: 0; }
.subpage-header.mobile-only { display: none; }
.subpage .subpage-nav-block { background-color: #ffffff; border: 1px solid #007f4c; margin: 1em 0; }
.subpage .subpage-nav-block:first-of-type { margin-top: 3em; }
.subpage .subpage-nav-block h2 { font-size: 2.25em; line-height: 1.25; margin: 0 1.5rem 0 0; }
.subpage .subpage-nav-block h2 + p { margin-top: 0.5em; }
.subpage .subpage-nav-block p { margin: 0.75em 1.5rem 0.75em 0; }
.subpage .subpage-nav-block p:last-child { margin-bottom: 0; }
.subpage .subpage-nav-block .more { font-weight: bold; }
.search-box { display: inline-block; vertical-align: middle; }
.search-box:before, .search-box:after { content: " "; display: table; }
.search-box:after { clear: both; }
.search-box input[type="text"] { border-radius: 5px 0 0 5px; float: left; margin-bottom: 0; }
.search-box input[type="submit"] { border-radius: 0 5px 5px 0; background-color: #004d41; border-color: #004d41; color: #fdeb0f; float: left; }
.search-box input[type="submit"]:hover, .search-box input[type="submit"]:focus, .search-box input[type="submit"]:active { background-color: #fbaa26; border-color: #fbaa26; color: #ffffff; }
.table-striped { display: table; width: 100%; border: 1px solid #e1e1e1; }
.table-striped .head, .table-striped .body, .table-striped .foot { display: table-row; }
.table-striped .head { background-color: #ffffff; }
.table-striped .head > div, .table-striped .body > div, .table-striped .foot > div { display: table-cell; vertical-align: middle; }
.table-striped .head > div { font-weight: 600; padding: 1em; }
.table-striped .head > div.image, .table-striped .body > div.image { padding: 0; }
.table-striped .body:nth-child(even) { background-color: #e2eedb; }
.table-striped .body:nth-child(odd) { background-color: #eef5e9; }
.table-striped .body > div { color: #004d41; padding: 1em; }
.table-striped .body.disabled { background-color: #eeeeee; }
.table-striped .body.disabled > div { opacity: 0.5; }
.table-striped .body.disabled > div[data-label="Remove"] { opacity: 1; }
.table-striped .foot { background-color: #ffffff; }
.table-striped a { display: inline-block; font-weight: 600; }
.table-pagination a { font-weight: 700; padding: 0 0.25em; }
.table-pagination a.back { margin-right: 2em; }
.table-pagination a.more { margin-left: 2em; }
.table-pagination a.current:link, .table-pagination a.current:visited { color: #404649; }
.table-pagination a.current:hover, .table-pagination a.current:focus, .table-pagination a.current:active { color: #004d41; }
.table-pagination a.disabled { color: #555043; pointer-events: none; }
.table-pagination .pages { margin: 1em 0; }
.table-pagination + .row .promo-box { margin-top: 0; }

/* Register / View / Edit Account */
.new-account-form label { color: #004d41; }
.new-account-form label.inline { color: #555043; font-weight: 400; }
.new-account-form h2 span { color: #555043; font-size: 0.625em; }
.new-account-form a:link, .new-account-form a:visited { color: #404649; font-weight: 600; }
.new-account-form a:hover, .new-account-form a:focus, .new-account-form a:active { color: #404649; }
.new-account-form .small-text { font-size: 0.875em; }
.new-account-form .maikai-info { -webkit-transition: opacity 0.5s ease 0s; height: 0; opacity: 0; overflow: hidden; transition: opacity 0.5s ease 0s; visibility: hidden; }
.new-account-form .maikai-info.open { opacity: 1; visibility: visible; }
.popup-panel { -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -webkit-transition: opacity 0.3s ease 0s; background-color: #ffffff; border: 1px solid #e1e1e1; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25); left: 50%; opacity: 0; padding: 2em; position: fixed; top: 50%; transform: translateX(-50%) translateY(-50%); transition: opacity 0.3s ease 0s; visibility: hidden; z-index: 201; }
.popup-panel.open { visibility: visible; }
.popup-panel .close-button { position: absolute; right: 0.5em; top: 0.5em; }
.popup-panel .close-button a { color: #555043; font-size: 2.5em; }
.popup-panel a { font-weight: 700; }
.popup-panel h2 { margin: 0 0 0.5em 0; }
.popup-panel h3 { font-weight: 600; }
.popup-panel .big-search-icon { color: #555043; font-size: 8em; }
.popup-panel .row:last-child [class*="col-"]:last-child { border-left: 1px solid rgba(0,137,82,0.25); }
.myaccount-login h2 { color: #404649; font-size: 2.25em; font-weight: 400; }
.myaccount-login strong { color: #404649; }
.myaccount-login label { color: #404649; display: block; font-size: 1.125em; margin: 0.5em 0; text-align: right; }
.myaccount-login input + p { margin: 0.5em 0 1em 0; }
.myaccount-login .more { font-weight: 600; }
.myaccount-login .col-sm:last-of-type { border-left: 1px solid #e2eedb; padding-left: 4em; }
.myaccount-profile h3 { margin: 1.5em 0 0.25em 0; }
.myaccount-profile label, .myaccount-profile span.label { color: #555043; display: block; font-weight: 600; }
.myaccount-profile input[type="checkbox"] + label { color: #404649; font-weight: 400; display: inline-block; margin-left: 0.5em; }
.myaccount-profile span + p { margin: 0; }
.myaccount-profile label.subfield { font-weight: 400; }
.myaccount-profile input[type="text"], .myaccount-profile input[type="email"], .myaccount-profile input[type="password"], .myaccount-profile input[type="color"], .myaccount-profile input[type="date"], .myaccount-profile input[type="number"], .myaccount-profile input[type="tel"] { min-width: 0; width: calc(100% - 1.5em); }
.myaccount-profile input[type="submit"], .myaccount-profile input[type="button"] { min-width: 15em; }
.myaccount-profile input + label { margin-top: 0.75em; }
.myaccount-profile a:link, .myaccount-profile a:visited { color: #404649; font-weight: 600; }
.myaccount-profile a:hover, .myaccount-profile a:focus, .myaccount-profile a:active { color: #fbaa26; }
.myaccount-profile [class*="text-size-"] { line-height: 1.25; word-break: break-word; }
.myaccount-profile [class*="text-size-"] + p { margin: 0; }
.myaccount-profile .text-size-03 { color: #404649; font-size: 3.5em; font-weight: 600; }
.myaccount-profile .text-size-02 { color: #404649; font-size: 1.5em; font-weight: 600; }
.myaccount-profile .text-size-01 { color: #404649; font-size: 1.125em; }
.myaccount-profile .col-sm-5 { padding-left: 0; }
.myaccount-profile .footnotes { font-size: 0.75em; }
.myaccount-profile .footnotes p:last-of-type { margin-bottom: 0; }
.myaccount-profile .ajax-form label { color: #404649; font-weight: 400; }
.myaccount-profile .ajax-form input[type="checkbox"] { margin-right: 0.75em; }
.myaccount-profile .recipes p { padding: 0 1em; }
.myaccount-profile .recipes .more { display: block; }
.myaccount-profile .location-title { color: #404649; font-size: 1.5em; font-weight: 600; line-height: 1.25; margin: 0; }
.myaccount-profile .location-title + p { margin-top: 0.5em; }
.myaccount-profile .small-text { margin-right: 1em; }
.myaccount-profile .confirm-password { display: none; }
.myaccount-profile .confirm-password.show { display: block; }
.profile-panel { background-color: #ffffff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); }
.profile-panel.empty { padding: 2em; }
.profile-panel.flex { padding: 2em 2em 1em 2em; }
.profile-panel.flex .row { margin-left: 0; margin-right: 0; }
.profile-panel.flex .row [class*="col-"] { padding-left: 0.25em; padding-right: 0.25em; margin-bottom: 1em; }
/*.profile-panel.flex .row [class*="col-"]:not(:last-child) { margin-bottom: 1em; }
.profile-panel.flex > .row { margin-bottom: 1em; }
.profile-panel.flex > .row.recipes { margin-bottom: 0; }*/
.profile-panel > p:first-of-type { margin-top: 0; }
.profile-panel > p:last-of-type { margin-bottom: 0; }

/* Recipes */
section.recipe-featured { padding-bottom: 0; }
.recipe-featured h2 { font-size: 2.375em; margin: 0.75em 0; max-width: 80%; }
.recipe-featured h2 a:link, .recipe-featured h2 a:visited { color: #404649; line-height: 1.375; }
.recipe-featured h2 a:hover, .recipe-featured h2 a:focus, .recipe-featured h2 a:active { color: #404649; }
.recipe-featured h3 { color: #555043; font-size: 1em; font-weight: 700; margin-top: 0; text-transform: uppercase; }
.recipe-featured img { width: 100%; }
.recipe-featured-content { background-color: #ffffff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.25); display: flex; flex-flow: row nowrap; }
.recipe-featured-content > div { flex: 1 0 auto; width: 50%; }
.recipe-featured-content .left { padding: 0; }
.recipe-featured-content .right { padding: 2em; }
.recipe-categories h3 { color: #555043; font-size: 1em; font-weight: 700; margin-top: 0; text-transform: uppercase; }
.recipe-categories a.more { font-weight: 600; }
.recipe-categories img.rounded { border-radius: 50%; margin: 2em 0 1em 0; }
.recipe-categories .profile-panel { padding: 2em; margin-bottom: 1em; }
.table-recipe { display: table; color: #404649; }
.table-recipe .rec-row { display: table-row; }
.table-recipe .rec-col { display: table-cell; padding: 0.25em 0.75em; }
.table-recipe .rec-col.qty { text-align: right; padding: 0.25em 0.75em; min-width: 5.5em; }
.recipe-container p, .recipe-container li { font-size: 1em; }
.recipe-container label { font-size: 1.125em; }
.recipe-container ol { padding-left: 1em; }
.recipe-container ol.no-numbers { list-style: none; }
.recipe-container ol li { padding: 0.25em 0 0.25em 0.5em; list-style: decimal; }
.recipe-container .photo-video { padding-bottom: 1em; position: relative; }
.recipe-container .photo-video img { width: 100%; height: auto; }
.recipe-container .photo-video .button { bottom: 2em; box-shadow: 0 1px 2px rgba(0,0,0,0.25); font-size: 1.125em; left: 1em; padding: 0.75em 1.5em; position: absolute; }
.recipe-container .photo-video .button span { font-size: 1.25em; margin-right: 0.25em; vertical-align: middle; }
.recipe-container .ingredients { padding-top: 1em; }
.recipe-container .instructions, .recipe-container .notes { border-top: 1px solid rgba(0, 0, 0, 0.2); margin-top: 3em; padding-top: 1em; }
.recipe-container .servings { background-color: #004d41; color: #ffffff; padding: 0.75em 1em; }
.recipe-container .servings input[type="text"] { font-weight: bold; margin: 0 0.5em; min-width: 4em; text-align: right; width: 4em; }
.recipe-container .servings p { color: #ffffff; font-size: 1.125em; margin: 0; }
.recipe-container .servings a:link, .recipe-container .servings a:visited { color: #bce1a7; font-weight: bold; }
.recipe-container .servings a:hover, .recipe-container .servings a:focus, .recipe-container .servings a:active { color: #fdeb0f; }
.recipe-container .servings .row .row [class*="col-"] { padding: 0; }
.recipe-container .servings a.button.outline:link, .recipe-container .servings a.button.outline:visited { background-color: #004d41; border-color: #ffffff; color: #fdeb0f; min-width: 12em; margin-bottom: 0.5em; }
.recipe-container .servings a.button.outline:hover, .recipe-container .servings a.button.outline:focus, .recipe-container .servings a.button.outline:active { background-color: #fbaa26; border-color: #fbaa26; color: #ffffff; }
.recipe-sidebar [class*="icon-minus"], .recipe-sidebar [class*="icon-plus"], .recipe-sidebar [class*="circle"] { display: inline-block; font-size: 2em; position: relative; margin-right: 0.25em; vertical-align: middle; }
.recipe-sidebar [class*="icon-fork"] { cursor: pointer; font-size: 1.75em; width: 22px; }
.recipe-sidebar a.button { min-width: 13em; text-align: left; }
.recipe-sidebar .recipe-sidebar-section { margin-top: 3em; }
.recipe-sidebar .tag:link, .recipe-sidebar .tag:visited { background-color: #007f4c; border-radius: 5px; color: #ffffff; display: inline-block; font-weight: bold; margin: 0 0.25em 0.5em 0; padding: 0.25em 0.5em; }
.recipe-sidebar .tag:hover, .recipe-sidebar .tag:focus, .recipe-sidebar .tag:active { background-color: #fbaa26; color: #ffffff; }
.recipe-search-results .search-box { display: block; }
.recipe-search-results .search-box input[type="text"] { width: 85%;  }
.recipe-search-results .search-box input[type="submit"] { width: 15%; }
.recipe-search-results .title-box h1 { color: #404649; font-size: 1.5em; } 
.recipe-search-results li { color: #404649; padding: 0.5em 0; }

/* Careers */
.core-values { display: flex; flex-flow: row wrap; justify-content: center; }
.core-values .cv-item { color: #ffffff; flex: 0 1 auto; height: 19.5vw; margin: 0.75em; perspective: 800px; position: relative; width: 19.5vw; }
.cv-item .cv-front { -ms-transform: rotateY(0deg); -webkit-backface-visibility: hidden; -webkit-transform: rotateY(0deg); -webkit-transition: transform 1s ease 0s; backface-visibility: hidden; background-color: #fdf4d2; background-image: url("../images/core-values-front.png"); background-size: cover; display: flex; flex-flow: column wrap; height: 100%; justify-content: center; position: absolute; transform: rotateY(0deg); transition: transform 1s ease 0s; width: 100%; z-index: 2; }
.cv-item .cv-front h3 { color: #555043; font-size: 2.25vw; margin: 0 0.75em; text-align: center; }
.cv-item .cv-back { -ms-transform: rotateY(-180deg); -webkit-backface-visibility: hidden; -webkit-transform: rotateY(-180deg); -webkit-transition: transform 1s ease 0s; backface-visibility: hidden; background-color: #007f4c; background-image: url("../images/core-values-back.png"); display: flex; flex-flow: column wrap; height: 100%; justify-content: center; padding: 1em; position: absolute; transform: rotateY(-180deg); transition: transform 1s ease 0s; width: 100%; z-index: 1; }
.cv-item .cv-back h3 { color: #ffffff; margin-top: 0; }
.cv-item .cv-back p { color: #ffffff; font-size: 1em; line-height: 1.4; margin: 0; }
.cv-item.show .cv-front { -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); z-index: 1; }
.cv-item.show .cv-back { -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 2; }
section.promo-image-block { padding: 0; }
.promo-image-block h2 { color: #ffffff; font-size: 3em; margin: 0; }
.promo-image-block p { color: #ffffff; font-size: 1.25em; margin: 0.75em 0 1.25em 0; max-width: 75%; }
.promo-image-block .row { margin-left: 0; margin-right: 0; }
.promo-image-block [class*="col-"] { background-size: cover; padding: 4em 2em; }
.promo-image-block .green-bkg { background-image: url('../images/monstera-bg-green-03.jpg'); }

/* About Us */
.about-us h4 { color: #555043; font-weight: bold; letter-spacing: -0.05em; text-transform: uppercase; }
.about-us .quote { margin: 3em 0 0 0; text-align: center; }
.about-us .quote p { color: #555043; font-size: 1em; margin: 1em 0.5em; }
.about-us .quote p.quote-content { color: #404649; font-size: 1.375em; line-height: 1.25; margin: 0.5em 0.5em; }
.fast-facts { background-color: #004d41; background-image: url("../images/monstera-bg-green-02.jpg"); background-size: cover; color: #ffffff; padding: 0.25em 1em; text-align: center; }
.fast-facts p { color: #ffffff; font-size: 1.75em; margin: 1.5em 0; }
.fast-facts p span { display: block; font-size: 2.5em; font-weight: 600; line-height: 1.25; }

/* Weekly Ad */
.weekly-ad img:not(:last-child) { display: inline-block; border-bottom: 1px solid rgba(0,0,0,0.2); padding-bottom: 2em; margin-bottom: 2em; }

/* Find a Store / Locations */
.locations-page .toggle-filters { display: none; }
.locations-page .small-text { font-size: 0.875em; }
.locations-page .filters-panel { background-color: #f3f5f7; }
.locations-page + .locations-page { padding-top: 0; }
.locations-page a:link, .locations-page a:visited { color: #004d41; }
.locations-page a:hover, .locations-page a:focus, .locations-page a:active { color: #404649; }
.locations-map { padding-left: 0; padding-right: 0; }
.locations-map img { width: 100%; }
.filters-panel p { font-size: 1em; }
.filters-panel label, .filters-panel legend { color: #404649; display: inline-block; font-weight: 600; }
.filters-panel input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) { width: 100%; }
.filters-panel .clear-filters a:link, .filters-panel .clear-filters a:visited { color: #404649; font-weight: 600; }
.filters-panel .clear-filters a:hover, .filters-panel .clear-filters a:focus, .filters-panel .clear-filters a:active { color: #404649; }
.filters-panel fieldset { border: none; margin: 0; padding: 0; }
.filters-panel form > div:not(:first-child) { padding-top: 1em; }
.filters-panel form > div p { margin: 0.75em 0.5em 0.75em 0; }
.filters-panel form > div p label { color: #555043; font-weight: 600; }
.locations-content > .row { padding-bottom: 2em; }
.locations-content [class*="col-"] { padding-left: 2em; padding-right: 0; }
.locations-content h3 { margin-top: 0; font-size: 2em; font-weight: 600; line-height: 1.25 }
.locations-content h3 a:link, .locations-content h3 a:visited { color: #404649; }
.locations-content h3 a:hover, .locations-content h3 a:focus, .locations-content h3 a:active { color: #fbaa26; }
.locations-detail .row:not(:first-child) { padding-top: 2em; }
.locations-detail .more { font-weight: 600; }
.locations-detail h2 { margin: 0 0 0.5em 0; }
.locations-detail ul, .locations-detail ol { list-style: none; padding-left: 0; }
.locations-detail label { display: block; text-transform: uppercase; }

/* Our History */
.photo-gallery h2 { color: #404649; font-size: 2.25em; font-weight: 600; margin-bottom: 0; }
.photo-gallery p { color: #404649; font-size: 1.125em; }
.photo-gallery [class*="col-"] { padding-bottom: 1em; }
.photo-gallery-thumbs .slick-prev::before,
.photo-gallery-thumbs .slick-next::before { color: #000; }
.photo-gallery-thumbs figure { margin: 1em; background-color: #007f4c; box-shadow: 0 1px 2px rgba(0,0,0,0.25); color: #ffffff; cursor: pointer; }
.photo-gallery-thumbs figcaption { text-align: center; padding: 1em; font-weight: bold; }
.photo-gallery-thumbs figcaption span { display: block; font-weight: normal; font-size: 1.5em; }

/* In Our Stores */
section.full-photo-block, section.stores-poke { background-color: #ffffff; padding: 0; }
.full-photo-block .row { margin-left: 0; margin-right: 0; min-height: 320px; }
.full-photo-block [class*="col-"] { background-position: 50% 50%; background-size: cover; position: relative; }
.full-photo-block .text-block { padding: 2em; max-width: 90%; }
.full-photo-block .image-block { align-self: stretch; }
.full-photo-block .image-block a { display: block; height: 100%; position: absolute; width: 100%; }
.full-photo-block h2 { color: #404649; font-size: 2.25em; font-weight: 400; margin-bottom: 0.5em; }
.full-photo-block h3 { color: #404649; font-size: 1.5em; font-weight: 400; }
.full-photo-block ul, .full-photo-block ol { padding-left: 2em; }
.full-photo-block li { color: #404649; font-size: 1.125em; list-style: disc; }
.full-photo-block p { color: #404649; font-size: 1.125em; }
section.banner-dark-background { padding: 3em 0; background-color: #333333; }
.banner-dark-background h2 { color: #fdf4d2; font-size: 3em; margin-bottom: 0; }
.banner-dark-background h2 + p { margin: 0.5em 0 1.5em 0; }
.banner-dark-background p { color: #ffffff; }


/* SITE MAP
----------------------------------------------- */
.sitemap ul { list-style: none; margin: 0; padding-left: 1.5em; }
.sitemap ul li { }
.sitemap ul li a { display: block; font-size: 1.125em; font-weight: 600; border-bottom: 2px solid #007f4c; }
.sitemap ul li a.disabled-link { color: #555043; cursor: default; }
.sitemap ul ul { padding-top: 0.5em; }
.sitemap ul ul li { }
.sitemap ul ul li a { border-bottom: none; font-size: 1rem; padding: 0.25em 0; }
.sitemap ul ul ul { padding: 0 0 0.5em 1em; }
.sitemap ul ul ul li { }
.sitemap ul ul ul li a { }
.sitemap > ul { display: flex; flex-flow: row wrap; padding-left: 0; }
.sitemap > ul > li { flex: 1 0 33%; padding: 0 0.5em 3em 0.5em; }


/* LANDING PAGES
----------------------------------------------- */
.landing-page section { margin-bottom: 2em; }
.landing-page section:last-of-type { padding-bottom: 2em; }
.landing-page h1 { color: #404649; font-size: 3em; line-height: 1.25; margin: 0.5em 0 0.25em 0; }
.landing-page h2 { color: #404649; font-size: 2.25em; font-weight: 600; line-height: 1.25; margin: 0.5em 0 0.25em 0; }
.landing-page h3 { color: #555043; font-size: 1em; font-weight: bold; }
.landing-page .page-content-area p { text-align: left; }
.landing-page .page-content-area p.center { text-align: center; }
.landing-page section.text-image-pairing { margin-bottom: 0; }
.landing-page section.text-image-pairing + section:not(.text-image-pairing) { margin-top: 2em; }
.landing-page .text-image-pairing [class*="col-"] { padding: 0; }
.landing-page .text-image-pairing img { width: 100%; }
.landing-page .text-image-pairing p { max-width: 80%; padding-left: 1em; }
.landing-page .hero-image { background-position: 50% 0; background-size: cover; }
.landing-page .hero-image .row { min-height: 35vh; }
.landing-page .hero-image h1, .landing-page .hero-image h2, .landing-page .hero-image h3, .landing-page .hero-image p { text-shadow: 0 0 2px rgba(0,0,0,0.25); color: #ffffff; }
.landing-page .hero-image.lightbkg h1, .landing-page .hero-image.lightbkg h2, .landing-page .hero-image.lightbkg h3, .landing-page .hero-image.lightbkg p { color: #000000; }
.landing-page .hero-video { background-position: 50% 0; background-size: cover; height: 50vh; position: relative; }
.landing-page .hero-video .container-fluid { background-position: 50% 0; background-size: cover; pointer-events: none; padding: 0; z-index: 110; }
.landing-page .hero-video .row { height: 35vh; }
.landing-page .hero-video .video-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 100; }
.landing-page .hero-video .video-js { width: 100%; height: 100%; }
.landing-page .hero-video .video-js .vjs-tech { height: auto; }


/* MEDIA QUERIES - MIN-WIDTH
------------------------------------------------ */

/* Large screens (1025px 64em and higher) */
@media (min-width:64.01em) {
	.footer-subpage a:link, .footer-subpage a:visited {
		margin: 0 0.35em;
	}
}

/* Extra large screens (1200px 75em and higher) */
@media (min-width:75em) {
	.core-values .cv-item { height: 235px; width: 235px; }
	.core-values .cv-item h3 { font-size: 25px; }
}

/* Tablet Only */
@media (min-width: 48em) and (max-width: 64em) {
	.profile-panel.flex { padding: 1em; }
	.featured .featured-box { background-position: 125% 0; min-height: 375px; margin: 1em 0; }
	.featured .featured-box-content { max-width: 60%; padding: 1em 0 0 1em; }
	.featured .featured-box-content h2 { font-size: 2em; }
	.main-menu.primary > li.dropdown > .dropdown-menu { display: block; }
	.main-menu.primary > li.dropdown > .dropdown-menu > .sub-menu { display: flex; flex-flow: row wrap; }
	.main-menu.primary > li.dropdown > .dropdown-menu > .sub-menu > li { flex: 0 0 33%; }
}

/* MEDIA QUERIES - MAX-WIDTH
------------------------------------------------- */
/* Large mobile screens 1024px and lower */
@media (max-width:64em) {
	/* Mobile menu & Mobile search */
	.mobile-button-wrapper { display: inline-block; margin: 0.375em 0.5em 0 0; position: relative; }
	.mobile-button-wrapper::after { -webkit-transition: opacity 0.3s ease 0s; color: #007f4c; content: attr(data-label); display: block; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 0.875em; font-weight: 700; height: 20px; right: 0; letter-spacing: 0.5px; line-height: 1; position: absolute; top: 47px; text-align: center; transition: opacity 0.3s ease 0s; width: 100%; z-index: 205; }
	.mobile-button-wrapper:last-of-type { margin-right: 0; }
	.mobile-button-wrapper [class*="icon-"] { color: #404649; display: inline-block; font-size: 2.25em; padding: 0 0.75em 0.75em 0.75em; }
	.mobile-button-wrapper a { display: inline-block; }
	.menu-button.open { z-index: 210; }
	.menu-button.open:after { content: "Close"; }
	.menu-toggle { -moz-appearance: none; -webkit-appearance: none; -webkit-transition: background 0.3s; appearance: none; border-radius: 0; border: none; box-shadow: none; cursor: pointer; display: block; font-size: 0; height: 68px; margin: 0; overflow: visible; padding: 0; position: relative; text-indent: -999em; top: -6px; transition: background 0.3s; width: 48px; z-index: 206; }
	.menu-toggle:hover { background-color: rgba(255, 255, 255, 0); border: none; }
	.menu-toggle:focus { outline: none; }
	.menu-toggle span { background: #007f4c; border-radius: 4px; display: block; height: 4px; left: 0px; position: absolute; right: 0px; top: 23px; }
	.menu-toggle span::before, .menu-toggle span::after { background-color: #007f4c; border-radius: 4px; content: ""; display: block; height: 4px; left: 0; position: absolute; width: 100%; }
	.menu-toggle span::before { top: -11px; }
	.menu-toggle span::after { bottom: -11px; }
	.menu-toggle-tox { background-color: transparent; }
	.menu-toggle-tox span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; }
	.menu-toggle-tox span::before, .menu-toggle-tox span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; }
	.menu-toggle-tox span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; }
	.menu-toggle-tox span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; }
	.menu-toggle-tox.active { background-color: transparent; }
	.menu-toggle-tox.active span { background: none; }
	.menu-toggle-tox.active span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
	.menu-toggle-tox.active span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	.menu-toggle-tox.active span::before, .menu-toggle-tox.active span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; }

	.mobile-nav-menu { background-color: #f3f5f7; display: block; height: 100%; left: 0; padding-top: 88px; position: fixed; top: -100%; width: 100%; z-index: -1; }
	.mobile-nav-menu .scrollview { overflow: auto; height: 100%; }
	.main-menu .disabled-link, .main-menu.mobile-only li a.disabled-link:link, .main-menu.mobile-only li a.disabled-link:visited { color: #555043; }
	.main-menu > li > .dropdown-menu { background-color: rgba(255, 255, 255, 0); border-left: 0; box-shadow: none; left: 0; opacity: 1; padding: 0 0 0 1em; position: relative; top: 0; width: 100%; }
	.main-menu ul.sub-menu { padding: 0 1em; }
	.main-menu > li.dropdown > a::after { color: #555043; content: "\203a"; font-size: 2em; font-weight: bold; position: absolute; right: 0.625em; -webkit-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; }
	.main-menu li.dropdown.menu-open > a::after { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
	.main-menu > li.dropdown > .dropdown-menu { -webkit-transition: height 0.3s ease 0s; height: 0; overflow: hidden; transition: height 0.3s ease 0s; }
	.main-menu > li { display: block; }
	.main-menu > li.dropdown i { cursor: pointer; height: 100%; position: absolute; right: 0; top: 0; width: 48px; z-index: 200; }
	.main-menu.mobile-only { background-color: #ffffff; display: block; }
	.main-menu.mobile-only li a:link, .main-menu.mobile-only li a:visited { color: #404649; display: block; font-weight: 700; padding: 0.5em 1em; }
	.main-menu.mobile-only .sub-menu li a:link, .main-menu.mobile-only .sub-menu li a:visited { padding: 0.375em 0; }
	.main-menu.primary li.mobile-only { display: block; }
	.main-menu.primary li.special-promo .dropdown-menu { width: 100%; max-width: 100%; }
	.main-menu.primary li.special-promo .dropdown-menu > .sub-menu { width: 100%; }
	.main-menu.primary li.special-promo .dropdown-menu > .menu-promo-area { display: none; }
	.main-menu.primary li.special-promo > .sub-menu-container { width: 100% !important; }
	.main-menu.primary li:hover > .dropdown-menu { border-left: none; top: 0; }
	.main-menu.primary li a:link, .main-menu.primary li a:visited { font-weight: 700; }
	.main-menu.primary > li:nth-child(odd) { background-color: #f3f5f7; }
	.main-menu.primary > li:nth-child(even) { background-color: #FFFFFF; }
	.main-menu.primary > li > a:link, .main-menu.primary > li > a:visited { border-left: none; color: #404649; display: block; font-weight: 700; max-width: calc(100% - 48px); padding: 0.75em 1em; }
	.main-menu.primary > li > a.disabled-link:link, .main-menu.primary > li > a.disabled-link:visited  { color: #555043; }
	.main-menu.primary > li.dropdown:hover > a:link, .main-menu.primary > li.dropdown:hover > a:visited { border-left: none; }
	.search-mobile { background-color: rgba(255, 255, 255, 1.0); line-height: 1; padding: 0.5em 0.75em 0.5em 0.5em; width: 100%; }
	.search-mobile .search { display: inline-block; width: calc(100% - 50px); z-index: 206; }
	.search-mobile label { display: none; }
	.search-mobile button, .search-mobile input[type="submit"] { -webkit-appearance: none; appearance: none; background-color: transparent; border: 0; color: #007f4c; font-size: 30px; line-height: 1; padding: 0.25em; position: relative; vertical-align: top; }
	.search-mobile button:hover, .search-mobile input[type="submit"]:hover { }
	.search-mobile input[type="text"] { -webkit-appearance: none; appearance: none; background-color: #dddcd9; border-radius: 25px; border: 0; color: #555043; padding: 0.5em 1em; width: 100%; }

	/* Header / Footer */
	body > .page-box,
	.fixed-header .page-box,
	.touch-device.fixed-header .page-box { padding-top: 88px !important; }
	header > .container-fluid { padding-left: 0; padding-right: 0; }
	.header-utility, .header-logo { display: none; }
	.header-mobile { background-color: #ffffff; box-shadow: 0 1px 2px rgba(0,0,0,0.25); display: block; height: 88px; padding: 0.5em 1em; position: fixed; width: 100%; z-index: 201; }
	.header-mobile img { max-width: 219px; }
	.header-mainnav { /*left: 0; position: absolute; top: 88px;*/ width: 100%; z-index: 200; }
	.header-mainnav .row { margin-right: 0; margin-left: 0; }
	.header-mainnav .row [class*="col-"] { padding-left: 0; padding-right: 0; }
	.header-mainnav .col-md-2 { display: none; }
	.footer-copyright { margin: 1.5em 0 0 0; }
	section.subpage-header.nd-region .subpage-header[style*="background-image"] > .container-fluid > .row { min-height: calc(250px - 4em); margin: 0; }
	section.subpage-header.nd-region .subpage-header[style*="background-image"] > .container-fluid > .row h1 { padding: 0 1em; }
	section.subpage-header.nd-region .container .row .block-content > .row, section.subpage-header.nd-region [class*="container"] [class*="container"] { padding: 2em 1em; }

	/* Home Page */
	.hp-slider .content-overlay { left: 1em; }
	.promo-box.locations { min-height: 500px; }
	.promo-box.locations input[type="text"] { font-size: 1.25em; }

	/* Subpages */
	.subpage section { padding: 1.5em 0; }
	.myaccount-login .col-sm:last-of-type { border-left: none; padding-left: 1rem; padding-top: 2em; }

	.promo-box-grid .promo-wrap .promo-box .promo-box-content { min-height: 250px; }

	section.promo-image-block { padding: 0; }

	section.locations-page { padding: 0; }
	.locations-content { padding-top: 2em; }

	.photo-gallery-thumbs .slick-prev { left: -16px; }
	.photo-gallery-thumbs .slick-next { right: -16px; }

	.core-values .cv-item { height: calc(32vw - 1.5em); width: calc(32vw - 1.5em); }
	.cv-item .cv-front h3 { font-size: 3vw; }
	.cv-item .cv-back h3 { font-size: 1.5em; }
	.cv-item .cv-back p { font-size: 1.125em; }
}

/* Large mobile screens 767px and lower */
@media (max-width:47.99em) {
	/* Header / Footer */
	footer { padding: 2em 0 1em 0; }
	section.footer, section.footer-bottom { padding: 1.5em 0; }
	.footer-top .col-sm-4 { padding-bottom: 1em; }
	.footer-subpage p { text-align: center; }
	.footer-subpage span.tagline { display: block; margin-bottom: 1em; }
	ul.slick-dots { bottom: -4em; }
	ul.slick-dots li { margin: 10px 20px; }
	ul.slick-dots li button { background-color: #ffffff; border-radius: 50%; border: 1px solid #004d41; }
	ul.slick-dots li button:before { content: ""; }
	ul.slick-dots li.slick-active button { background-color: #007f4c; border: 1px solid #007f4c; }

	/* Home Page */
	.hp-slider-row { background-color: rgba(255, 255, 255, 0); }
	.hp-slider-nav-row { display: none; }
	.hp-slider .content-overlay { left: 0; width: 100%; top: auto; bottom: 0; height: auto; padding-bottom: 1.5em; box-shadow: none; }
	.hp-slider .content-overlay .top-image-area { display: none; }
	.hp-slider .content-overlay h1 { text-align: center; }
	.hp-slider .content-overlay p { margin: 0; }
	.hp-slider.slick-dotted.slick-slider { margin-bottom: 5em; }
	.hp-slider .slick-slide { background-size: 150%; }
	.featured { margin-top: 1em; }
	.featured .featured-box { background-size: contain; margin: 0; min-height: 375px; }
	.news-signup { padding: 1em 0; }
	.promo-circle-row { padding: 1em 0; }
	.promo-circle-row [class*="col-"] { padding-left: 1em; padding-right: 1em; }
	.promo-circle { background-color: rgba(255, 255, 255, 0); border-radius: 0; box-shadow: none; height: auto; margin-bottom: 1em; width: 100%; }
	.promo-circle .img-link { background-color: #ffffff; border-radius: 50%; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.125); display: inline-block; height: 150px; position: relative; width: 150px; }
	.promo-circle img { -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); left: 50%; max-width: 80%; top: 50%; transform: translateX(-50%) translateY(-50%); }
	.promo-circle .promo-link { -ms-transform: translateY(50%); -webkit-transform: translateY(50%); bottom: 50%; height: auto; left: 175px; padding: 1em; text-align: left; transform: translateY(50%); width: auto; }
	.promo-circle .promo-link.more { background-color: rgba(255, 255, 255, 0); color: #007f4c; display: block; width: calc(100% - 175px); }
	.promo-circle .promo-link.more:hover, .promo-circle .promo-link.more:focus, .promo-circle .promo-link.more:active { background-color: rgba(255,255,255,0); color: #404649; }
	.promo-circle.promo-color-1:hover .promo-link, .promo-circle.promo-color-1:focus .promo-link, .promo-circle.promo-color-1:active .promo-link { background-color: rgba(255,255,255,0); }
	.promo-circle.promo-color-2:hover .promo-link, .promo-circle.promo-color-2:focus .promo-link, .promo-circle.promo-color-2:active .promo-link { background-color: rgba(255,255,255,0); }
	.promo-circle.promo-color-3:hover .promo-link, .promo-circle.promo-color-3:focus .promo-link, .promo-circle.promo-color-3:active .promo-link { background-color: rgba(255,255,255,0); }
	.promo-box-grid { padding: 2em 0; }
	.promo-box-grid.recipes .promo-box { -ms-flex-preferred-size: 48%; -webkit-flex-basis: 48%; flex-basis: 48%; margin: 0.5em 1%; max-width: 48%; }
	.promo-box-grid .promo-box .promo-box-content { min-height: 0; }
	.promo-box-grid .promo-wrap .promo-box .promo-box-content { min-height: 0; }
	.promo-box { -ms-flex-preferred-size: calc(100% - 2em); -webkit-flex-basis: calc(100% - 2em); flex-basis: calc(100% - 2em); margin: 0.5em 1em; max-width: calc(100% - 2em); }
	.promo-box > a > img { width: 100%; }
	.social-section { padding-top: 6em; }

	/* Subpages */
	.subpage button, .subpage a.button { min-width: 0; }
	.subpage .promo-box-grid h2 { font-size: 2em; text-align: center; }

	.subpage-header.photo-background h1 { max-width: 70%; }
	.subpage-header.photo-background h3 { max-width: 60%; }
	.subpage-header.photo-background-taller { padding: 3em 0 9em 0; }

	.subpage-nav-block h2 { font-size: 2em; }

	.myaccount-profile .col-sm-5 { padding-left: 1em; }
	.myaccount-profile input[type="text"], .myaccount-profile input[type="email"], .myaccount-profile input[type="password"], .myaccount-profile input[type="color"], .myaccount-profile input[type="date"], .myaccount-profile input[type="number"], .myaccount-profile input[type="tel"] { min-width: 0; width: calc(100% - 1em); }
	.myaccount-profile input[type="submit"], .myaccount-profile input[type="button"] { min-width: 10em; }
	.profile-panel.flex { padding: 1em; }
	.profile-panel.flex > .row { margin-bottom: 0; }
	.profile-panel.flex > .row > [class*="col-"] { margin-bottom: 1em; }
	.profile-panel.flex span { display: inline-block; margin-bottom: 0.25em; }
	.table-striped .head > div { padding: 1em 0.75em; }
	.table-striped .body > div { padding: 1em 0.75em; }
	.table-striped .head > div.image, .table-striped .body > div.image { display: none; }
	.table-pagination { position: relative; }
	.table-pagination a { font-size: 1.5em; padding: 0.5em 1em 0.5em 1em; }
	.table-pagination a.back { margin-right: 0; position: absolute; left: 0; top: 0.375em; font-size: 1em; padding-left: 0; }
	.table-pagination a.more { margin-left: 0; position: absolute; right: 0; top: 0.375em; font-size: 1em; padding-right: 0; }
	.table-pagination + .row .promo-box { margin: 0.5em 1em; }

	.popup-panel { height: 90%; overflow: auto; width: 90%; }
	.popup-panel h2 { font-size: 1.75em; }
	.popup-panel .big-search-icon { font-size: 5em; }

	.recipe-categories a.more { font-size: 1.125em; }
	.recipe-container .servings p { margin-bottom: 1em; }

	.sitemap > ul > li { flex: 1 0 50%; }

	.core-values .cv-item { height: calc(46vw - 1.5em); width: calc(46vw - 1.5em); }
	.cv-item .cv-front h3 { font-size: 4vw; }
	.cv-item .cv-back h3 { font-size: 3.5vw; }
	.cv-item .cv-back p { font-size: 1em; }
	.promo-image-block h2 { font-size: 2em;  }
	.promo-image-block [class*="col-"] { padding: 2em; }
	.promo-image-block [class*="col-"]:first-child { min-height: 250px; }

	.locations-page a.toggle-filters { color: #ffffff; display: block; margin: 1em; }
	.locations-page .filters-panel { height: 0; overflow: hidden; }
	.locations-page .filters-panel.show { height: auto; }
	.filters-panel .select-wrapper { width: 100%; }
	.filters-panel form > div { display: flex; flex-flow: row wrap; }
	.filters-panel form > div label { flex: 1 0 100%; }
	.filters-panel form > div p { flex: 0 0 31%; }
	.locations-content { padding-top: 0; }
	.locations-content .row { padding-top: 1em; padding-bottom: 1em; }
	.locations-content [class*="col-"] { padding-left: 1em; padding-right: 1em; }
	.locations-content h3 { margin-top: 0.5em; }
	.locations-detail .alignright { float: none; text-align: center; }
	.locations-detail h2 { margin: 0.5em 0; }

	.photo-gallery [class*="col-"] { padding-bottom: 0; }
	.photo-gallery-thumbs figure { margin: 0.5em 1em; }
	.photo-gallery-thumbs figcaption { padding: 1em 0.5em; }
	.photo-gallery-thumbs figcaption span { font-size: 1.5em; }
	.photo-gallery-thumbs .slick-prev { left: -12px; }
	.photo-gallery-thumbs .slick-next { right: -12px; }

	/* In Our Stores */
	.full-photo-block .image-block { min-height: 20em; }
	.full-photo-block .text-block { padding: 1em 2em 2em 2em; }

	/* Landing Pages */
	.landing-page section.text-image-pairing { margin-bottom: 2em; }
	.landing-page section.text-image-pairing + section:not(.text-image-pairing) { margin-top: 0; }
}

/* Mobile landscape (480px and lower) */
@media (max-width:30em) {
	/* Header / Footer */
	div[role="main"].home { background-position: 50% 0; }
	.header-mobile { padding: 0.5em; }
	.header-mobile .row { margin-left: -0.25em; margin-right: -0.25em; }
	.header-mobile .row [class*="col-"] { padding-left: 0.25em; padding-right: 0.25em; }
	.header-mobile img { max-width: 100%; }
	.footer-subpage a:link, .footer-subpage a:visited { margin: 0 0.25em 0.5em 0.25em; }
	.multi-column { columns: 1; -webkit-columns: 1; -moz-columns: 1; }
	section.subpage-header.nd-region .subpage-header[style*="background-image"] > .container-fluid > .row { min-height: 0; }

	/* Homepage */
	.hp-slider .slick-slide { background-size: 180%; min-height: 400px; }
	.hp-slider .content-overlay h1 { font-size: 1.75em; }
	.hp-slider .content-overlay a.button { font-size: 1em; padding: 0.5em 1em; }
	.featured .featured-box { background-position: 175px 0; }
	.featured .featured-box-content { max-width: 60%; padding: 1em 0 0 1em; }
	.featured .featured-box-content h2 { font-size: 2em; }
	.promo-box-grid.recipes .promo-box { -ms-flex-preferred-size: 96%; -webkit-flex-basis: 96%; flex-basis: 96%; margin: 0.5em 1em; max-width: 96%; }
	.promo-box-grid.recipes [class*="col-"] h2 { font-size: 1.75em; }
	.promo-box-grid.recipes [class*="col-"] h2 a { display: block; }
	.promo-box a.button:link, .promo-box a.button:visited { font-size: 1rem; }
	.promo-box.light { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; margin: 0.5em 0; }
	.promo-circle-row h3 { font-size: 1.25em; }

	/* Subpages */
	.subpage h2 { font-size: 1.5em; }
	.subpage .promo-box-grid { padding: 1em 0 2em 0; }
	.subpage section, .subpage section:not([class]), .subpage section[class=""] { padding: 1em 0; }
	section.subpage-header { background-position: 75% 50% }
	section.subpage-header.mobile-only { background-position: 50% 50% }
	.subpage-header h1 { font-size: 1.625em; display: block; }
	.subpage-header h2 { font-size: 1.5em; display: block; }
	.subpage-header h3 { font-size: 1.25em; display: block; }
	.subpage-header.photo-background { background-position: 75% 50%; }
	.subpage-header.photo-background h1 { display: none; }
	.subpage-header.photo-background h3 { display: none; }
	.subpage-header.photo-background p { display: none; }
	.subpage-header.photo-background-taller { padding: 2em 0 3em 0; background-position: 95% 50%; }
	.subpage-header + .subpage-header { background-image: url("../images/bkg-green-monstera.jpg"); display: block; padding: 0.5em 0 1em 0; }
	.subpage-header + .subpage-header h1 { font-size: 1.625em; display: block; margin: 0.5em; }
	.subpage-header + .subpage-header h3 { font-size: 1.25em; display: block; margin: 0 0.5em; }
	.subpage-header + .subpage-header p { display: block; margin: 0.5em 0; max-width: 100%; }
	.subpage-header.mobile-only { display: block; padding: 0.5em 0 1em 0; }
	.subpage-header .recipe-detail p { font-size: 1em; margin-bottom: 1em; max-width: 100%; }
	.subpage-header .search-box { margin-bottom: 1em; }

	.subpage .subpage-nav-block [class*="col-"] { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; }
	.subpage .subpage-nav-block img { width: 100%; }
	.subpage .subpage-nav-block h2 { font-size: 2em; margin: 0.75em 0; }
	.subpage .subpage-nav-block p { margin: 0.75em 1.5rem; }
	.subpage .subpage-nav-block p:last-child { margin-bottom: 0.75em; }

	.search-box input[type="text"] { width: 10em; }
	.search-box input[type="submit"] { letter-spacing: -0.05em; padding: 0.5em 0.75em; }

	.popup-panel .row:last-child { display: block; }
	.popup-panel .row:last-child [class*="col-"] { display: block; width: 100%; }
	.popup-panel .row:last-child [class*="col-"]:last-child { border-left: none; }

	.profile-panel.flex .row .col-xs-6 { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; }
	.table-striped .head, .table-striped .foot { display: none; }
	.table-striped .body > div { display: block; padding: 0.375em 0.75em; }
	.table-striped .body > div::before { content: attr(data-label) ":"; display: block; font-weight: 600; margin-right: 1em; min-width: 8em; text-align: left; }
	.table-striped .body > div .fivestar-average-stars,
	.table-striped .body > div .fivestar-user-stars { padding: 0.5em 0 0 0; }
	.table-striped .body > div p.help-block { display: none; }
	.table-striped .body.disabled > div[data-label="Remove"]::before { opacity: 0.5; }

	.recipe-featured h2 { max-width: 100%; }
	.recipe-featured-content { flex-flow: column nowrap; text-align: center; }
	.recipe-featured-content > div { width: 100%; }
	.recipe-categories a.more { font-size: 1em; }
	.recipe-categories .category-preview { display: none; }
	.recipe-container ol { padding-left: 1em; }
	.recipe-sidebar .recipe-sidebar-section { margin-top: 1.5em; }
	.table-recipe .rec-col.qty { min-width: 0; }

	.sitemap > ul > li { flex: 1 0 100%; padding: 0 0.5em 1em 0.5em; }

	.core-values .cv-item { height: calc(60vw - 1.5em); width: calc(75vw - 1.5em); }
	.cv-item .cv-front h3 { font-size: 7vw; }
	.cv-item .cv-back h3 { font-size: 6vw; }
	.promo-image-block h2 { font-size: 2em;  }
	.promo-image-block p { font-size: 1em; max-width: 100%; }

	.locations-page form > div p { flex: 0 0 47%; }
	.locations-detail .row:not(:first-child) { padding-top: 1em; }
	.locations-detail h2 { font-size: 1.75em; }

	/* In Our Stores */
	.full-photo-block .image-block { min-height: 15em; }
	.full-photo-block .text-block { max-width: 100%; padding: 1em; }

	/* Landing Pages */
	.landing-page h1 { font-size: 2.5em; }
	.landing-page h2 { font-size: 1.75em; }
	.landing-page h3 { font-size: 1em; }
	.landing-page .text-image-pairing h1,
	.landing-page .text-image-pairing h2,
	.landing-page .text-image-pairing h3,
	.landing-page .text-image-pairing h4,
	.landing-page .text-image-pairing h5,
	.landing-page .text-image-pairing h6,
	.landing-page .text-image-pairing p { padding-left: 1rem; }
}

/* Mobile portrait (320px and lower) */
@media (max-width:20em) {
	/* Header / Footer */
	.mobile-button-wrapper [class*="icon-"] { padding: 0 0.625em 0.75em 0.625em; }

	/* Homepage */
	.hp-slider .slick-slide { min-height: 320px; }
	.hp-slider .content-overlay h1 { font-size: 1.375em; }
	.hp-slider .content-overlay a.button { padding: 0.5em 1em; }
	.featured .featured-box { background-position: 130px 0; min-height: 350px; }
	.featured .featured-box-content { max-width: 70%; }

	.promo-circle .img-link { height: 120px; width: 120px; }
	.promo-circle .promo-link { left: 130px; }
	.promo-circle .promo-link.more { width: calc(100% - 120px); }

	/* Subpages */
	.subpage h2 .more, .subpage h3 .more { display: block; margin-left: 0; }
	.subpage-header.search input[type="text"] { width: 10em; }
	.popup-panel h2 { font-size: 1.5em; }
	.table-striped .body > div::before { display: block; text-align: left; }
	.table-pagination a.back { display: block; text-align: center; position: static; padding-left: 1em; }
	.table-pagination a.more { display: block; text-align: center; position: static; padding-right: 1em; }
	.locations-page form > div p { flex: 0 0 100%; }
}

@media print {
	* { background-image: none !important; float: none !important; height: auto !important; margin: 0 auto !important; overflow: visible !important; position: static !important; }
	.skip-to-content, .header-utility, .header-mainnav, .search-desktop, .subpage-header.mobile-only, .mobile-button-wrapper, .footer-subpage, .video-youtube.button, .recipe-sidebar-section, .container-fluid footer, [class*="recipe-yield"].btn, #menu-menu-company-info, #menu-menu-header-menu, #block-42, #block-41 { display: none; }
	.mobile-menu-wrapper { position: static !important; padding-top: 1em; }
	html, body { background-color: #ffffff; background-image: none !important; color: #000; float: none !important; height: auto !important; margin: 0 auto !important; overflow: visible !important; padding: 0 !important; position: static !important; visibility: visible !important; }
	div[role="main"].main { background-color: #ffffff !important; background-image: none !important; }
	div[role="main"] .header-main-wrapper { background-image: none !important; }
	section.footer, section.footer-bottom { background-color: #ffffff !important; background-image: none !important; padding: 1em 0 !important; }
	section.nd-region.subpage-header { background-color: #ffffff; background-image: none; padding: 0 !important; }
	.subpage-header h1 { color: #000000; margin: 0 0 0.5em 0; }
	.page-box { page-break-before: avoid; page-break-after: avoid; }
	.header-wrapper { min-height: 0; }
	.header-mobile { box-shadow: none; height: auto; }
	.recipe-container { page-break-before: avoid; page-break-after: avoid; padding: 0 !important; }
	.recipe-container .photo-video img { width: auto !important; }
	.recipe-container [class*="col-"] { -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; }
	.recipe-container .recipe-summary table tr td { background-color: #ffffff !important; color: #004d41 !important; border: none; }
	.recipe-container .recipe-sidebar { display: none; }
/*	.recipe-container .recipe-ingredients { page-break-before: always; }
	.recipe-container .recipe-instructions { page-break-before: always; }*/
}