/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: Default GeneratePress child theme
Author: Tom Usborne
Author URI: https://tomusborne.com
Template: generatepress
Version: 1.0
*/
/*** Fonts ***/
/* Weight 300 */
@font-face {
font-family: "Fira";
font-style: normal;
font-weight: 300;
font-display: swap;
src:
url("fonts/Fira-Sans-Light.woff2") format("woff2"),
url("fonts/Fira-Sans-Light.woff") format("woff");
}
/* Weight 400 */
@font-face {
font-family: "Fira";
font-style: normal;
font-weight: 400;
font-display: swap;
src:
url("fonts/Fira-Sans-Regular.woff2") format("woff2"),
url("fonts/Fira-Sans-Regular.woff") format("woff");
}
/* Weight 500 */
@font-face {
font-family: "Fira";
font-style: normal;
font-weight: 500;
font-display: swap;
src:
url("fonts/Fira-Sans-Medium.woff2") format("woff2"),
url("fonts/Fira-Sans-Medium.woff") format("woff");
}
/* Weight 600 */
@font-face {
font-family: "Fira";
font-style: normal;
font-weight: 600;
font-display: swap;
src:
url("fonts/Fira-Sans-Semibold.woff2") format("woff2"),
url("fonts/Fira-Sans-Semibold.woff") format("woff");
}
/* Weight 700 */
@font-face {
font-family: "Fira";
font-style: normal;
font-weight: 700;
font-display: swap;
src:
url("fonts/Fira-Sans-Bold.woff2") format("woff2"),
url("fonts/Fira-Sans-Bold.woff") format("woff");
}
/*** Globals ***/
:root{
/* Fonts */
--font-main: "Fira";
/* Colors */
--cvm-dark-grey: #292e36;
--cvm-white: #fff;
--cvm-light-brown: #B58A5D;
--cvm-brown: #9d4a01;
--cvm-brown-focused: #c48b5a;
--cvm-grey:#787D85;
--cvm-black: black;
--cvm-yellow: #e7c162;
--text-color: #737373;
--cvm-price: #4A4A4A;
--cvm-cart-button: #f0f0f0;
--cvm-buy-text: #454545;
/* Font Sizes */
--font-size-text: 12.6px;
--font-size-text-alt: 14px;
--font-size-big-h1: 93px;
--font-size-big-h1-tablet: 67px;
--font-size-big-h1-mobile: 35px;
--font-size-big-subheading: 24px;
--font-size-big-subheading-tablet: 23px;
--font-size-big-subheading-mobile: 15px;
--font-size-button: 19px;
--font-size-button-tablet: 13px;
--font-size-button-mobile: 17px;
--font-size-bigger-subheading: 28px;
--font-size-mini-desk: 18px;
--font-size-tiny-desk: 14px;
--font-size-h2-normal: 45px;
--font-size-normal-paragraph: 17px;
--font-size-normal-paragraph-tablet: 16px;
/* Line Heights */
--line-height-big-h1-tablet: 67px;
--line-height-big-h1-mobile: 40px;
--line-height-big-subheading: 27px;
--line-height-big-subheading-tablet: 25px;
--line-height-big-subheading-mobile: 28px;
--line-height-button: 43px;
--line-height-button-tablet: 41px;
--line-height-button-mobile: 47px;
--line-height-mini-desk: 22px;
--line-height-tiny-desk: 28px;
--line-height-h2-normal: 54.9px;
--big-h1-line-height: 103px;
/* Letter Spacings */
--letter-spacing-headings: .075em;
}
/*** Site ***/
html {
margin-top:0 !important;
}
/* html[lang="en-US"] .menu-item:has(a[href*="smart-combos"]),
html[lang="en-US"] .site-footer p:has(a[href*="smart-combos"]) {
display: none !important;
} */
p {
margin-bottom: 0;
}
[id^="omnisend-form-"][id$="-teaser-btn"] {
font-family: var(--font-main) !important;
}
/*** Header ***/
.peptumax, .luminous{
display: none !important;
}
.inside-header .grid-container{
max-width: unset;
padding-top: 0;
padding-bottom: 0;
}
.inside-header .mobile-menu-control-wrapper .gp-icon svg {
width: 20px;
height:auto;
fill: var(--cvm-brown-focused);
cursor:pointer;
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
color: var(--cvm-brown-focused) !important;
font-family: var(--font-main);
}
.main-navigation .main-nav ul li a {
text-transform:uppercase;
transition:0.4s ease;
padding:0 5px;
margin-right:15px;
}
.main-navigation .main-nav ul li {
transition:0.4s ease;
}
.header-widget {
display: flex;
gap: 5px;
align-items: center;
}
.header-widget .widget.widget_block:has(img[title="magnifying-glass"]),
.header-widget .widget.widget_block:has(img[title="cart-cvm"]),
.header-widget .widget.widget_block:has(img[title="cvm-profile"]) {
height: 22px;
width: 22px;
}
.header-widget .widget.widget_block:has(img[title="cart-cvm"]) {
position: relative;
left: -3px;
}
.header-widget .widget.widget_block img[title="magnifying-glass"] {
height: 20px;
width: 20px;
}
.header-widget .widget.widget_block img[title="cart-cvm"] {
height: 24px;
width: 24px;
bottom: 2px;
position: relative;
}
.header-widget .widget.widget_block img[title="cvm-profile"] {
height: 26px;
width: 24px;
position: relative;
bottom: 3px;
padding-left: 2px;
}
.wpml-language-switcher-block {
font-family: var(--font-main);
color: var(--cvm-brown-focused);
font-size: 15px;
font-weight: 500;
}
.wpml-language-switcher-block .wp-block-navigation .wp-block-navigation__submenu-icon svg {
margin-top: 0;
}
@media screen and (max-width:768px){
#block-10{
position: absolute;
right: 0;
top: 35px;
right: 68px;
z-index: 999;
}
#block-38{
max-height: 48px;
display: flex !important;
}
.has-inline-mobile-toggle .header-widget {
flex-basis: unset;
margin-top: 0;
margin-left: 0;
margin-right: 20px;
}
.dn-mobile-menu-widget .menu-mobile-header-menu-greek-container .menu {
padding-left: 25px;
padding-top: 50px;
text-align: left;
}
}
.dn-product-menu .sub-menu{
background: white;
box-shadow: 0 6px 25px rgba(0, 0, 0, .2);
}
#menu-item-11-sub-menu{
width:280px;
}
.dn-product-menu li{
margin-bottom:9px;
}
.wc-block-product-categories-list-item:has(a[href*="smart-combos"]) {
display: none;
}
.dn-product-menu ul .dropdown-menu-toggle{
position:absolute!important;
margin-top:-5px!important;
padding:0!important;
}
.dn-product-menu-list a,
.dn-product-menu-list h3{
font-family: var(--font-main);
font-weight: 500;
font-size: 12px;
line-height: 18px;
letter-spacing: .33px;
color: #777777;
text-decoration:none;
text-transform:uppercase;
}
.dn-product-menu-list h3{
margin-bottom:20px;
}
#block-26 {
position:absolute;
width: 700px;
top: 91px;
right: 126px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 25px 0px;
opacity:0;
z-index:-1;
}
#block-26 {
opacity: 0;
pointer-events:none;
transition: opacity 0.3s ease;
z-index: 99999999;
background: white;
}
@media screen and (max-width:1024px){
#block-26 {
top: 101px;
right: 7px;
}
}
.sub-menu {
overflow: hidden;
max-height: 0;
transition: max-height 0.3s ease-out;
display: block;
}
.menu-item-has-children > a {
cursor: pointer;
}
.sub-menu.active {
max-height: 600px !important;
}
#block-26.visible {
pointer-events:auto;
opacity: 1;
transition: opacity 0.3s ease;
}
.site-footer .widget ul li{
margin-bottom:10px!important;
}
.site-footer .widget ul li{
margin-bottom:2px!important;
}
.dn-product-menu-list h3{
font-weight: 700;
color: #333333;
}
.wc-block-product-categories-list-item-count{
display:none;
}
@media screen and (max-width:1024px){
.header-image.is-logo-image{
max-width: 130px;
}
.inside-header.grid-container{
padding-left:20px;
padding-right: 0px;
margin-top: 20px;
}
#menu-item-16 a {
margin-right:0!important;
}
#menu-header-main-menu a {
margin-right:6px;
}
}
.dn-mobile-menu-widget{
position:fixed;
width:280px;
left:0px;
top:0px;
z-index:9999999;
box-shadow: 0 6px 25px rgba(0, 0, 0, .2);
background:white;
left:-100%;
transition:0.6s ease;
background: white !important;
height:100%;
overflow-y:scroll;
}
.dn-mobile-menu-widget a{
color: #1d2127;
text-decoration:none;
font-size:14px;
font-family: var(--font-main);
}
.dn-mobile-menu-widget li{
min-height:34px;
}
#menu-mobile-header-menu{
display:flex;
flex-direction:column;
align-items:start;
padding-left:25px;
padding-top:50px;
}
#menu-mobile-header-menu li{
display:flex;
flex-direction: column;
justify-content: start;
align-items: start;
}
#menu-item-785 {
display:flex;
flex-direction:column;
align-items:start;
}
.dn-mobile-menu-widget .sub-menu{
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
}
.dn-mobile-menu-widget .widget ul li{
margin-bottom: 0!important;
}
.widget .menu-item-object-product_tag {
margin-bottom: 0!important;
}
#menu-item-785::after{
content:"";
background: url('/wp-content/uploads/2025/03/arrow_down_white.svg');
}
.dn-overlay{
position:fixed;
width:100%;
height:100%;
left:0;
top:0;
background:black;
opacity:0;
transition:0.6s ease;
pointer-events:none;
z-index:9999;
}
body:has(.dn-mobile-menu-widget.visible) .dn-overlay{
opacity:0.8;
transition:0.6s ease;
pointer-events:auto;
}
.dn-mobile-menu-widget.visible{
left:0;
transition:0.6s ease;
}
@media screen and (max-width:768px){
.has-inline-mobile-toggle #site-navigation{
display:none !important;
}
.has-inline-mobile-toggle #block-26{
display:none;
}
.menu-toggle{
background:transparent !important;
}
}
/*** Homepage ***/
.site-main {
margin-top:0!important;
}
@media screen and (min-width:769px){
.dn-home-main-product-swiper{
padding-left:40px;
padding-right: 40px;
}
}
.dn-home-main-product-swiper .swiper-container{
overflow:hidden;
cursor:pointer;
}
.dn-home-main-product-swiper .swiper-container p{
text-transform: capitalize!important;
color: #2b2b2d;
font-family: var(--font-main);
font-size:15px;
}
.dn-home-swipers-head{
font-size:24px;
font-family: var(--font-main);
}
.dn-home-swipers-desc{
font-size:15px;
font-family: var(--font-main);
color: #777777;
}
@media screen and (max-width:768px){
.dn-home-main-product-swiper .swiper-container p{
font-size:14px;
}
.dn-home-main-product-swiper{
width:100%!important;
}
.dn-second-double-container{
padding-left: 20px!important;
padding-right: 20px!important;
}
}
.dn-home-main-product-swiper .swiper-button-next::after{
font-size: 14px;
color: white;
}
.dn-home-main-product-swiper .swiper-button-prev::after{
font-size:14px;
color: white;
}
.dn-home-main-product-swiper .swiper-button-prev{
background-color: var(--cvm-yellow);
border-color: var(--cvm-yellow);
width:fit-content;
height: fit-content;
padding:10px 13px;
transition:0.4s;
}
@media screen and (max-width:768px){
.dn-home-main-product-swiper .swiper-button-prev,
.dn-home-main-product-swiper .swiper-button-next {
padding: 6px 10px!important;
}
.dn-home-main-product-swiper .swiper-button-prev::after,
.dn-home-main-product-swiper .swiper-button-next::after{
font-size:12px!important;
}
}
.dn-home-main-product-swiper .swiper-button-next{
background-color: var(--cvm-yellow);
border-color: var(--cvm-yellow);
width:fit-content;
height: fit-content;
padding:10px 13px;
transition:0.4s;
}
.swiper-slide.first img{
max-width:unset!important;
}
.swiper-container-banner{
overflow:hidden;
height: 88vh!important;
max-height:58vw;
}
.dn-banner-box{
position: absolute;
top: 26%;
left: 10%;
}
@media screen and (max-width:450px){
.dn-banner-box{
top:4.5%!important;
}
}
.dn-first-product-swiper-parent h3{
color: #1d2127;
font-size:24px;
font-family: var(--font-main);
}
.dn-first-product-swiper-parent p{
color: #777777;
font-size:15px;
font-family: var(--font-main);
margin-bottom:30px;
}
.home .swiper-container .swiper-category a{
text-transform: uppercase;
font-size: 10px;
color: #777777!important;
font-weight: 300;
}
.home .swiper-container .swiper-category{
margin-bottom:0px!important;
}
.swiper-slide.first img{
height: 100%;
max-width: 100%;
object-fit: contain;
width: 100%;
object-position: 56% 4%;
}
@media screen and (max-width:1350px){
.swiper-slide.first img{
object-position: 120% 4%;
}
}
@media screen and (max-width:1150px){
.swiper-slide.first img{
object-position: 150% 4%;
}
}
.swiper-container-banner .swiper-slide.first h3,
.swiper-container-banner .swiper-slide.first p{
color:#C38C5A;
}
.swiper-container-banner .swiper-slide h3,
.swiper-container-banner .swiper-slide p{
color:white;
}
.swiper-container-banner img{
background:white;
}
.dn-banner-box h3{
text-transform: uppercase;
font-family: var(--font-main);
font-size: 24px;
}
.dn-banner-box p{
text-transform: uppercase;
font-family: var(--font-main);
font-weight: 700;
font-size: 80px;
line-height:1em;
margin-bottom:22px;
}
@media screen and (max-width:1150px){
.dn-banner-box {
left:3%;
}
.swiper-container-banner .swiper-pagination-banner{
left:17px!important;
}
.dn-banner-box p{
font-size:40px;
}
.dn-banner-box h3{
font-size:17px;
}
}
@media screen and (max-width:500px){
.dn-banner-box p{
font-size:30px;
}
.dn-banner-box h3{
font-size:15px;
}
.dn-banner-box a {
font-size:12px!important;
line-height: 18px!important;
}
}
.swiper-container-banner .swiper-slide.first .dn-banner-box a{
background-color: rgb(193, 159, 127);
}
.swiper-container-banner .swiper-pagination-banner{
position: absolute;
left: 0;
transform: translate(0, -50%);
top: 50%;
width: fit-content;
height: fit-content;
display: flex;
flex-direction: column;
left:35px;
z-index:99999;
}
@media screen and (max-width:1150px){
.swiper-container-banner .swiper-pagination-banner{
top:75%;
}
}
@media screen and (max-width:768px){
.swiper-container-banner .swiper-pagination-banner{
top:86%;
}
}
.swiper-container-banner .swiper-pagination-bullet-active{
background: #C19F7F;
}
.dn-banner-box a{
background:#2b2b2d;
font-family: var(--font-main);
color: rgb(255, 255, 255);
text-decoration: none;
line-height: 28px;
font-size: 14px;
padding: 8px 15px;
border-radius: 3px;
}
.dn-slide-cover, .dn-inner-slide-container{
pointer-events:none;
}
.dn-inner-slide-container a{
pointer-events:auto;
color: inherit;
text-decoration:none;
}
.dn-home-main-product-swiper .swiper-button-next:hover{
background: var(--cvm-black);
transition: 0.4s;
}
.dn-home-main-product-swiper .swiper-button-prev:hover{
background: var(--cvm-black);
transition: 0.4s;
}
.dn-slide-cover{
background: #c4c4c45c!important;
}
.dn-home-main-product-swiper .swiper-wrapper{
display:flex!important;
flex-wrap:nowrap!important;
}
.dn-home-main-product-swiper .dn-inner-slide-container{
display:flex;
flex-direction:column;
justify-content:center;
align-items:start;
}
.swiper-container-first .dn-inner-slide-container{
align-items:center;
}
.dn-home-main-product-swiper .dn-inner-slide-container:hover .dn-slide-cover {
opacity:0.2;
}
.archive .woocommerce-ordering{
display:none!important;
}
.archive .product:hover .dn-slide-cover{
opacity: 0.25;
transition: opacity 0.4s ease;
}
.archive .product-categories, .archive .related-title{
padding-left:15px;
}
/**
* Injected woocommerce success on shop pages.
*
* assets/js/ajax-add-to-cart-notice.js
*/
.archive.tax-product_cat .woocommerce-message .wc-forward,
.archive.tax-product_tag .woocommerce-message .wc-forward,
.archive.post-type-archive .woocommerce-message .wc-forward {
padding: 0 20px !important;
background: transparent;
border: 1px solid var(--cvm-brown-focused);
font-family: var(--font-main);
font-weight: 600;
color: var(--cvm-brown-focused) !important ;
float: right !important;
border-radius: 3px !important;
text-decoration: none !important;
}
/* End injection */
.woocommerce .products .added_to_cart,
.related .added_to_cart {
display: none !important;
}
.archive .dn-slide-cover{
height:100%;
position: absolute;
width: 100%;
height: 100%;
top: 0;
opacity:0;
transition: opacity 0.4s ease;
}
/*** New Footer ***/
.gb-element-12ccf0ac h2{
font-family: var(--font-main);
}
.gb-element-12ccf0ac p{
font-family: var(--font-main);
line-height:22px;
transition:0.4s;
}
.footer-widget-2 #block-33 {
border-bottom: 1px solid;
}
.gb-element-19e2be3b {
margin-top: 30px;
margin-bottom: 30px;
}
/*** Footer OLD (not used) ***/
#menu-footer-menu{
display:flex;
width:100%;
max-width:1266px;
margin-bottom:40px;
justify-content:space-between;
column-gap:4vw;
flex-wrap:wrap;
row-gap:30px;
}
@media screen and (max-width:1024px){
#menu-item-60{
margin-right:42px;
}
}
@media screen and (max-width:768px){
#menu-item-60{
margin-right:78px;
}
}
#menu-footer-menu .sub-menu{
column-gap:20px;
}
#menu-footer-menu li.menu-item > a:not(.sub-menu a),
.dn-footer-up-to-date {
font-family: var(--font-main);
letter-spacing: .075em;
color: var(--coverderm-brown);
font-size:15px;
line-height: 21px;
text-decoration:none;
}
.dn-footer-up-to-date {
margin-bottom:13px;
}
#menu-footer-menu .sub-menu a{
font-family: var(--font-main);
color: var(--cvm-brown-focused);
transition:0.4s;
text-decoration:none;
font-size:12.6px;
line-height:22px;
}
@media screen and (max-width:768px){
#menu-footer-menu .sub-menu a{
font-size:11.7px;
}
}
@media screen and (max-width:530px){
#menu-footer-menu{
flex-direction:column;
}
}
.footer-widgets .widget{
margin-bottom: 0!important;
}
#menu-footer-menu{
margin-left:auto;
margin-right:auto;
max-width:1150px!important;
}
#menu-footer-menu .sub-menu li{
margin-bottom:0;
line-height:8px;
}
#menu-item-56 .sub-menu li{
margin-bottom:6px;
}
#menu-footer-menu .sub-menu{
margin-left:0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
max-height: unset;
}
#menu-footer-menu .sub-menu a:hover{
color: var(--cvm-brown);
transition:0.4s;
}
.inside-footer-widgets{
display:flex;
flex-direction:column;
}
@media screen and (max-width:768px){
.footer-widget-2{
margin-bottom:0px!important;
}
#block-17{
margin-bottom:0!important;
}
}
.footer-widgets{
background: var(--light-brown-bg);
}
.dn-footer-form-parent{
max-width:400px;
}
aside#block-13{
max-width:400px;
}
@media screen and (max-width:768px){
#block-13{
margin-top:15px;
}
}
aside#block-11{
padding-left:0;
}
.site-footer .footer-widgets-container .inside-footer-widgets{
margin-left:0!important;
}
.site-footer .footer-widgets-container .inner-padding{
padding-left:0!important;
}
.footer-widget-1{
column-gap:20px;
}
@media screen and (max-width:1024px){
.footer-widget-1 aside:first-of-type{
width:fit-content;
}
.footer-widget-1{
justify-content:center;
column-gap:30px;
}
.dn-footer-form-parent input {
padding-top:8px;
padding-bottom:8px;
}
.dn-footer-form-parent button{
padding-left:11px!important;
padding-right:11px!important;
}
.footer-widget-1 aside:nth-of-type(2){
width:fit-content;
}
#block-13{
padding-left:0!important;
}
}
.dn-footer-form p{
display:flex;
position:relative
}
.dn-footer-form .wpcf7-submit{
position:absolute;
right:0;
top:0;
background: var(--cvm-yellow);
color:white;
font-size:12px;
font-family: var(--font-main);
height:100%;
border-top-right-radius:50px;
border-bottom-right-radius:50px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
max-width:fit-content;
}
.dn-footer-form{
max-width:410px;
position:relative;
}
.dn-footer-form input::placeholder{
color:#999;
font-size:12px;
position:relative;
top:-1px;
font-family: var(--font-main);
}
.submitance {
display:flex;
column-gap:15px;
}
.submitance .dn-submit-opens-in{
display:none;
}
.submitance.inactive .dn-submit-opens-in{
display:block;
}
.menu-footer-menu-container{
border-bottom: 1px solid #3d3d38;
}
.footer-widget-3 p{
color:var(--text-color);
font-size: var(--font-size-text);
font-family: var(--font-main);
padding-top:18px;
letter-spacing:normal;
}
.footer-widgets-container{
padding-bottom:18px;
}
.footer-widgets-container{
padding-left:50px;
padding-right:50px;
}
.dn-created-by a{
text-decoration:none;
color:inherit;
font-family: var(--font-main);
font-weight: 500;
}
.dn-created-by a:first-of-type{
color:black;
}
.dn-created-by a:nth-of-type(2){
color:#6ca5d5!important;
}
.dn-created-by{
padding-top:10px!important;
}
@media screen and (max-width:768px){
.footer-widgets-container{
padding-left:20px;
padding-right:20px;
}
}
.dn-footer-form-parent input{
border-radius:50px;
width:100%;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
}
/*** Shop ***/
.woocommerce-shop .woocommerce-result-count {
font-family: var(--font-main);
font-weight: 400;
}
.woocommerce-shop .widget-area.sidebar.is-left-sidebar {
width: 15%;
}
.woocommerce-shop .is-left-sidebar .dn-accordion-trigger-sidebar,
.woocommerce-shop .is-left-sidebar .widget_nav_menu {
display: none;
}
.woocommerce-shop .is-left-sidebar .bapf_head {
font-family: var(--font-main);
color: var(--cvm-brown);
}
.woocommerce-shop .is-left-sidebar .bapf_head h3 {
font-size: 20px;
margin-bottom: 10px;
}
.woocommerce-shop .is-left-sidebar .bapf_body {
margin-bottom: 10px;
}
.woocommerce-shop .is-left-sidebar .bapf_sfilter.bapf_ckbox input[type=checkbox] {
width: 16px;
height: 16px;
border: 1px solid var(--cvm-brown);
bottom: 2px;
}
.woocommerce-shop .is-left-sidebar .bapf_body label {
font-family: var(--font-main);
font-weight: 300;
font-size: 16px;
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 46% !important;
height: max-content;
}
.woocommerce-shop .widget-area.sidebar.is-left-sidebar {
width: 25%;
}
.woocommerce-shop .is-left-sidebar .bapf_head h3 {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 48%;
}
}
.bapf_mcs .mCSB_scrollTools {
display: none !important;
}
.bapf_mcs.mCS_overflow .mCSB_scrollTools,
.bapf_mcs:hover .mCSB_scrollTools {
display: block !important;
}
/*** Smart bundles Loop ***/
.term-smart-combos .site-content .content-area {
width: 80% !important;
/* margin-left: auto; */
}
@media (max-width: 1200px) and (min-width: 768px) {
.term-smart-combos.woocommerce ul.products li.product {
width: 100% !important;
height: max-content;
}
.term-smart-combos .site-content .content-area {
width: 100% !important;
/* margin-left: auto; */
}
}
@media (max-width: 768px) {
.term-smart-combos .site-content .content-area {
/* margin-left: 0; */
width: auto !important;
}
}
.term-smart-combos .term-description {
font-family: var(--font-main);
padding-bottom: 10px;
}
.term-smart-combos.archive .related-title {
padding-right: 15px;
}
.term-smart-combos .woocommerce-loop-product__link .price {
padding-right: 15px;
}
.term-smart-combos a.add_to_cart_button.product_type_woosb {
transition: background-color 0.2s ease-in-out;
margin-top: 0 !important;
}
.term-smart-combos a.add_to_cart_button.product_type_woosb:hover {
background: var(--cvm-brown);
}
.term-smart-combos a.add_to_cart_button.product_type_woosb::before {
content: "";
display: inline-block;
width: 17px;
height: 19px;
margin-right: 10px;
vertical-align: middle;
background-image: url('/wp-content/uploads/2026/06/add-to-cart-icon-bold-black.svg');
background-size: contain;
background-repeat: no-repeat;
}
/*** Woosb List Layout - 1 column ***/
.dn-woosb-list-item {
width: 100% !important;
float: none !important;
clear: none !important;
margin: 0 0 20px !important;
}
.dn-woosb-list-item:nth-child(odd) {
clear: none !important;
}
.term-smart-combos .dn-woosb-list-item {
position: relative;
}
.term-smart-combos .dn-woosb-list-item::before {
content: '';
position: absolute;
top: 1px;
left: 1px;
width: 140px;
height: 140px;
background: url('/wp-content/uploads/2026/06/cvm-offer.svg') no-repeat top left / contain;
z-index: 2;
pointer-events: none;
}
.dn-woosb-list-wrapper {
display: flex;
flex-direction: row;
gap: 25px;
padding: 20px;
border: 1px solid #e7e7e7;
border-radius: 4px;
background: #fff;
}
.dn-woosb-list-thumbnail-wrapper {
flex: 0 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.dn-woosb-list-thumbnail {
width: 100%;
display: flex;
justify-content: center;
}
.dn-woosb-list-thumbnail a {
display: block;
width: 450px;
height: 450px;
overflow: hidden;
}
.dn-woosb-list-thumbnail img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 4px;
}
.dn-woosb-list-price {
font-family: var(--font-main);
font-size: 20px;
font-weight: 500;
color: var(--cvm-price);
}
.dn-woosb-list-price del {
opacity: 0.5;
margin-right: 6px;
}
.dn-woosb-list-price ins {
background: none;
text-decoration: none;
}
.dn-woosb-list-add-to-cart {
text-align: center;
width: max-content;
margin-top: 15px;
}
.dn-woosb-list-add-to-cart .add_to_cart_button {
font-family: var(--font-main);
font-size: 13px;
font-weight: 700;
color: var(--cvm-buy-text) !important;
background-color: var(--cvm-cart-button) !important;
padding: 8px 18px;
border-radius: 3px;
text-decoration: none;
display: inline-block;
}
.dn-woosb-list-add-to-cart .add_to_cart_button::before {
content: "";
display: inline-block;
width: 17px;
height: 19px;
margin-right: 10px;
vertical-align: middle;
background-image: url('/wp-content/uploads/2026/06/add-to-cart-icon-bold-black.svg');
background-size: contain;
background-repeat: no-repeat;
}
.dn-woosb-list-content {
flex: 1;
min-width: 0;
}
.dn-woosb-list-title {
font-family: var(--font-main);
font-size: 18px;
font-weight: 700;
margin: 0 0 10px;
color: #222529;
}
.dn-woosb-list-title a {
color: inherit;
text-decoration: none;
}
.dn-woosb-list-title a:hover {
color: var(--cvm-light-brown);
}
.dn-woosb-list-description {
font-family: var(--font-main);
font-size: 14px;
line-height: 1.6;
color: #777;
margin-bottom: 12px;
}
.dn-woosb-read-more {
color: var(--cvm-light-brown);
text-decoration: none;
font-weight: 500;
white-space: nowrap;
}
.dn-woosb-read-more:hover {
color: var(--cvm-brown);
text-decoration: underline;
}
.dn-woosb-list-bundled {
margin-bottom: 20px;
}
.dn-woosb-list-bundled-label {
font-family: var(--font-main);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #222529;
display: block;
margin-bottom: 8px;
}
.dn-woosb-list-bundled-items {
display: flex;
flex-direction: column;
gap: 6px;
}
.dn-woosb-list-bundled-item {
display: inline-flex;
align-items: flex-start;
gap: 8px;
background: #f8f8f8;
padding: 5px 10px;
border-radius: 4px;
}
.dn-woosb-list-bundled-item-thumb {
flex: 0 0 40px;
width: 40px;
height: 40px;
overflow: hidden;
border-radius: 3px;
flex-shrink: 0;
}
.dn-woosb-list-bundled-item-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.dn-woosb-list-bundled-item-info {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
.dn-woosb-list-bundled-item-name {
font-family: var(--font-main);
font-size: 12px;
color: #555;
font-weight: 600;
}
.dn-woosb-list-bundled-variations {
display: flex;
flex-direction: column;
gap: 2px;
}
.dn-woosb-list-var-attr {
font-size: 11px;
font-family: var(--font-main);
color: #777;
line-height: 1.4;
}
.dn-woosb-list-var-label {
font-weight: 600;
color: #555;
display: block;
}
.dn-woosb-list-var-tag {
display: inline-block;
background: #e8e8e8;
padding: 1px 6px;
border-radius: 3px;
font-size: 10px;
color: #666;
margin: 1px 0;
}
.dn-woosb-list-var-swatch {
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1px solid #ccc;
vertical-align: middle;
margin: 2px 2px 0 0;
cursor: default;
}
.dn-woosb-list-bundled-more {
display: inline-flex;
align-items: center;
padding-top: 4px;
}
.dn-woosb-list-bundled-more a {
font-family: var(--font-main);
font-size: 12px;
font-weight: 600;
color: var(--cvm-light-brown);
text-decoration: none;
}
.dn-woosb-list-bundled-more a:hover {
color: var(--cvm-brown);
text-decoration: underline;
}
@media screen and (max-width: 1440px) {
.dn-woosb-list-wrapper {
flex-direction: column;
gap: 15px;
}
.dn-woosb-list-price {
text-align: center;
}
.dn-woosb-list-add-to-cart {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.dn-woosb-list-item {
width: 100% !important;
float: none !important;
margin: 0 0 20px !important;
}
.dn-woosb-list-thumbnail a {
width: auto;
height: auto;
}
.dn-woosb-list-bundled-items {
gap: 6px;
}
}
/*** Woo Templates ***/
/** Product Template **/
.woocommerce-breadcrumb {
width:100%;
}
/* Product Gallery Slider */
/* Thumbnail Slider Wrapper */
.wc-thumbnails-slider-container {
position: relative;
width: 100%;
overflow: visible;
}
/* Thumbnail List (Horizontal Scroll) */
.woocommerce div.product div.images .wc-thumbnails-slider-container ol.flex-control-thumbs {
display: flex;
flex-wrap: nowra;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
gap: 20px;
scrollbar-width: none;
float: none;
width: 100%;
padding: 0;
padding-top: 20px;
margin: 0;
}
/* Hide scrollbars for WebKit browsers (Chrome, Safari) */
.woocommerce div.product div.images .wc-thumbnails-slider-container ol.flex-control-thumbs::-webkit-scrollbar {
display: none;
}
/* Individual Thumbnail Items (Fits exactly 3 in a row) */
.woocommerce div.product div.images .wc-thumbnails-slider-container ol.flex-control-thumbs li {
flex: 0 0 calc((100% - 40px) / 3);
width: calc((100% - 40px) / 3);
max-width: calc((100% - 40px) / 3);
scroll-snap-align: start;
float: none;
margin: 0;
box-sizing: border-box;
}
/* Thumbnail Images */
.woocommerce div.product div.images .wc-thumbnails-slider-container ol.flex-control-thumbs li img {
width: 100%;
height: auto;
display: block;
border-radius: 20px;
border: 1px solid transparent; /* Keeps active state border shift-free */
}
/* Active State */
.woocommerce div.product div.images .wc-thumbnails-slider-container ol.flex-control-thumbs li img.flex-active {
border: 1px solid var(--cvm-black);
}
/* Navigation Arrows */
.wc-thumbnails-slider-container .thumb-arrow {
position: absolute;
top: calc(50% + 10px);
transform: translateY(-50%);
background: transparent;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 15;
transition: all 0.25s ease;
padding: 0;
font-size: 14px;
}
.wc-thumbnails-slider-container .thumb-arrow:hover {
background: transparent;
}
/* Hides arrows when disabled (e.g. at the start or end of the track) */
.wc-thumbnails-slider-container .thumb-arrow.disabled {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.wc-thumbnails-slider-container .thumb-prev {
left: -20px;
}
.wc-thumbnails-slider-container .thumb-next {
right: -20px;
}
/* Mobile Device Adjustments */
@media (max-width: 768px) {
.wc-thumbnails-slider-container .thumb-arrow {
display: none !important;
}
}
/* Hover Effect for Thumbnails */
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
transition: opacity 0.3s ease-in-out;
}
/* Right Sidebar */
.dn-right-sidebar-parent {
width:100%;
}
.single-product .onsale {
position: absolute;
top: 1px;
left: 1px;
width: 140px;
height: 140px;
z-index: 999;
}
.single-product .site.grid-container{
display:flex;
}
.wc-block-breadcrumbs{
min-width:300px!important;
position:relative;
z-index:10;
}
.single-product .site.grid-container{
padding-top:30px!important;
}
.stock.out-of-stock{
display:none;
}
.woocommerce-product-gallery__trigger{
display:none;
}
.woocommerce-Tabs-panel, .woocommerce-tabs, .product_meta{
display:none;
}
.product-type-woosb .woocommerce-tabs {
display: block;
}
.product-type-woosb .woocommerce-tabs ul.tabs li:not(.active) {
background-color: #f2f2f2 !important;
}
.product-type-woosb .woocommerce-tabs ul.tabs li:not(.active) a {
font-weight: 400 !important;
}
@media screen and (max-width: 470px) {
.woocommerce-tabs ul.tabs {
display: flex;
}
.woocommerce-tabs ul.tabs li {
font-size: 13px;
}
}
/** Single product **/
.product .quantity input {
line-height: 1.5em;
background-color: transparent !important;
font-family: var(--font-main);
}
.single-product form.cart {
margin-top: 15px;
}
.product .single_add_to_cart_button {
background-color: var(--cvm-cart-button) !important;
padding: 10px 20px !important;
font-family: var(--font-main);
color: var(--cvm-buy-text) !important;
font-weight: 700;
line-height: 1.5em !important;
}
.product .single_add_to_cart_button::before {
content: "";
display: inline-block;
width: 17px;
height: 19px;
margin-right: 10px;
vertical-align: middle;
background-image: url('/wp-content/uploads/2026/06/add-to-cart-icon-bold-black.svg');
background-size: contain;
background-repeat: no-repeat;
}
/* Variation table */
.product table.variations {
margin-bottom: 0;
margin-top: 10px;
}
.product table.variations th.label {
padding: 0;
font-size: 14px;
font-family: var(--font-main);
line-height: 1.5;
}
.product table.variations th.label label,
.product table.variations .woo-selected-variation-item-name {
margin: 0;
}
.product table.variations th.label label::after {
content: ':';
}
.product table.variations td.value {
padding: 0;
line-height: 1.5;
}
.product table.variations tr {
display: flex;
flex-direction: column;
}
.reset_variations {
font-family: var(--font-main);
font-size: 15px;
font-weight: 400 !important;
}
.reset_variations[style*="visibility: hidden"] {
display: none !important;
}
.product table.variations .woo-variation-items-wrapper li.button-variable-item {
width: max-content;
border-radius: 5px !important;
padding: 15px 15px;
height: 25px;
}
.product table.variations .woo-variation-items-wrapper li.button-variable-item:hover {
box-shadow: 0 0 0 2px #ddd;
}
.product table.variations .woo-variation-items-wrapper li.button-variable-item.selected {
box-shadow: 0 0 0 2px #888888;
}
.product table.variations .woo-variation-items-wrapper li.button-variable-item span {
overflow: unset !important;
font-family: var(--font-main);
font-size: 12px;
color: #212121;
font-weight: 400;
}
/* Variable add to cart button */
.product .woocommerce-variation-add-to-cart {
margin-top: 10px;
}
.dn-second-double-container {
column-gap:30px;
padding-left:30px;
padding-right:30px;
}
#block-25{
padding-left:30px!important;
}
.single-product .inside-left-sidebar a{
color: #777777;
font-family: var(--font-main);
text-decoration:none;
font-size:14px;
font-weight:600;
}
.single-product .inside-left-sidebar h2{
color: #222529;
font-size: 15px;
font-family: var(--font-main);
font-weight: 700;
text-decoration: none;
padding-left: 30px;
padding-bottom: 8px;
padding-top: 20px;
}
@media screen and (max-width:768px){
.single-product .related-title{
font-size:12.5px!important;
}
.single-product .product-categories span{
font-size: 10.5px!important;
}
}
.single-product .related-title
.entry-content .woocommerce-breadcrumb {
display:none;
}
.is-left-sidebar{
background:white;
}
@media screen and (max-width:768px){
.is-left-sidebar{
display:none!important;
}
.single-product .site-content{
width:95%!important;
}
}
.woocommerce .woocommerce-breadcrumb{
padding-bottom: 22px!important;
}
.woocommerce-breadcrumb a{
font-weight:400!important;
}
.inside-left-sidebar{
height:100%;
}
#block-22{
padding-right:20px;
}
.single-product .site-main{
margin:0!important;
}
.single-product .inside-article{
padding-top:6px;
padding-left:0;
}
.woocommerce-product-gallery__wrapper{
border: 1px solid #f4f4f4;
}
.inside-left-sidebar{
margin-top:0!important;
}
.inside-left-sidebar aside{
margin-bottom:0!important;
}
.inside-left-sidebar #menu-sidebar-menu {
/* padding-left:30px; */
padding-bottom:20px;
padding-top:11px;
}
.dn-accordion-expansion-acc{
height : 0;
overflow : hidden;
transition : height 0.3s ease;
}
@media screen and (max-width:1024px){
.inside-left-sidebar #menu-sidebar-menu{
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
}
#block-22{
padding-right:8px;
}
.single-product .inside-left-sidebar h2{
padding-left:6px;
padding-right:0px;
}
.dn-accordion-trigger-sidebar::after{
margin-right:10px!important;
}
}
.inside-left-sidebar{
margin-right:0!important;
}
#block-23{
display:none;
}
.widget-area .widget{
padding:0;
}
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a{
font-family: var(--font-main) !important;
letter-spacing: var(--letter-spacing-headings) !important;
color: var(--cvm-black) !important;
font-size: var(--font-size-text)!important;
text-transform: uppercase;
text-decoration:none;
}
.widget-area.sidebar.is-left-sidebar{
width:20%;
}
/* .widget-area.sidebar.is-right-sidebar{
display:none;
} */
.single-product .content-area {
width: 75%;
}
@media screen and (max-width: 1500px) and (min-width: 768px) {
.single-product .content-area {
width: 80%;
}
}
.single-product .site-content {
width:100%;
}
.dn-accordion-trigger-acc svg {
margin-right:10px;
}
.dn-accordion-trigger-acc.acc.expanded svg {
transform:rotate(180deg);
transition:.3s ease;
transform-origin:center;
}
.dn-accordion-trigger-sidebar{
display:flex;
}
.dn-accordion-trigger-acc{
cursor:pointer;
}
.dn-accordion-trigger-acc.acc svg{
transition:.5s ease;
transform-origin:center;
}
.acc h2,
.dn-description-product h3{
line-height: 1.4;
font-size: 14px;
font-family: var(--font-main);
font-weight: 700;
font-size: var(--font-size-text-alt);
color: #222529;
text-transform:uppercase;
}
.dn-description-product h3{
margin-bottom:8px;
padding-bottom:15px;
border-bottom: 2px solid black;
}
.dn-accordion-trigger-acc.acc.expanded{
border-bottom: 2px solid black;
}
.dn-accordion-trigger-acc.acc{
border-bottom: 1px solid #e7e7e7;
padding-bottom:15px;
}
.dn-accordion-expansion-acc p:first-of-type{
display:none;
}
.dn-accordion-expansion-acc p:last-of-type{
display:block;
}
.dn-right-sidebar-title{
font-size: 30px;
line-height: 1.2;
color: #222529;
letter-spacing: -0.01em;
margin-bottom: 2px;
font-family: var(--font-main);
font-weight: 700;
margin-bottom:20px;
}
/** Product bundles **/
.product-type-woosb .wc-block-breadcrumbs {
display: none;
}
.product-type-woosb .woosb-product {
font-family: var(--font-main);
}
.product-type-woosb .woosb-products .woosb-product .variations_form .variations .variation .label {
padding-bottom: 10px;
}
.product-type-woosb .woosb-products .woosb-product .variations_form .variations {
display: flex;
flex-direction: column;
}
.product-type-woosb .woosb-products .woosb-product .variations_form .variations .variation {
border: none;
}
.product-type-woosb .woosb-products .woosb-product .variations_form .variations li.button-variable-item {
width: max-content;
border-radius: 5px !important;
padding: 15px 15px;
height: 25px;
}
.product-type-woosb .woosb-products .woosb-product .variations_form .variations li.button-variable-item:hover {
box-shadow: 0 0 0 2px #ddd;
}
.product-type-woosb .woosb-products .woosb-product .variations_form .variations li.button-variable-item span {
overflow: unset !important;
font-family: var(--font-main);
font-size: 12px;
color: #212121;
font-weight: 400;
opacity: 1;
}
.product-type-woosb .woosb-summary {
font-family: var(--font-main);
font-size: 20px;
}
.product-type-woosb .woosb-summary .woosb-total-label {
font-weight: 500;
}
.product-type-woosb .woosb-summary del .woocommerce-Price-amount {
font-family: var(--font-main);
}
.product-type-woosb .woosb-summary ins .woocommerce-Price-amount {
font-weight: 500;
}
.product-type-woosb .woocommerce-Tabs-panel {
font-family: var(--font-main);
}
.product-type-woosb .woocommerce-tabs ul.tabs li {
border: 1px solid var(--cvm-light-brown) !important;
border-bottom: none !important;
}
.product-type-woosb .woocommerce-tabs ul.tabs::before {
border-bottom: 1px solid var(--cvm-light-brown) !important;
}
.product-type-woosb .woosb-item-text {
font-family: var(--font-main);
}
.product-type-woosb .woosb-alert {
font-family: var(--font-main);
}
/** Related Products **/
.single-product .swiper-container{
width:100%;
overflow:hidden;
}
.related.products{
width:100%;
}
.related .swiper-container .product-categories{
margin-bottom:5px;
width: 100%;
}
.related .swiper-container .product-categories p{
display:none;
}
.related .swiper-container .product-categories span{
text-transform:uppercase;
font-size:10px;
}
.related {
position:relative;
}
.related .swiper-pagination{
top: 0;
right: 0;
position: absolute;
width: fit-content;
left: unset;
}
.related .swiper-pagination .swiper-pagination-bullet-active {
background: #DDc092;
}
.related-heading-and-pagination{
position:relative;
}
.related .related-title {
color: #2b2b2d;
font-family: var(--font-main);
font-size:15px;
text-decoration:none;
font-weight:500;
text-transform: capitalize;
margin-top: 0;
}
.related .swiper-slide a {
text-decoration:none;
}
.related-product-card {
display: flex;
flex-direction: column;
padding: 0 10px;
}
.related-product-card > a {
display: block;
position: relative;
width: 100%;
}
.related-product-card > a img {
width: 100%;
height: auto;
object-fit: contain;
}
.related .swiper-slide {
list-style:none;
}
.related .swiper-slide .onsale {
top: 0px;
left: 0px;
width: 80px;
height: 80px;
}
.related h2 {
line-height:22px;
font-size:16px;
font-family: var(--font-main);
font-weight: 700;
text-transform: uppercase;
padding-bottom:12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.related-price-cart-wrap {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 8px;
width: 100%;
}
.related-price-cart-wrap .amount {
font-family: var(--font-main);
font-weight: 500;
color: var(--cvm-price);
}
.related-price-cart-wrap del {
opacity: 0.5;
margin-right: 6px;
}
.related-price-cart-wrap ins {
background: none;
text-decoration: none;
}
.related.products a.button.add_to_cart_button {
color: var(--cvm-buy-text) !important;
background-color: var(--cvm-cart-button);
min-width: 90px;
font-size: 15px;
}
.related.products a.button.add_to_cart_button::before {
content: "";
display: inline-block;
width: 17px;
height: 19px;
margin-right: 10px;
vertical-align: middle;
background-image: url('/wp-content/uploads/2026/06/add-to-cart-icon-bold-black.svg');
background-size: contain;
background-repeat: no-repeat;
}
.dn-right-sidebar-title a {
color:inherit;
text-decoration:none;
}
#block-22{
position:sticky;
top:10px;
}
#nav_menu-3{
position:sticky;
top:84px;
padding-left:30px;
}
/** Custom sidebar **/
.dn-accordion-expansion-acc,
.dn-description-product p,
.dn-description-product li,
.dn-description-product ul,
.dn-description-product ol {
font-family: var(--font-main);
font-size: 14px;
letter-spacing: 0.005em;
line-height: 1.9;
color: #777777;
}
.dn-description-product p {
margin-bottom: 10px;
}
.dn-product-price {
color: var(--cvm-price);
font-size: 25px;
margin-bottom: 15px;
font-family: var(--font-main);
font-weight: 500;
}
.woocommerce .woocommerce-loop-product__link .price {
color: var(--cvm-price) !important;
font-family: var(--font-main) !important;
padding-left: 15px;
font-size: 20px !important;
font-weight: 500 !important;
margin-bottom: 0 !important;
}
.woocommerce.tax-product_cat .products .product.type-product a.add_to_cart_button,
.woocommerce.tax-product_tag .products .product.type-product a.add_to_cart_button {
display: flex !important;
justify-content: center;
margin-bottom: 15px;
color: var(--cvm-buy-text) !important;
background-color: var(--cvm-cart-button) !important;
max-width: max-content;
margin-left: auto;
margin-right: auto;
}
.woocommerce.tax-product_cat .products .product.type-product a.add_to_cart_button::before,
.woocommerce.tax-product_tag .products .product.type-product a.add_to_cart_button::before {
content: "";
display: inline-block;
width: 17px;
height: 19px;
margin-right: 10px;
vertical-align: middle;
background-image: url('/wp-content/uploads/2026/06/add-to-cart-icon-bold-black.svg');
background-size: contain;
background-repeat: no-repeat;
}
.product-sku,
.product-categories {
font-size: 14px;
font-family:var(--font-main);
font-weight: 700;
color: #222529;
}
.product-sku span, .product-categories span{
color: #777777;
font-family: var(--font-main);
}
.product-categories{
margin-top:4px;
margin-bottom:20px;
display: flex;
column-gap: 4px;
}
.single-product .inside-article{
padding-left:15px!important;
padding-bottom:0;
}
.single-product .site.grid-container{
padding-bottom:20px;
border-bottom: 1px solid #e7e7e7;
background:white;
width:100%;
}
@media screen and (max-width:768px){
.single-product .inside-article{
padding-right:0px;
}
}
.site-footer{
background:white;
margin-top:15px;
}
body{
background:white;
}
.product-need,
.product-size,
.product-skin-area,
.product-skin-concern,
.product-spf,
.product-color {
font-size:14px;
font-family: var(--font-main);
font-weight: 700;
color: #222529;
text-transform:capitalize;
max-width:500px;
}
.product-color{
display:flex;
align-items:center;
margin-top:20px;
flex-wrap:wrap;
row-gap:9px;
}
.swatch-border{
margin-right:6px;
width: 35px;
height: 35px;
display: flex;
border-radius: 50%;
border: 1px solid #E3E3E3; /* Softer color */
}
.product-color strong{
margin-right:9px;
}
.product-spf {
text-transform: uppercase;
}
.product-size,
.product-skin-area,
.product-skin-concern,
.product-spf {
margin-top:15px;
}
.product-need span,
.product-size span,
.product-skin-area span,
.product-skin-concern span,
.product-spf span {
color: #777777;
font-size:12px;
text-transform:capitalize;
font-weight:normal;
}
.widget-area.sidebar.is-left-sidebar{
padding-left:20px!important;
}
.not-specified{
display:none!important;
}
/** Product categories **/
.tax-product_cat .is-left-sidebar .dn-accordion-trigger-sidebar,
.tax-product_cat .is-left-sidebar .widget_nav_menu {
display: none;
}
.tax-product_cat .woocommerce-result-count {
font-family: var(--font-main);
font-weight: 400;
}
.tax-product_cat .widget-area.sidebar.is-left-sidebar {
width: 15%;
}
.tax-product_cat .is-left-sidebar .bapf_head {
font-family: var(--font-main);
color: var(--cvm-brown);
}
.tax-product_cat .is-left-sidebar .bapf_head h3 {
font-size: 20px;
margin-bottom: 10px;
}
.tax-product_cat .is-left-sidebar .bapf_body {
margin-bottom: 10px;
}
.tax-product_cat .is-left-sidebar .bapf_sfilter.bapf_ckbox input[type=checkbox] {
width: 16px;
height: 16px;
border: 1px solid var(--cvm-brown);
bottom: 2px;
}
.tax-product_cat .is-left-sidebar .bapf_body label {
font-family: var(--font-main);
font-weight: 300;
font-size: 16px;
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 46% !important;
height: max-content;
}
.tax-product_cat .widget-area.sidebar.is-left-sidebar {
width: 25%;
}
.tax-product_cat .is-left-sidebar .bapf_head h3 {
font-size: 16px;
}
}
/** Product tags **/
.tax-product_tag .is-left-sidebar .dn-accordion-trigger-sidebar,
.tax-product_tag .is-left-sidebar .widget_nav_menu {
display: none;
}
.tax-product_tag .woocommerce-result-count {
font-family: var(--font-main);
font-weight: 400;
}
.tax-product_tag .widget-area.sidebar.is-left-sidebar {
width: 15%;
}
.tax-product_tag .is-left-sidebar .bapf_head {
font-family: var(--font-main);
color: var(--cvm-brown);
}
.tax-product_tag .is-left-sidebar .bapf_head h3 {
font-size: 20px;
margin-bottom: 10px;
}
.tax-product_tag .is-left-sidebar .bapf_body {
margin-bottom: 10px;
}
.tax-product_tag .is-left-sidebar .bapf_sfilter.bapf_ckbox input[type=checkbox] {
width: 16px;
height: 16px;
border: 1px solid var(--cvm-brown);
bottom: 2px;
}
.tax-product_tag .is-left-sidebar .bapf_body label {
font-family: var(--font-main);
font-weight: 300;
font-size: 16px;
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 46% !important;
height: max-content;
}
.tax-product_tag .widget-area.sidebar.is-left-sidebar {
width: 25%;
}
.tax-product_tag .is-left-sidebar .bapf_head h3 {
font-size: 16px;
}
}
/** Archive **/
.archive .site-content{
justify-content: center;
width:100%;
}
.archive .woocommerce-products-header__title.page-title{
display:none;
}
.archive .entry-content{
position:relative;
}
.entry-content .woocommerce-breadcrumb{
display:none!important;
}
.archive .site-content .content-area{
width:100%;
}
.archive .button.product_type_variable{
display:none!important;
}
.archive .products.columns-4{
margin-top:30px;
}
@media screen and (max-width:768px){
.archive .inside-article{
padding-left:20px;
padding-right: 20px;
}
}
.zoomImg{
display:none!important;
}
.orderby{
background: transparent;
font-size: 13px;
font-family: var(--font-main);
color: #777777;
padding: 6px 10px;
max-width: 157px;
}
.order-by-label{
font-size:13px;
font-family: var(--font-main);
color: black;
margin-right:12px;
}
.woocommerce-ordering {
position: absolute;
display: inline-block;
border:1px solid #e7e7e7;
}
/* .button.product_type_simple{
display:none !important;
}
*/
.woocommerce-shop .button.add_to_cart_button {
margin-bottom: 15px;
display: flex !important;
background-color: var(--cvm-cart-button);
justify-content: center;
margin-left: auto;
margin-right: auto;
width: max-content;
}
.woocommerce-shop .button.add_to_cart_button::before {
content: "";
display: inline-block;
width: 17px;
height: 19px;
margin-right: 10px;
vertical-align: middle;
background-image: url('/wp-content/uploads/2026/06/add-to-cart-icon-bold-black.svg');
background-size: contain;
background-repeat: no-repeat;
}
.woocommerce-pagination ul {
border: unset !important;
}
.woocommerce-pagination .page-numbers{
font-family: var(--font-main);
font-size:14px;
color: var(--cvm-black);
}
.woocommerce-pagination li{
border-right: unset !important;
}
.woocommerce-ordering select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
/* Add a custom arrow */
.woocommerce-ordering::after {
content: '';
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 10px;
height: 10px;
background: url('data:image/svg+xml;charset=utf-8,') no-repeat center;
background-size: contain;
pointer-events: none;
}
/* Base styles for menu items */
#menu-item-785,
#menu-item-802,
#menu-item-803,
#menu-item-804,
.dn-mobile-menu-widget .menu-mobile-header-menu-greek-container .menu li:has(.sub-menu){
position: relative;
}
/* Target only the `` inside these menu items */
/* Someone will fix it someday */
#menu-item-785 > a,
#menu-item-802 > a,
#menu-item-803 > a,
#menu-item-804 > a,
.dn-mobile-menu-widget .menu-mobile-header-menu-greek-container .menu li:has(.sub-menu) > a{
position: relative;
display: inline-block; /* Ensures anchor has width */
padding-right: 20px; /* Space for the arrow */
}
/* Add dropdown arrow */
#menu-item-785 > a::after,
#menu-item-802 > a::after,
#menu-item-803 > a::after,
.dn-mobile-menu-widget .menu-mobile-header-menu-greek-container .menu li:has(.sub-menu) > a:first-child::after {
content: ""; /* Necessary for pseudo-elements */
position: absolute;
top: 50%;
right: 5px; /* Adjust position */
transform: translateY(-50%);
width: 10px;
height: 10px;
background: url('data:image/svg+xml;charset=utf-8,') no-repeat center;
background-size: contain;
pointer-events: none;
}
.dn-product-menu {
position: relative;
}
.dn-product-menu:after {
content: "";
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
width: 10px;
height: 10px;
background: url('data:image/svg+xml;charset=utf-8,') no-repeat center;
background-size: contain;
pointer-events: none;
right:0px;
fill: var(--cvm-brown-focused);
}
.dn-product-menu {
margin-right:15px;
}
.dn-load-more-wrap{
text-align:center;
}
#dn-load-more{
width: 100%!important;
max-width: 600px;
margin-left: auto;
margin-right: auto;
text-align: center;
color:#555555;
font-size:12px;
font-family: var(--font-main);
font-weight: 700;
text-transform:uppercase;
background:transparent;
border: 1px solid #e7e7e7;
padding: 12px
}
.post-type-archive-product a.related-title,
.product a {
color:#2b2b2d!important;
font-family: var(--font-main);
font-weight: 500;
}
.post-type-archive-product .related-title,
.archive .related-title{
font-size:14.72px;
}
.post-type-archive-product .product-categories,
.archive .product-categories{
margin-bottom:0;
}
.post-type-archive-product .product-categories p,
.archive .product-categories p{
display:none;
}
.post-type-archive-product .product-categories span,
.archive .product-categories span {
text-transform: uppercase;
font-size:10px;
color: #777777;
font-family: var(--font-main);
font-weight: 500;
}
/* Contact */
.page-id-3317 .site-content .content-area{
width:100%;
}
.wpcf7 fieldset legend {
font-family: var(--font-main);
}
.dn-giveaway-form form{
max-width:unset!important;
}
.dn-giveaway-box h3,
.dn-giveaway-box p{
font-family: var(--font-main) !important;
}
.dn-giveaway-parent p{
font-family: var(--font-main) !important;
color:#1e1e1e!important;
}
.dn-giveaway-parent .stronger{
font-size:20px;
font-family: var(--font-main);
font-weight: 600;
}
.dn-submit-opens-in{
width:80%!important;
}
@media screen and (max-width:768px){
.dn-giveaway-form form p.dn-submit-opens-in{
width: 100%!important;
}
}
.dn-darker-brown {
color:#c04c20!important;
font-size:25px!important;
}
.dn-contact-container form,
.dn-giveaway-form form {
max-width: 905px;
margin-left: auto;
margin-right: auto;
display:flex;
flex-wrap: wrap;
column-gap:20px;
row-gap:15px;
}
.select2-results__option {
font-size: 14px;
font-family:var(--font-main);
color: #777777;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:17px;
font-size:14px!important;
}
body .select2-container--default .select2-search--dropdown .select2-search__field{
font-size:14px!important;
font-family: var(--font-main);
}
.select2-container .select2-selection--single{
height:unset!important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
top:4px!important;
}
.dn-giveaway-form form{
column-gap:40px;
}
.wpcf7-list-item.first{
margin-left:0!important;
}
.dn-contact-container form label,
.dn-contact-container form select,
.dn-giveaway-form form label,
.dn-giveaway-form form select {
font-size:16px;
color: #575757;
font-family: var(--font-main);
}
.real-file {
display: none;
}
.custom-file-upload {
display: inline-block;
font-family: var(--font-main);
font-weight: 300;
border: none;
color: white;
background: #52c3ea;
padding: 4px 12px;
font-size: 14px!important;
text-transform: uppercase;
cursor: pointer;
color: white !important;
max-width: max-content;
}
.file-name{
font-size: 14px;
color: #777777;
font-family: var(--font-main);
margin-bottom:0!important;
}
.custom-file-upload{
margin-bottom:3px!important;
}
@media screen and (max-width:768px){
.file-name{
font-size: 12px;
line-height: 15px;
display: block;
}
}
.dn-giveaway-form form label{
margin-bottom:6px;
}
.dn-giveaway-form form p:has(.wpcf7-acceptance){
width:100%!important;
display:flex;
}
.dn-giveaway-form form p:has(.wpcf7-acceptance) .wpcf7-form-control-wrap{
margin-top:auto;
margin-bottom:auto;
}
.dn-giveaway-form form p:has(.wpcf7-acceptance) .wpcf7-form-control-wrap label{
margin-bottom:0!important;
}
.dn-giveaway-form form p:has(.wpcf7-acceptance) .wpcf7-list-item{
margin-left:0!important;
}
.dn-contact-container form p, .dn-giveaway-form form p{
width:calc(50% - 20px);
}
.dn-giveaway-form form p:has(select){
width:100%!important;
}
.dn-giveaway-form form p:has(.wpcf7-email){
width:calc(50% - 19px);
}
.select2-container{
width:100%!important;
max-width:912px;
}
@media screen and (max-width:768px){
.dn-contact-container form p, .dn-giveaway-form form p{
width:calc(50% - 10px)!important;
}
.dn-giveaway-form form{
column-gap:20px!important;
row-gap:30px!important;
}
}
@media screen and (max-width:768px){
.page-id-1217 .inside-article{
padding-left:15px;
padding-right:15px;
}
}
.dn-contact-container form p:has(.wpcf7-select){
width:100%;
}
.dn-giveaway-form h2{
font-family: var(--font-main);
font-size:25px;
color:#52c3ea;
}
.dn-contact-container p,
.dn-giveaway-form p {
font-family: var(--font-main);
font-size:15px;
color:#777777;
}
.dn-giveaway-form p input{
font-family: var(--font-main);
font-size:16px!important;
color:#777777;
padding:6px 15px!important;
}
.dn-giveaway-form br{
display:none!important;
}
.dn-contact-container form p:has(.wpcf7-select) select{
width:calc(50% - 20px);
background:transparent;
}
.dn-contact-container form p textarea{
background:transparent;
}
fieldset {
width:calc(50% - 20px);
min-width:fit-content;
}
fieldset p {
width: 100%!important;
}
.dn-contact-container form p label,
.dn-giveaway-form form p label{
display:flex;
flex-direction:column;
}
.dn-contact-container .wpcf7-list-item, .dn-giveaway-form .wpcf7-list-item {
display:flex;
column-gap:5px;
align-items:center;
}
@media screen and (max-width:768px){
.dn-contact-container form p:has(.wpcf7-radio){
width:calc(100%);
}
.wpcf7-list-item{
margin-left:13px!important;
}
.dn-contact-container form p {
width: calc(50% - 10px);
}
.dn-contact-container form br{
display:none;
height:0;
}
}
.dn-contact-container form .wpcf7-radio{
display:flex;
}
.dn-contact-container form p:has(textarea){
width:100%;
}
.dn-contact-container form p:has(textarea) textarea{
max-width:590px;
}
.dn-contact-container form p:has(.has-spinner){
width:100%;
max-width:300px;
}
.dn-contact-container form textarea{
max-height:140px;
}
.dn-contact-container form .wpcf7-submit{
background: #29363c;
padding: 8px 14px;
max-width:fit-content;
color:white;
font-family: var(--font-main);
}
.dn-contact-container .wpcf7-list-item input{
width:10px;
height:10px;
}
.dn-giveaway-form p:has(.wpcf7-file) input{
border:none!important;
}
/*
.dn-giveaway-form p:has(.wpcf7-file){
position:relative;
}
.dn-giveaway-form p:has(.wpcf7-file) .wpcf7-form-control-wrap{
position:absolute;
top:0;
width:100%;
opacity:0;
}
.dn-giveaway-form .wpcf7-file input{
background:white;
}
*/
input[type=file]::file-selector-button{
font-family: var(--font-main);
font-weight: 300;
border:none;
color: rgb(255, 255, 255);
text-decoration: none;
line-height: 28px;
font-size: 12px;
text-transform: uppercase;
background: #52c3ea;
}
@media screen and (max-width:768px){
input[type=file]::file-selector-button{
display:flex;
column-gap:5px;
margin-bottom:5px;
}
.dn-giveaway-form label, .dn-giveaway-form input {
font-size:16px!important;
line-height:1.2em!important;
}
.dn-giveaway-form form p:nth-of-type(5) {
width:calc(50% - 10px)!important;
}
.dn-giveaway-form form p:nth-of-type(6) {
width:calc(50% - 10px)!important;
}
}
.dn-contact-container form input, .dn-giveaway-form form input{
background-color: #fff;
color: #777;
border: 1px solid rgba(0, 0, 0, 0.08);
outline: none;
box-shadow: none;
text-align: left;
line-height: 1.42857;
padding: 8px 12px;
font-size: 0.85rem;
vertical-align: middle;
height: auto;
width:100%;
}
.dn-giveaway-form form input.wpcf7-file{
padding-left:0!important;
padding-top:0;
}
.dn-giveaway-form form p:has(.wpcf7-list-item-label) input{
width:fit-content;
}
.dn-giveaway-form form p:has(.wpcf7-list-item-label) label{
flex-direction:row;
column-gap:7px;
}
.dn-giveaway-form .wpcf7-list-item{
margin-left:0;
}
.dn-giveaway-form form p:has(.has-spinner){
width:100%!important;
max-width:fit-content!important;
}
.wp-block-embed-youtube{
width:100%;
}
.dn-yt-container{
max-width: 920px;
height: auto;
margin-left: auto;
width:100%;
}
.dn-yt-overlay{
opacity:1;
transition:0.6s ease;
cursor:pointer;
}
.wpcf7-select{
width:100%;
background:white;
}
.dn-yt-overlay.hidden,
.ytp-button.hidden{
opacity:0;
transition:0.6s ease;
pointer-events:none;
}
.ytp-button{
background:transparent!important;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
max-width:110px;
}
.ytp-button{
z-index:10;
}
@media screen and (max-width:1024px){
.wp-block-embed-youtube{
margin-top:30px;
}
}
.gb-element-ec828106 img{
min-width:20px;
min-height:20px;
}
.dn-giveaway-form .wpcf7-spinner{
position:absolute!important;
}
.dn-submit-opens-in{
line-height: 1em;
margin-top: auto;
margin-bottom:auto;
}
.dn-giveaway-form form p:has(.has-spinner) input{
max-width:fit-content;
background:#52c3ea;
color:white;
}
.dn-giveaway-form input::placeholder{
font-size: 12px !important;
color: #777777;
opacity: 0.7;
}
.dn-hidden-give-button{
opacity:0;
transition:0.5s ease;
font-family: var(--font-main);
font-weight: 300;
border: none;
color: rgb(255, 255, 255)!important;
text-decoration: none!important;
line-height: 28px!important;
font-size: 12px!important;
text-transform: uppercase!important;
background-color: #52c3ea!important;
padding:1px 6px!important;
margin-top:10px;
}
.dn-giveaway-form .wpcf7 form .wpcf7-response-output{
margin-bottom:0!important;
width:100%!important;
}
a.dn-hidden-give-button.visible{
opacity:1;
transition:0.4s ease;
}
.dn-giveaway-form form p:has(.has-spinner) input:active{
background: var(--cvm-black);
}
.dn-giveaway-form form p:has(.has-spinner) input:focus{
background: var(--cvm-black) !important;
}
.dn-giveaway-form .wpcf7-spinner{
top:6px!important;
}
.dn-giveaway-form .wpcf7-response-output{
padding-left:0!important;
}
.gb-text-c60726d5 {
font-family: var(--font-main);
}
/** Woo Search **/
#product_cat {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px;
}
.header-widget .widget_block:has(.woocommerce-product-search) .search-submit img {
fill:var(--cvm-brown-focused) !important;
height: 20px;
width: 40px;
}
.woocommerce-product-search{
display:flex;
border: 1px solid #d09b6d85;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
background:white;
}
textarea:focus, input:focus{
outline: none;
background:white!important;
}
.dn-footer-form .wpcf7-submit:focus{
background: var(--cvm-yellow)!important;
}
.dn-contact-container .wpcf7-submit:focus{
background: #29363c!important;
}
.dn-footer-form .wpcf7-spinner{
position: absolute;
right: -65px;
top: 10px;
}
.dn-contact-container p{
position: relative;
}
.dn-contact-container .wpcf7-response-output{
width:100%;
margin-left:0!important;
padding-left:0!important;
padding-top:0!important;
margin-top:-5px!important;
}
.dn-contact-container .wpcf7-spinner{
position: absolute;
top: 5px;
}
.dn-contact-info {
font-family: var(--font-main);
}
@media screen and (max-width:768px){
.dn-footer-form .wpcf7-spinner{
right:-54px;
}
}
.wpcf7-response-output{
margin-top: 5px!important;
border: none!important;
margin-left: 2px!important;
font-family: var(--font-main)!important;
font-size: 14px!important;
color: #297a31!important;
}
.dn-giveaway-form .wpcf7-response-output{
font-family: var(--font-main)!important;
}
.dn-giveaway-form .wpcf7-response-output{
font-size:14px!important;
}
.woocommerce-product-search input,
.woocommerce-product-search select,
.woocommerce-product-search button {
border:unset!important;
}
.woocommerce-product-search input,
.woocommerce-product-search select {
border-right: 1px solid var(--cvm-brown-focused)!important;
}
.woocommerce-product-search input {
color: var(--cvm-brown-focused)!important;
font-size:12px;
font-family: var(--font-main);
background:transparent;
line-height:12px;
}
.woocommerce-product-search select {
font-size:13px;
font-family: var(--font-main);
background:transparent;
color: var(--cvm-brown-focused)!important;
line-height:18px;
}
.woocommerce-product-search button {
background: transparent;
display:flex;
}
.woocommerce-product-search input::placeholder {
opacity: 0.7;
color: var(--cvm-brown-focused)!important;
width:fit-content;
}
#block-38{
position: absolute;
display:none!important;
top: 93px;
right: 34px;
z-index:9999;
}
#block-38.visible{
display:flex!important;
}
.wpcf7-not-valid-tip{
display:none;
}
.wpcf7 form.invalid .wpcf7-response-output{
color:#ea2f2f!important;
}
.search-results-box {
position: absolute;
top: 47px;
left: 0;
background: #fff;
border: 1px solid #ccc;
width: 100%;
display: none;
max-height: 300px;
overflow-y: auto;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
z-index: 1000;
}
.search-result-item {
display: flex;
align-items: center;
padding: 10px;
cursor: pointer;
border-bottom: 1px solid #eee;
font-size:13px;
font-family: var(--font-main);
color:var(--cvm-brown-focused);
width:90%;
margin-left:auto;
margin-right:auto;
}
.search-result-item span{
text-align:left;
}
.search-result-item img {
width: 50px;
height: 50px;
margin-right: 10px;
}
.search-result-item:hover {
background: #f8f8f8;
}
@media screen and (max-width:768px){
.woocommerce-product-search input{
max-width:121px;
font-size:12px;
padding:5px;
}
#block-38 {
right: 9px;
z-index: 9999;
}
.woocommerce-product-search select{
font-size:12px;
padding:5px;
max-width:121px;
}
.woocommerce-product-search button{
padding:8px;
}
}
/*** Not Found ***/
.error404 .search-form{
display:none!important;
}
.error404 .dn-404-button{
padding: 8px 14px;
max-width: fit-content;
color: white;
font-family: var(--font-main);
background: #29363c;
font-size: 0.85rem;
text-decoration:none;
}
.error404 .entry-title,
.search .entry-title,
.search h1{
font-size: 30px;
line-height: 1.2;
color: #222529;
letter-spacing: -0.01em;
margin-bottom: 2px;
font-family: var(--font-main);
font-weight: 700;
}
.error404 .grid-container p,
.search .grid-container p {
font-family: var(--font-main);
font-size: 14px;
letter-spacing: 0.005em;
line-height: 1.9;
color: #777777;
margin-bottom:20px;
}
.error404 .entry-content, .search .entry-content{
margin-top:5px!important;
}
.search .search-form{
border: 1px solid var(--cvm-brown-focused);
max-width:fit-content;
background:white!important;
}
.search .search-form input{
background: white!important;
border-right:none!important;
}
.search .search-form button{
background:transparent!important;
border-left:1px solid var(--cvm-brown-focused);
}
.search .search-form input{
font-family: var(--font-main);
font-size: 14px;
letter-spacing: 0.005em;
line-height: 1.9;
color: #777777;
border:none;
}
.search .search-form input:focus,
.search .search-form input:active{
outline:none!important;
border:none!important;
}
.search img{
max-width:400px;
}
.search-results .entry-summary p{
max-width:800px;
}
.search-results .inside-article{
padding-top:0;
padding-bottom:0;
border-bottom: 1px solid #777777;
width: 95%;
margin-left: auto;
padding-left:0;
}
.search-results .site-content .content-area {
width: 80%;
/* max-width: 900px; */
}
/* .search-results .grid-container p{
margin-bottom:40px;
} */
/*** Giveaway ***/
.dn-giveaway-parent h2{
font-family: var(--font-main);
font-weight: 700;
font-size: 45px!important;
line-height: 1.5em;
color: white;
}
@media screen and (max-width:768px){
.dn-giveaway-parent h2{
font-size:30px!important;
}
}
.site-main{
margin-right:0!important;
}
.dn-giveaway-parent p{
color:#1e1e1e;
}
.dn-giveaway-parent strong{
color: #52c3ea;
}
.dn-bullets{
color : #4db5d9!important;
}
.dn-text-and-rayban{
column-gap:55px;
}
.dn-rayban-paragraphs{
color: #2596be!important;
}
.dn-id-num-two{
color: #52c3ea!important;
}
.dn-whole-list-giveaway a{
color: #52c3ea!important;
font-weight:600;
text-decoration:none;
}
.dn-whole-list-giveaway li{
color: #1e1e1e;
}
.dn-rayban-head{
font-family: var(--font-main);
font-weight: 600;
}
.dn-form-and-text-giveaway{
column-gap:55px;
}
.dn-rayban-swiper{
overflow:hidden;
}
.dn-rayban-swiper img{
max-height:600px;
object-fit:contain;
}
.dn-rayban-bullet-block{
column-gap:5px;
justify-content:start;
align-items:start;
margin-bottom:10px;
}
.dn-glasses-closeup{
border-radius:50px;
display:flex;
margin-left:auto;
margin-right:auto;
}
.dn-glasses-fancy{
border-radius:300px;
display:flex;
margin-left:auto;
margin-right:auto;
max-width:1194px!important;
}
strong.second{
color:black!important;
}
.dn-with-buy {
font-family: var(--font-main);
font-weight: 500;
}
.dn-giveaway-overlay{
position:fixed;
transition:0.4s ease;
width:100%;
height:100%;
top:0;
left:0;
opacity:0;
pointer-events:none;
z-index:99999999;
}
.dn-giveaway-overlay.visible{
opacity:0.4;
transition:0.4s ease;
pointer-events:auto;
}
.dn-giveaway-big {
font-size: 55px;
padding-left: 20px;
padding-right: 20px;
}
.dn-giveaway-box{
position:fixed;
width:95%;
height:100%;
max-width:940px;
max-height:580px;
overflow-y:scroll;
margin-left:auto;
margin-right:auto;
top:50%;
left:50%;
transform:translate(-50%,-50%);
opacity:0;
pointer-events:none;
z-index:999999999;
background:white;
padding-left:25px;
padding-right:25px;
padding-top:20px;
padding-bottom:20px;
transition:0.4s ease;
}
.dn-giveaway-success{
position:fixed;
width:95%;
height:95%;
max-width:740px;
max-height:820px;
overflow-y:scroll;
margin-left:auto;
margin-right:auto;
top:50%;
left:50%;
transform:translate(-50%,-50%);
opacity:0;
pointer-events:none;
z-index:999999999;
background:white;
padding-top:20px;
padding-bottom:0px;
transition:0.4s ease;
display:flex;
flex-direction:column;
}
.dn-giveaway-success .meta-image{
max-width:165px;
}
.dn-giveaway-success p,
.dn-giveaway-success li {
font-family: var(--font-main) !important;
color: #1E1E1E !important;
font-size:17px;
}
.dn-step-list{
padding-right:25px;
}
@media screen and (max-width:550px){
.dn-comp-num{
display:block!important;
}
}
.dn-whole-list-giveaway{
margin-top:20px;
}
.dn-give-btn{
max-width: fit-content;
background-color: #52c3ea!important;
color: white;
font-family: var(--font-main);
font-size:14px;
padding: 5px 10px!important;
margin-left: 35px!important;
margin-bottom:30px;
}
.dn-clipboard{
width: 20px;
height: 20px;
display: inline-block;
margin-left: 8px;
}
.dn-clipboard svg{
max-height: 18px;
}
.clip-parent{
display:flex;
align-items:center;
}
.dn-give-instr{
font-size: 12px;
margin-left: 3px;
position: relative;
top: 0px;
color: grey;
}
.dn-clipboard-feedback{
color: green;
font-size: 15px;
padding-top:10px;
padding-bottom:10px;
}
.dn-id-num-two{
font-size:35px!important;
font-weight: bold;
}
.dn-giveaway-success .dn-glasses-closeup{
width:300px;
height:300px;
}
@media screen and (max-width:1024px){
.dn-giveaway-box{
max-width:700px;
max-height:500px;
}
}
.dn-x-button-giveaway-one, .dn-x-button-giveaway-two{
position: absolute;
font-size: 35px!important;
top: 6px;
z-index: 9999999999;
opacity: 1;
pointer-events: none;
transition: 0.4s ease;
color: black;
right: 29px;
top: 2px;
}
@media screen and (max-width:768px){
.dn-x-button-giveaway-one,.dn-x-button-giveaway-two{
color: black;
right: 40px!important;
top: 20px;
left: unset!important;
}
.dn-x-button-giveaway-two{
right: 25px !important;
top: 0px!important;
}
.dn-x-button-giveaway-one{
right: 15px !important;
top: -11px;
}
}
.term-trigger{
cursor:pointer;
}
.dn-x-button-giveaway-one,.dn-x-button-giveaway-two{
cursor:pointer;
}
.dn-x-button-giveaway-one.visible,
.dn-x-button-giveaway-two.visible{
opacity:1;
pointer-events:auto;
transition:0.4s ease;
}
.dn-giveaway-box.visible,
.dn-giveaway-success.visible{
opacity:1;
transition:0.4s ease;
pointer-events:auto;
}
.dn-fancy {
font-family: var(--font-main) !important;
font-size: 36px!important;
font-weight: 700;
}
@media screen and (max-width:768px){
/* Contest only */
#post-1217 .inside-article {
padding-top: 0px;
}
.dn-fancy{
font-size:27px!important;
}
}
body p.dn-could-be-you{
font-family: var(--font-main) !important;
font-weight: 500 !important;
}
.dn-three-luckies{
font-size:30px !important;
}
.dn-could-be-you span{
font-family: var(--font-main) !important;
color: #52c3ea;
}
.dn-smart{
font-family: var(--font-main);
color: #1bb2eb;
}
.dn-smart{
font-size:35px;
font-style: normal;
font-family: var(--font-main);
font-weight: 700;
line-height:0.5px;
}
.page-id-1217 .inside-article{
padding-left:0;
padding-right:0!important;
}
.dn-glasses{
font-size:24px;
font-weight:bold;
margin-left:0px;
font-style: italic;
}
.dn-two-brands-container img{
object-fit:contain;
width:157px;
}
.dn-two-brands-container{
column-gap:23px;
}
p.dn-dates-giveaway{
background:#52c3ea;
color:white!important;
padding:5px;
max-width:fit-content;
font-family: var(--font-main) !important;
display:flex;
align-items:center;
column-gap:10px;
margin-top:20px;
margin-bottom:50px;
flex-wrap:wrap;
}
p.dn-dates-giveaway span{
font-size:35px!important;
line-height:10px;
}
.giveaway-spider-bg{
background-blend-mode: lighten!important;
}
@media screen and (max-width:1300px){
.dn-rayban-swiper img{
max-height:400px;
max-width:791px!important;
}
}
@media screen and (max-width:800px){
.dn-rayban-swiper img{
max-height: 300px !important;
max-width: 594px !important;
}
.dn-giveaway-parent p{
font-size:18px!important;
}
body p.dn-revolutionary{
font-size:18px!important;
}
}
.dn-two-brands-container img:nth-of-type(2){
width:auto;
height:31px;
margin-left:4px;
}
@media screen and (max-width:768px){
.dn-rayban-swiper .swiper-slide{
margin-top:auto;
margin-bottom:auto;
}
.dn-two-brands-container img{
width:120px;
}
.dn-two-brands-container img:nth-of-type(2){
height:24px;
}
p.dn-dates-giveaway{
margin-bottom:15px;
margin-top:15px;
}
body p.dn-submit-opens-in{
font-size:14px!important;
}
}
@media screen and (max-width:485px){
p.dn-dates-giveaway{
justify-content:center;
}
}
.dn-product-buy{
font-size:31px;
font-weight:bold;
}
.rayban-image{
width:150px!important;
}
.meta-image{
width:230px!important;
}
.lucky{
font-family: var(--font-main) !important;
color: #52c3ea;
font-size:32px!important;
}
@media screen and (max-width:768px){
.lucky{
font-size:15px!important;
}
.dn-rayban-head.title{
font-size:25px!important;
}
}
.even-bigger{
font-size:32px!important;
}
.dn-revolutionary strong{
color:black!important;
}
.dn-revolutionary {
font-size:26px!important;
}
@media screen and (max-width:800px){
.dn-revolutionary{
font-size:18px!important;
}
.dn-smart{
font-size:26px!important;
}
.dn-giveaway-parent h2{
line-height:1.9em!important;
}
.dn-giveaway-big{
font-size:42px!important;
}
.meta-image{
width:153px!important;
}
.dn-two-brands-container{
column-gap:12px!important;
}
.dn-three-luckies{
text-align:center!important;
}
.dn-giveaway-parent h2{
font-size:28px!important;
}
.dn-rayban-swiper img{
object-fit: cover !important;
}
.dn-glasses-fancy{
border-radius:20px!important;
}
}
#mapIframe{
width:100%;
max-height:700px;
height:80vw;
}
@media screen and (max-width:768px){
#mapIframe{
height:152vw;
max-height:446px;
}
}
@media screen and (max-width:498px){
.dn-city-select{
margin-right:11px!important;
}
#mapIframe {
height: 160vw!important;
max-height: 482px!important;
}
}
.map-parent-container {
width: 100%;
}
.dn-dropdowns {
display: flex;
justify-content: center;
align-items: center;
column-gap: 30px;
position:fixed;
top:0;
background-color:white;
z-index:100000000;
left: 50%;
width:100%;
transform: translate(-50%);
padding-top: 20px;
padding-bottom: 20px;
}
#map {
width: 100%!important;
border-radius: 20px;
text-align: center;
}
.spinner-container {
position: absolute;
z-index: 1000;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
p.dn-please-wait{
margin-right:14px;
color:#B06110;
font-size:16px;
text-align:center;
}
.spinner {
width: 50px;
height: 50px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
border: 5px solid rgba(0, 0, 0, 0.1);
border-left-color: #B06110;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.dn-no-results-found{
color:#B06110;
font-size:16px;
vertical-align: middle;
max-width:250px;
text-align: center;
margin:auto;
margin-top:25px;
}
.actual-info{
width:30%;
height:80vw;
max-height:480px;
position:relative;
}
.extra-info {
padding-top:20px;
height: 100%;
width: 100%;
background-color: white;
z-index: 999;
max-height: 480px;
overflow-y: auto;
border: none;
display: flex;
align-items:center;
}
.dn-pharmacy-name{
color:#B06110;
font-weight: 400;
margin-bottom:16px;
}
.storeNamePopup{
margin-bottom:0;
}
.dn-pharmacy-name,
.dn-pharmacy-website,
.dn-thatsall {
margin-top: 0;
margin-left: 14px;
font-size: 16px;
font-family: var(--font-main);
text-decoration:none;
}
.dn-pharmacy-address-line a,
.dn-pharmacy-phone-line a,
.dn-pharmacy-website-line a{
text-decoration:none;
color:#5c5c5c;
font-weight:300;
}
.map-parent-container .select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid rgba(170, 170, 170, 0.5);
border-radius: 4px;
height: 41px;
padding-top: 5px;
}
.map-parent-container .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 7px;
width: 20px;
}
.map-parent-container .select2-dropdown {
z-index:100000000000;
}
.extra-info-box {
background-color: white;
margin-bottom: 30px;
}
.dn-map-and-info {
display: flex;
width: 100%;
justify-content: center;
margin-top: 102px;
column-gap:40px;
}
.dn-pharmacy-address,
.dn-pharmacy-website,
.dn-pharmacy-phone {
color: #0056b3;
font-family: var(--font-main);
font-size: 15px;
margin-top: 0;
}
.dn-pharmacy-address-line a,
.dn-pharmacy-website-line a,
.dn-pharmacy-phone-line a {
font-size:15px;
}
.dn-region-select label,
.dn-city-select label,
.map-parent-container .select2-selection__placeholder {
font-family: var(--font-main);
color:#1e1e1e;
}
.dn-region-select label,
.dn-city-select label,
.select2-selection__placeholder{
color: #1e1e1e!important;
}
.map-parent-container .select2-selection__placeholder {
font-size: 15px;
position:relative;
left:33%;
}
.map-parent-container .select2-container{
height:40px!important;
}
.map-parent-container .select2-results__options li {
font-size: 15px;
font-family: var(--font-main);
font-weight:300;
color:#5c5c5c
}
.map-parent-container .select2-selection__rendered{
padding-left:10px;
}
.map-parent-container #select2-region-container,
.map-parent-container #select2-city-container {
font-family: var(--font-main);
}
.dn-pharmacy-address {
margin-bottom: 5px;
}
.dn-pharmacy-phone {
font-style: italic;
}
.dn-info-icon {
width: 15px;
height: 15px;
}
.dn-pharmacy-phone-line,
.dn-pharmacy-address-line,
.dn-pharmacy-website-line {
display: flex;
column-gap: 5px;
padding-left: 10px;
}
.dn-pharmacy-address-line,
.dn-pharmacy-phone-line {
margin-bottom: 14px;
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}
.storeNamePopup,
.storeAddressPopup,
.storeTelPopup,
.storeWebPopup{
color:#0078A8;
}
.dn-dropdowns .select2-selection__clear{
position:relative;
top:2px;
}
.map-parent-container #select2-city-container .select2-selection__placeholder{
position:relative;
left:39px!important;
}
/* Media Queries */
@media screen and (max-width: 1024px) {
.dn-map-parent-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.dn-dropdowns {
width:100%;
flex-wrap:wrap;
column-gap:10px;
margin-top:0!important;
}
.dn-no-results-found{
margin: 10px auto 0 auto;
}
.dn-map-and-info {
flex-direction: column-reverse;
}
#map {
width: 100%;
margin-bottom: 30px;
}
.actual-info {
align-items: flex-start;
width: 100%;
}
}
@media screen and (max-width: 425px) {
.dn-city-select{
margin-top:30px;
}
.dn-city-select .select2-container{
left:38px;
top:-17px;
}
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/*** Cart Page ***/
.woocommerce-cart .wc-block-grid__products {
margin: 0 auto;
}
/* Hide the text inside block onsale badges */
.woocommerce-cart .wc-block-grid__product-onsale span {
display: none;
}
/* Replace with your image */
.woocommerce-cart .wc-block-grid__product-onsale {
background: url('/wp-content/uploads/2026/06/cvm-offer.svg') no-repeat center;
background-size: contain;
width: 80px;
height: 80px;
position: absolute;
left: 5px;
top: 0;
margin: 0;
border: none;
padding: 0;
}
.woocommerce-cart .wc-block-cart {
max-width: 1300px;
padding: 0 20px;
font-family: var(--font-main);
}
.woocommerce-cart .wc-block-cart svg {
fill: var(--cvm-brown-focused) !important;
}
.woocommerce-cart a.wc-block-components-product-name {
text-decoration: none;
color: var(--cvm-brown-focused);
}
.woocommerce-cart .wc-block-components-product-details,
.woocommerce-cart a.wc-block-components-product-name {
font-size: 14px !important;
}
/* .woocommerce-cart #wc-block-components-totals-coupon__input-coupon {
border: 1px solid var(--cvm-brown-focused);
} */
.woocommerce-cart .wc-block-components-totals-coupon__input label {
color: var(--cvm-brown-focused);
}
.woocommerce-cart .wc-block-cart__submit-button {
border: 1px solid var(--cvm-cart-button);
background-color: var(--cvm-cart-button);
text-decoration: none;
border-radius: 5px;
}
.woocommerce-cart .wc-block-cart__submit-button .wc-block-components-button__text {
color: var(--cvm-buy-text);
}
.woocommerce-cart .wc-block-components-totals-coupon__button {
background: var(--cvm-cart-button);
border-radius: 5px;
}
.woocommerce-cart .wc-block-components-button__text {
color: var(--cvm-buy-text);
font-family: var(--font-main);
font-weight: 400;
opacity: 0.75;
}
/* Empty cart */
.woocommerce-cart .wp-block-woocommerce-cart {
font-family: var(--font-main);
}
.woocommerce-cart .wc-block-grid__product-add-to-cart .wp-block-button__link {
background-color: var(--cvm-cart-button);
color: var(--cvm-buy-text);
font-weight: 500;
border-radius: 3px;
}
.woocommerce-cart .wc-block-grid__product-add-to-cart .wp-block-button__link::before {
content: "";
display: inline-block;
width: 17px;
height: 19px;
margin-right: 10px;
vertical-align: middle;
background-image: url('/wp-content/uploads/2026/06/add-to-cart-icon-bold-black.svg');
background-size: contain;
background-repeat: no-repeat;
}
.woocommerce-cart .wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
background-color: var(--cvm-cart-button);
color: var(--cvm-buy-text);
}
.woocommerce-cart .wc-block-grid__product .wc-block-grid__product-title {
font-size: 16px;
color: var(--cvm-black);
}
.woocommerce-cart .wc-block-grid__product a {
text-decoration: none;
}
.woocommerce-cart .wc-block-grid__product-price {
font-weight: 500;
font-family: var(--font-main);
color: var(--cvm-price);
font-size: 18px;
}
.woocommerce-cart .wp-block-separator {
display: none;
}
.woocommerce-cart .wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
color: var(--cvm-brown-focused);
}
/* Gift price label */
.dn-gift-price {
font-weight: 600;
text-transform: uppercase;
}
/*** Checkout Page ***/
.woocommerce-checkout .wc-block-components-sidebar-layout {
max-width: 1300px;
padding: 0 20px;
font-family: var(--font-main);
}
.woocommerce-checkout .wc-block-components-sidebar-layout svg {
fill: var(--cvm-brown-focused) !important;
}
.woocommerce-checkout .wc-block-cart__submit-button .wc-block-components-button__text {
color: white;
}
.woocommerce-checkout .wc-block-components-totals-coupon__button {
background: var(--cvm-cart-button);
border-radius: 3px;
}
.woocommerce-checkout .wc-block-components-totals-coupon__button .wc-block-components-button__text {
font-family: var(--font-main);
color: var(--cvm-buy-text);
}
.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
background: var(--cvm-cart-button);
border-radius: 3px;
}
.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button__text {
font-family: var(--font-main);
color: var(--cvm-buy-text);
}
.woocommerce-checkout .wc-block-checkout__payment-method .ppcp-place-order-description {
display: none;
}
/*** WooCommerce Account Page ***/
.woocommerce-account {
font-family: var(--font-main);
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 20%;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 80%;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
color: var(--cvm-brown-focused);
text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content a {
color: var(--cvm-brown-focused);
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-button.button.view {
background-color: transparent;
border: 1px solid var(--cvm-brown-focused);
font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
border-top: 1px solid var(--cvm-brown-focused);
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info::before {
color: var(--cvm-brown-focused);
}
.woocommerce-account .woocommerce-MyAccount-content .button {
background-color: transparent;
border: 1px solid var(--cvm-brown-focused);
font-weight: 500;
}
/** WooCommerce Success **/
.woocommerce .woocommerce-notices-wrapper {
font-family: var(--font-main);
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message {
border-top-color: var(--cvm-brown-focused);
line-height: 2.5em;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message::before {
color: var(--cvm-brown-focused);
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .wc-forward {
padding: 10px 20px;
background: transparent;
border: 1px solid var(--cvm-brown-focused);
font-family: var(--font-main);
font-weight: 600;
color: var(--cvm-brown-focused) !important;
}
/*** Thank you Page ***/
.woocommerce-order-received {
font-family: var(--font-main);
}
.woocommerce-order-received .woocommerce-order {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.woocommerce-order-received .woocommerce-notice {
margin-bottom: 10px;
}
.woocommerce-order-received .woocommerce-table__product-name a {
text-decoration: none;
color: var(--cvm-brown-focused);
}
@media screen and (max-width: 768px) {
.woocommerce-order-received .woocommerce-column--billing-address {
margin-bottom: 20px;
}
}
.woocommerce-order-received .woocommerce-customer-details--phone::before,
.woocommerce-order-received .woocommerce-customer-details--email::before{
color: var(--cvm-brown-focused);
}
/** Floating Filter Button & Modal **/
@media screen and (min-width: 769px) {
.dn-floating-filter-btn,
.dn-filter-modal-overlay {
display: none;
}
}
@media screen and (max-width: 768px) {
.dn-floating-filter-btn {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
z-index: 99998;
display: flex;
align-items: center;
gap: 8px;
padding: 12px 24px;
background: var(--cvm-brown-focused);
color: var(--cvm-white);
border: none;
border-radius: 50px;
font-family: var(--font-main);
font-size: 14px;
font-weight: 500;
cursor: pointer;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
transition: background 0.3s ease, box-shadow 0.3s ease;
}
.dn-floating-filter-btn:hover {
background: var(--cvm-brown);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}
.dn-floating-filter-btn svg {
flex-shrink: 0;
}
.dn-filter-modal-overlay {
position: fixed;
inset: 0;
z-index: 99999;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.dn-filter-modal-overlay.active {
opacity: 1;
pointer-events: auto;
}
.dn-filter-modal-content {
background: var(--cvm-white);
width: 90%;
max-width: 500px;
max-height: 85vh;
border-radius: 12px;
padding: 30px 24px 24px;
position: relative;
overflow-y: auto;
transform: translateY(20px);
transition: transform 0.3s ease;
}
.dn-filter-modal-overlay.active .dn-filter-modal-content {
transform: translateY(0);
}
.dn-filter-modal-close {
position: absolute;
top: 12px;
right: 12px;
background: transparent;
border: none;
cursor: pointer;
padding: 4px;
color: var(--cvm-grey);
transition: color 0.2s ease;
}
.dn-filter-modal-title {
font-family: var(--font-main);
font-size: 20px;
font-weight: 700;
color: var(--cvm-black);
margin: 0 0 20px;
padding-bottom: 12px;
border-bottom: 1px solid var(--cvm-black);
}
.dn-filter-modal-filters {
display: flex;
flex-direction: column;
gap: 20px;
}
.dn-filter-modal-filters .bapf_sfilter.bapf_ckbox input[type=checkbox] {
width: 16px;
height: 16px;
border: 1px solid var(--cvm-brown);
}
.dn-filter-modal-filters .bapf_sfilter.bapf_ckbox label {
font-family: var(--font-main);
}
.dn-filter-modal-filters .bapf_sfilter .bapf_colaps_smb {
color: var(--cvm-brown);
}
.dn-filter-modal-filters .bapf_head {
font-family: var(--font-main);
}
.dn-filter-modal-filters .bapf_head h3 {
font-size: 20px;
margin-bottom: 10px;
color: var(--cvm-brown);
}
.dn-filter-modal-filters .bapf_sfilter {
margin-bottom: 0 !important;
}
.dn-filter-modal-content {
width: 95%;
max-height: 90vh;
padding: 24px 16px 20px;
}
.dn-filter-modal-close:hover,
.dn-filter-modal-close:focus {
background: transparent;
}
.dn-floating-filter-btn {
bottom: 20px;
padding: 10px 20px;
font-size: 13px;
}
}
/*** Language Redirection Popup Styling ***/
.dn-redir-popup {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
bottom: -120px;
left: 0;
width: 100%;
opacity: 0;
background-color: #ffffff;
padding: 15px 25px;
box-shadow: 0 -5px 30px rgba(0, 0, 0, 0.15);
z-index: 999;
transition: bottom 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;
border-top: 1px solid #eee;
}
.dn-redir-popup .dn-popup-link {
text-decoration: none;
}
/* Text inside the popup */
.dn-popup-text {
color: #212121;
margin: 0 25px 0 0;
font-size: 16px;
font-weight: 400;
font-family: var(--font-main);
line-height: 1.4;
}
/* The Button */
.dn-popup-button {
color: #ffffff !important;
min-height: 35px;
background-color: var(--cvm-brown-focused) !important;
border: none;
border-radius: 4px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
display: flex;
align-items: center;
padding: 0 24px;
transition: background-color 0.3s ease, transform 0.2s ease;
box-shadow: 0 2px 8px rgba(168, 146, 97, 0.3);
}
.dn-popup-button:hover {
background-color: var(--cvm-black) !important;
box-shadow: 0 4px 12px rgba(168, 146, 97, 0.4);
}
.dn-popup-button svg {
width: 24px;
height: auto;
border-radius: 2px;
}
/* Close "X" Button */
.dn-x-popup {
margin: 0 0 0 25px;
font-size: 14px;
color: #494959;
cursor: pointer;
width: 30px;
height: 30px;
border: 1px solid #d1d1d1;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
flex-shrink: 0;
}
.dn-x-popup:hover {
background-color: #f2f2f2;
border-color: #494959;
}
/* Tablet & Mobile Responsiveness */
@media screen and (max-width: 1024px) {
.dn-redir-popup {
padding: 20px;
}
.dn-popup-text {
font-size: 14px;
margin-right: 15px;
}
}
@media screen and (max-width: 767px) {
.dn-redir-popup {
text-align: left;
padding: 25px 10px;
justify-content: space-evenly;
}
.dn-popup-text {
font-size: 15px;
max-width: 300px;
}
.dn-popup-button {
width: 100%;
justify-content: center;
}
}
/*** Complianz Container ***/
#cmplz-cookiebanner-container {
font-family: var(--font-main);
}
button.cmplz-btn.cmplz-show {
font-family: var(--font-main);
}