/* Colours */ :root { --ovavo-green: #000000; --ovavo-neon-green: #b9d54c; --ovavo-mid-grey: #bebebe; --ovavo-light-grey: #f7f7f7; } h2,h3,h4 { text-transform:uppercase; } ul { padding-left:20px; } /* Elementor default padding */ .elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding:0 ;} .intro-page > .elementor-container > .elementor-column > .elementor-element-populated { padding:0;} .elementor-template-full-width .jupiterx-main-content, .elementor-template-full-width .jupiterx-main-content > .container { max-width:100%; padding:0;overflow:hidden;} /* Layer padding */ .layer { padding-top:100px; padding-bottom:100px;} @media screen and (max-width:1420px){ .layer { padding-left:50px; padding-right:50px;} } @media screen and (max-width:900px){ .layer { padding-left:30px; padding-right:30px; padding-top:50px; padding-bottom:50px;} } /* Alternating */ .layer.alternating { padding-left:0; padding-right:0; } .layer.alternating .text-col {padding: 5vw;padding-left: calc(50% - 660px);} .layer.alternating { padding-top:0;padding-bottom:0;} .layer.alternating .image-col { min-height:300px;} .layer.alternating .image-col .elementor-widget-wrap { display:flex; align-items:center; justify-content:center; flex-direction:column;} .layer.alternating .elementor-inner-section > .elementor-container > .text-col:first-child > .elementor-widget-wrap {/* justify-content: flex-end; */display: flex;} .layer.alternating .elementor-inner-section > .elementor-container > .text-col:last-child { padding-left:5vw;padding-right: calc(50% - 660px);} @media screen and (max-width:1480px){ .layer.alternating .text-col {padding-left: 5vw;} .layer.alternating .elementor-inner-section > .elementor-container > .text-col:last-child { padding-right:5vw;} } @media screen and (max-width:600px){ .layer.alternating .text-col .elementor-column-wrap { padding: 30px 0; } .layer.alternating .text-col, .layer.alternating .elementor-inner-section > .elementor-container > .text-col:last-child, .layer.alternating .elementor-inner-section > .elementor-container > .text-col:first-child { padding:30px;} } /* Banners */ .layer.banner-left, .layer.banner-right { padding-top:100px; padding-bottom:100px;} /* Cards */ .layer.image-cards .card .elementor-widget-wrap { padding:250px 50px 50px 50px;} .layer.image-cards .card .elementor-column-wrap { margin:20px;} @media screen and (max-width:600px){ .layer.image-cards .card .elementor-column-wrap { margin:0;} } /* Accordions */ .elementor-toggle-icon-right .fas, .layer.accordions .elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened.fas { display:none !important;} .elementor-toggle-icon .elementor-toggle-icon-closed:before, .layer.accordions .elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened:before {display:flex;align-items:center;justify-content:center;content: "+";font-size: 28px;font-weight:normal;border-radius:35px;width:35px;height:35px;background-color:var(--ovavo-neon-green);transition: transform 0.3s ease;/* line-height: 37px; */text-align: center;padding-bottom: 2px;} .layer.accordions .elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon-opened:before {transform:rotate(45deg);transition: transform 0.3s ease;} .elementor-toggle .elementor-tab-title .elementor-toggle-icon {width:auto;margin-top: -7px;} .elementor-toggle { border-top:1px solid #d4d4d4;} /* Resources */ body .jet-listing .Gated .elementor-button.elementor-size-sm:after, .elementor-widget-button.gated a:after, .elementor-button-wrapper.gated a:after {content: '\F023';font-family: "Font Awesome 5 Free";color: var(--ovavo-green); padding:10px;} body.ovavo-hs-ident .jet-listing .Gated .elementor-button.elementor-size-sm:after, body.ovavo-hs-ident .elementor-widget-button.gated a:after, body.ovavo-hs-ident .elementor-button-wrapper.gated a:after { display:none;} .elementor-button-wrapper.gated a:after {content: '\F023';font-family: "Font Awesome 5 Free";color: var(--ovavo-green); padding:10px;} .elementor-265 .elementor-element.elementor-element-08983cb > .elementor-widget-container {padding: 25px 0px 0px 0px;} /* mystery meat styling ? */ /* Parallax image */ .layer.parallax-image { padding:250px; margin-top:60px; margin-bottom:60px; } /* Top menu */ .top-menu .raven-nav-menu li.menu-item { display:flex;} .top-menu .raven-nav-menu li.menu-item:before { content: "•"; padding:5px 10px; color:var(--ovavo-neon-green);font-size:35px;line-height:15px;text-decoration:none;} @media screen and (max-width:1100px){ .raven-submenu-item { margin-left: 20px !important;} } /* green dot */ /* .green-dot:after {content: "•"; padding:5px 0; color:var(--ovavo-neon-green);font-size:35px;line-height:15px;} .green-dot {} */ /* le menu */ .raven-site-logo img, .raven-site-logo svg { max-width:100%;} .menu-item a { text-underline-offset: 3px; } .menu-item a:hover, .menu-item.current_page_parent > a, .menu-item.current_page_item > a, .menu-item.current_page_ancestor > a, .elementor a.raven-menu-item-active, .raven-menu-item-active {text-decoration:underline;} .menu-item-has-children > a:after { content: "+"; text-decoration:none; float:right; margin-left:5px;transition: transform 0.3s ease; font-weight:400;} .menu-item-has-children:hover > a:after { transform: rotate(45deg); transition: transform 0.3s ease;} .raven-nav-menu li.menu-item>a.raven-link-item .sub-arrow { display:none;} /* fix wrong menu link underlined on resource archives - the ol' wordpress post archive issue */ .post-type-archive-resource .menu-item-269 a, .tax-resource_category .menu-item-269 a, .single-resource .menu-item-269 a{ text-decoration:none;} .post-type-archive-resource .menu-item-27 a, .tax-resource_category .menu-item-27 a, .single-resource .menu-item-27 a { text-decoration:underline; } /* Blog */ .blog-breadcrumb a { color:#fff;} .blog-breadcrumb p { margin-bottom:0;} .jupiterx-widget.widget_categories ul { display:flex;} .jupiterx-widget.widget_categories ul li { padding:10px 0; margin: 0 20px 20px 0;} .jupiterx-widget.widget_categories ul li a { text-transform: uppercase;} .jupiterx-widget.widget_categories ul li.current-cat a, .jupiterx-widget.widget_categories ul li a:hover { text-decoration: underline;} .post-heading { border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; padding:7px 0 0 0;} .raven-post-categories, .raven-post-date { font-size:0.9em;} .raven-post-meta-divider { padding:0 6px;} /* Homepage intro */ #intro_home { } #intro_home > .elementor-container { min-height:45vw; } #intro_home .elementor-widget-wrap{ } #scroll_prompt { width:100px; position:absolute;bottom:0; left:calc(50% - 50px); text-align:center;} #scroll_prompt:after { content:" "; display:block; width:50%; height:50px;border-right:1px solid #fff;} #scroll_prompt * { color:#fff;} #intro_home .home-inner .elementor-container {margin-top: 20%;} @media screen and (max-width:1100px){ #intro_home > .elementor-container { min-height:60vw;} } @media screen and (min-width:1200px) and (max-width:1300px){ #intro_home .home-inner .elementor-container {min-height: 300px;} } @media screen and (max-width:800px){ #intro_home > .elementor-container { min-height:400px;} } /* Layer - Resource tiles */ .layer.resource-tiles { } .layer.resource-tiles h4 { border-top:1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding:10px 0 8px 0; text-transform:uppercase; margin-bottom:10px; font-weight:400; } .layer.resource-tiles h4 a { display:flex; align-items:center; } .resource-img { margin-bottom:20px;} .button.download { background-color:var(--ovavo-green); color:#fff; padding:10px 40px; border-radius:20px;} /* Layer - video */ .layer.video { position:relative;} .raven-video-thumbnail { background-size:inherit !important; background-repeat:no-repeat !important; background-position:center center !important;} .raven-video-thumbnail:after { display:none;} /* Heading styles */ .grey-borders { border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; padding:10px 0 50px 0; } /* Buttons */ body .elementor-button-wrapper a { display:flex; align-items:center;} body .elementor-button { background-color:transparent; padding:0; font-size:14px;} body .elementor-button-content-wrapper { color:var(--ovavo-green);text-transform:uppercase;font-weight:400; } body .elementor-button:hover .elementor-button-content-wrapper { color:var(--ovavo-green); text-decoration:underline;} /* Light buttons */ body .elementor-widget-button.light .elementor-button .elementor-button-content-wrapper { border-color:#fff; color:#fff; } body .elementor-widget-button.light a:hover, body .elementor-widget-button.light a:hover .elementor-button-content-wrapper { color:#fff;} /* very small simple button */ body .elementor-button.elementor-size-xs {padding: 10px 0;text-decoration:underline;font-size: 1rem;} /* Small (regular) button */ body .elementor-button.elementor-size-sm:before { content: "\f061"; padding:10px; border-radius: 30px; background-color:var(--ovavo-neon-green); font-size:15px; color:var(--ovavo-green); font-family: "Font Awesome 5 Free"; transform: rotate(45deg); display: flex; width: 30px; height: 30px; line-height: 30px; align-items: center; justify-content: center; margin-right:10px; font-weight:600; } body .elementor-size-sm .elementor-button-content-wrapper { color:var(--ovavo-green);text-transform:uppercase;font-weight:400; border:1px solid var(--ovavo-green); border-radius:20px; padding:7px 15px;} /* medium button */ body .elementor-button.elementor-size-md { } /* green button, dark dot */ .green-button .raven-button, .green-button a.raven-button { background-color:var(--ovavo-neon-green); color:var(--ovavo-green); border-radius:30px; margin:15px 0 0 15px;padding:12px 20px;} .green-button .raven-button .raven-button-text, .green-button a.raven-button .raven-button-text {display:flex;align-items:center;font-size:14px;font-weight: 500;line-height: 15px;} .green-button .raven-button .raven-button-text:before, .green-button a.raven-button .raven-button-text:before {content: "•"; padding: 0px 10px 0 0; color:var(--ovavo-green);font-size:35px;line-height:15px;} .sticky-header .green-button .raven-button, .sticky-header .green-button a.raven-button{ margin:0 5px; padding:8px 15px;} .sticky-header .green-button .raven-button .raven-button-text, .sticky-header .green-button a.raven-button .raven-button-text {} @media screen and (max-width:600px){ .green-button .raven-button, .green-button a.raven-button { margin:30px 10px 0 0; } .sticky-header .green-button .raven-button, .sticky-header .green-button a.raven-button { margin:10px 0;} } /* Country menu */ .avo-menu { display:flex; align-items:center;} .country-menu {position:relative;} .country-menu .active-link {display:flex;align-items:center; width:150px;} .country-menu .active-link:after { content:'\f078';font-family:"font awesome 5 free"; margin:0 10px;} .country-menu ul {display:none;flex-direction:column;justify-content:flex-start;position:absolute;bottom: -210px;background-color: var(--ovavo-green);width: 150px;padding: 10px;align-items: flex-start; left:-20px;} .country-menu:hover ul, .country-menu ul:hover{display:flex;} .country-menu ul li{list-style-type:none;padding:10px;display:flex;align-items: center;} .country-menu ul li a { color:#fff;} footer .avo-menu { flex-wrap:wrap;} footer .country-menu { width:100%;} footer .country-menu ul {display:flex;position:relative;bottom: inherit;width: 100%; flex-direction:row; left:inherit;} footer .country-menu .active-link { display:none;} footer .avo-page-links { width:100%;} /* .country-menu .en:before, .country-menu .ko:before, .country-menu .th:before, .country-menu .hi:before, .country-menu .tw:before {display:block;content: ' ';width:18px;height:18px;margin-right: 7px;background-size:contain;background-position:center center;background-repeat:no-repeat;} .country-menu .en:before {background-image:url('/wp-content/themes/ovavo/assets/img/en.png');} .country-menu .ko:before {background-image:url('/wp-content/themes/ovavo/assets/img/ko.png');} .country-menu .th:before {background-image:url('/wp-content/themes/ovavo/assets/img/th.png');} .country-menu .hi:before {background-image:url('/wp-content/themes/ovavo/assets/img/hi.png');} .country-menu .tw:before {background-image:url('/wp-content/themes/ovavo/assets/img/tw.png');} */ .avo-page-links ul {display:flex; margin:0 50px 0 0;} .avo-page-links ul li {display:none; list-style-type:none;padding:10px;} .avo-page-links ul li a { color:#fff; } .avo-page-links.current-en .en { display:block;} .avo-page-links.current-hi .hi { display:block;} .avo-page-links.current-th .th { display:block;} .avo-page-links.current-tw .tw { display:block;} .avo-page-links.current-ko .ko { display:block;} .ingredient-heading, .instruction-heading { margin:15px 0;} .instruction, .ingredient { margin:10px 0;} /* Layer - Testimonials */ .layer.testimonials {width:100%; max-width:100%;overflow:hidden;} .layer.testimonials .testimonial {display:flex !important; } .layer.testimonials .swiper-wrapper{/* padding:0 50px; */} .layer.testimonials .testimonial .testimonial-text { width:50%;padding-right:8vw; } .layer.testimonials .testimonial .testimonial-image { width:50%; } .layer.testimonials .testimonial .testimonial-content { border-top:1px solid #cfcfcf; padding-top:15px; font-size:1.4em;} .layer.testimonials .testimonial .testimonial-content p:first-child:before {content:'“';} .layer.testimonials .testimonial .testimonial-content p:last-child:after { content:'”';} .layer.testimonials .testimonial .name { text-transform:uppercase; } .layer.testimonials .swiper-pagination { position:relative;} .layer.testimonials .swiper-pagination-bullet { width:10px; height:10px; border-radius:10px;} .layer.testimonials .swiper-container-horizontal>.swiper-pagination-bullets { bottom:inherit;} @media screen and (max-width:800px){ .layer.testimonials .testimonial { flex-direction:column;} .layer.testimonials .testimonial .testimonial-image { order:1; width:100%; } .layer.testimonials .testimonial .testimonial-text { order:2; width:100%;} } /* Layer - carousel buttons */ .layer.carousel-buttons { } body .layer.carousel-buttons .elementor-button-wrapper:before { content: ""; display:none; } body .layer.carousel-buttons .elementor-button-wrapper:after { content: "\f061"; padding:10px; border-radius: 30px; background-color:var(--ovavo-neon-green); font-size:15px; color:var(--ovavo-green); font-family: "Font Awesome 5 Free","Fontawesome"; display: flex; width: 30px; height: 30px; line-height: 30px; align-items: center; justify-content: center; margin-left:10px; } body .layer.carousel-buttons .elementor-button { border:none; border-radius:0; padding:15px 0; display:block; flex:1; text-align:left; font-size:20px; } body .layer.carousel-buttons .elementor-button-wrapper { display:flex; justify-content:space-between; align-items: center; } body .layer.carousel-buttons .elementor-widget-button {margin-bottom:0;border-top:1px solid #cfcfcf;} body .layer.carousel-buttons .elementor-widget-button:last-child { border-bottom:1px solid #cfcfcf;} /* Swiper */ body .swiper-pagination {text-align:right;padding-top: 10px;bottom:0;height: 30px;} .swiper-slide a.raven-post-image { display:block;} /* landing page */ .landing-form-container .elementor-widget-wrap {width:660px; padding:20px !important;z-index:100; } @media screen and (max-width:1100px){ .landing-form-container .elementor-widget-wrap { position:relative; bottom:inherit; width:100%; max-width:600px; margin-top:30px;} } /* Scroll top */ .jupiterx-scroll-top { background-color:var(--ovavo-neon-green); color:var(--ovavo-green); border-radius:50px; height:50px; width:50px; display:flex; align-items:center; justify-content:center;border:none;box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.28);opacity:0.8;} .jupiterx-scroll-top:hover { opacity:1;} /* Footer */ .jupiterx-footer ul { padding:0;} .jupiterx-footer ul li { list-style-type:none;} .jupiterx-footer a, .jupiterx-footer a:hover {color:#fff;} /* GDPR */ #cookie-law-info-bar {font-family: 'DM Sans' !important;} #wt-cli-privacy-save-btn {background: var(--ovavo-neon-green) !important; border-color: var(--ovavo-neon-green) !important; color: var(--ovavo-green) !important;} .cli-switch input:checked+.cli-slider {background: var(--ovavo-neon-green) !important;} .resource-tile {} .resource-tile .resource-cats { padding:15px 0;} /* WooCommerce */ .woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs .slick-track { justify-content:flex-start;} .woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs { max-width:100%; margin:0;padding:10px 0;} .woocommerce div.product div.woocommerce-product-gallery .flex-control-thumbs img.flex-active { border-color:var(--e-global-color-4cfa3af); } .woocommerce form.cart button.button.single_add_to_cart_button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .jupiterx-wc-loadmore {background-color: var(--ovavo-neon-green) !important;color: var(--ovavo-green) !important;border-radius: 30px;border:none !important;padding: 10px 20px !important;text-transform:uppercase;height: auto;line-height: 1em;float: none;} .woocommerce form.cart button.button.single_add_to_cart_button:hover {background-color:rgba(220,255,75,0.8);} .woocommerce div.product form.cart div.quantity { margin:0;} .woocommerce form.cart div.quantity .input-group, .woocommerce .product-quantity div.quantity .input-group { display:flex;} .woocommerce div.product form.cart div.quantity .input-group input { flex:1;} .woocommerce div.product.elementor .woocommerce-variation-add-to-cart .quantity input { height:inherit;} .woocommerce div.product form.cart .variations td.label { display:none;} .woocommerce div.product p.price, .woocommerce div.product span.price { color:var(--ovavo-green); } .woocommerce a.button.jupiterx-continue-shopping { background-color:#fff !important; border:1px solid var(--ovavo-green) !important; } .raven-button:focus, .raven-button:hover, .raven-button:visited, a.raven-button:focus, a.raven-button:hover, a.raven-button:visited { color:inherit;} .woocommerce-notices-wrapper { max-width:1200px; margin:0 auto; background-color:var(--ovavo-light-grey);} .woocommerce-error, .woocommerce-info, .woocommerce-message {margin:20px 0 0 0;display: flex;align-items: center;justify-content:space-between;background-color:#fff;} .woocommerce-info { border-top-color:var(--ovavo-green);} .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { display:none;position:relative; top:inherit;left:inherit;} .woocommerce-page .woocommerce-message .button { float:none; order:2;} .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {background-color: var(--ovavo-light-grey);margin:0;margin-bottom:50px;max-width: 600px;margin: 0 auto 50px auto;} form.checkout.woocommerce-checkout {padding-top:50px;display: block;clear: both;} .jupiterx-wc-steps { padding:50px 50px 0px 50px;} .jupiterx-wc-step-active .jupiterx-wc-step-number { background-color:var(--ovavo-neon-green);color:var(--ovavo-green);} .woocommerce-form-coupon { display:block; width:100%;} .woocommerce-form-coupon .coupon-form {display:flex;align-items:center;justify-content: center;background-color:var(--ovavo-light-grey);padding:20px;} .woocommerce-form-coupon .coupon-form h4, .woocommerce-form-coupon .coupon-form input, .woocommerce-form-coupon .coupon-form button { width:auto !important; margin:0 10px;} .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color:var(--ovavo-neon-green);color:var(--ovavo-green);} #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color:var(--ovavo-light-grey);} #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods, #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding:30px;} .woocommerce table.shop_table td, .woocommerce table.shop_table th, .woocommerce-page table.shop_table td, .woocommerce-page table.shop_table th { padding:15px 30px;} .woocommerce-product-gallery__trigger { display:none;} .woocommerce div.product form.cart { margin-bottom:0;} .woocommerce #jupiterx-primary {/* background-color:var(--ovavo-light-grey); */} @media screen and (max-width:1200px){ } /*WooCommerce tabs on single product page -> top border not showing on default*/ .woocommerce div.product .woocommerce-tabs .panel {border-top: 1px solid var(--e-global-color-4cfa3af) !important} /*WooCommerce thumbs size increase*/ li.slick-active{ min-width: 150px; } /*Remove default