/* Add your custom style here to override dynamic.css */ @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css); a {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} a:hover {text-decoration:none} input[type="text"] {-webkit-appearance: none;border-radius: 0;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } textarea { resize: none;} .fancybox-container {z-index:999999 !important} .fancybox-slide {padding-left:10px !important;padding-right:10px !important} .wow.fadeIn {visibility:hidden} .flex-row-start-stretch {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;} .flex-row-center-stretch {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;} .flex-col-center-center { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .flex-col-right-center { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .flex-col-center-left { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .flex-col-start-left { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .flex-col-end-center { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bgcentercover { background-size: cover; background-repeat: no-repeat; background-position: center } .bgrightcover { background-size: cover; background-repeat: no-repeat; background-position: right center } .bgleftcover { background-size: cover; background-repeat: no-repeat; background-position: left center } .bgtopcover { background-size: cover; background-repeat: no-repeat; background-position: center top } .bgtoprightcover { background-size: cover; background-repeat: no-repeat; background-position: right top } .gform_title {display:none} body,html {height:auto !important} body .gform_wrapper .gform_validation_container, .charleft.ginput_counter { display: none;} .butn, #gform_submit_button_4 {text-decoration:none !important;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;font-size:21px;display:inline-block;padding:10px 44px;font-weight:500} .butn.blue, #gform_submit_button_4 {border:2px solid #14a4fe;color:#17a5fe;} .butn.white {border:2px solid #fff;color:#fff;} .butn.blue:hover, #gform_submit_button_4:hover {background:#14a4fe;color:#fff} .butn.white:hover {background:#fff;color:#000} .butn.trans {background:none} body {font-family: 'Rajdhani', sans-serif;color:#000;font-size:20px;} .home header, header.fixed, .page-template-results header {background:#fff} body:not(.page-template-results) header:not(.fixed) {width:100%;z-index:900;position:absolute;top:0px;left:0px} header {background:transparent} header .nav-logo {float:left;width:18%;} header .nav-logo {text-align:center;} header .nav-logo img {width:133px;height:47px} header .nav-logo a {margin-top:34px;display:block;padding:10px;} header .nav-logo .white {display:none} header .nav-menu {float:right;width:82%;} header .nav-menu ul {margin-bottom:0px;margin-left:4px} header .nav-menu li {margin-top:34px;padding:0px} header .nav-menu li a {text-transform:lowercase;display:block;padding:10px 10px 20px 10px;margin:0px 19px;font-size:22px;font-weight:600;color:#000} header .nav-menu li.current-menu-item a {color:#ffab09 !important} header.whitefonts:not(.fixed) .nav-menu li a {color:#fff} header.whitefonts:not(.fixed) .nav-menu .wheretobuy a {color:#000;background:#fff} header.whitefonts:not(.fixed) .nav-menu .wheretobuy a:hover {color:#fff;background:#ffab09} header.whitefonts:not(.fixed) .nav-logo .default {display:none} header.whitefonts:not(.fixed) .nav-logo .white {display:inline-block} header .nav-menu li:hover a {color:#e69700} header .nav-menu .sub-menu {height:204px;visibility:hidden;opacity:0;z-index:10;float:left; transition:visibility 0s linear 0.10s, opacity 0.10s linear;-webkit-transition:visibility 0s linear 0.10s, opacity 0.10s linear;-moz-transition:visibility 0s linear 0.10s, opacity 0.10s linear;-o-transition:visibility 0s linear 0.10s, opacity 0.10s linear;z-index:100;-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);background:#fff;width:240px;margin:0px;padding:0px;position:absolute;top:61px;left:12px;} header .nav-menu #menu-main-menu-new .sub-menu {height:260px} header .nav-menu li.level-0:hover > a + .sub-menu {visibility:visible;opacity:1;transition-delay:0s; } header .nav-menu li.level-0 > a + .sub-menu >li.level-1 {z-index:100;} header .nav-menu .sub-menu > li {position:static;margin-top:0px;width:100%;} header .nav-menu .sub-menu > li.menu-item-has-children:hover > a + .sub-menu {width:326px;visibility:visible;opacity:1;left:240px;-webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;} header .nav-menu .sub-menu > li.menu-item-has-children:hover > a + .sub-menu li {opacity:1;visibility:visible;} header .nav-menu .sub-menu li, header .nav-menu .sub-menu li a {color:#000 !important;display:block;} header .nav-menu .sub-menu li a {padding-bottom:10px} header .nav-menu .sub-menu li a:hover {color:#e69700 !important} header .nav-menu .sub-menu .sub-menu{ border-left:1px solid #e5e5e5;z-index:0;-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;height:204px;background:#fff;visibility:hidden;opacity:0;position:absolute;left:220px;top:0px;width:0px;} header .nav-menu .sub-menu .sub-menu::before {z-index:200;width:1px;height:153px;background:#e5e5e5;content:'';display:block;position:absolute;top:25px;left:0px} header .nav-menu .sub-menu .sub-menu::after {z-index:100;width:10px;height:204px;background:#fff;content:'';display:block;position:absolute;top:0px;left:-5px} header .nav-menu #menu-main-menu-new .sub-menu .sub-menu{height:260px} header .nav-menu #menu-main-menu-new .sub-menu .sub-menu::before {height:209px} header .nav-menu #menu-main-menu-new .sub-menu .sub-menu::after {height:260px} header .nav-menu .sub-menu .sub-menu li {transition: opacity 0.5s linear;opacity: 0;visibility:hidden;width:326px;} header .nav-menu .sub-menu .sub-menu > li:nth-child(1) {transition-delay:0.25s;} header .nav-menu .sub-menu .sub-menu > li:nth-child(2) {transition-delay:0.35s;} header .nav-menu .sub-menu .sub-menu > li:nth-child(3) {transition-delay:0.45s;} header .nav-menu .sub-menu .sub-menu > li:nth-child(4) {transition-delay:0.55s;} header .nav-menu .sub-menu .sub-menu > li:nth-child(5) {transition-delay:0.65s;} header .nav-menu .sub-menu .sub-menu li a {padding-left:20px;padding-bottom:0px} header .nav-menu li {position:relative} header .nav-menu li a:hover {color:#e69700} header .nav-menu .wheretobuy {float:right} header .nav-menu .wheretobuy {margin-left:13px;margin-top:0px;} header .nav-menu .wheretobuy a {margin:0px;padding:42px 46px 35px 46px;background:#ffab09;color:#fff} header .nav-menu .wheretobuy a:hover {color:#fff;background:#e69700} .page-template-awards header .nav-menu a:hover {color:#e69700 !important} .page-template-awards header .nav-menu .wheretobuy a {background:#ffab09 !important;color:#fff !important} header .nav-menu li.current-menu-item.wheretobuy a {color:#fff !important} .page-template-awards header .nav-menu .wheretobuy a:hover {color:#fff !important;background:#e69700 !important} #responsive-menu-button {display:none !important} .hamburger {background:#fff;top:19px;border:0px;position:absolute;right:15px;display:none;z-index:100} #responsive-menu-container {top:68px !important} #responsive-menu li a {text-transform:lowercase;} /* STICKY HEADER: */ header.fixed { position:fixed;top:-130px ;left: 0;right: 0;z-index:99999; transition:0.4s top cubic-bezier(.3, .73, .3, .74); -webkit-transition:0.4s top cubic-bezier(.3, .73, .3, .74); -webkit-box-shadow: 0px 10px 11px -4px rgba(0,0,0,0.1); -moz-box-shadow: 0px 10px 11px -4px rgba(0,0,0,0.1); box-shadow: 0px 10px 11px -4px rgba(0,0,0,0.1); } header.fixed.slidedown {top:0px;} header.fixed.slidedown .nav-logo a {margin-top:23px} .hero {text-align:center} .home .hero, .page-template-results .hero {position:relative;padding-top:107px;} .hero .l1 { font-family: 'Bree Serif', sans-serif;font-size: 74px; line-height:82px; } .video-container {position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden;} #bgvid { min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); object-fit: cover;} .video-container::before {width:100%;height:100%;content:'';display:block;position:absolute;top:0px;left:0px;} .video-container.honeygolden::before {background-color:rgba(255, 185, 27, 0.8);} .video-container.honeycreamed::before {background-color:rgba(229, 138, 56, 0.8);} .video-container.honeyamber::before {background-color:rgba(212, 70, 24, 0.8);} .video-container.agaveamber::before {background-color:rgba(212, 69, 24, 0.8);} .video-container.agavelight::before {background-color:rgba(254, 199, 11, 0.8);} .video-container.agavefairtrade::before {background-color:rgba(187, 119, 38, 0.8);} .video-container.coconutsugar::before {background-color:rgba(92, 62, 38, 0.8);} .video-container.oliveoil::before {background-color:rgba(116, 111, 44, 0.8);} .page-id-3119 .video-container.coconutsugar::before {background-color:rgba(199, 121, 59, 0.7)} .page-id-2917 .video-container.oliveoil::before {background-color:rgba(180, 107, 71, 0.6);} #productpage .hero .nextprev { -webkit-border-radius: 75px;-moz-border-radius: 75px;border-radius: 75px; -moz-transition: none; -o-transition: none; transition: none;background: url('images/prevnext.png') no-repeat center;font-weight:300;color:#fff;text-align:center;z-index:100;position:absolute; border:2px solid #fff; width:75px;height:75px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);} #productpage .hero .nextprev.product-prev {left:53px;background-position:0px 0px} #productpage .hero .nextprev.product-next {right:53px;background-position:-75px 0px} #productpage .hero .nextprev.product-prev:hover {background-color:#fff;background-position:0px -75px} #productpage .hero .nextprev.product-next:hover {background-color:#fff;background-position:-75px -75px} #productpage .hero .l1 {text-shadow: 0px 0px 12px rgba(0,0,0,0.25);padding-top:182px; color:#fff;font-family: 'Bree Serif', sans-serif;font-size: 80px; line-height:78px; } #productpage .hero .l2 {text-shadow: 0px 0px 12px rgba(0,0,0,0.25); margin-top:7px;margin-bottom:66px;color:#fff;font-family: 'Bree Serif', sans-serif;font-size: 28px; line-height:56px; } #productpage .hero .btm {text-align:left;color:#fff;} #productpage .hero {overflow:visible;padding:0px;height:801px} #productpage .hero .container {height:100%;width:100%;position:relative;} #productpage .hero .btm .item2,#productpage .hero .btm .item3, #productpage .hero .btm .item4 {display:none} #productpage .hero .btm .left{text-align:right;width:39.5%;position:absolute;left:-2%;bottom:61px;} #productpage .hero .btm .left {text-shadow: 0px 0px 12px rgba(0,0,0,0.25); line-height:42px;font-size:120px;font-family: 'Bree Serif', sans-serif;} #productpage .hero .btm .left span {line-height:42px;font-size:220px;font-family: 'Bree Serif', sans-serif;} #productpage .hero .btm .center{position:absolute;left:0px;right:0px;margin-left:auto;margin-right:auto} .fader { width: 100%; height: 100%; position: absolute; top: 0; left: 0;} #productpage .hero .btm .center img {position:relative;z-index:1;width:100%;height:auto} .page-template-product-coconut-sugar #productpage .hero .btm .item1 img {margin-bottom:25px;padding-left:26px;padding-right:26px} #productpage .hero .btm .right{width:435px;position:absolute;bottom:25px;left:63.5%} #productpage .hero .btm .right .l3 {position:relative;padding-bottom:12px;margin-bottom:20px;border-bottom:1px solid #fff;font-size:20px;font-weight:700;font-family: 'Rajdhani', sans-serif;} #productpage .hero .btm .right .l3 .dec {text-decoration:underline} #productpage .hero .btm .right .l3 .nutrilabel {z-index:100;display:none;text-align:center;position:absolute;right:-32px;top:-20px;padding:20px 15px;background:#fff;-webkit-box-shadow: 0px 14px 19px 0px rgba(0,0,0,0.12); -moz-box-shadow: 0px 14px 19px 0px rgba(0,0,0,0.12); box-shadow: 0px 14px 19px 0px rgba(0,0,0,0.12);} #productpage .hero .btm .right .l3 .nutrilabel > div {text-align:right;padding-right:21px} #productpage .hero .btm .right .l3 .nutrilabel img {margin-top:15px} #productpage .hero .btm .right .l3 .l3l {float:left;display:inline-block} #productpage .hero .btm .right .l3 .l3r {cursor:pointer;float:right;display:inline-block} #productpage .hero .btm .right .l3 .l3lab {color:#000;cursor:pointer;} #productpage .hero .btm .right .l4 .l2b {float:left;width:33.333333333%} #productpage .hero .btm .right .l4 .l2b .l5 {font-size:28px;font-family: 'Bree Serif', sans-serif;} #productpage .hero .btm .right .l4 .l2b .l6 {font-size:80px;line-height:65px;font-weight:700;font-family: 'Rajdhani', sans-serif;} .rotator {margin-top:112px;text-align:center} .rotator .cntn {display:inline-block} .rotator a, .rotator .ritem {margin-right:26px;color:#000;display:block;float:left} .rotator a, .rotator a * {text-decoration:none !important} .rotator a img {-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;opacity:0.4} .rotator a .txt, .rotator a .strong,.rotator .ritem .txt, .rotator .ritem .strong {display:block} .rotator .txt {padding-top:8px;line-height:20px} .rotator a:hover .l1, .rotator a.active .l1 {font-weight:700} .rotator a.active {cursor:default} .rotator a:hover img, .rotator a.active img {opacity:1} .rotator a .l1, .rotator .ritem .l1{-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;font-weight:500;font-size:17px} .rotator a .l2, .rotator .ritem .l2 {-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;display:block;font-weight:500;font-size:16px} .rotator.newrot .txt .l1{color:#9c9c9c} .rotator.newrot a:hover .l1, .rotator.newrot a.active .l1 {color:#000;font-weight:700} #productlp .rotator.m10 .ritem,#productlp .rotator.m10 a {margin-right:10px} .swiper-pagination-bullet { padding: 5px 10px; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; width: auto; height: 30px; text-align: center; line-height: 30px; font-size: 12px; color:#000; opacity: 1; background: rgba(0,0,0,0.2);outline:none !important } .swiper-pagination-bullet-active { color:#fff; background: #007aff; } .hero .l1 span {font-weight:bold;letter-spacing:0.01em;} .hero .l2 {margin-bottom:93px; margin-top:21px;letter-spacing:0.01em;font-family: 'Bree Serif', sans-serif;font-size: 21px; line-height:28px } .prods img, .prods .swiper-container .swiper-slide , .hovered img{opacity: 1; filter: alpha(opacity=1);-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;width:100%;} .prods a:hover img, .prods .swiper-container .swiper-slide:hover, .hovered a:hover img { opacity: 0.50; filter: alpha(opacity=50); } .prods .swiper-container img { opacity: 1 !important; filter: alpha(opacity=1) !important; } .prods .swiper {position:relative} .prods .bottomcta {margin-top:45px;text-align:center} .prods .container .bottomcta {margin-top:0} .prods .container .bottomcta a {margin-bottom:0} .prods .bottomcta a {display:inline-block;width:181px;border:2px solid #17a5fe;text-align:center;color:#17a5fe;font-size:21px;font-weight:500;padding:10px 0} .prods .bottomcta a:hover {background:#14a4fe;color:#fff} .prods .swiper-button-prev, .prods .swiper-button-next {outline:none;top:40%;background:url('images/arr.png');width:28px;height:59px;} .prods .swiper-button-next {transform:rotate(180deg)} .prods a {display:inline-block;margin:0px 36px} .prods .swiper-container a {display:block;margin:0} .prods .swiper-container img {max-width:237px} .prods .swiper-container {opacity:0;visibility:hidden;max-width:1200px !important} .prods .swiper .loader {width:30px;height:30px;background:url('images/loading-blue.svg');content:'';position:absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);margin-top:-40px;-webkit-transform: translate(-50%,-50%);background-size:100%} #origins .prods a img{width:237px;max-width:100%} .olive {position:relative;margin-top:147px} .olive .left, .olive .right{width:50%} .olive .left {position:relative;background-size:cover !important;background-repeat:no-repeat !important;background-position:center !important} .olive .left .cntn {left:8.5%;bottom:-16px;position:absolute;font-size:165px;line-height:128px;font-weight:700;color:#fff} .olive .right {position:relative;min-height: 664px; padding: 15px;} .olive .right .cntn {margin-top:188px;margin-left:-80px;max-width:400px;display:inline-block;text-align:left} .page-id-2917 .olive .right .cntn {margin-top:300px;margin-left:0px} .olive .right img {position:absolute !important; right:0px;display: inline-block; position: relative;} .page-id-2917 .olive .right img {max-width:286px} .olive .right .l1 em {font-style:normal;position:relative} .olive .right .l1 em img {width:80%;height:auto;position:absolute;bottom:34px;right:2px} .olive .right .l1 {margin-bottom:25px;font-size:40px;font-family: 'Bree Serif', sans-serif;line-height:48px} .olive .right .l2 {font-size:24px;line-height:29px;font-weight:500} .olive .right .butn {margin-top:37px} .olive img.med {z-index:10;position:absolute;bottom:-115px;left:0px;right:0px;margin-left:auto;margin-right:auto} .page-id-2917 .olive img.med {max-width:480px;bottom:-60px;left:20px} #gallery {margin-top:200px} #gallery .left {position:relative;text-align:right;width:38%} #gallery .left .badg {width:205px;position:absolute;left:-12px;top:-111px} #gallery .left .cntn {margin-right:-50px} #gallery .left .l1 {margin-bottom:14px;font-size: 40px; font-family: 'Bree Serif', sans-serif; line-height: 45px;} #gallery .left .l2 {font-size:26px;line-height:55px} #gallery .left .l3 a{font-size:30px;color:#17a5fe; font-family: 'Bree Serif', sans-serif; } #gallery .right {position:relative;width:62%} #gallery .right .swiper-slide {position:relative;border-right:1px solid #fff} #gallery .right .swiper-slide:hover span.title {display:block} #gallery .swiper-next { outline:0; z-index:10;background-image: url(images/arrow-right.png); background-size:17px;left: -31px; top: 50%; margin-top: -35px; width: 64px; height: 64px; background-color: #ffab09; background-position: center; background-repeat: no-repeat; cursor: pointer; position: absolute} #gallery .swiper-prev {outline:0; display:none} #gallery .right .swiper-slide img {width:100%;height:100%} #gallery .right a {position:relative;display:block;} #gallery .right a::after {width:100%;height:100%;z-index:2;position:absolute;top:0px;left:0px;background-color:rgba(0, 0, 0, 0.5);display:block;content:'';visibility:hidden;opacity:0;-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.2s ease-in-out;} #gallery .right a:hover::after {visibility:visible;opacity:1;} #gallery span.title {z-index:3;-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.2s ease-in-out;visibility:visible;opacity:0;width:70%;left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);color:#fff;position:absolute;text-align:center;} #gallery a:hover span.title {visibility:visible;opacity:1;} #gallery span.title .t1 {line-height:28px;display:block;font-size:24px;font-weight:500;} #gallery span.title .t2 {line-height:24px;display:block;font-size:20px;font-weight:700;} #resultscont a.image , #recipes .ctt a.image{overflow:hidden;position:relative;display:block;} #resultscont .ctt a.image img , #recipes a.image img{-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.2s ease-in-out; } #resultscont .ctt:hover a.image img, #recipes .ctt:hover img { transform: scale(1.1); -webkit-transform: scale(1.1);} #bandwagons {background-attachment: fixed;position:relative;color:#fff;margin-top:115px;height:866px;background-position: center; background-repeat: no-repeat; background-size:cover} #bandwagons .cont {margin-left:8%} #bandwagons .l1 { font-family: 'Bree Serif', sans-serif;font-size:52px;line-height:68px} #bandwagons .l2 {font-family: 'Bree Serif', sans-serif;font-size:80px;line-height:86px} #bandwagons .l3 {margin-top:47px; max-width:515px;font-size:20px;line-height:27px} #bandwagons .butn {padding-left:38px;padding-right:38px;margin-top:33px} #truth {text-align:center;background:#17a5fe;color:#fff;} #truth .top img{margin-top:-32px;width:100%} #truth .l1 {margin-top:21px;margin-bottom:18px;font-size:79px;line-height:88px; font-family: 'Bree Serif', sans-serif; } #truth .l2 {margin:0 auto;max-width:840px;font-size:24px;line-height:28px; font-weight:500 } #truth .labels {padding:33px 0px } #truth .labels img {max-width:127px;margin:0px 22px} #truth .l3 {padding-top:20px;padding-bottom:52px;} #truth .l3 a {color:#fff;text-decoration:underline;font-weight:600;line-height:24px;font-size:20px;} #recipes {text-align:center;} #recipes .l1 { margin:52px auto 30px auto;max-width:750px; font-family: 'Bree Serif', sans-serif; line-height:59px;font-size:50px} #recipes.recipes2 .l1 { margin:38px auto 28px auto;} #recipes .l2 {margin-bottom:48px;margin-top:27px;line-height:26px;font-size:22px} #recipes.recipes2 .l2 {line-height:32px;font-size:26px;margin-bottom:81px} #recipes .categs .cntn {display:inline-block} #recipes .l1 span, #recipes .l1 em {font-style:normal;position:relative} #recipes .l1 span img, #recipes .l1 em img {width:62%;position:absolute;bottom:44px;right:3px} #recipes .categs a { background-size:100%;margin-left:18px;margin-right:18px;width:45px;height:45px;display:block;float:left;} #recipespage #recipes .categs a {text-decoration:none !important;margin-left:60px;margin-right:60px;width:87px;height:87px;} #recipes .categs.dyn a {width:50px;height:50px;margin-left:16px;margin-right:16px;} #recipes .categs.dyn a {margin-top:-6px;background-position:0px -50px;-webkit-transition: margin 0.2s ease-in-out; -moz-transition: margin 0.2s ease-in-out; -o-transition: margin 0.2s ease-in-out; transition: margin 0.2s ease-in-out;} #recipespage #recipes .categs.dyn a {background-position:0px -87px;} #recipes .categs a.inactive,#recipespage #recipes .categs a.inactive {margin-top:0px;background-position:0px 0px} #recipes .categs.dyn a:hover {margin-top:-6px;background-position:0px -50px;} #recipespage #recipes .categs.dyn a:hover {margin-top:-6px;background-position:0px -87px;} #recipes .categs a.honey { background-image: url('images/icon-honey.png'); } #recipes .categs a.agave { background-image: url('images/icon-agave.png'); } #recipes .categs a.coconutsugar { margin-left:8px; background-image: url('images/icon-coconut.png'); } #recipes .categs a.oliveoil { background-image: url('images/icon-olive.png'); } #recipes .categs a.drinks { background-image: url('images/icon-drinks.png'); } #recipes .categs a.entrees { background-image: url('images/icon-entrees.png'); } #recipes .categs a.sides { margin-left:8px; background-image: url('images/icon-sides.png'); } #recipes .categs a.desserts { background-image: url('images/icon-desserts.png'); } #recipes .tabcontent {margin:0px 4%;} #recipes ul { display: grid; grid-column-gap: 4%;grid-template-columns: 16.8fr 16.8fr 16.8fr 16.8fr 16.8fr;} #recipes li a.title {text-transform:lowercase;margin:21px 5px;color:#000;font-size:20px;display:inline-block;line-height:24px;font-weight:600} .home #recipes li a.title, .page-template-results #recipes li a.title {text-transform:lowercase;} #recipes li a.image {display:block;width:100%;} #recipes li a.image img {height:auto;width:100%;} #recipes .butn {padding-left:33px;padding-right:33px;margin-top:27px} #recipes.recipes2 .categs a {cursor:default} #recipes.recipes2 .tabcontent {margin-top:70px} #recipes li.sf-field-post-meta-category ul li:first-child {display:none !important} #recipes .categs form {display:none} #recipes .nothing {margin-bottom:20px;text-align:center;font-size:20px} .page-template-awards .footer, .page-template-product-olive-oil .footer, .page-id-90 .footer {margin-top:0px !important} .footer {position:relative;background-position: center; background-repeat: no-repeat; background-size:cover;height:605px;text-align:center} .footer .l1 {text-shadow: 0px 0px 40px #000000;color:#fff;font-size:61px;font-weight:500;line-height:66px} .footer .l2 {margin-bottom:42px;margin-top:-5px;text-shadow: 0px 0px 30px #000000;color:#fff;font-size:31px;font-weight:500;line-height:38px} .gform_wrapper .validation_error, #gform_4 .validation_message {display:none !important} .gform_wrapper .validation_message {color:#ff0000;position:absolute;bottom:0px;left:30px} .gform_wrapper .gfield_label {display:none !important} .gform_wrapper .gfield.gfield_error {border:0px !important;background:none !important;padding:0px !important;} .gform_wrapper .gfield.gfield_error input:not([type="submit"]) {border:1px solid red !important} .footer {background-size:cover !important;background-position:top center !important;background-repeat:no-repeat !important;margin-top:80px} .footer-newsletter {width:100%;max-width:675px;} .footer-newsletter input:not([type="submit"]) {padding:38px 90px 34px 32px; width:100%;font-family: 'Rajdhani', sans-serif;font-size:25px;color:#19a2f7;background:#fff;border:1px solid #fff; font-weight:500; -webkit-box-shadow: 0px 0px 91px 0px rgba(0,0,0,0.32); -moz-box-shadow: 0px 0px 91px 0px rgba(0,0,0,0.32); box-shadow: 0px 0px 91px 0px rgba(0,0,0,0.32); } .footer-newsletter input[type="submit"] {font-weight:700;position:absolute;border:1px solid #1aa6ff;top:0px;right:0px;font-size:25px;color:#fff;background:#1aa6ff;text-align:center;padding:38px 27px 34px 27px;} .footer-newsletter form {position:relative} .footer-newsletter .gform_confirmation_message {font-weight:500;text-shadow: 0px 0px 30px #000; font-size:25px;color:#fff} .footer-newsletter .gform_ajax_spinner {position:absolute;top:74px;right:42px} .footer-newsletter ::-webkit-input-placeholder{font-family: 'Rajdhani', sans-serif;color:#19a2f7;opacity:1;font-size:25px !important} .footer-newsletter :-moz-placeholder{font-family: 'Rajdhani', sans-serif;color:#19a2f7;opacity:1;font-size:25px !important} .footer-newsletter ::-moz-placeholder{font-family: 'Rajdhani', sans-serif;color:#19a2f7;opacity:1;font-size:25px !important} .footer-newsletter :-ms-input-placeholder{font-family: 'Rajdhani', sans-serif;color:#19a2f7;opacity:1;font-size:25px !important} .footer-newsletter ::-ms-input-placeholder{font-family: 'Rajdhani', sans-serif;color:#19a2f7;opacity:1;font-size:25px !important} .footer-newsletter ::placeholder{font-family: 'Rajdhani', sans-serif;color:#19a2f7;opacity:1;font-size:25px !important} .absfooter {color:#fff;padding:21px 60px 5px 60px;background:#ffab09;} .absfooter .copyright {font-size:18px;font-weight:600;float:left;width:62%;} .absfooter .copyright a {text-decoration:underline;color:#fff} .absfooter .fmenu {float:right;width:37%;} .absfooter .fmenu a {display:inline-block;margin-top:-6px;text-transform:uppercase;color:#fff;font-size:24px;font-weight:600} .absfooter .fmenu li {margin-right:16px;display:inline-block} .absfooter .fmenu li:last-child {margin-right:0px !important} .socialicon {margin-right:10px !important} .socialicon a{vertical-align:2px;display:inline-block;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;width:35px;height:35px;background:#fff;text-align:center;} .socialicon i{font-size:19px;color:#ffab09;margin-top:7px} .nav-menu .socialicon {float:right} .nav-menu .socialicon a {margin:6px 2px 0px 2px;padding:0px;background:#ffab09} .nav-menu .socialicon i {line-height:23px;color:#fff} header.whitefonts:not(.fixed) .nav-menu .socialicon a {background:#fff} header.whitefonts:not(.fixed) .nav-menu .socialicon i {color:#ffab09} #responsive-menu .socialicon {display:none} .absfooter #menu-footer-menu {float:right} .innerpage .hero {padding-top:140px;height:883px;background-size:cover !important;background-repeat:no-repeat !important;background-position:center !important;} #origins {overflow:hidden} #origins .hero .l2 {letter-spacing:0px;margin-bottom:64px;margin-top:31px;font-size: 28px; line-height:35px } #origins .butn {padding-left:23px;padding-right:23px} #origins #block1 {text-align:center} #origins #block1 .l1 {max-width:785px;margin:70px auto;font-family: 'Bree Serif', sans-serif; font-size:40px;line-height:50px;} #origins #block1 .l1 span , #origins #block1 .l1 b{letter-spacing:0.01em;font-weight:bold;font-style:italic} #origins #block1 .cntn {padding-top:145px;height:1450px;background-size:contain !important;background-repeat:no-repeat !important;background-position:right !important;} #origins #block1 .left {text-align:left;width:50%;float:left} #origins #block1 .ctt {margin:0 auto;max-width:465px} #origins #block1 .l22 {margin-bottom:27px;font-size:24px;line-height:30px;font-weight:700} #origins #block1 .l3 {margin-bottom:27px;font-size:24px;line-height:30px;font-weight:500} #origins #block1 .l32 {font-weight:700;} #origins #block1 .l4 {letter-spacing:0.02em;font-size:20px;line-height:26px;font-weight:500} #origins #block1 .l42 {margin-top:27px} #origins #block1 .blogpull {position:relative;padding-top:44px;padding-bottom:25px;max-width:544px;margin-left:auto;margin-right:auto;margin-top:60px} #origins #block1 .blogpull .l5 {margin-bottom:24px;font-size:22px;line-height:1.2em;font-weight:500} #origins #block1 .blogpull a {text-decoration:underline;color:#000;font-size:20px;line-height:1.2em;font-weight:700} #origins #block1 .blogpull .cntnt {border:10px solid #19a2f7;position:absolute;padding:50px} #origins #block1 .blogpull img {margin-bottom:57px} #origins #block1 img.onlymobile {display:none} #origins #block2 {margin-top:50px} #origins #block2 .bkg img {width:100%} #origins #block2 .l1 {margin-top:43px;font-size:40px;font-family: 'Bree Serif', sans-serif; line-height:50px; } #origins #block2 .l2 {margin-top:43px;font-size:24px;line-height:28px;font-weight:500 } #origins #block2 .left {float:left;width:260px;} #origins #block2 .right {float:left;width:684px} #origins #block2 .cntn {margin-left:9%} #block2 #cleanlabels{background-repeat:no-repeat !important;position:relative;background-size:100% !important;text-align:center;width:770px;height:341px;margin:-225px auto 0 auto } #awards #block2 #cleanlabels {margin-top:-207px} #block2 #cleanlabels .cntnt {padding-top:160px;max-width:533px;margin:0 auto} #block2 #cleanlabels .l3 {font-size:24px;line-height:1.25;} #block2 #cleanlabels .l4 {font-size:21px;margin-top:15px;font-family: 'Playfair Display', sans-serif; font-weight:700} #block2 #cleanlabels .l4 a {color:#000;text-decoration:underline} #origins #recipes {position:relative;padding-top:148px} #origins #recipes .par img {position:relative;} #origins #recipes .par {position:absolute;} #origins #recipes .par1 {left:0px;} #origins #recipes .par2 {left:50px;} #origins #recipes .par3 {left:0px;} #origins #recipes .par4 {right:-140px} #origins #recipes .par5 {right:-80px;} #origins #recipes .prods {padding-bottom:100px} #origins .prods a {position:relative} .page-id-2980 .prods a, .page-id-2993 .prods a {width:20%;text-align:center;margin:0 0 80px 0} .page-id-2980 #origins #recipes .prods, .page-id-2993 #origins #recipes .prods {padding-bottom:20px} #testims {position:relative;} #testims .l1 {position:relative;max-width:782px;line-height:95px;font-size:95px;font-weight:600;font-family:'Rajdhani';} #testims .l1::before {content:'';display:block;background:url('images/quo.jpg');width:41px;height:37px;position:absolute;top:-31px;left:-54px;} #testims .l2 {margin-top:-2px;max-width:936px;text-align:right;line-height:34px;font-size:28px;font-weight:600;font-family:'Rajdhani';} #testims .swiper-pagination {margin-top:-40px;right:0px; top: 50%; transform: translate(0,-50%);-webkit-transform: translate(0,-50%);} #testims .swiper-pagination .swiper-pagination-bullet {padding:0px;margin:0px 0px 22px 25px;height:5px;display:block;width:39px;background:#19a2f7} #testims .swiper-pagination .swiper-pagination-bullet-active {margin-left:0px;width:64px;} #testims .cntn {margin-left:159px} #testims .swiper-container{overflow:visible;} #testims .l3 {margin-top:20px} #testims .l3 a {padding-right:54px;font-size:30px;font-weight:600;font-family:'Rajdhani';} .page-template-product-olive-oil #ingredients {margin-top:240px} #ingredients {z-index:1;position:relative;margin-top:137px} #ingredients .left {margin-left:145px;float:left} #ingredients .right {text-align:left;margin-left:50px;float:left} #ingredients .box {float:left;width:310px;-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.20);-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.20);box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.20);padding:32px 24px 37px 24px;background-color:rgba(255, 255, 255, 0.8);} #ingredients .box:first-child {margin-right:30px} #ingredients .box:nth-child(2) img {display:inline-block} #ingredients .box .imgs img{max-width:100%;margin-right:10px} #ingredients .inner {display:inline-block} #ingredients .left .l1 {font-family: 'Bree Serif', sans-serif; font-size:24px;line-height:48px;} #ingredients .left .l2 {margin-top:4px;font-family: 'Rajdhani', sans-serif; font-weight:700;font-size:34px;line-height:37px;} #ingredients .left .l3 {margin-bottom:25px;font-family: 'Rajdhani', sans-serif; font-weight:400;font-size:22px;line-height:24px;} #ingredients .left .l3.last {margin-bottom:0px} #ingredients .right {margin-left:32px} #ingredients .right .awards {margin-top:85px} #ingredients .right .awards img{display:inline-block;margin-right:17px} #ingredients .right .awards a {line-height:26px;margin-top:33px;margin-left:19px;display:inline-block;font-size:20px;color:#000;font-weight:700;font-family: 'Rajdhani', sans-serif;} #ingredients .right .awards a span {text-decoration:underline} #ingredients {padding-bottom:173px;} .bigbg {background-size:50% !important;background-repeat:no-repeat !important;background-position:right bottom !important} #clean {height:850px;width:100%;position:relative;background-size:cover !important;background-repeat:no-repeat !important;background-position:left center !important} #clean .cntn { top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);position:absolute;left:170px;text-align:left;} #clean.page-3199, #clean.page-3228, #clean.page-3242, #clean.page-3251 {margin-top:150px} #clean.page-3199 .cntn, #clean.page-3228 .cntn, #clean.page-3242 .cntn, #clean.page-3251 .cntn {margin-top:20px} #clean .cntn .l1 {margin-top:320px;max-width:534px;font-size:24px;line-height:29px;color:#fff;font-weight:700;font-family: 'Rajdhani', sans-serif;} #clean .cntn .l2 {margin-bottom:43px;margin-top:10px;max-width:570px;font-size:20px;line-height:24px;color:#fff;font-weight:400;font-family: 'Rajdhani', sans-serif;} #clean .cntn .butn {padding-left:51px;padding-right:51px} #blogpull .blogpull {margin-right:106px;margin-top:-400px;float:right;position:relative;padding-top:44px;padding-bottom:50px;width:544px;} #blogpull .blogpull .l5 {margin-bottom:24px;font-size:22px;line-height:1.2em;font-weight:500} #blogpull .blogpull a {text-decoration:underline;color:#000;font-size:20px;line-height:1.2em;font-weight:700} #blogpull .blogpull .cntnt {width:100%;border:10px solid #19a2f7;position:absolute;padding:50px} #blogpull .blogpull img {margin-bottom:100px} #blogpull .blogpull img.onlymobile {display:none} #cooking {padding-bottom:55px;margin-top:113px;} #cooking .cntn {margin-left:106px} #cooking .l1 {width:47%;margin-bottom:20px;color:#000;font-size:50px;font-family: 'Bree Serif', sans-serif;line-height:53px;} #cooking .l2 {width:47%;color:#000;font-size:22px;font-family: 'Rajdhani', sans-serif;line-height:30px;} .page-id-3119 #cooking .l1 , .page-id-3119 #cooking .l2 {width:100% !important} #cooking .l2 span{text-transform:lowercase} #cooking .left {background-size:cover !important;background-repeat:no-repeat !important;background-position:center !important;height:542px;width:54%} #cooking.cooking2 .left {height:100%} #cooking .right {width:46%;} #cooking .cntnt {margin-top:25px;} #cooking .right .ctt {margin-left:138px;width:424px} #cooking .right .l3 {padding-bottom:24px;font-size:28px;font-family: 'Bree Serif', sans-serif;} #cooking .right .l4 li {padding-bottom:6px;font-size:16px;line-height:22px;} #cooking .right .l4 {position:relative;} #cooking .right .l4 {overflow:hidden;max-height:270px} #cooking .right .l4::after {position:absolute;bottom:-50px;left:0px;display:block;height:90%;width:100%;content:''; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.86) 60%, rgba(255,255,255,1) 70%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.86) 60%,rgba(255,255,255,1) 70%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.86) 60%,rgba(255,255,255,1) 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );} #cooking .right .butn {position:relative;z-index:9;padding-left:33px;padding-right:33px} #cooking sup { font-size: 70%;} /* product page specific colors and calculations: */ .page-template-product-coconut-sugar #productpage .hero .btm .center {width:372px;bottom:-80px;} .page-template-product-olive-oil #productpage .hero .btm .center {width:183px;bottom:-193px;} .page-id-3251.page-template-product-olive-oil #productpage .hero .btm .center {bottom:-100px;} .page-template-product-olive-oil #productpage .hero .btm .item2 .center {width:300px;bottom:-193px;} .page-template-product-olive-oil .rotator {margin-top:210px} .page-template-product-honey-golden #productpage .hero .btm .item1 .center {width:316px;bottom:-80px;} .page-template-product-honey-golden #productpage .hero .btm .item1 .center img {margin-left:-50px} .page-template-product-honey-golden #productpage .hero .btm .item2 .center {width:316px;bottom:-80px;} .page-template-product-honey-golden #productpage .hero .btm .item2 .center img {margin-left:-50px} .page-template-product-honey-golden #productpage .hero .btm .item3 .center {width:261px;bottom:-80px;} .page-template-product-honey-golden #productpage .hero .btm .item4 .center {width:277px;bottom:-80px;} .page-template-product-honey-golden .rotator a {margin-right:10px} .page-template-product-honey-creamed #productpage .hero .btm .item1 .center {width:277px;bottom:-80px;} .page-template-product-honey-creamed #productpage .hero .btm .item2 .center {width:316px;bottom:-80px;} .page-template-product-honey-creamed #productpage .hero .btm .item2 .center img {margin-left:-50px} .page-template-product-honey-creamed #productpage .hero .btm .item3 .center {width:261px;bottom:-80px;} .page-template-product-honey-creamed #productpage .hero .btm .item4 .center {width:277px;bottom:-80px;} .page-template-product-honey-creamed .rotator a {margin-right:10px} .page-template-product-honey-amber #productpage .hero .btm .item1 .center {width:316px;bottom:-80px;} .page-template-product-honey-amber #productpage .hero .btm .item2 .center {width:316px;bottom:-80px;} .page-template-product-honey-amber #productpage .hero .btm .item2 .center img {margin-left:-50px} .page-template-product-honey-amber #productpage .hero .btm .item3 .center {width:261px;bottom:-80px;} .page-template-product-honey-amber #productpage .hero .btm .item4 .center {width:277px;bottom:-80px;} .page-template-product-honey-amber .rotator a {margin-right:10px} .page-template-product-honey-light #productpage .hero .btm .item1 .center {width:229px;bottom:-54px;} .page-template-product-honey-light #productpage .hero .btm .item2 .center {width:316px;bottom:-80px;} .page-template-product-honey-light #productpage .hero .btm .item2 .center img {margin-left:-50px} .page-template-product-honey-light #productpage .hero .btm .item3 .center {width:261px;bottom:-80px;} .page-template-product-honey-light #productpage .hero .btm .item4 .center {width:277px;bottom:-80px;} .page-template-product-honey-light .rotator a {margin-right:10px} .page-template-product-agave-fair-trade #productpage .hero .btm .item1 .center {width:185px;bottom:-80px;} .page-template-product-agave-fair-trade #productpage .hero .btm .item2 .center {width:273px;bottom:-80px;} .page-template-product-agave-fair-trade #productpage .hero .btm .item3 .center {width:295px;bottom:-80px;} .page-template-product-agave-fair-trade #productpage .hero .btm .item4 .center {width:250px;bottom:-80px;} .page-template-product-agave-fair-trade .rotator a {margin-right:10px} .page-template-product-agave-fair-trade #productpage .hero .btm .left {left:0} .page-template-product-agave-amber #productpage .hero .btm .item1 .center {width:185px;bottom:-80px;} .page-template-product-agave-amber #productpage .hero .btm .item2 .center {width:273px;bottom:-80px;} .page-template-product-agave-amber #productpage .hero .btm .item3 .center {width:295px;bottom:-80px;} .page-template-product-agave-amber #productpage .hero .btm .item4 .center {width:245px;bottom:-80px;} .page-template-product-agave-amber .rotator a {margin-right:10px} .page-template-product-agave-amber #productpage .hero .btm .left {left:0} .page-template-product-agave-light #productpage .hero .btm .item1 .center {width:185px;bottom:-80px;} .page-template-product-agave-light #productpage .hero .btm .item2 .center {width:273px;bottom:-80px;} .page-template-product-agave-light #productpage .hero .btm .item3 .center {width:295px;bottom:-80px;} .page-template-product-agave-light #productpage .hero .btm .item4 .center {width:245px;bottom:-80px;} .page-template-product-agave-light .rotator a {margin-right:10px} .page-template-product-agave-light #productpage .hero .btm .left {left:0} .page-template-product-honey-golden .rotator a .txt {margin-top:8px} .page-template-product-honey-creamed .rotator a .txt {margin-top:8px} .page-template-product-honey-amber .rotator a .txt {margin-top:8px} .page-template-product-honey-light .rotator a .txt {margin-top:8px} .page-template-product-agave-fair-trade .rotator a .txt {margin-top:8px} .page-template-product-agave-amber .rotator a .txt {margin-top:8px} .page-template-product-agave-light .rotator a .txt {margin-top:8px} .page-template-product-coconut-sugar .fader { background-color: #7b562f;} .page-template-product-olive-oil .fader { background-color: #75702c;} .page-template-product-honey-golden .fader { background-color: #ffb91b;} .page-template-product-honey-creamed .fader { background-color: #e58a38;} .page-template-product-honey-amber .fader { background-color: #d44518;} .page-template-product-agave-fair-trade .fader { background-color: #be7529;} .page-template-product-agave-amber .fader { background-color: #d44518;} .page-template-product-agave-light .fader { background-color: #ffc70b;} .page-template-product-olive-oil #testims {margin-top:336px} .page-template-product-coconut-sugar #testims {margin-top:90px;} .page-template-product-honey-golden #testims {margin-top:107px;} .page-template-product-honey-creamed #testims {margin-top:107px;} .page-template-product-honey-amber #testims {margin-top:107px;} .page-template-product-agave-fair-trade #testims {margin-top:107px;} .page-template-product-agave-amber #testims {margin-top:107px;} .page-template-product-agave-light #testims {margin-top:107px;} .page-template-product-coconut-sugar #testims .l1 span{color:#7b562f} .page-template-product-olive-oil #testims .l1 span{color:#75702c} .page-template-product-honey-golden #testims .l1 span{color:#ffb91b} .page-template-product-honey-creamed #testims .l1 span{color:#e58a38} .page-template-product-honey-amber #testims .l1 span{color:#d44518} .page-template-product-agave-fair-trade #testims .l1 span{color:#be7529} .page-template-product-agave-amber #testims .l1 span{color:#d44518} .page-template-product-agave-light #testims .l1 span{color:#ffc70b} .page-template-product-coconut-sugar #testims .swiper-pagination .swiper-pagination-bullet-active {background:#7b562f} .page-template-product-olive-oil #testims .swiper-pagination .swiper-pagination-bullet-active {background:#75702c} .page-template-product-honey-golden #testims .swiper-pagination .swiper-pagination-bullet-active {background:#ffb91b} .page-template-product-honey-creamed #testims .swiper-pagination .swiper-pagination-bullet-active {background:#e58a38} .page-template-product-honey-amber #testims .swiper-pagination .swiper-pagination-bullet-active {background:#d44518} .page-template-product-agave-fair-trade #testims .swiper-pagination .swiper-pagination-bullet-active {background:#be7529} .page-template-product-agave-amber #testims .swiper-pagination .swiper-pagination-bullet-active {background:#d44518} .page-template-product-agave-light #testims .swiper-pagination .swiper-pagination-bullet-active {background:#ffc70b} .page-template-product-coconut-sugar #testims .l3 a {background:url('images/arrow-right-brown.jpg') no-repeat right;color:#7b562f;} .page-template-product-olive-oil #testims .l3 a {background:url('images/arrow-right-green.jpg') no-repeat right;color:#75702c;} .page-template-product-honey-golden #testims .l3 a {background:url('images/arrow-right-yellow.jpg') no-repeat right;color:#ffb91b} .page-template-product-honey-creamed #testims .l3 a {background:url('images/arrow-right-creamed.jpg') no-repeat right;color:#e58a38} .page-template-product-honey-amber #testims .l3 a {background:url('images/arrow-right-red2.jpg') no-repeat right;color:#d44518} .page-template-product-agave-fair-trade #testims .l3 a {background:url('images/arrow-right-brown2.jpg') no-repeat right;color:#be7529} .page-template-product-agave-amber #testims .l3 a {background:url('images/arrow-right-red2.jpg') no-repeat right;color:#d44518} .page-template-product-agave-light #testims .l3 a {background:url('images/arrow-right-yellow2.jpg') no-repeat right;color:#ffc70b} .page-template-product-olive-oil #clean:not(.page-3199):not(.page-3228):not(.page-3242):not(.page-3251) {background-position:left top !important;height:1108px;margin-top:-70px;} .page-template-product-olive-oil #clean:not(.page-3199):not(.page-3228):not(.page-3242):not(.page-3251) .cntn {top:auto;bottom:3vw;transform: translate(0,0); -webkit-transform: translate(0,0);} .page-template-product-olive-oil #clean:not(.page-3199):not(.page-3228):not(.page-3242):not(.page-3251) .cntn .l1 {margin-top:0px} .page-template-product-agave-fair-trade #clean {height:1108px;margin-top:-70px;} .page-template-product-agave-fair-trade #clean .cntn .l1 {margin-top:580px} .page-template-product-agave-amber #clean {height:1108px;margin-top:-70px;} .page-template-product-agave-amber #clean .cntn .l1 {margin-top:580px} .page-template-product-agave-light #clean {height:1108px;margin-top:-70px;} .page-template-product-agave-light #clean .cntn .l1 {margin-top:580px} .page-template-product-olive-oil #ingredients {padding-bottom:0px} .page-id-3185.page-template-product-olive-oil #ingredients {margin-top:60px} .page-template-product-agave-fair-trade #ingredients {padding-bottom:0px} .page-template-product-agave-amber #ingredients {padding-bottom:0px} .page-template-product-agave-light #ingredients {padding-bottom:0px} #productlp .fader { background-color: #fff;} #productlp .hero{position:relative;background-position:top center !important;height:100vh;} #productlp .hero .shadow {display:none;width:100%;height:60px;bottom:0px;left:0px;position:absolute;z-index:10;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); } #productlp .hero .container { width:100%; position:absolute;left:50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);} #productlp .hero .l1 {color:#fff;font-size:52px;line-height:68px;margin-top:11vw} #productlp .hero .l2 {letter-spacing:0px;margin:0px 0px 33px 0px;color:#fff;font-size:80px;line-height:86px;} #productlp .hero .l3 {margin:0 auto;max-width:511px;color:#fff;font-size:20px;line-height:27px;font-family: 'Rajdhani', sans-serif;} #productlp .hero .butn {cursor:pointer;margin-top:45px;padding-left:0px;padding-right:0px;width:193px;} #productlp #afterhero {height:786px} #productlp #subtext {margin:127px 0px 0px 0px;text-align:center} #productlp #subtext .l1{letter-spacing:1px;font-family: 'Bree Serif', sans-serif;font-size:74px;line-height:60px;} #productlp #subtext .l1 span , #productlp #subtext .l1 b{font-weight:700} #productlp #subtext .l2{letter-spacing:0.01em;margin-top:31px;font-family: 'Bree Serif', sans-serif;font-size:21px;line-height:28px;} #productlp .rotator {margin-top:23px} #productlp .rotator.m10 .ritem .txt {margin-top:8px} #productlp #productsbox {text-align:center} #productlp #productsbox a{display:inline-block} #productlp #productsbox.multiple a:hover img {opacity:0.4} #productlp #productsbox a img {-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;width:auto;opacity:1} #productlp #productsbox.honey a {margin-top:42px;} #productlp #productsbox.agave a {margin-top:42px;} #productlp #productsbox.oliveoil a {margin-top:58px;width:155px;} #productlp #productsbox.coconut a {margin-top:26px;width:300px;} #productlp #productsbox.multiple .item2, #productlp #productsbox.multiple .item3, #productlp #productsbox.multiple .item4{display:none} #productlp #productsbox.multiple a {-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;} #productlp #productsbox .minus60 {margin-left:-60px} #wheretobuy #block1 {margin-top:227px;text-align:center} #wheretobuy .title {font-family: 'Bree Serif', sans-serif;text-align:center;font-size:40px;line-height:55px;} #wheretobuy #block1 .l1 {margin:0 auto;max-width:635px;} .logos a {text-align:center;display:inline-block;padding:21px 28px;} .logos a img {max-width:100%} .logos a:hover {-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);} #wheretobuy #block1 .logos {margin:100px 0px -33px 0px} #wheretobuy #block2 {text-align:center} #wheretobuy #block2 .l1{margin-top:150px;margin-bottom:62px;} #wheretobuy #block2 .line1 {margin-bottom:45px;} #wheretobuy #block2 .line1 div {margin:0px 38px} #wheretobuy #block2 .line2 div {margin:0px 50px} #wheretobuy #block3 {text-align:center} #wheretobuy #block3 .l1{margin-top:159px;margin-bottom:57px;} #wheretobuy #block3 .localstores {text-align:left;max-width:920px;margin:0 auto} #wheretobuy #block3 .localstores .left {float:left;width:63%} #wheretobuy #block3 .localstores .right {float:right;width:37%} #wheretobuy #block3 .localstores .l2 {padding-bottom:24px;font-family: 'Bree Serif', sans-serif;color:#19a2f7;font-size:34px;} #wheretobuy #block3 .localstores table {margin-bottom:84px;width:100%} #wheretobuy #block3 .localstores table td {padding-right:10px;padding-bottom:2px;font-size:26px;font-weight:500;line-height:34px} #wheretobuy #block3 .localstores .left td:first-child {width:37%} #wheretobuy #block3 .localstores .left td:last-child {width:63%} #faq #block1 {margin-top:205px;text-align:center} #faq .aftercats {padding-bottom:95px;overflow:hidden;position:Relative} #faq .bgleft,#faq .bgright{position:absolute;top:0px;} #faq .bgleft {left:0px;} #faq .bgright {right:0px;} #faq .title {font-family: 'Bree Serif', sans-serif;text-align:center;font-size:80px;line-height:90px;} #faq .faq_container{} #faq .faq_question{position:relative;margin:0px;padding:0px;cursor:pointer;width:100%} #faq .question{display:block;font-size:25px;font-family: 'Bree Serif', sans-serif;font-weight:700;text-align:left;border-top:1px solid #000;padding:22px 55px;width:100%;} #faq .faqcontent > .l2 +.faq_container .question {border-top:0px;} #faq .act .faq_question {border-bottom:1px solid #000} #faq .faq_answer_container{display:none;text-align:left;overflow:hidden;padding:0px 55px;} #faq .faq_answer {margin-bottom:33px;margin-top:22px;padding-right:60px;font-family: 'Open Sans', sans-serif;font-weight:300;color:#2f2f2e;font-size:20px;line-height:28px} #faq .accordion-button-icon{width:25px;height:25px;background:url('images/acc-plusminus.jpg');font-weight:400;position:absolute;top:50%;right:16px;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);} #faq .accordion-button-icon {background-position:0px 0px} #faq .accordion-button-icon.active {background-position:0px -25px} #faq .faqcontent {max-width:940px;width:100%;margin:0 auto;display:none} #faq .faqcontent .l2 {margin-bottom:20px;color:#19a2f7;font-size:52px;line-height:60px;font-family: 'Bree Serif', sans-serif;} #faq .categs {margin:85px auto;max-width:1270px;width:100%} #faq .categs a{text-decoration:none !important;line-height:31px;-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.2);font-size:26px;font-weight:700;height:132px;justify-content: space-around;margin:1.5%;width:17%;} #faq .categs a, #faq .categs a:hover, #faq .categs a.inactive:hover {background:#19a2f7;color:#fff;} #faq .categs a.inactive {background:#fff;color:#19a2f7;} #contact #block1 {margin-top:180px } #contact #block1 .left {width:43%;} #contact #block1 .left img {width:100%} #contact #block1 .right {width:57%} #contact #block1 .container {width:100%;max-width:1460px;margin:0 auto} #contact #block1 .cntn {padding-left:27px;padding-right:47px;width:100%} /*#contact #block1 .left .cntn {margin-right:6.5%;display:inline-block;float:right;font-weight:700;text-align:left;color:#fff;font-size:167px;line-height:125px}*/ #gform_submit_button_4 {margin-right:5px;margin-top:13px;width:196px;padding-left:0px;padding-right:0px} #gform_fields_4 input, #gform_fields_4 textarea {padding-bottom:12px;border-bottom:1px solid #b7b7b7;background:#fff;width:100%;font-family: 'Bree Serif', sans-serif;color:#000;font-size:24px;line-height:30px} .gform_wrapper .gfield.gfield_error input:not([type="submit"]), .gform_wrapper .gfield.gfield_error textarea {border-bottom:1px solid red !important;border-left:0px !important;border-right:0px !important;border-top:0px !important} #gform_fields_4 ::-webkit-input-placeholder{font-family: 'Bree Serif', sans-serif;color:#b7b7b7;opacity:1;font-size:24px !important} #gform_fields_4 :-moz-placeholder{font-family: 'Bree Serif', sans-serif;color:#b7b7b7;opacity:1;font-size:24px !important} #gform_fields_4 ::-moz-placeholder{font-family: 'Bree Serif', sans-serif;color:#b7b7b7;opacity:1;font-size:24px !important} #gform_fields_4 :-ms-input-placeholder{font-family: 'Bree Serif', sans-serif;color:#b7b7b7;opacity:1;font-size:24px !important} #gform_fields_4 ::-ms-input-placeholder{font-family: 'Bree Serif', sans-serif;color:#b7b7b7;opacity:1;font-size:24px !important} #gform_fields_4 ::placeholder{font-family: 'Bree Serif', sans-serif;color:#b7b7b7;opacity:1;font-size:24px !important} #field_4_1 {float:left;width:47%} #field_4_2 {float:right;width:47%} #field_4_3 {float:left;width:47%} #field_4_4 {float:right;width:47%} #gform_fields_4 textarea {margin-top:13px;height:164px} #gform_fields_4 li {margin-bottom:42px} #contact #block2 {text-align:center;margin-top:70px} #contact .title {text-align:center;font-size:40px;font-weight:700;} #contact .logos {margin-top:31px;text-align:center;} #contact .butn {margin-top:54px;width:211px;padding-left:0px;padding-right:0px} #contact .gform_confirmation_message {font-weight:500; font-size:25px;} #contact #instafeed {width:100%} #contact #instafeed a {background-size:cover !important;background-repeat:no-repeat !important;background-position:center !important;float:left;padding:11% 0px;width:24%;margin:0px 0.5%;display:block;position:relative} #contact #instafeed a span {width:26px;height:26px;background:url('images/icon-insta.png');position:absolute;bottom:20px;right:20px} #contact #instafeed a img {width:100%} #contact #block3 {margin-top:74px} #contact #block3 .container {text-align:center;width:100%;max-width:1290px;} #contact #block3 .l2 {font-size:20px;font-weight:500;line-height:26px} #contact #block3 .l3 {margin-bottom:53px;margin-top:45px;} #contact #block3 .l3 a {color:#ffab09;font-size:32px;font-weight:700;line-height:26px} #contact #block3 .butn {margin-bottom:138px;width:307px;} #single {position:relative;margin-top:200px} #single .container{width:970px;position:relative;max-width:100%;} #single .image{text-align:center;margin-bottom:50px;} #single .image img{max-width:100%;height:auto;} #single .gallery img {border:0px !important} #single .content{width:780px;max-width:100%;margin:0 auto 60px auto;} #single .content > p{font-size:20px;line-height:27px;color:#222222;font-weight:500;margin:0 0 45px 0;} #single .content > p:first-child{position:relative;} #single:not(.cms) .content > p:first-child:before{width:4px;content:"";background-color:#ffa600;left:-25px;top:5px;display:block;position:absolute;bottom:5px;} #single .content blockquote{font-size:50px;position:relative;color:#000;text-align:left;line-height:50px;font-weight:600;display:block;max-width:480px;width:100%;margin:0 auto 45px auto;padding:0;border:0;} #single .content blockquote i {font-style:normal;color:#ffb91b} #single .content blockquote::before {content:'';display:block;background:url('images/quo.jpg');background-size:contain;width:22px;height:20px;position:absolute;top:-5px;left:-30px;} #single .content img + img,#single .gallery img + img{margin-left:18px;} #single .gallery{width:120%;text-align:center;} #single .gallery {margin-left:-10%} #single .gallery dl.gallery-item:nth-child(odd){margin-right:1%;width:42.7%} #single .gallery dl.gallery-item:nth-child(even) {margin-left:1%;width:55.3%} #single .gallery img {width:100%;height:auto} #single .back{position:absolute;left:5%;top:35px;} #single .back a{font-size:16px;color:#ffab09;font-weight:600;text-decoration:none;text-transform:uppercase;font-family:'Bree Serif', serif;} #single .back img{margin-right:10px;position:relative;top:-1px;} /** archive */ #archive {margin-top:200px} #archive .pagination {margin:0px auto 40px auto} #archive #posts{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:975px;max-width:100%;margin:65px auto 0 auto;} #archive article{text-align:center;margin-bottom:90px;} #archive article.big{width:100%;} #archive article.big.with-excerpt{-webkit-box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.11);box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.11);padding:50px 15px;} #archive article.big:not(.with-image) > div{width:780px;max-width:100%;margin:0 auto;text-align:left;} #archive article.big.with-image .image{margin-bottom:45px;} #archive article .image img {max-width:100%} #archive article.big .excerpt{width:790px;max-width:100%;text-align:left;margin:0 auto;} #archive article.small .excerpt{width:310px;max-width:100%;text-align:left;margin:-10px auto 0 auto;} #archive article.small{width:calc(50% - 8px);} #archive article.small + article.small{margin-left:16px;} #archive article .date, #single .date{text-align:center;font-size:30px;font-weight:500;color:#949494;margin-bottom:0px;} #archive article .title,#single .title {color:#222;text-align:center;font-size:40px;font-weight:600;text-transform:uppercase;margin-left:auto;margin-right:auto;line-height:48px;margin-bottom:6px;} #archive article.small .title{width:330px;max-width:100%;font-size:26px;line-height:29px;} #archive article.small .category a {font-weight:600;font-size:16px} #archive article.small .date {margin-bottom:8px;font-weight:600;font-size:18px} #archive article .title a{letter-spacing:0.02em;color:#222222;text-decoration:none;} #archive article .category, #single .category{text-align:center;margin:0 auto 20px auto} #archive article.big .category{margin-bottom:31px;} #archive article .category a, #single .category a{font-size:20px;color:#ffab09;text-transform:uppercase;text-decoration:none;font-weight:700;line-height:1;display:inline-block;border-bottom:1px solid #ffab09;} #archive article .excerpt > p{font-size:20px;line-height:27px;color:#222222;font-weight:500;margin:0 0 30px 0;} #archive article .excerpt > p:after{content:"...";} #archive article .excerpt + .a{width:310px;max-width:100%;text-align:left;margin:0 auto;} #archive article.big .excerpt + .a{margin:0;} #archive article.big.with-image .excerpt + .a{width:790px;max-width:100%;text-align:left;margin:0 auto;} #archive article .excerpt + .a a{font-weight:700;font-size:20px;text-decoration:none;color:#ffb847;text-transform:uppercase;} #archive article .excerpt + .a a:after{top:9px;content:"";display:inline-block;background-image:url(images/next.png);background-repeat:no-repeat;background-position:center;background-size:cover;width:35px;height:35px;margin-left:19px;position:relative;} #archive article img{max-width:100%;height:auto;} .selectric-wrapper{display:block;margin:0 auto 18px auto;width:325px;max-width:100%;text-align:left;} .selectric{border:0;background:transparent;position:relative;} .selectric .button{display:none;} .selectric .label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:40px;line-height:47px;height:47px;font-weight:400;color:#222222;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-family:'Bree Serif', serif;user-select:none;border-bottom:2px solid #bbbbbb;padding:0 30px 0 4px;border-radius:0;-webkit-border-radius:0;text-align:left;background-image:url(images/arr-down.gif);background-repeat:no-repeat;background-position:calc(100% - 15px) 50%;} .inner-categories .selectric-wrapper{position:relative;} .recipegallery {text-align:center;} .recipegallery .swiper-wrapper {align-items:center} .recipegallery .swiper-next, .recipegallery .swiper-prev { line-height:60px;font-family:'FontAwesome';color:#fff;outline:0; z-index:10;background:#19a2f7; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); width: 60px; height: 60px; background-position: center; background-repeat: no-repeat; cursor: pointer; position: absolute} .recipegallery .swiper-next {right:0px} .recipegallery .swiper-prev {left:0px} .recipegallery .container {max-width:1037px !important;margin:0 auto;width:100% !important} .recipegallery .cntn, .recipegallery .cntnt {position:relative} .recipegallery .swiper-slide {overflow:hidden} .recipegallery .swiper-slide .img {padding:34% 0;width:100%;background-size:contain !important;background-repeat:no-repeat !important;background-position:center !important} #recipespage .title{font-family:'Bree Serif', serif;font-size:48px;line-height:54px;} #recipespage .l1 {margin-top:207px} #recipespage .l2 {margin-bottom:137px;margin-top:17px;font-size:24px;line-height:30px} #recipespage li {margin-bottom:35px} #recipespage #block1 {text-align:center} #recipespage #block2 {height:500px;width:100%;position:relative;background-size:cover !important;background-repeat:no-repeat !important;background-position:center !important} .postid-3498 #recipespage #block2 {background-position: center 62% !important;} .postid-3498 #recipespage #block2 .container::after{width:100%;height:100%;content:'';position:absolute;top:0;left:0;background-color:rgba(0, 0, 0, 0.2);} .postid-3498 #recipespage #block2 h1{position:relative;z-index:1} .postid-3498 #recipespage #block2 .cntn {z-index:1} #recipespage #block2 .container {max-width:100%;width:100%;height:100%;position:relative;} #recipespage #block2 .cntn {position:absolute;left:4%;bottom:0px} #recipespage #block2 a {displaY:block;float:left;text-align:center;background:#19a2f7;width:60px;height:60px;margin-right:2px;} #recipespage #block2 a i {font-size:32px;vertical-align:-25px;font-family:'FontAwesome';color:#fff} #recipespage #block2 a.share i {font-size:26px;vertical-align:-23px;} #recipespage #block2 .popup {display:none; padding:8px;width:122px;border:1px solid #cccccc;background:#fff;position:absolute;bottom:65px;left:62px;} #recipespage #block2 .popup a i{padding-right:4px;vertical-align:0px;font-size:14px !important} #recipespage #block2 .popup a.twitter { text-decoration:none !important;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; font-size:15px;text-align:center;color:#fff;margin-bottom:8px;display:block;width:100% !important;padding:10px 0px;height:40px !important;background:#2ec7f5} #recipespage #block2 .popup a.btnMail {text-decoration:none !important;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size:17px;text-align:center;color:#fff;display:block;width:100% !important;padding:10px 0px;height:40px !important;background:#b3b3b3} #recipespage #block2 .popup .triangle {position:absolute;bottom:-11px;right:18px;z-index:100;width: 0;height: 0;border-style: solid;border-width: 11px 10.5px 0 10.5px;border-color: #fff transparent transparent transparent;} #recipespage #blogpull a.recipetitle{text-transform:lowercase;font-weight:400;margin-top:2px;margin-bottom:29px;display:inline-block;text-decoration:none;font-size:36px;font-family:'Bree Serif', serif;line-height:42px;} #recipespage #blogpull .blogpull .cntnt {padding-left:37px;padding-right:37px} #recipespage #blogpull a.butn {color:#19a2f7} #recipespage #blogpull a.butn:hover {color:#fff} #recipespage #blogpull .l6 {color:#ffab09;font-size:30px;font-family:'Bree Serif', serif;line-height:36px} #recipespage #blogpull .blogpull img {margin-top:60px;margin-bottom:60px} #recipespage #blogpull a.butn {padding:13px 50px} #recipespage #recipes ul { grid-column-gap: 2.8%;grid-template-columns: 20fr 20fr 20fr 20fr;} #recipespage #recipes {margin-top:224px;} #recipespage #recipes .l7 {margin-bottom:90px;margin-left:130px;text-align:left;font-size:60px;font-family:'Bree Serif', serif;line-height:75px;font-weight:400;} #recipespage #collectionsingle #recipes .l7 {text-align:center !important;margin-left:auto !important} #recipespage #recipes .categs a span{color:#000;font-size:15px;font-weight:500;display:block;padding-top:97px;} #recipespage #recipes .l8 {margin-bottom:84px;position:relative;margin-top:40px;text-align:center;} #recipespage #recipes .l8 span {padding-left:9px;padding-right:9px;positioN:relative;z-index:1;background:#fff;font-size:15px;line-height:22px;font-weight:500;} #recipespage #recipes .l8::after {height:1px;width:675px;background:#c8c8c8;position:absolute;left:0px;right:0px;margin:auto;top:15px;content:'';display:block} #recipespage #recipes li a.title {text-transform:lowercase ;font-family:'Rajdhani';font-weight:600} .pagination{width:auto;display:inline-block;clear:both;padding:20px 0;position:relative;} .pagination i {margin:0px} .pagination .next, .pagination .prev {margin:0px;font-size:20px;display:inline-block !important;padding:13px 0px 9px 0px;color:#16a1f7;border:2px solid #16a1f7;width:78px;} .pagination .prev {margin-right:10px;} .pagination .next {margin-left:10px;} .pagination #sf_paged {padding:0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size:30px;height:55px;width:38px;border:2px solid #c7c7c7;text-align:center;background:#fafafa;position:absolute;top:0px;margin:auto;left:0px;right:0px;} .pagination .page-numbers {font-size:20px;font-weight:600} #collections #recipes ul {grid-template-columns: 20fr 20fr 20fr !important;grid-column-gap: 2.8% !important} #collections #recipes ul li a {line-height:36px;font-size:30px} #collections #recipes ul li a.title {text-transform:none} #collections #recipes ul li {margin-bottom:19px} #collections .l9 {margin:68px auto 54px auto; width:100%;max-width:637px;font-family:'Bree Serif', serif;text-align:center;font-size:48px;line-height:55px;} #collections #recipes {margin:0px !important} #collections {text-align:center} #recipespage #collections {margin-bottom:30px} #collections .butn.blue {width:auto;padding-left:17px;padding-right:17px} #collectionspage .l9 {margin-top:200px} .recipegallery .swiper-button-disabled {display:none} .recipe-single#recipespage #block2 .cntn {left:auto;right:4%} .recipe-single#recipespage h1 { position:absolute;left:50%;top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);text-transform:lowercase;font-size:48px;line-height:57px;font-family:'Bree Serif';color:#fff;text-align:center;width:100%;max-width:525px} .recipe .nav-menu li a:hover {color:#ffab09 !important} .recipe .nav-menu li.wheretobuy a {color:#fff !important;background:#ffab09 !important} .recipe .nav-menu li.wheretobuy a:hover {color:#fff !important;background:#e69700 !important} .recipe-single#recipespage #descriptions{max-width:980px;margin:76px auto 132px auto} .recipe-single#recipespage .l1 {margin:0px 0px 16px 0px;font-size:48px;font-family:'Bree Serif', serif;} .recipe-single#recipespage #descriptions .overview {overflow:hidden;float:left;width:72%;} .recipe-single#recipespage #descriptions .overview .extraimage {width:100%;height:550px} .recipe-single#recipespage #descriptions .overview .cntn {padding-bottom:15px;padding-right:40px;border-right:2px solid #eaeaea;} .recipe-single#recipespage #descriptions .overview .content {min-height:100px;position:relative;line-height:24px;font-size:18px;font-weight:500} .recipe-single#recipespage #descriptions .overview .content ul {padding-bottom:10px;margin-left:54px} .recipe-single#recipespage #descriptions .overview .content li {list-style:disc;margin-bottom:5px} .recipe-single#recipespage #descriptions .overview .content p {margin-bottom:20px;} .recipe-single#recipespage #descriptions .ingredients {float:right;width:28%;} .recipe-single#recipespage #descriptions .ingredients .cntn {padding-bottom:15px;padding-left:50px;margin-left:-2px;border-left:2px solid #eaeaea} .recipe-single#recipespage #descriptions .ingredients .content {font-size:16px;line-height:16px} .recipe-single#recipespage #descriptions .ingredients .content li {margin-bottom:16px} .recipe-single#recipespage #descriptions .ingredients .content *, .recipe-single#recipespage #descriptions .ingredients .content li, .recipe-single#recipespage #descriptions .ingredients .content li * {font-weight:500 !important} .recipe-single#recipespage #descriptions .ingredients .servings {margin-bottom:30px} .recipe-single#recipespage #descriptions .ingredients .servings li {font-size:20px;margin-bottom:6px} .recipe-single#recipespage #descriptions .ingredients .servings strong {font-weight:700 !important;font-family: 'Bree Serif', serif;} .recipe-single#recipespage #descriptions .ingredients .content strong {font-weight:700 !important;} .recipe-single#recipespage .l2 {margin:10px 0px 33px 0px;font-size:28px;font-family:'Bree Serif', serif;} .recipe-single#recipespage #descriptions a.butn {text-align:center;padding-left:0px;padding-right:0px;width:193px;margin-top:40px;display:inline-block;} .recipe-single#recipespage #descriptions .content .mask{position:absolute;left:-2px;bottom:-15px;width:100%;height:50px;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );} .recipe-single#recipespage #descriptions .content[aria-expanded='true'] .mask {display:none !important} .recipe-single#recipespage #directions {margin:168px 0px;font-size:21px;line-height:30px;text-align:left} .recipe-single#recipespage #directions p {padding-left:40px} .recipe-single#recipespage #directions ol { counter-reset: item; } .recipe-single#recipespage #directions ol li {position:relative;padding-left:40px; display: block; } .recipe-single#recipespage #directions ol li:before { position:absolute;left:0px;top:0px;content: counter(item) ". "; counter-increment: item; color: #ffab09;font-weight:700;font-size:48px;line-height:48px } .recipe-single#recipespage #directions .l10 {margin-bottom:35px;padding-left:40px;font-size:48px;font-family:'Bree Serif', serif;} .recipe-single#recipespage #directions .left{width:50%} .recipe-single#recipespage #directions .left .ctt {width:620px} .recipe-single#recipespage #directions .right{min-height:385px;background-size:80% !important;background-repeat:no-repeat !important;background-position:top right !important;width:50%} .olive.honey .right .cntn {max-width:420px} .olive.honey .right img {width:auto !important} .olive.honey img.med {bottom:-84px} .olive.honey .right .cntn {margin-top:210px;margin-left:150px} .pairs#recipespage #recipes .l7 {margin-left:auto;margin-bottom:30px;font-size:48px;text-align:center} .pairs#recipespage #recipes {margin-top:150px} .selectric-items ul, .selectric-items li {font-size:14px !important} .recipesgridmobile {display:none} #origins.productmain #recipes {padding-top:40px} #origins.productmain #prodsbox {text-align:center;margin-top:212px} #origins.productmain #prodsbox .l1{ margin-bottom:105px; font-family: 'Bree Serif', sans-serif;font-size:74px;} #origins.productmain #prodsbox .l1 em {font-style:normal;position:relative} #origins.productmain #prodsbox .l1 em img {width:57%;position:absolute;bottom:63px;right:10px} #origins.productmain #prodsbox .inner { margin-bottom:15vw;margin-left:4%;margin-right:4%;grid-gap: 4%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr; flex-direction:row;} #origins.productmain #prodsbox .col {text-align:center;height:27vw; flex: 1;} #origins.productmain #prodsbox .col.hovered {margin-top:-100px;margin-bottom:200px} .page-id-3038 #origins.productmain #prodsbox .inner {display:flex;flex-wrap:wrap;max-width:1300px;margin-left:auto;margin-right:auto;margin-bottom:0vw} .page-id-3038 #origins.productmain #prodsbox .inner .col {flex:none;height:auto;flex-basis:25%;margin:auto auto 60px auto} .page-id-3038 #origins.productmain #prodsbox .col img {max-width:273px;position:static;left:auto;top:auto;bottom:auto;right:auto;margin:auto} @media screen and (min-width:1700px) { #origins.productmain #prodsbox .col.hovered {margin-bottom:150px} } @media screen and (max-width:991px) { #origins.productmain #prodsbox .col.hovered {margin-bottom:70px} } #origins.productmain #prodsbox .col a {width:100%;height:100%;display:block;position:relative;} #origins.productmain #prodsbox .col .mask {overflow:hidden;position:absolute;width:100%;height:100%;display:block;} #origins.productmain #prodsbox .col .mask .bg {transform: scale(1.5);-webkit-transform: scale(1.5);position:absolute;width:100%;height:100%;display:block;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;background-size:cover !important;background-repeat:no-repeat !important;} #origins.productmain #prodsbox .col:hover .bg {transform: scale(1.7);-webkit-transform: scale(1.7);} #origins.productmain #prodsbox .col .see {z-index:100;position:relative;display:block;padding-top:40px;text-decoration:underline;font-weight:700;font-size:30px;color:#fff;} #origins.productmain #prodsbox .col img {padding-left:30px;padding-right:30px;position:absolute;top:4vw;left:0px;right:0px;margin-left:auto;margin-right:auto;max-width:100%;height:auto} #awards.innerpage .hero {height:756px} #awards.innerpage .hero .l1_1 {color:#fff;font-size:28px;line-height:44px;font-family: 'Bree Serif', sans-serif;} #awards.innerpage .hero .l1_1 em {font-style:normal;font-size:40px} #awards.innerpage .hero .inner {max-width:780px;margin:9% auto 0px auto} #contentbottom .inner {max-width:750px;margin:20px auto 80px auto} /* AMBROSIA LP: */ #landingpage .wow {visibility:hidden} header#ambrosiaheader nav .nav-logo img {width:271px;height:99px} header#ambrosiaheader nav .nav-logo {width:auto} header#ambrosiaheader nav .nav-menu {width:calc(100% - 291px)} header#ambrosiaheader.fixed {top:-200px} header#ambrosiaheader.fixed.slidedown {top:0px} header#ambrosiaheader.fixed.slidedown nav .nav-logo img {width:150px;height:55px} header#ambrosiaheader.fixed.slidedown nav .nav-logo a {padding:0px 10px;margin-top:0px} header#ambrosiaheader.fixed.slidedown .nav-menu li {margin-top:10px} header#ambrosiaheader .nav-logo a {margin-top:41px} header#ambrosiaheader .nav-menu li {margin-top:82px} header#ambrosiaheader .nav-menu ul {text-align:right} header#ambrosiaheader nav {padding-left:30px;padding-right:30px} header#ambrosiaheader .nav-menu li:last-child a {padding-right:0px;margin-right:0px} header#ambrosiaheader .nav-menu a {text-transform:none;font-family: 'Ubuntu', sans-serif;font-size:20px;font-weight:500} header#ambrosiaheader .nav-menu li.current-menu-item a {color:#fff !important;text-decoration:underline } header#ambrosiaheader.fixed .nav-menu li.current-menu-item a {color:#000 !important;} #landingpage p {margin:0;padding:0} #landingpage h1, #landingpage h2, #landingpage h3 {padding:0;margin:0} #landingpage {font-family: 'Ubuntu', sans-serif;} #landingpage .hero::before {position:absolute;top:-5px;left:0px;width:100%;height:35px;content:'';background:url('images/hero-mask-top.png') no-repeat center;background-size:100%;} #landingpage .hero .container{position:relative} #landingpage .hero {overflow:visible;padding-top:0px;background-position: center bottom !important;position:relative;margin-top:182px} #landingpage .hero h1 {padding-top:30px;padding-bottom:22px;text-transform:uppercase;font-family: 'Caveat Brush', cursive;font-size:52px;line-height:1.4} #landingpage .hero h2 {font-family: 'Caveat Brush', cursive;font-size:114px;line-height:0.75} #landingpage .hero p {padding-top:28px;font-size:26px;line-height:1.15} #landingpage .hero .arrdown {cursor:pointer;width:18px;height:56px;background:url('images/arr-down.png');content:'';display:inline-block;margin-top:60px} .innerpage#landingpage .hero {height:712px;} #landingpage .hero .bee {position:absolute} #landingpage .hero .bee img {width:100%} #landingpage .hero .bee-1 {left:85px;bottom:-95px} #landingpage .hero .bee-2 {right:166px;bottom:150px;width:285px} #landingpage .hero .bee-2 img {transform:rotate(-60deg)} #landingpage #afterhero {margin-top:-35px;background-position:center bottom;text-align:center;background-repeat:no-repeat} #landingpage #afterhero .container {padding:167px 0px 245px 0px;position:relative} #landingpage #afterhero .inner h3 {font-size:50px;font-weight:700;line-height:1.2} #landingpage #afterhero .inner p {font-size:24px;line-height:1.4} #landingpage .tip {position:absolute} #landingpage #afterhero .tip.rightside {bottom:90px} #landingpage .tip .bubble {background:url('images/bubble.png');width:223px;height:147px} #landingpage .tip.leftside .bubble { margin-left:50px;transform: scaleX(-1);} #landingpage .tip.leftside .bubble p {transform: scaleX(-1);} #landingpage .tip.leftside .bee {margin-top:-14px;transform:rotate(20deg)} #landingpage .tip .bubble strong {display:block;text-decoration:underline;font-family: 'Caveat Brush', cursive;font-size:25px} #landingpage .tip .bubble p {font-size:16px;font-weight:500;line-height:19px} #landingpage .tip .bubble p:first-child {padding-bottom:5px} #landingpage .tip.rightside .bubble p:first-child {margin-top:-30px;} #landingpage .tip.rightside .bee {margin-top:-23px;margin-right:-75px;float:right;transform:rotate(-85deg)} #landingpage .tip.rightside {right:-5px} #landingpage .tip.leftside .bubble p:first-child {margin-top:-25px;} #landingpage .tip .bee {width:125px} #landingpage .tip .bee img {width:100%} #landingpage #products .product {background-size:cover !important;background-position:center;position:relative;} #landingpage #products .container {position:relative} #landingpage #products #product1 {margin-top:-110px} #landingpage #products #product1 {margin-right:15px} #landingpage #products #product2 {margin-left:15px} #landingpage #products #product1, #landingpage #products #product2 {height:888px;width:calc(50% - 15px)} #landingpage #products .product .title { white-space: nowrap;overflow: hidden; position: absolute; left: 0; line-height: 1; top: 190px; font-size: 203px; color: #f3ead9; font-weight: 700; text-transform: uppercase; opacity: 0.57; width: 100%;} #landingpage #products .ctabox {} #landingpage #products .ctabox {color:#fff} #landingpage #products .ctabox p {font-size:31px;line-height:1.3} #landingpage #products .ctabox a {text-decoration:none !important;color:#fff;display:inline-block;margin-top:30px;text-align:center;font-size:21px;font-weight:500;border:2px solid #fff;width:181px;padding:12px 0px} #landingpage #products .ctabox a:hover {background:#fff;color:#000} #landingpage #products .bottom {margin-top:-580px} #landingpage #products #product1 .ctabox, #landingpage #products #product2 .ctabox {width:calc(100% - 230px)} #landingpage #products #product1 .ctabox {padding-left:20px;padding-right:0px} #landingpage #products #product2 .ctabox {padding-right:10px;padding-left:10px} #landingpage #products #product1 .image, #landingpage #products #product2 .image {width:230px} #landingpage #products #product1 .image img, #landingpage #products #product2 .image img {width:100%} #landingpage #products .bottom .innr { align-items: center;} #landingpage #products #product1 .image {margin-left:-40px} #landingpage #products #product2 .ctabox {order:1} #landingpage #products #product2 .image {order:2;margin-right:-40px} #landingpage #products .last {margin-top:-140px} #landingpage #products .last .product{height:800px} #landingpage #products .last .innr { transform: translateY(277px);align-items: center;} #landingpage #products .last .image {width:496px;text-align:center} #landingpage #products .last .ctabox {margin-top:-105px;width:calc(100% - 496px);} #landingpage #products .last .ctabox h3 {font-size:50px;font-weight:700} #landingpage #products .last .ctabox p {padding-top:17px;max-width:624px;font-size:24px;line-height:1.2} #landingpage #products .last .ctabox a {margin-top:15px} #landingpage #wheretobuy {margin-top:295px;text-align:center} #landingpage #wheretobuy h3 {padding-bottom:9px;font-size:50px;font-weight:700} #landingpage #wheretobuy p {font-size:22px;line-height:1.4} #landingpage #wheretobuy .logos {margin-top:48px;} #landingpage #wheretobuy .logos .logos3, #landingpage #wheretobuy .logos .logos5 {display:none} #landingpage #simplebanner {margin-top:123px;height:700px;background-size:0 !important;background-position:center} #landingpage #simplebanner .inner {padding-left:77px;align-content: center; align-items: center;height:100%} #landingpage #simplebanner .inner h2 {margin-top:-140px;width:100%;color:#fff;font-size:107px;font-weight:700;line-height:1.1} #landingpage #simplebanner .inner p {padding-top:15px;max-width:760px;color:#fff;font-size:24px;line-height:1.3} #landingpage #since {position:relative;padding:120px 0px;text-align:center} #landingpage #since .tip {left:80px;top:-140px} #landingpage #since h3 {text-transform:uppercase;font-weight:700;font-size:80px} #landingpage #since .container p {padding-top:13px;max-width:840px;margin:0 auto;font-size:24px;line-height:1.3} #landingpage #since .quote {position:relative;max-width:1000px;margin:50px auto 0 auto;font-size:39px;font-weight:700;line-height:1.3} #landingpage #since .quote::before {content:'“';position:absolute;top:-100px;left:60px;font-size:283px;font-family: 'Rajdhani', sans-serif;opacity:0.15;font-weight:700} #landingpage #reviews {margin-top:20px;padding:70px 0px 140px 0px;text-align:center;background:#ffd204} #landingpage #reviews h3 {padding-bottom:60px;font-size:50px;font-weight:700} #landingpage #reviews h3 br {display:none} #landingpage #reviews .inner {margin-top:70px;height:100%;padding:0px 40px 20px 40px;background:#fff} #landingpage #reviews .container {position:relative} #landingpage #reviews .inner .text {font-size:29px;font-weight:500;line-height:1.1} #landingpage #reviews .inner .text span {color:#ffd204} #landingpage #reviews .inner .cust {padding-top:8px;font-size:22px;font-weight:500;line-height:1.2} #landingpage #reviews .inner .rating {padding:20px 0px} #landingpage #reviews .arrs {cursor:pointer;outline:none;top: calc(50% + 35px); transform: translate(0,-50%);background:url('images/arrow.png') no-repeat center;width:35px;height:35px;position:absolute;} #landingpage #reviews .arrs.swiper-next {transform:scale(-1);right:-65px} #landingpage #reviews .arrs.swiper-prev {left:-65px} #landingpage #reviews .swiper-pagination {left:0;right:0;margin:0px auto;bottom:-70px;} #landingpage #reviews .swiper-pagination span {padding:0px;margin:0 3px;display:inline-block;background:none;width:13px;height:13px;bordeR:1px solid #fff;border-radius:7px} #landingpage #reviews .swiper-pagination span.swiper-pagination-bullet-active {background:#fff;} #landingpage #reviews .swiper-slide {align-self: stretch;height:auto} #landingpage #reviews .topimg {width:136px;margin-top:-70px} #landingpage #reviews .tip {right:-15px;top:-185px} #landingpage.detailspage .hero {margin-top:0;height:950px;} #landingpage.detailspage .hero .container, #landingpage.detailspage .hero .inner{height:100%} #landingpage.detailspage .hero .container {z-index:99} #landingpage.detailspage .hero .inner{margin-top:200px;flex-wrap: nowrap;justify-content: center} #landingpage.detailspage .hero::before, #landingpage.detailspage .hero::after {display:none} #landingpage.detailspage .hero .text h1 {padding:0;margin:0;font-size:55px;font-family:'Ubuntu';font-weight:700;color:#fff} #landingpage.detailspage .hero .text p {padding:0;margin:0;font-size:31px;font-family:'Ubuntu';color:#fff} #landingpage.detailspage .hero .top {width:100%} #landingpage.detailspage .hero .bottom {align-items: center;width:100%} #landingpage.detailspage .hero .bottom .left {position:relative;height:150px;align-self:flex-end;width:40%} #landingpage.detailspage .hero .bottom .center {width:20%} #landingpage.detailspage .hero .bottom .right {height:150px;align-self:flex-end;width:40%} #landingpage.detailspage .hero .center img{max-width:100%;margin-top:55px} #landingpage.detailspage .hero .right{color:#fff;} #landingpage.detailspage .hero .cntn {margin-top:-200px} #landingpage.detailspage .hero .right .l3 {position:relative;padding-bottom:12px;margin-bottom:24px;border-bottom:1px solid #fff;font-size:20px;} #landingpage.detailspage .hero .right .l3 .dec {text-decoration:underline} #landingpage.detailspage .hero .right .l3 .nutrilabel {z-index:999999;display:none;text-align:center;position:absolute;right:-32px;top:-20px;padding:20px 15px;background:#fff;box-shadow: 0px 14px 19px 0px rgba(0,0,0,0.12);} #landingpage.detailspage .hero .right .l3 .nutrilabel > div {text-align:right;padding-right:21px} #landingpage.detailspage .hero .right .l3 .nutrilabel img {margin-top:15px} #landingpage.detailspage .hero .right .l3 .l3l {float:left;display:inline-block} #landingpage.detailspage .hero .right .l3 .l3r {cursor:pointer;float:right;display:inline-block} #landingpage.detailspage .hero .right .l3 .l3lab {color:#000;cursor:pointer;} #landingpage.detailspage .hero .right .l4 .l2b {text-align:left;float:left;margin-right:33px} #landingpage.detailspage .hero .right .l4 .l2b .l5 {font-size:18px;} #landingpage.detailspage .hero .right .l4 .l2b .l6 {line-height:0.8;font-size:54px;font-weight:700;} #landingpage.detailspage .hero .right .cntn {margin-left:35px;max-width:448px} #landingpage.detailspage .hero .bottom .left .cntn {position:relative} #landingpage.detailspage .hero .bottom .left .hexagon { position: absolute;width:106px;height:91px;background:url('images/hexa.png')} #landingpage.detailspage .hero .bottom .left .hexagon span {font-weight:500;display:inline-block;font-size:15px;line-height:16px} #landingpage.detailspage .hero .bottom .left .hexagon.hexa1 {top:48px;right:0px;} #landingpage.detailspage .hero .bottom .left .hexagon.hexa2 {top:0px;right:85px;} #landingpage.detailspage .hero .bottom .left .hexagon.hexa3 {top:48px;right:170px;} #landingpage.detailspage #wheretobuy {margin-top:210px} #landingpage.detailspage #block3 {margin-top:100px} #landingpage.detailspage #block3 .butn {border:2px solid #ffb847;color:#ffb847} #landingpage.detailspage #block3 .butn:hover {background:#ffb847;color:#fff} #landingpage.detailspage #block3 .titl {text-align:center} #landingpage.detailspage #block3 .titl h3 {font-size:40px;font-weight:700} #landingpage.detailspage #block3 .titl p {padding-top:5px;font-size:20px} #landingpage.detailspage .hero {position:relative} #landingpage.detailspage .hero .nextprev.product-prev { left: 53px; background-position: 0px 0px; } #landingpage.detailspage .hero .onlymobile {display:none !important} #landingpage.detailspage .hero .nextprev { -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px; transition: background-color 0.5s ease;-webkit-transition: background-color 0.5s ease;-moz-transition: background-color 0.5s ease; background: url('images/prevnext.png') no-repeat center; font-weight: 300; color: #fff; text-align: center; z-index: 100; position: absolute; border: 2px solid #fff; width: 75px; height: 75px; top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); } #landingpage.detailspage .hero .nextprev.product-next { right: 53px; background-position: -75px 0px; } @keyframes heroAnimation { 0% { transform: scale(1); } 50% { transform: scale(1.7); } 100% { transform: scale(1); } } #landingpage.detailspage {overflow:hidden} #landingpage.detailspage .hero .bg {overflow:hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #landingpage.detailspage .hero .bg div {animation: heroAnimation 120s linear infinite; animation-delay: 3s; width: 100%; height: 100%;background-size: cover; background-position: center; background-repeat: no-repeat;} #landingpage.detailspage .hero .nextprev.product-prev:hover {background-color:#fff;background-position:0px -75px} #landingpage.detailspage .hero .nextprev.product-next:hover {background-color:#fff;background-position:-75px -75px} .page-id-2810 #landingpage.detailspage .hero .inner {margin-top:135px} .page-id-2810 #landingpage.detailspage .hero .bottom .center {width:22%} .page-id-2810 #landingpage.detailspage .hero .bottom .left, #landingpage.detailspage .hero .bottom .right {width:39%} .page-id-2810 #landingpage.detailspage .hero .center img {transform:translateY(50px)} .page-id-2810 #landingpage.detailspage .hero .cntn {margin-top:-90px} #landingpage.detailspage .hero .item2, #landingpage.detailspage .hero .item3, #landingpage.detailspage .hero .item4, #landingpage.detailspage .hero .item5 {display:none} #landingpage.detailspage .rotator a {margin:0px 8px;position:relative;transition:none;-webkit-transition:none;width:69px;height:132px;background-position:0px 0px} #landingpage.detailspage .rotator a:first-child {margin-right:-6px} #landingpage.detailspage .rotator a span {color:#000;} #landingpage.detailspage .rotator a .txt {position:absolute;bottom:-30px;left:0;right:0;margin:auto} #landingpage.detailspage .rotator a.active {background-position:0px -132px} #landingpage.detailspage .rotator a.active span {color:#ba850c;} #landingpage.detailspage .rotator a .l1, #landingpage.detailspage .rotator .ritem .l1 {font-size:17px;font-family:'Rajdhani';font-weight:500} #landingpage.detailspage #sizes + #wheretobuy {margin-top:60px} .page-id-3228.page-template-product-olive-oil .fader { background-color: #b94d4f;} .page-id-3228 .video-container.oliveoil::before {background-color:rgba(185, 77, 79, 0.8);} .page-id-3242.page-template-product-olive-oil .fader { background-color: #b4b281;} .page-id-3242 .video-container.oliveoil::before {background-color:rgba(180, 178, 129, 0.8);} .page-id-3251.page-template-product-olive-oil .fader { background-color: #7f383c;} .page-id-3251 .video-container.oliveoil::before {background-color:rgba(127, 56, 60, 0.8);} .clean-pantry-giveaway main ol{ list-style: decimal; padding-left: 1em; } .clean-pantry-giveaway main ol ::marker { font-weight: bold; }