body { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:1em; font-style:normal; font-variant:normal; font-weight:lighter; padding-top:0px!important; margin: 0 auto; background: url(../imgs/paper-bg-light.jpg)!important; background-size: 250px 250px!important;}
.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ----- ARROW BOUNCE -----*/
.mouse-icon { position:absolute; bottom:20px; left:0; right:0; margin:auto; width:30px!important; -webkit-animation-name:bounce; -webkit-animation-duration:2.5s; -webkit-animation-timing-function:ease; -webkit-animation-delay:0s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:normal; -webkit-animation-fill-mode:none; animation-name:bounce!important; animation-duration:2.5s; animation-timing-function:ease; animation-delay:0s; animation-iteration-count:infinite; animation-direction:normal; animation-fill-mode:none; margin-top:45px; margin-bottom:45px;}
.bounce { animation: bounce 2s infinite;}
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0);} 40% { transform: translateY(-30px);} 60% { transform: translateY(-15px);} }
::selection { background-color:#757575!important; color:#fff;}
::-moz-selection { background-color:#757575!important; color:#fff;}
a:link {-webkit-tap-highlight-color:#757575!important;}
:focus { outline:0 !important;}
#content-mobile { display:none;}
#content-desktop { display:block;}
.footer-mobile { display:none!important;}
#wpadminbar { display:none!important;}
.social-wrapper { position:absolute; top:0; margin:0 auto!important; z-index:1;}
.social-icons { right:0; position:absolute;}
.accordion-title { font-size:1.5em;}
#accordion-1-c1 p { font-size:0.9em!important;}
.rotate-right { transform:rotate(10deg); border: solid 10px #ffffff;}
.rotate-left { transform:rotate(-10deg); border: solid 10px #ffffff;}
#mce-EMAIL, #mce-MMERGE1 { width:100%!important; border:none; padding:10px;}
/* --- CAROUSEL --- */
.carousel-indicators .active { background-color:#000000!important;}
.carousel-indicators { padding-top:20px; position:relative;}
.carousel-fade .carousel-item { opacity:0; transition-duration:.6s; transition-property: opacity;}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity:1;}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity:0;}
.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); transform: translate3d(0, 0, 0);}
/* ----- NAVIGATION TOP ----- */
#navigation-wrapper { float:left!important; height:55px; z-index:2;}
#navigation { margin:0 auto; height:55px; font-weight:lighter; font-size:1.1em!important; float:left; font-family:"helveticaneue-condensedbold";}
#navigation ul { padding-left:0px!important; list-style:none; margin:0; font-weight:lighter!important; font-family:"helveticaneue-condensedbold"; text-transform:uppercase;}
#navigation li { float:left; position:relative; display:block; font-family:"helveticaneue-condensedbold";}
#navigation a { display:block; line-height:55px; padding:0px 15px; color:#ffffff; text-decoration:none; font-weight:lighter!important;}
#navigation a:hover { text-decoration:none; color:#73b72b;}
.current-menu-item a { color:#73b72b!important;}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl { justify-content:left!important;}
/* ----- NAVIGATION TOP SECOND LEVEL ----- */
#navigation ul ul { display:block; opacity:0; visibility:hidden; position:absolute; z-index:1; color:#342e1e!important; text-align:left; padding-left:0px;}
#navigation ul ul li { width:100%; display:block; padding:0px!important; border-left:0px; background-color:#342e1e; opacity:1; list-style-type: none;}
#navigation ul ul li a { font-size:0.9em!important; color:#ffffff!important; text-align:left; line-height:3em; border-bottom:0px!important;}
#navigation ul ul li:hover { z-index:9; border-bottom:0px!important;}
#navigation ul ul li:hover a { color:#73b72b!important; border-bottom:0px!important;}
#navigation li:hover>ul, #navigation li:focus>ul, #navigation li.focus>ul { opacity:1; visibility:visible; color:#fff!important;}
.sub-menu { min-width:210px; display:block!important;}
/* ----- NAVIGATION -----*/
img.logo { margin-top:5px; margin-right:20px; height:60px!important; margin-left:15px;}
.navbar { background: url(../imgs/paper-bg-light.jpg)!important; background-size: 250px 250px!important;}
.navbar-brand { height:auto; width:175px; padding-top:0px; padding-bottom:0px; z-index:2000;}
.decoration-top { margin:0 auto; background-position:center!important; background-size:cover!important; margin-top:20px!important; margin-bottom:-2px; height:20px;}
.decoration-bottom { margin:0 auto; background-position:center!important; background-size:cover!important; margin-bottom:20px!important; margin-top:-2px; height:20px;}
.container { max-width:1170px;}
.inner { margin:0 auto; max-width:1170px; padding:30px 10px;}
.white-background { background:#ffffff;}
.green-background { background:#73b72b;}
.orange-background { background:#ee7b2e;}
.red-background { background:#c8382c;}
.yellow-background { background:#fbbd17;}
img.thumbnail { width:100%!important; height:auto!important; padding-bottom:10px;}
img.blog-profile { width:75px; height:75px; border-radius:50%; margin:0px 20px;}
img.post-thumbnail { padding-bottom:20px; width:100%; height:auto;}
img.footer-logo { max-width:60px!important;}
img.header { margin-top:-150px;}
.recipe-thumb { background:#ffffff; border:solid 9px #ffffff; width:100%; height:auto;}
.recipe-header { background:#ffffff; margin-bottom:45px; margin-top:120px;}
.recipe-header img { width:100%; height:auto; background:#ffffff; border:solid 11px #ffffff;}
.archive-navigation li a { font-family: 'harmonique-medium'!important;}
/* --- SMART SCROLL --- */
.smart-scroll { position:fixed!important; top:0; right:0; left:0; z-index:1000; transition:all 0.3s ease-in-out; transform:translateY(0); }
.stick { transform:translateY(-100%);}
.scrolled-up { transform:translateY(0) !important;}
/* ----- 404 PAGE ----- */
header.error { height:100vh; width:100%; background-size:cover!important; background-position:center center!important; background-image:url("../imgs/parallax-404.jpg");}
header.error a { color:#ffffff!important;}
.error404 .navbar { display:none;}
/* --- FOOTER ACCORDIAN --- */
#accordionFooter { width:100%!important; font-size:0.8em!important;}
#accordionFooter .card { border:0px!important; padding-bottom:10px; background:transparent!important;}
#accordionFooter .card-body { padding:4px 2px 4px 0px!important; text-align:left; font-size:1em;}
#accordionFooter .card-body p { color:#000000!important; padding:0px!important; margin:10px 0px!important;}
#accordionFooter .card-header .btn { font-size:0.8em!important; border-radius:0px!important; display:block; color:#212529!important; margin-bottom:0px!important; padding:4px 0px!important; text-align:left!important; width:100%;}
#accordionFooter .card-header { background:transparent!important; padding:5px 0px!important; border-bottom:0px!important;}
#accordionFooter .card-header:first-child { border-radius:0px!important;}
#accordionFooter .card-body li { color:#000000!important;}
#accordionFooter .fa { float:left!important; padding:0px 5px;}
#accordionFooter .btn { margin:5px 0px;}
#accordionFooter .btn:hover { border:none!important;}
#accordionFooter [data-toggle="collapse"] .fa:before { content:"\f00d"; font-size:0.8em; color:#333; padding:0 10px 0 0px;}
#accordionFooter [data-toggle="collapse"].collapsed .fa:before { content: "\f067"; font-size:0.8em; padding:0 10px 0 0px;}
/* --- FOOTER --- */
.wrapper.footer { background:#73b72b;}
.footer p { line-height:1.4em; color:#ffffff; font-size:1em!important;}
.footer a { color:#ffffff!important; font-size:1em!important; font-weight:lighter;}
.footer a:hover { color:#ffa200; text-decoration:underline;}
.footer .fa-linkedin, .footer .fa-twitter { margin:0px 4px; padding:5px 0px; }
.footer-holder { width:16.6%; float:left;}
.footer-icon { min-height:85px;}
/* --- BUTTONS --- */
.btn { box-shadow:none; vertical-align:middle; font-size:1.4em!important; background:transparent!important; border:none!important; text-align:center; font-family: 'harmonique-medium'; }
.btn a:hover { color:#0d539b!important;}
.btn-primary { padding:0px!important;}.btn-primary a { font-size:0.9em!important; color:#342e1e!important; text-decoration:none; padding:10px 0px;}
.btn-secondary { padding:0px!important; color:#ed7a2b!important;} .btn-secondary a { font-size:0.9em!important; color:#ed7a2b!important; text-decoration:none;}
.btn-primary a:hover { color:#0d539b!important;}
.btn-secondary a:hover { color:#73b72b!important;}
.btn-signup { background: url(../imgs/sign-up-bg.svg)!important; background-repeat:no-repeat!important; font-size:1em!important; width:120px; height:85px; padding-top:40px; border-radius:0px!important;}
.btn-signup a { background: url(../imgs/sign-up-bg.svg)!important; font-size:1em!important; color:#ffffff!important; text-decoration:none; width:120px; height:85px; padding-top:40px; font-family: 'harmonique-medium';}
.btn-signup a:hover { color:#ffffff; width:120px; height:85px; padding-top:40px;}
/* Store Locator */
.wpsl-store-location p { font-size:0.7em!important;}
.wpsl-search { background-color:transparent!important;}
#wpsl-result-list li { border-bottom: 2px dotted #342e1e!important;}
#wpsl-search-wrap, #wpsl-results, #wpsl-result-list { font-size:1em!important;}
#wpsl-search-input, #wpsl-search-btn { background-position:center; background-repeat:no-repeat; border:none!important; color:#342e1e!important;}
.wpsl-directions { padding:10px; background-image:url(../img/button.png)!important; background-position:left; background-repeat:no-repeat;}
#wpsl-result-list a { color:#342e1e;}
#wpsl-result-list a:hover { color:#444;}
#wpsl-result-list li p { margin:0px!important;}
#wpsl-radius label, #wpsl-category label { width:100px!important;}
/* --- TEXT --- */
h1 { font-family: 'harmonique-bold'; font-size:3.7em!important;}
h2 { font-family: 'harmonique-bold'; font-size:2.3em!important; color:#342e1e; line-height:1.2em; margin-bottom:10px!important;}
.text-green { color:#73b72b;}
h3 { font-family: 'harmonique-bold'; font-size:1.7em!important; color:#342e1e; line-height:1.2em; margin-bottom:10px!important;}
h3.recipes { font-size:1.9em!important; min-height:75px!important;}
li .ingredients { font-size:4em!important;}
h4 { font-family: 'harmonique-medium'; font-size:1.4em!important; margin-bottom:10px!important; font-weight:lighter;}
h5 { font-family: 'harmonique-semibold'; font-size:1.2em!important; margin-bottom:10px!important;}
h6 { font-family: 'harmonique-semibold'; margin-bottom:10px!important;}
p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:1.3em!important; line-height:1.6em; margin-bottom:10px!important;}
/*h4 { font-family: Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.4em; color:#342e1e;}
h5 { font-family: 'harmonique-medium';}
h6 { color:#ffffff; font-size:0.8em!important; font-weight:normal;}
p { font-family: 'harmonique-medium'; font-size:1.5em!important; font-style:normal; font-variant:normal; font-weight:lighter; line-height:1.5em; padding-bottom:10px!important;}*/
p.small { font-family: Arial, Helvetica, sans-serif; font-size:0.9em!important; font-style:normal; font-variant:normal; font-weight:lighter; line-height:1.5em; padding-bottom:10px!important;}
p.white { color:#ffffff!important;}
a { color:#342e1e!important; font-weight:bold; text-decoration:none;}
a:hover { color:#342e1e!important;}
ul { text-align:left; font-style:normal; font-variant:normal; font-weight:lighter; line-height:1.5em;}
ul.ingredients { padding-left:15px; font-size:1.3em; line-height:1.7em;}
li { list-style-type:disc; font-style:normal; font-variant:normal; font-weight:lighter; }
i { font-weight:lighter;}
hr { margin:0 auto; width:100%; border-top:solid 2px #342e1e!important; margin-top:10px!important; margin-bottom:10px!important;}
.underline-middle { border-bottom:solid 4px #ffa200; max-width:60px; display:block; margin-bottom:25px; margin:0 auto;}
.underline-left { border-bottom:solid 4px #ffa200; max-width:60px; display:block; margin-bottom:25px;}
.hang { padding-left:25px; text-indent:-25px;}
.clear { clear:both!important;}
.icon { width:100px; height:100px; margin-bottom:20px; margin:10px 0px;}
@font-face {
font-family: 'harmonique-bold';
src: local('harmonique-bold-webfont'), local('harmonique-bold-webfont'),
url('../fonts/harmonique-bold-webfont.woff2') format('woff2'),
url('../fonts/harmonique-bold-webfont.woff') format('woff'),
url('../fonts/harmonique-bold-webfont.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'harmonique-semibold';
src: local('harmonique-semibold-webfont'), local('harmonique-semibold-webfont'),
url('../fonts/harmonique-semibold-webfont.woff2') format('woff2'),
url('../fonts/harmonique-semibold-webfont.woff') format('woff'),
url('../fonts/harmonique-semibold-webfont.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'harmonique-medium';
src: local('harmonique-medium-webfont'), local('harmonique-medium-webfont'),
url('../fonts/harmonique-medium-webfont.woff2') format('woff2'),
url('../fonts/harmonique-medium-webfont.woff') format('woff'),
url('../fonts/harmonique-medium-webfont.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'helveticaneue-condensedbold';
src: local('helveticaneue-condensedbold-webfont'), local('helveticaneue-condensedbold-webfont'),
url('../fonts/helveticaneue-condensedbold-webfont.woff2') format('woff2'),
url('../fonts/helveticaneue-condensedbold-webfont.woff') format('woff'),
url('../fonts/helveticaneue-condensedbold-webfont.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
/* --- SCROLL TOP BUTTON SIDE --- */
.button-top { position:fixed; bottom:20px; right:20px; z-index:100; width:60px!important; height:60px!important; border:0; border-radius:50%; box-shadow:none; background:#4a5a72; color:#ecdbbe!important; font-size:26px; line-height:20px; text-align:center; cursor:pointer; pointer-events:none; opacity:0; transition:opacity .18s ease;}
.button-top-visible { opacity:1; pointer-events:auto;}
/* --- PRIVACY POLICY TAB --- */
#cookie-law-info-again { background:#4fa37e!important; box-shadow:none!important; border-radius:5px 5px 0px 0px; padding:12px!important; color:#ffffff!important;}
#cookie_action_close_header { background:#4fa37e!important; margin:5px; font-weight:lighter;}
#cookie-law-info-bar span { font-weight:lighter;}
.cli-plugin-main-link { font-size:0.8em; font-weight:lighter!important; background:#10332f!important; border-radius:0px!important; padding:7px!important; color:#ffffff!important; text-decoration:none!important;}
/* --- FORM --- */
.nf-field-element input{ -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; color:#000000!important;}
.ninja-forms-field { -webkit-box-shadow:none!important; -moz-box-shadow:none!important; box-shadow:none!important; border-radius:0px;}
.nf-form-content .nf-field-element .ninja-forms-field:not(select) { box-shadow:none!important; -webkit-appearance:none!important; -moz-appearance:none!important;}
.nf-form-content { max-width:1170px!important; padding:0px; font-family: 'harmonique-medium'; color:#000000!important; }
.field-wrap input[type=button] { box-shadow:none; vertical-align:middle; font-size:1.2em; color:#ffffff!important; background:#4fa37e; border:0; text-align:center; padding:10px 20px; margin:0 0;}
.nf-before-form-content { font-style:normal; font-variant:normal; font-weight:lighter!important; font-size:0.9em; line-height:1.4em; padding-bottom:20px;}
.nf-field-container .field-wrap .nf-element::placeholder { color:#ed7a2b; }
#responsive-menu-button { z-index:99999!important;}
#responsive-menu-container .responsive-menu-search-box { display:none!important;}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link { text-transform:uppercase;}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link { color:#ffffff!important;}
/* PARALLAX ON IPHONE */
@media only screen and (max-width: 767px) {
}
/* PARALLAX ON IPAD */
@media only screen and (max-width: 1024px) {
.button-top { width:60px!important; height:60px; font-size:1.2em!important;}
#navigation-wrapper { display:none!important;}
}
/* IPAD LANDSCAPE */
@media (max-width: 767px) {
}
@media ( min-width: 768px) {
}
/* IPAD PORTRAIT */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.header .inner { padding:5px 0px!important;}
.header { padding-top:0px!important;}
#navigation ul { list-style:none; margin:0; font-size:0.8em!important;}
}
@media (max-width:648px){
}
/* ----- PARALLAX ONE ON DESKTOP --- */
@media (max-width: 1169px) {
.navbar-brand { height:auto; width:100px!important; padding-top:0px; padding-bottom:0px;}
.social-wrapper { display:none!important;}
}
/* ----- SMARTPHONES (PORTRAIT AND LANDSCAPE) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
h1 { font-size:2.4em; line-height:1.2em;}
h2 { font-size:1.8em!important;}
p { font-size:1.3em!important;}
#content-mobile { display:block;}
#content-desktop { display:none;}
.footer-holder { width:100%; float:none;}
.footer-mobile { display:block!important; background:#73b72b!important;}
.rmp-container .rmp-menu-title .rmp-menu-title-image { max-width:150px; height:auto;}
}