html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle;outline-offset:0}
/* Catalog page */
.catalog-hero {
position: relative;
width: 100%;
height: 440px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
overflow: hidden;
}
.catalog-hero__bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
filter: brightness(0.6);
}
.catalog-hero__inner {
position: relative;
z-index: 1;
text-align: center;
padding: 0 20px;
}
.catalog-hero__title {
font-size: 54px;
font-weight: 600;
color: #fff;
letter-spacing: .04em;
text-transform: uppercase;
}
/* Lang switcher in header */
.dvg-lang-switcher {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
}
.dvg-lang-switcher__link {
color: #fff;
text-decoration: none;
opacity: .6;
transition: opacity .2s ease;
}
.dvg-lang-switcher__link:hover {
opacity: 1;
}
.dvg-lang-switcher__link.is-active {
opacity: 1;
}
.dvg-lang-switcher__link.is-disabled {
opacity: .3;
cursor: default;
pointer-events: none;
}
.dvg-lang-switcher__sep {
color: #fff;
opacity: .6;
}
/* Breadcrumbs */
.dvg-breadcrumbs {
margin: 20px 0 30px;
font-size: 14px;
line-height: 1.4;
color: #777;
}
/* WooCommerce notices styled to match theme */
.woocommerce-notices-wrapper,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
margin: 20px 0;
}
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
position: relative;
padding: 14px 18px;
border-radius: 2px;
font-size: 14px;
line-height: 1.5;
list-style: none;
}
.woocommerce-message {
background: #f4fbf5;
border: 1px solid #cde6d2;
color: #1d5b2b;
}
.woocommerce-error {
background: #fff5f5;
border: 1px solid #f1c2c2;
color: #b02a37;
}
.woocommerce-info {
background: #f4f7fb;
border: 1px solid #d3ddf0;
color: #30456b;
}
.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a {
color: inherit;
text-decoration: underline;
}
.woocommerce-message a:hover,
.woocommerce-error a:hover,
.woocommerce-info a:hover {
text-decoration: none;
}
/* Cart steps */
.dvg-cart-steps {
margin: 30px 0 25px;
font-size: 16px;
letter-spacing: .06em;
text-transform: uppercase;
}
/* Cart quantity column narrower */
.woocommerce-cart-form .product-quantity,
.dvg-cart-form .product-quantity {
width: 120px;
}
/* Bigger remove (×) icon in cart */
.woocommerce-cart-form .product-remove a.remove,
.dvg-cart-form .product-remove a.remove {
font-size: 24px;
width: 24px;
height: 24px;
line-height: 24px;
}
/* Cart extras (Measurements blocks) */
.dvg-cart-extra {
display: flex;
gap: 40px;
align-items: flex-start;
margin: 40px 0 50px;
}
.dvg-cart-extra__item {
flex: 1;
padding: 0 10px;
}
.dvg-cart-extra__item:not(:first-child) {
border-left: 1px solid #e5e5e5;
padding-left: 30px;
}
.dvg-cart-extra__title {
font-size: 24px;
font-weight: 600;
margin: 0 0 18px;
}
.dvg-cart-extra__item .dvg-btn.dvg-btn--black {
min-width: 96px;
padding: 12px 28px;
text-align: center;
}
@media (max-width: 768px) {
.dvg-cart-extra {
flex-direction: column;
gap: 20px;
}
.dvg-cart-extra__item:not(:first-child) {
border-left: none;
padding-left: 0;
border-top: 1px solid #e5e5e5;
padding-top: 20px;
}
}
/* Cart product name: bigger and bold */
.woocommerce-cart .cart td.product-name a,
.woocommerce-checkout .cart td.product-name a {
font-size: 18px;
font-weight: 600;
color: #000;
}
.dvg-cart-step {
color: #999;
}
.dvg-cart-step--current {
color: #000;
font-weight: 600;
}
.dvg-cart-step-sep {
margin: 0 8px;
color: #bbb;
}
.dvg-cart-extra {
display: flex;
gap: 30px;
margin: 40px 0 50px;
}
.dvg-cart-extra__item {
flex: 1;
border-top: 1px solid #eee;
padding-top: 20px;
}
.dvg-cart-extra__title {
margin: 0 0 15px;
font-size: 16px;
}
.dvg-btn.dvg-btn--black {
display: inline-block;
padding: 10px 26px;
background: #000;
color: #fff;
border: none;
text-transform: uppercase;
font-size: 13px;
letter-spacing: .08em;
cursor: pointer;
}
.dvg-btn.dvg-btn--black:hover {
opacity: .85;
}
.dvg-breadcrumbs__list {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 0;
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
}
.dvg-breadcrumbs__item {
display: flex;
align-items: center;
margin-bottom: 0px;
}
.dvg-breadcrumbs__link {
color: #999;
text-decoration: none;
transition: color .2s ease;
}
.dvg-breadcrumbs__link:hover {
color: #333;
}
.dvg-breadcrumbs__current {
color: #333;
font-weight: 600;
}
.dvg-breadcrumbs__sep {
margin: 0 6px;
color: #bbb;
}
/* Single product layout */
.dvg-product {
display: flex;
gap: 40px;
align-items: flex-start;
margin-top: 30px;
}
.dvg-product__summary-inner .product_meta {display: none !important;}
.dvg-product__col {
width: 50%;
}
.dvg-product__col--media {
max-width: 50%;
}
.dvg-product__col--summary {
max-width: 50%;
box-shadow: 0px 1px 5px 1px rgba(205.5, 205.5, 205.5, 0.5);
padding: 30px 30px 30px 30px;
}
.dvg-product__col--media {
position: relative;
}
.dvg-dim-overlay {
position: absolute;
inset: 0;
pointer-events: none;
}
.dvg-dim-field {
margin: 12px 0;
}
.dvg-dim-field--multiple {
bottom: 100px !important;
}
.dvg-dim-field label {
display: block;
margin-bottom: 6px;
font-weight: 600;
}
.dvg-dim-field input[type="number"] {
width: 100%;
padding: 10px 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
background: #fff;
pointer-events: auto;
}
.dvg-dim-field--width-overlay {
position: absolute;
left: 50%;
bottom: 16px;
transform: translateX(-50%);
width: 160px;
}
.dvg-dim-field--height-overlay {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
width: 160px;
}
.dvg-dim-field {
margin: 12px 0;
width: 120px;
}
.dvg-dim-field label {
display: block;
margin-bottom: 6px;
font-weight: 600;
}
.dvg-dim-field input[type="number"] {
width: 100%;
padding: 10px 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
}
.dvg-dim-field--width {
margin-top: 14px;
}
.dvg-dim-field--height {
max-width: 260px;
}
/* Hide internal calc fields rendered by WooCommerce form_field */
form.cart .form-row label[for="product_calc_width"],
form.cart .form-row label[for="product_calc_height"],
form.cart .form-row label[for="product_calc_price"],
form.cart .form-row label[for="product_calc_system"],
form.cart .form-row label[for="product_calc_glass"],
form.cart .form-row label[for="product_calc_addopt"],
form.cart .form-row input[name="product_calc_width"],
form.cart .form-row input[name="product_calc_height"],
form.cart .form-row input[name="product_calc_price"],
form.cart .form-row input[name="product_calc_system"],
form.cart .form-row input[name="product_calc_glass"],
form.cart .form-row label[for="product_calc_color"],
form.cart .form-row input[name="product_calc_color"],
form.cart .form-row textarea[name="product_calc_addopt"] {
display: none !important;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: auto !important;
max-width: 100% !important;
max-height: 290px !important;
}
/* Cart item meta inline: bold label left, value right */
.woocommerce-cart .product-name .wc-item-meta,
.woocommerce-checkout .product-name .wc-item-meta {
margin: 8px 0 0;
}
.woocommerce-cart .product-name .wc-item-meta li,
.woocommerce-checkout .product-name .wc-item-meta li {
display: flex;
align-items: baseline;
gap: 6px;
margin: 2px 0;
}
.woocommerce-cart .product-name .wc-item-meta .wc-item-meta-label,
.woocommerce-checkout .product-name .wc-item-meta .wc-item-meta-label {
font-weight: 700;
margin: 0;
}
.woocommerce-cart .product-name .wc-item-meta p,
.woocommerce-checkout .product-name .wc-item-meta p {
margin: 0;
}
/* DVG cart meta (our custom layout) */
.dvg-cart-meta {
margin-top: 10px;
}
.dvg-cart-meta__row {
margin: 2px 0;
}
.dvg-cart-meta__label {
font-weight: 700;
}
.dvg-cart-meta__value {
font-weight: 400;
}
p.price {display: none !important;}
/* Price calculator container */
.dvg-price-calculator {
margin: 20px 0;
padding: 0;
border: none;
}
/* Calculator toggle switches - styled as checkboxes */
.dvg-calc-field {
margin-bottom: 20px;
}
.dvg-calc-field strong {
display: block;
margin-bottom: 10px;
font-size: 16px;
font-weight: 600;
color: #333;
}
.dvg-calc-field--system,
.dvg-calc-field--glass {
display: flex;
flex-direction: column;
gap: 10px;
}
.dvg-calc-field--system .dvg-toggle-group,
.dvg-calc-field--glass .dvg-toggle-group {
display: flex;
flex-direction: column;
gap: 0px;
}
.dvg-calc-field input[type="radio"] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.dvg-calc-field input[type="radio"] + label {
display: flex;
align-items: center;
gap: 10px;
padding: 0px 0;
line-height: 1.1;
color: #333;
cursor: pointer;
transition: all 0.2s ease;
font-weight: normal;
font-size: 14px;
position: relative;
}
.dvg-calc-field input[type="radio"] + label::before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background-image: url('../images/notchecked.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
flex-shrink: 0;
transition: all 0.2s ease;
}
.dvg-calc-field input[type="radio"]:checked + label::before {
background-image: url('../images/checked.png');
}
.dvg-calc-field input[type="radio"]:checked + label::after {
display: none;
}
.dvg-calc-field input[type="radio"]:hover + label::before {
opacity: 0.8;
}
/* Color input field */
.dvg-calc-field--color input[type="text"] {
width: 100%;
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
}
/* Dimensions field */
.dvg-calc-field--dimensions {
display: flex;
flex-direction: column;
gap: 20px;
}
.dvg-calc-dimension {
margin-bottom: 15px;
}
.dvg-calc-dimension label {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 500;
}
.dvg-calc-dimension label span:first-child {
min-width: 80px;
}
.dvg-calc-dimension input[type="text"] {
flex: 1;
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
}
.dvg-calc-dimension .unit {
font-size: 14px;
color: #666;
min-width: 30px;
}
.dvg-calc-dimension--total input[type="text"] {
background-color: #f5f5f5;
cursor: not-allowed;
}
/* Multiple widths/heights */
.dvg-calc-multiple-widths,
.dvg-calc-multiple-heights {
display: flex;
flex-direction: column;
gap: 15px;
}
.dvg-calc-multiple-widths-inputs {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.dvg-calc-dimension--multiple {
flex: 1;
min-width: 150px;
}
/* Window visualization */
.dvg-window-visualization {
margin-bottom: 20px;
}
.dvg-window-frame {
display: flex;
border: 2px solid #999;
background-color: #f9f9f9;
padding: 10px;
gap: 2px;
min-height: 200px;
position: relative;
}
.dvg-window-sash {
flex: 1;
border: 1px solid #ccc;
background: linear-gradient(to bottom, #e8f4f8 0%, #d0e8f0 100%);
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
}
.dvg-window-sash:not(:last-child)::after {
content: '';
position: absolute;
right: -1px;
top: 0;
bottom: 0;
width: 2px;
background-color: #999;
z-index: 1;
}
.dvg-window-sash-inner {
width: 100%;
height: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.dvg-window-sash-inner::before {
content: '';
position: absolute;
width: 60%;
height: 60%;
border: 1px dashed #999;
opacity: 0.5;
}
.dvg-window-visualization-note {
text-align: center;
font-size: 12px;
color: #666;
margin-top: 8px;
font-style: italic;
}
/* Additional information textarea */
.dvg-calc-field--additional textarea {
width: 100%;
padding: 8px 12px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
font-family: inherit;
resize: vertical;
min-height: 80px;
margin-bottom: 10px;
}
/* Contact link */
.dvg-calc-contact-link {
margin-top: 10px;
font-size: 14px;
color: #666;
line-height: 1.5;
}
.dvg-calc-contact-link a {
color: #333;
text-decoration: underline;
}
.dvg-calc-contact-link a:hover {
color: #0073aa;
}
/* RAL Color Picker Popup */
.dvg-ral-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
}
.dvg-ral-popup._hidden {
display: none;
}
.dvg-ral-popup__content {
background-color: #fff;
padding: 40px;
max-width: 1200px;
width: 100%;
max-height: 80vh;
overflow-y: auto;
position: relative;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
border-radius: 4px;
}
.dvg-ral-popup__close {
position: absolute;
top: 10px;
right: 15px;
font-size: 28px;
cursor: pointer;
color: #666;
line-height: 1;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.dvg-ral-popup__close:hover {
color: #000;
}
.dvg-ral-popup__content h5 {
margin: 0 0 20px 0;
font-size: 18px;
font-weight: 600;
}
.dvg-ral-colors {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 15px;
}
.dvg-ral-color {
cursor: pointer;
text-align: center;
padding: 10px;
border: 1px solid #ddd;
border-radius: 4px;
transition: all 0.2s ease;
}
.dvg-ral-color:hover {
border-color: #0073aa;
box-shadow: 0 2px 8px rgba(0, 115, 170, 0.2);
transform: translateY(-2px);
}
.dvg-ral-color img {
width: 100%;
height: auto;
display: block;
margin-bottom: 8px;
border-radius: 2px;
}
.dvg-ral-color p {
margin: 0;
font-size: 12px;
font-weight: 600;
color: #333;
}
/* Product gallery hover slider */
.dvg-loop-product__thumb {
position: relative;
overflow: hidden;
}
.dvg-loop-product__thumb img {
width: 100%;
height: auto;
display: block;
transition: opacity 0.4s ease;
}
.dvg-product-gallery {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.4s ease;
pointer-events: none;
z-index: 10;
display: block;
visibility: hidden;
}
.dvg-product-gallery.fotorama--initialized {
visibility: visible;
}
.dvg-loop-product:hover .dvg-product-gallery {
opacity: 1 !important;
pointer-events: auto;
z-index: 10;
visibility: visible !important;
}
.dvg-loop-product:hover .dvg-product-gallery * {
opacity: 1 !important;
visibility: visible !important;
}
.dvg-loop-product:hover .dvg-product-gallery .fotorama__wrap,
.dvg-loop-product:hover .dvg-product-gallery .fotorama__stage,
.dvg-loop-product:hover .dvg-product-gallery .fotorama__stage__frame,
.dvg-loop-product:hover .dvg-product-gallery .fotorama__img {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
}
.fotorama__stage__frame img {
left: auto !important;
}
.dvg-loop-product:hover .dvg-loop-product__thumb img {
opacity: 0;
}
.dvg-product-gallery.dvg-slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 1;
pointer-events: auto;
visibility: visible;
z-index: 10;
}
.dvg-slider__track {
position: relative;
width: 100%;
height: 100%;
}
.dvg-slider__slide {
position: absolute;
inset: 0;
display: block;
opacity: 0;
transform: translateX(100%);
transition: opacity 0.35s ease, transform 0.35s ease;
}
.dvg-slider__slide.is-active {
opacity: 1;
transform: translateX(0);
}
.dvg-slider__slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.dvg-slider__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
border-radius: 50%;
border: none;
background: none !important;
color: transparent;
font-size: 0;
line-height: 0;
text-align: center;
cursor: pointer;
opacity: 0;
pointer-events: none;
z-index: 20;
display: flex;
align-items: center;
justify-content: center;
transition: none !important;
}
.dvg-slider__nav:hover {
background: none !important;
background-color: transparent !important;
transition: none !important;
box-shadow: none !important;
}
.dvg-slider__nav--prev { left: 0px; }
.dvg-slider__nav--next { right: 0px; }
.dvg-loop-product:hover .dvg-slider__nav {
opacity: 1;
pointer-events: auto;
}
.dvg-slider__nav::before {
content: '';
display: block;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
}
.dvg-slider__nav--prev::before {
border-right: 9px solid lightgrey;
border-left: 0;
margin-left: 2px;
}
.dvg-slider__nav--next::before {
border-left: 9px solid lightgrey;
border-right: 0;
margin-right: 2px;
}
.dvg-slider__dots {
position: absolute;
left: 50%;
bottom: 10px;
transform: translateX(-50%);
display: flex;
gap: 6px;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
z-index: 15;
}
.dvg-slider__dot {
width: 7px !important;
height: 7px !important;
padding: 0 !important;
border-radius: 50% !important;
border: 1px solid grey !important;
background: grey !important;
padding: 0;
cursor: pointer;
}
.dvg-slider__dot.is-active {
background: white !important;
}
.dvg-loop-product:hover .dvg-slider__dots {
opacity: 1;
pointer-events: auto;
}
/* Folding layouts block */
.dvg-calc-field--folding-layouts {
margin: 20px 0;
}
.dvg-folding-layouts {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 12px;
}
.dvg-folding-layout__img {
border: 1px solid #e3e3e3;
border-radius: 4px;
padding: 8px;
background: #fafafa;
display: flex;
align-items: center;
justify-content: center;
}
.dvg-folding-layout__img img {
max-width: 100%;
height: auto;
display: block;
}
.dvg-folding-layout__label {
margin-top: 6px;
font-size: 13px;
text-align: center;
color: #333;
}
/* Ensure base thumb sits under slider */
.dvg-loop-product__thumb > a > img {
opacity: 1;
}
/* Category background hero section */
.dvg-category-hero {
width: 100%;
height: 300px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.dvg-category-hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 1;
}
.dvg-category-hero .container {
position: relative;
z-index: 2;
}
.dvg-category-hero__title {
color: #ffffff;
font-size: 64px;
font-weight: 700;
margin: 0;
text-align: left;
}
.dvg-category-hero .breadcrumbs {
color: #ffffff;
margin-top: 10px;
font-size: 14px;
text-transform: uppercase;
}
.dvg-category-hero .breadcrumbs a {
color: #ffffff;
text-decoration: none;
}
.dvg-category-hero .breadcrumbs .current {
color: #ffffff;
}
/* Solar Facade Systems specific styles */
.dvg-solar-facade-hero {
height: 650px;
}
.dvg-solar-facade-hero .container {
text-align: center;
}
.dvg-solar-facade-hero .liner-continer {
text-align: center;
}
.dvg-solar-facade-hero .woodmart-title-container {
color: #ffffff;
font-size: 64px;
font-weight: 700;
margin: 0;
}
/* About Us page specific styles */
.dvg-about-us-hero {
height: 700px;
}
.dvg-about-us-hero .container {
text-align: left;
}
.dvg-about-us-hero .liner-continer {
text-align: left;
}
.dvg-about-us-hero .woodmart-title-container {
color: #ffffff;
font-size: 64px;
font-weight: 700;
margin: 0;
}
/* Payment & delivery page hero styles */
.dvg-payment-hero {
height: 650px;
}
.dvg-payment-hero .container {
text-align: left;
}
.dvg-payment-hero .liner-continer {
text-align: left;
}
/* About Us page - hero intro text under title */
[data-barba-namespace="about-us"] .dvg-about-us-hero .dvg-about-hero-text {
color: #000000;
font-size: 16px;
line-height: 1.6;
max-width: 640px;
margin-top: 18px;
}
/* About Us page - transparent header with black text */
body[data-barba-namespace="about-us"] .whb-header,
body[data-barba-namespace="about-us"] .whb-header.dvg-about-us-header,
.dvg-about-us-header {
background-color: transparent !important;
}
body[data-barba-namespace="about-us"] .whb-row.whb-general-header,
body[data-barba-namespace="about-us"] .whb-sticked .whb-row.whb-general-header {
background-color: transparent !important;
}
/* About Us page - black text in header */
body[data-barba-namespace="about-us"] .whb-color-light .wd-nav-main > li > a,
body[data-barba-namespace="about-us"] .whb-color-light .wd-nav-main > li > a .nav-link-text,
body[data-barba-namespace="about-us"] .whb-color-light .wd-tools-element > a,
body[data-barba-namespace="about-us"] .whb-color-light .wd-header-text,
body[data-barba-namespace="about-us"] .whb-color-light .dvg-lang-switcher__link,
body[data-barba-namespace="about-us"] .whb-color-light .dvg-lang-switcher__sep,
body[data-barba-namespace="about-us"] .dvg-about-us-link,
.dvg-about-us-link {
color: #000000 !important;
}
body[data-barba-namespace="about-us"] .whb-color-light .wd-nav-main > li > a:hover,
body[data-barba-namespace="about-us"] .whb-color-light .wd-tools-element:hover > a {
color: rgba(0, 0, 0, 0.7) !important;
}
/* About Us page - black logo */
body[data-barba-namespace="about-us"] .whb-color-light .site-logo img,
body[data-barba-namespace="about-us"] .site-logo img,
body[data-barba-namespace="about-us"] .dvg-about-us-logo,
.dvg-about-us-logo {
filter: brightness(0) !important;
opacity: 1 !important;
}
/* About Us page - black icons in header */
body[data-barba-namespace="about-us"] .whb-color-light .wd-tools-custom-icon .wd-custom-icon,
body[data-barba-namespace="about-us"] .whb-color-light .wd-header-search .wd-custom-icon,
body[data-barba-namespace="about-us"] .whb-color-light .wd-header-cart .wd-custom-icon {
filter: brightness(0) !important;
opacity: 1 !important;
}
body[data-barba-namespace="about-us"] .whb-color-light .wd-header-cart .wd-tools-text,
body[data-barba-namespace="about-us"] .whb-color-light .wd-header-cart .wd-cart-number,
body[data-barba-namespace="about-us"] .whb-color-light .wd-header-cart .wd-cart-subtotal,
body[data-barba-namespace="about-us"] .whb-color-light .wd-header-cart .wd-cart-subtotal .amount {
color: #000000 !important;
}
/* About Us page - ensure header stays transparent when sticky */
body[data-barba-namespace="about-us"] .whb-sticked .whb-row.whb-general-header {
background-color: transparent !important;
}
/* About Us page - black text in hero section */
body[data-barba-namespace="about-us"] .dvg-about-us-hero .woodmart-title-container,
body[data-barba-namespace="about-us"] .dvg-about-us-hero h1,
body[data-barba-namespace="about-us"] .dvg-about-us-hero h2 {
color: #000000 !important;
}
body[data-barba-namespace="about-us"] .dvg-about-us-hero::before {
background-color: transparent !important;
}
/* Payment & delivery page - black text in hero section, same size as About Us */
body[data-barba-namespace="payment-delivery"] .dvg-payment-hero .woodmart-title-container,
body[data-barba-namespace="payment-delivery"] .dvg-payment-hero h1,
body[data-barba-namespace="payment-delivery"] .dvg-payment-hero h2 {
color: #000000 !important;
font-size: 64px;
font-weight: 700;
margin: 0;
}
body[data-barba-namespace="payment-delivery"] .dvg-payment-hero::before {
background-color: transparent !important;
}
/* How to measure a window - hero */
body[data-barba-namespace="how-to-measure-window"] .dvg-measure-hero {
height: 330px;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
position: relative;
}
body[data-barba-namespace="how-to-measure-window"] .dvg-measure-hero .woodmart-title-container,
body[data-barba-namespace="how-to-measure-window"] .dvg-measure-hero h1,
body[data-barba-namespace="how-to-measure-window"] .dvg-measure-hero h2 {
color: #ffffff !important;
font-size: 64px;
font-weight: 700;
margin: 0;
}
body[data-barba-namespace="how-to-measure-window"] .dvg-measure-hero::before {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.45) !important;
pointer-events: none;
}
/* Guarantee page - hero */
body[data-barba-namespace="guarantee"] .dvg-guarantee-hero {
height: 330px;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
position: relative;
}
body[data-barba-namespace="guarantee"] .dvg-guarantee-hero .woodmart-title-container,
body[data-barba-namespace="guarantee"] .dvg-guarantee-hero h1,
body[data-barba-namespace="guarantee"] .dvg-guarantee-hero h2 {
color: #ffffff !important;
font-size: 64px;
font-weight: 700;
margin: 0;
}
body[data-barba-namespace="guarantee"] .dvg-guarantee-hero::before {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.45) !important;
pointer-events: none;
}
/* Windows Systems single - hero */
body[data-barba-namespace="windows-system"] .dvg-windows-hero {
height: 330px;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
position: relative;
}
body[data-barba-namespace="windows-system"] .dvg-windows-hero .woodmart-title-container,
body[data-barba-namespace="windows-system"] .dvg-windows-hero h1,
body[data-barba-namespace="windows-system"] .dvg-windows-hero h2 {
color: #ffffff !important;
font-size: 64px;
font-weight: 700;
margin: 0;
}
body[data-barba-namespace="windows-system"] .dvg-windows-hero::before {
content: "";
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.45) !important;
pointer-events: none;
}
/* Payment & delivery page - list typography */
[data-barba-namespace="payment-delivery"] .elementor-icon-list-items {
max-width: 980px;
margin: 0 auto;
padding-left: 0;
}
[data-barba-namespace="payment-delivery"] .elementor-icon-list-item {
margin-bottom: 6px !important;
align-items: flex-start;
}
[data-barba-namespace="payment-delivery"] .elementor-icon-list-text {
font-size: 16px;
line-height: 1.7;
color: #4a4a4a;
}
[data-barba-namespace="payment-delivery"] .elementor-icon-list-icon svg {
width: 9px;
height: 9px;
margin-top: 7px;
}
[data-barba-namespace="payment-delivery"] .elementor-icon-list-icon svg circle {
fill: #282828;
}
/* About Us page - statistics section with dark background */
[data-barba-namespace="about-us"] .elementor-element-3420b14 {
background-color: #111111 !important;
padding: 60px 0 !important;
max-width: 1000px !important;
margin: -150px auto 70px auto !important;
position: relative;
z-index: 10;
}
[data-barba-namespace="about-us"] .elementor-element-3420b14 .elementor-container {
max-width: 1000px !important;
margin: 0 auto !important;
}
[data-barba-namespace="about-us"] .elementor-element-3420b14 .woodmart-counter.color-scheme-custom .counter-value,
[data-barba-namespace="about-us"] .elementor-element-3420b14 .woodmart-counter.color-scheme-custom .counter-label {
color: #ffffff !important;
}
/* Ensure sections are visible (remove wd-section-disabled effect) */
[data-barba-namespace="about-us"] .elementor-section:not(.wd-section-disabled) {
display: block !important;
}
/* About Us page - ensure proper spacing and layout */
[data-barba-namespace="about-us"] .elementor-section {
margin-bottom: 0;
}
[data-barba-namespace="about-us"] .elementor-element-d852916 {
padding-top: 40px;
padding-bottom: 40px;
}
/* About Us page - video section styling */
[data-barba-namespace="about-us"] .elementor-element-2163004 .elementor-custom-embed-image-overlay {
cursor: pointer;
position: relative;
}
[data-barba-namespace="about-us"] .elementor-element-2163004 .elementor-custom-embed-play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60px;
height: 60px;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease;
}
[data-barba-namespace="about-us"] .elementor-element-2163004 .elementor-custom-embed-play:hover {
background-color: rgba(255, 255, 255, 1);
}
[data-barba-namespace="about-us"] .elementor-element-2163004 .elementor-custom-embed-play i {
color: #000;
font-size: 24px;
margin-left: 3px;
}
/* About Us page - handbook images layout */
[data-barba-namespace="about-us"] .elementor-element-945f6c6 .wd-text-block {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: flex-start;
}
[data-barba-namespace="about-us"] .elementor-element-945f6c6 .wd-text-block a {
flex: 1;
min-width: 300px;
}
[data-barba-namespace="about-us"] .elementor-element-945f6c6 .wd-text-block img {
width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
[data-barba-namespace="about-us"] .elementor-element-945f6c6 .wd-text-block img:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* About Us page - certificates carousel */
[data-barba-namespace="about-us"] .wd-images-gallery .wd-gallery-item img {
border-radius: 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
[data-barba-namespace="about-us"] .wd-images-gallery .wd-gallery-item:hover img {
transform: scale(1.05);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* About Us page - map background for block f32ea5c */
[data-barba-namespace="about-us"] .elementor-element-f32ea5c {
background-image: url('https://old.dvgroup.global/wp-content/uploads/2025/07/map22-scaled.png') !important;
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/* Sticky columns for Solar Facade Systems */
[data-barba-namespace="solar-facade"] .wd-elementor-sticky-column {
align-items: flex-start;
flex: 0 0 35% !important;
max-width: 35% !important;
width: 35% !important;
}
[data-barba-namespace="solar-facade"] .wd-elementor-sticky-column > .elementor-column-wrap {
display: flex;
align-items: flex-start;
height: 100%;
}
[data-barba-namespace="solar-facade"] .wd-elementor-sticky-column > .elementor-widget-wrap {
position: sticky;
top: 150px;
align-self: flex-start;
}
/* Right column with images - 65% width */
[data-barba-namespace="solar-facade"] .elementor-section .elementor-container > .elementor-column.elementor-col-50:not(.wd-elementor-sticky-column) {
flex: 0 0 65% !important;
max-width: 65% !important;
width: 65% !important;
}
@media (max-width: 768px) {
.dvg-category-hero {
height: 200px;
}
.dvg-category-hero__title {
font-size: 32px;
}
}
/* Single product page - only thumbnail, no gallery */
.dvg-single-product-image {
width: 100%;
margin-bottom: 20px;
display: block;
}
.dvg-single-product-image .dvg-product-thumbnail {
width: 100%;
height: auto;
display: block;
}
/* Hide WooCommerce default product gallery on single product page */
.woocommerce-product-gallery {
display: none !important;
}
.woocommerce-product-gallery__wrapper {
display: none !important;
}
/* Window type options - uses same style as System and Glass toggles */
.dvg-calc-field--window-type {
margin-bottom: 20px;
}
/* Add to cart wrapper with quantity selector */
.dvg-add-to-cart-wrapper {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #e0e0e0;
}
.dvg-add-to-cart-wrapper .cart {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
}
.dvg-add-to-cart-wrapper .quantity {
display: flex;
align-items: stretch;
border: 1px solid #d0d0d0;
border-radius: 0;
overflow: hidden;
background: #fff;
height: 48px;
}
.dvg-add-to-cart-wrapper .quantity .qty {
width: 60px;
height: 48px;
padding: 0;
text-align: center;
border: none;
border-left: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
font-size: 16px;
color: #666;
background: #fff;
appearance: textfield;
-moz-appearance: textfield;
line-height: 48px;
vertical-align: middle;
}
.dvg-add-to-cart-wrapper .quantity .qty::-webkit-outer-spin-button,
.dvg-add-to-cart-wrapper .quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.dvg-add-to-cart-wrapper .quantity .minus,
.dvg-add-to-cart-wrapper .quantity .plus {
width: 40px;
height: 48px;
padding: 0;
border: none;
background: #fff;
color: #666;
font-size: 18px;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
user-select: none;
transition: background-color 0.2s ease;
font-weight: normal;
font-family: inherit;
}
.dvg-add-to-cart-wrapper .quantity .minus:hover,
.dvg-add-to-cart-wrapper .quantity .plus:hover {
background-color: #f5f5f5;
}
.dvg-add-to-cart-wrapper .quantity .minus {
border-right: 1px solid #d0d0d0;
}
.dvg-add-to-cart-wrapper .quantity .plus {
border-left: 1px solid #d0d0d0;
}
.dvg-single_add_to_cart_button {
height: 48px;
padding: 0 30px;
background-color: #000000 !important;
color: #ffffff !important;
border: none;
border-radius: 0 !important;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
transition: background-color 0.2s ease, opacity 0.2s ease;
flex-shrink: 0;
line-height: 48px;
display: inline-block;
text-align: center;
white-space: nowrap;
font-family: inherit;
}
.dvg-single_add_to_cart_button:hover {
background-color: #333333;
color: #ffffff;
}
.dvg-single_add_to_cart_button:active {
opacity: 0.8;
}
.dvg-single_add_to_cart_button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
/* Related products from same category */
.dvg-related-products {
margin-top: 60px;
margin-bottom: 60px;
padding-top: 60px;
border-top: 1px solid #e0e0e0;
}
/* Match styles from h1.product_title.entry-title */
.dvg-related-products__title {
font-size: 32px;
font-weight: 600;
margin-bottom: 40px;
color: #333;
}
.dvg-related-products__slider-wrapper {
position: relative;
width: 100%;
margin-top: 40px;
padding: 10px 0;
}
.dvg-related-products__slider {
overflow: hidden;
position: relative;
width: 100%;
}
.dvg-related-products__slider .container {
position: relative;
}
.dvg-related-products__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 30px;
transition: transform 0.4s ease;
will-change: transform;
}
/* Use same styles as category page products */
.dvg-related-products__list .dvg-loop-product {
margin: 0;
flex: 0 0 calc(25% - 23px);
max-width: calc(25% - 23px);
min-width: calc(25% - 23px);
}
/* Navigation arrows - стиль как в Revolution Slider */
.dvg-related-products__nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
border-radius: 0;
border: none;
background: rgba(0, 0, 0, 0.5);
color: #fff;
cursor: pointer;
display: block;
z-index: 1000;
transition: background 0.3s ease;
padding: 0;
text-align: center;
line-height: 40px;
font-size: 18px;
font-family: Arial, sans-serif;
}
.dvg-related-products__nav:hover {
background: rgba(0, 0, 0, 0.8);
}
.dvg-related-products__nav:disabled {
opacity: 0.3;
cursor: not-allowed;
pointer-events: none;
}
.dvg-related-products__nav--prev {
left: -50px;
}
.dvg-related-products__nav--prev:before {
content: '◀';
display: block;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 18px;
font-family: Arial, sans-serif;
}
.dvg-related-products__nav--next {
right: -50px;
}
.dvg-related-products__nav--next:before {
content: '▶';
display: block;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 18px;
font-family: Arial, sans-serif;
}
.dvg-related-products__nav svg {
display: none;
}
@media (max-width: 1024px) {
.dvg-related-products__list .dvg-loop-product {
flex: 0 0 calc(33.333% - 20px);
max-width: calc(33.333% - 20px);
min-width: calc(33.333% - 20px);
}
}
@media (max-width: 768px) {
.dvg-related-products {
margin-top: 40px;
margin-bottom: 40px;
padding-top: 40px;
}
.dvg-related-products__title {
font-size: 24px;
margin-bottom: 30px;
}
.dvg-related-products__list .dvg-loop-product {
flex: 0 0 calc(50% - 15px);
max-width: calc(50% - 15px);
min-width: calc(50% - 15px);
}
}
@media (max-width: 480px) {
.dvg-related-products__list .dvg-loop-product {
flex: 0 0 100%;
max-width: 100%;
min-width: 100%;
}
}
/* Question mark tooltip */
.dvg-calc-field .question {
display: inline-block;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: #ccc;
color: #fff;
text-align: center;
line-height: 18px;
font-size: 12px;
font-weight: bold;
cursor: pointer;
margin-left: 5px;
vertical-align: middle;
transition: background-color 0.3s ease;
}
.dvg-calc-field .question:hover {
background-color: #999;
}
/* Info popup styles (for system and glass) - similar to RAL popup */
.dvg-info-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.dvg-info-popup._hidden {
display: none;
}
.dvg-info-popup__content {
background: #fff;
padding: 30px;
max-width: 600px;
max-height: 80vh;
overflow-y: auto;
border-radius: 8px;
position: relative;
margin: 20px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}
.dvg-info-popup__close {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
font-size: 24px;
cursor: pointer;
line-height: 1;
padding: 5px 10px;
color: #333;
transition: color 0.3s ease;
z-index: 1;
}
.dvg-info-popup__close:hover {
color: #000;
}
.dvg-info-popup__body {
padding-right: 30px;
}
@media (max-width: 768px) {
.dvg-info-popup__content {
max-width: 90%;
padding: 20px;
margin: 10px;
}
.dvg-info-popup__body {
padding-right: 0;
}
}
/* Dual price output */
.dvg-price-output {
margin: 20px 0;
}
.dvg-price-output__row {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: 8px;
}
.dvg-price-output__row--final {
font-weight: bold;
font-size: 1.1em;
margin-bottom: 0;
}
.dvg-price-output__row .label {
color: #666;
font-size: 0.9em;
}
.dvg-price-output__row .value {
font-weight: 600;
color: #000;
font-size: 1.1em;
}
.dvg-price-output__row--final .value {
font-size: 1.2em;
}
/* Hide internal calculator price display - we use dvg-price-output instead */
.dvg-calc-price-display {
display: none !important;
}
/* Hide dimensions in calculator - they are shown as overlay on product image */
.dvg-calc-field--dimensions {
display: none !important;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
float: none !important;
width: 100% !important;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
float: none !important;
width: 100% !important;
}
span.onsale {
display: none !important;
}
.dvg-product__summary-inner {
padding-left: 20px;
}
@media (max-width: 1024px) {
.dvg-product {
flex-direction: column;
}
.dvg-product__col,
.dvg-product__col--media,
.dvg-product__col--summary {
width: 100%;
max-width: 100%;
}
.dvg-product__summary-inner {
padding-left: 0;
margin-top: 30px;
}
}
/* Loop products on category/shop pages */
.dvg-loop-product {
text-align: center;
box-shadow: 0px 1px 5px 1px rgba(205.5, 205.5, 205.5, 0.4);
padding: 30px 30px 15px 30px !important;
}
.dvg-loop-product__inner {
text-decoration: none;
}
.dvg-loop-product__thumb img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto 10px;
}
html body .main-page-wrapper .container li.product .dvg-loop-product__title {
font-size: 18px;
font-weight: 500;
text-align: left;
}
.dvg-loop-product__title a {
color: #000;
text-decoration: none;
}
.dvg-loop-product__title a:hover {
text-decoration: underline;
}
.catalog-grid {
max-width: 1200px;
margin: 60px auto 100px;
text-align: center;
}
.catalog-grid__heading {
font-size: 36px;
font-weight: 700;
margin-bottom: 60px;
color: #000;
}
.catalog-grid__items {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 80px;
align-items: flex-start;
}
.catalog-grid__item {
text-decoration: none;
color: inherit;
}
.catalog-grid__icon {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 18px;
}
.catalog-grid__icon img {
max-width: 140px;
height: auto;
display: block;
}
.catalog-grid__title {
font-size: 14px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: #000;
}
@media (max-width: 1024px) {
.catalog-grid__items {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 40px;
}
.catalog-hero__title {
font-size: 38px;
}
}
@media (max-width: 640px) {
.catalog-grid__items {
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 32px;
}
.catalog-hero {
height: 320px;
}
.catalog-hero__title {
font-size: 28px;
}
}
/* Custom Contact Form Styles */
.dvg-contact-form {
width: 100%;
max-width: 100%;
}
.dvg-contact-form__field {
margin-bottom: 30px;
position: relative;
}
.dvg-contact-form__field:last-child {
margin-bottom: 0;
}
.dvg-contact-form__input,
.dvg-contact-form__textarea {
width: 100%;
border: none;
border-bottom: 1px solid #e0e0e0;
background: transparent;
padding: 8px 0;
font-size: 16px;
font-family: inherit;
color: #000;
outline: none;
transition: border-color 0.3s ease;
}
.dvg-contact-form__input:focus,
.dvg-contact-form__textarea:focus {
border-bottom-color: #000;
}
.dvg-contact-form__input::placeholder,
.dvg-contact-form__textarea::placeholder {
color: #999;
opacity: 1;
}
.dvg-contact-form__textarea {
resize: vertical;
min-height: 100px;
line-height: 1.5;
}
.dvg-contact-form__field--file {
display: flex;
align-items: center;
gap: 12px;
}
.dvg-contact-form__file {
position: absolute;
width: 1px;
height: 1px;
opacity: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.dvg-contact-form__file-label {
display: flex;
align-items: center;
gap: 12px;
cursor: pointer;
}
.dvg-contact-form__file-button {
display: inline-block;
padding: 8px 16px;
background-color: #f5f5f5;
border: 1px solid #d0d0d0;
border-radius: 2px;
font-size: 14px;
color: #000;
cursor: pointer;
transition: background-color 0.3s ease;
}
.dvg-contact-form__file-button:hover {
background-color: #e8e8e8;
}
.dvg-contact-form__file-text {
display: inline-block;
padding: 8px 16px;
background-color: #333;
color: #fff;
font-size: 14px;
border-radius: 2px;
min-width: 150px;
text-align: center;
}
.dvg-contact-form__submit {
width: 100%;
padding: 14px 20px;
background-color: #f5f5f5;
border: none;
border-radius: 2px;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #000;
cursor: pointer;
transition: background-color 0.3s ease;
font-family: inherit;
}
.dvg-contact-form__submit:hover {
background-color: #e8e8e8;
}
.dvg-contact-form__submit:active {
background-color: #ddd;
}
.dvg-contact-message {
padding: 12px 16px;
margin-bottom: 20px;
border-radius: 4px;
font-size: 14px;
line-height: 1.5;
}
.dvg-contact-message--success {
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.dvg-contact-message--error {
background-color: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
/* Home page contact form - inline layout */
.dvg-contact-form--home {
max-width: 100%;
}
.dvg-contact-form--home .row {
display: flex;
gap: 0;
align-items: stretch;
margin: 0;
}
.dvg-contact-form--home .row p {
margin: 0;
padding: 0;
flex: 1;
display: flex;
}
.dvg-contact-form--home .row p.col-md-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.dvg-contact-form__input--home {
width: 100%;
padding: 12px 16px;
border: 1px solid #e0e0e0;
background: #ffffff;
font-size: 16px;
font-family: inherit;
color: #000;
outline: none;
transition: border-color 0.3s ease;
height: 48px;
box-sizing: border-box;
}
.dvg-contact-form__input--home:focus {
border-color: #000;
}
.dvg-contact-form__input--home::placeholder {
color: #999;
opacity: 1;
}
.dvg-contact-form__submit--home {
width: 100%;
height: 48px;
padding: 0 24px;
background-color: #000000;
color: #ffffff;
border: none;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
cursor: pointer;
transition: background-color 0.3s ease, opacity 0.3s ease;
font-family: inherit;
}
.dvg-contact-form__submit--home:hover {
background-color: #333333;
}
.dvg-contact-form__submit--home:active {
opacity: 0.8;
}
@media (max-width: 768px) {
.dvg-contact-form--home .row {
flex-direction: column;
gap: 15px;
}
.dvg-contact-form--home .row p.col-md-4 {
flex: 0 0 100%;
max-width: 100%;
}
}
/* Home page - Sticky "Our advantages" block */
[data-barba-namespace="home"] .elementor-element-449460c {
position: sticky;
top: 150px;
z-index: 10;
}
[data-barba-namespace="home"] .elementor-element-449460c .elementor-widget-container {
background-color: var(--wd-main-bgcolor, #ffffff);
padding: 20px;
border-radius: 4px;
}
@media (max-width: 1024px) {
[data-barba-namespace="home"] .elementor-element-449460c {
position: relative;
top: 0;
}
}
/* Home page - Revolution Slider background images fix */
[data-barba-namespace="home"] rs-sbg-wrap {
position: relative;
overflow: hidden;
/* Optimize for scroll performance */
will-change: auto;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
/* Fix for first slide background - use only background-image, not ::before for better performance */
[data-barba-namespace="home"] rs-slide[data-key="rs-4"] rs-sbg {
background-image: url('https://old.dvgroup.global/wp-content/uploads/2023/10/4-scaled.jpg') !important;
background-size: cover !important;
background-position: 35% 0% !important;
background-repeat: no-repeat !important;
/* Optimize rendering */
will-change: auto;
}
[data-barba-namespace="home"] rs-slide[data-key="rs-4"] rs-sbg canvas {
opacity: 1 !important;
}
/* Fix for second slide background */
[data-barba-namespace="home"] rs-slide[data-key="rs-7"] rs-sbg {
background-image: url('https://old.dvgroup.global/wp-content/uploads/2022/04/er3.jpg') !important;
background-size: cover !important;
background-position: 35% 0% !important;
background-repeat: no-repeat !important;
will-change: auto;
}
[data-barba-namespace="home"] rs-slide[data-key="rs-7"] rs-sbg canvas {
opacity: 1 !important;
}
/* Fix for third slide background */
[data-barba-namespace="home"] rs-slide[data-key="rs-8"] rs-sbg {
background-image: url('https://old.dvgroup.global/wp-content/uploads/2022/04/1BGй.jpg') !important;
background-size: cover !important;
background-position: 35% 0% !important;
background-repeat: no-repeat !important;
will-change: auto;
}
[data-barba-namespace="home"] rs-slide[data-key="rs-8"] rs-sbg canvas {
opacity: 1 !important;
}
/* Home page - NL version slider backgrounds (rs-9, rs-10, rs-11) - optimized */
[data-barba-namespace="home"] rs-slide[data-key="rs-9"] rs-sbg {
background-image: url('https://old.dvgroup.global/wp-content/uploads/2022/04/BG-2-1.jpg') !important;
background-size: cover !important;
background-position: 35% 0% !important;
background-repeat: no-repeat !important;
will-change: auto;
}
[data-barba-namespace="home"] rs-slide[data-key="rs-9"] rs-sbg canvas {
opacity: 1 !important;
}
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-sbg {
background-image: url('https://old.dvgroup.global/wp-content/uploads/2022/04/er3.jpg') !important;
background-size: cover !important;
background-position: 35% 0% !important;
background-repeat: no-repeat !important;
will-change: auto;
}
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-sbg canvas {
opacity: 1 !important;
}
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-sbg {
background-image: url('https://old.dvgroup.global/wp-content/uploads/2022/04/1BGй.jpg') !important;
background-size: cover !important;
background-position: 35% 0% !important;
background-repeat: no-repeat !important;
will-change: auto;
}
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-sbg canvas {
opacity: 1 !important;
}
/* Header - Cart price white color */
.wd-header-cart .wd-cart-subtotal,
.wd-header-cart .wd-cart-subtotal .woocommerce-Price-amount,
.wd-header-cart .wd-cart-subtotal .woocommerce-Price-amount bdi,
.wd-header-cart .wd-cart-subtotal .woocommerce-Price-currencySymbol {
color: #ffffff !important;
}
/* Header - Hide search icon temporarily */
.wd-header-search {
display: none !important;
}
/* Home page - Optimize scroll performance */
[data-barba-namespace="home"] {
/* Enable hardware acceleration for better scroll performance */
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
/* Optimize sticky element */
[data-barba-namespace="home"] .elementor-element-449460c {
will-change: transform;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
/* Make "Our advantages" block sticky */
[data-barba-namespace="home"] .elementor-element-8a147dc {
position: sticky !important;
top: 150px !important;
align-self: flex-start !important;
z-index: 10 !important;
width: calc(33.333% + 100px) !important;
max-width: calc(33.333% + 100px) !important;
}
[data-barba-namespace="home"] .elementor-element-8a147dc .elementor-widget-wrap {
position: sticky !important;
top: 150px !important;
z-index: 10 !important;
width: 100% !important;
}
/* Ensure parent container allows sticky */
[data-barba-namespace="home"] .elementor-element-8a147dc {
height: fit-content !important;
}
/* Optimize slider backgrounds - removed ::before pseudo-elements for better performance */
/* Reduce repaints on scroll */
[data-barba-namespace="home"] rs-slide rs-sbg canvas {
will-change: auto;
}
/* Optimize animations */
[data-barba-namespace="home"] .wd-animation-ready,
[data-barba-namespace="home"] .wd-animated {
will-change: auto;
}
/* Revolution Slider - Arrow icons fix */
[data-barba-namespace="home"] .tparrows,
.tparrows {
cursor: pointer !important;
background: rgba(0, 0, 0, 0.5) !important;
width: 40px !important;
height: 40px !important;
position: absolute !important;
display: block !important;
z-index: 1000 !important;
border-radius: 0 !important;
transition: background 0.3s ease !important;
pointer-events: auto !important;
}
[data-barba-namespace="home"] .tparrows:hover,
.tparrows:hover {
background: rgba(0, 0, 0, 0.8) !important;
}
[data-barba-namespace="home"] .tparrows:before,
.tparrows:before {
font-family: Arial, sans-serif !important;
font-size: 18px !important;
color: #fff !important;
display: block !important;
line-height: 40px !important;
text-align: center !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
width: 100% !important;
height: 100% !important;
}
/* Ensure arrow content is visible */
[data-barba-namespace="home"] .tparrows span,
.tparrows span {
display: block !important;
line-height: 40px !important;
text-align: center !important;
color: #fff !important;
font-size: 18px !important;
width: 100% !important;
height: 100% !important;
}
[data-barba-namespace="home"] .tparrows.tp-leftarrow:before,
.tparrows.tp-leftarrow:before {
content: '◀' !important;
font-family: Arial, sans-serif !important;
font-size: 18px !important;
}
[data-barba-namespace="home"] .tparrows.tp-rightarrow:before,
.tparrows.tp-rightarrow:before {
content: '▶' !important;
font-family: Arial, sans-serif !important;
font-size: 18px !important;
}
/* Fallback: Use Unicode if data-fallback-icon is set */
[data-barba-namespace="home"] .tparrows.tp-leftarrow[data-fallback-icon]:before,
.tparrows.tp-leftarrow[data-fallback-icon]:before {
content: attr(data-fallback-icon) !important;
font-family: Arial, sans-serif !important;
font-size: 18px !important;
}
[data-barba-namespace="home"] .tparrows.tp-rightarrow[data-fallback-icon]:before,
.tparrows.tp-rightarrow[data-fallback-icon]:before {
content: attr(data-fallback-icon) !important;
font-family: Arial, sans-serif !important;
font-size: 18px !important;
}
/* Ensure arrows are clickable */
[data-barba-namespace="home"] .tparrows {
pointer-events: auto;
cursor: pointer;
}
/* Bullets styling */
[data-barba-namespace="home"] .tp-bullets {
z-index: 1000;
}
/* Position bullets in bottom right (near arrows) */
[data-barba-namespace="home"] .tp-bullets {
top: auto !important;
bottom: 20px !important;
left: auto !important;
right: 120px !important;
transform: translate(0, 0) !important;
}
[data-barba-namespace="home"] .tp-bullet {
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.5);
border: 2px solid rgba(255, 255, 255, 0.8);
cursor: pointer;
transition: all 0.3s ease;
}
[data-barba-namespace="home"] .tp-bullet.selected,
[data-barba-namespace="home"] .tp-bullet:hover {
background: rgba(255, 255, 255, 1);
border-color: rgba(255, 255, 255, 1);
}
/* Revolution Slider - Smooth slide transitions */
[data-barba-namespace="home"] rs-module {
position: relative !important;
overflow: hidden !important;
}
/* Limit hero section height */
[data-barba-namespace="home"] .elementor-element-32ec6ea5 {
max-height: 900px;
overflow: hidden;
}
/* Make home hero slider fully responsive */
[data-barba-namespace="home"] #rev_slider_2_1_forcefullwidth,
[data-barba-namespace="home"] #rev_slider_2_1_forcefullwidth rs-fw-forcer {
width: 100% !important;
}
[data-barba-namespace="home"] #rev_slider_2_1_wrapper,
[data-barba-namespace="home"] #rev_slider_2_1 {
width: 100% !important;
max-width: 100% !important;
left: 0 !important;
margin: 0 auto !important;
height: auto !important;
max-height: 900px !important;
aspect-ratio: 1710 / 900;
}
[data-barba-namespace="home"] #rev_slider_2_1_wrapper {
position: relative !important;
}
[data-barba-namespace="home"] rs-module rs-slide {
transition: transform 0.6s ease-in-out !important;
will-change: transform !important;
}
/* ============================================
HOME PAGE - RESPONSIVE STYLES
============================================ */
/* First Screen - Revolution Slider - Mobile & Tablet */
@media (max-width: 1024px) {
/* Slider container */
[data-barba-namespace="home"] .elementor-element-32ec6ea5 {
max-height: 600px !important;
}
[data-barba-namespace="home"] #rev_slider_2_1_forcefullwidth rs-fw-forcer {
height: 600px !important;
}
[data-barba-namespace="home"] #rev_slider_2_1_wrapper,
[data-barba-namespace="home"] #rev_slider_2_1 {
height: 600px !important;
max-height: 600px !important;
aspect-ratio: auto !important;
}
/* Slider text layers - adjust font sizes */
[data-barba-namespace="home"] rs-layer[data-type="text"] {
font-size: 36px !important;
line-height: 1.2 !important;
}
[data-barba-namespace="home"] rs-layer[data-type="text"][id*="layer-3"] {
font-size: 16px !important;
line-height: 1.4 !important;
}
/* Button adjustments */
[data-barba-namespace="home"] rs-layer.rev-btn {
font-size: 12px !important;
padding: 12px 20px !important;
line-height: 1.4 !important;
}
/* Navigation arrows - smaller on tablet */
[data-barba-namespace="home"] .tparrows {
width: 36px !important;
height: 36px !important;
}
[data-barba-namespace="home"] .tparrows:before {
font-size: 16px !important;
line-height: 36px !important;
}
/* Bullets - adjust position */
[data-barba-namespace="home"] .tp-bullets {
transform: translate(-60px, -44px) !important;
}
}
@media (max-width: 768px) {
/* Slider container - mobile */
[data-barba-namespace="home"] .elementor-element-32ec6ea5 {
max-height: 500px !important;
}
[data-barba-namespace="home"] #rev_slider_2_1_forcefullwidth rs-fw-forcer {
height: 500px !important;
}
[data-barba-namespace="home"] #rev_slider_2_1_wrapper,
[data-barba-namespace="home"] #rev_slider_2_1 {
height: 500px !important;
max-height: 500px !important;
}
/* ============================================
REVOLUTION SLIDER - MOBILE STYLES
============================================ */
/* Text layers - Mobile: full width, top left */
[data-barba-namespace="home"] rs-slide rs-layer[data-type="text"]:not(.rev-btn) {
text-align: left !important;
margin-left: 0 !important;
margin-right: auto !important;
width: 100% !important;
max-width: 100% !important;
}
/* Text layer wraps - Mobile: top left, full width */
[data-barba-namespace="home"] rs-slide rs-layer-wrap.dvg-text-top-left {
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: auto !important;
transform: translate(0, 0) !important;
padding: 20px 30px 0 30px !important;
width: 100% !important;
max-width: 100% !important;
}
/* Mask wrap - Mobile: 90vw width */
[data-barba-namespace="home"] rs-mask-wrap {
width: 90vw !important;
max-width: 90vw !important;
}
/* Slider text layers - mobile font sizes */
[data-barba-namespace="home"] rs-layer[data-type="text"][id*="layer-2"] {
font-size: 28px !important;
line-height: 1.2 !important;
width: 100% !important;
max-width: 100% !important;
}
[data-barba-namespace="home"] rs-layer[data-type="text"][id*="layer-3"] {
font-size: 14px !important;
line-height: 1.4 !important;
width: 100% !important;
max-width: 100% !important;
}
/* Button - mobile */
[data-barba-namespace="home"] rs-layer.rev-btn {
font-size: 11px !important;
padding: 10px 18px !important;
}
/* Navigation arrows - hide on mobile or make smaller */
[data-barba-namespace="home"] .tparrows {
width: 32px !important;
height: 32px !important;
opacity: 0.7 !important;
}
[data-barba-namespace="home"] .tparrows:before {
font-size: 14px !important;
line-height: 32px !important;
}
/* Bullets - adjust for mobile */
[data-barba-namespace="home"] .tp-bullets {
transform: translate(-40px, -44px) !important;
}
[data-barba-namespace="home"] .tp-bullet {
width: 10px !important;
height: 10px !important;
}
}
@media (max-width: 480px) {
/* Slider container - small mobile */
[data-barba-namespace="home"] .elementor-element-32ec6ea5 {
max-height: 400px !important;
}
[data-barba-namespace="home"] #rev_slider_2_1_forcefullwidth rs-fw-forcer {
height: 400px !important;
}
[data-barba-namespace="home"] #rev_slider_2_1_wrapper,
[data-barba-namespace="home"] #rev_slider_2_1 {
height: 400px !important;
max-height: 400px !important;
}
/* Slider text layers - small mobile */
[data-barba-namespace="home"] rs-mask-wrap {
width: 90vw !important;
max-width: 90vw !important;
}
[data-barba-namespace="home"] rs-layer[data-type="text"][id*="layer-2"] {
font-size: 24px !important;
line-height: 1.2 !important;
width: 100% !important;
max-width: 100% !important;
}
[data-barba-namespace="home"] rs-layer[data-type="text"][id*="layer-3"] {
font-size: 12px !important;
line-height: 1.3 !important;
width: 100% !important;
max-width: 100% !important;
}
/* Button - small mobile */
[data-barba-namespace="home"] rs-layer.rev-btn {
font-size: 10px !important;
padding: 8px 16px !important;
}
}
/* Second Screen - Our Advantages Section - Mobile & Tablet */
@media (max-width: 1024px) {
[data-barba-namespace="home"] .elementor-element-3741ed3 {
padding: 40px 20px !important;
}
/* Sticky column - disable on tablet */
[data-barba-namespace="home"] .elementor-element-8a147dc {
position: relative !important;
top: 0 !important;
width: 100% !important;
max-width: 100% !important;
margin-bottom: 30px;
}
/* Disable sticky wrapper */
[data-barba-namespace="home"] .elementor-element-8a147dc .elementor-widget-wrap.is_stuck {
position: relative !important;
top: auto !important;
bottom: auto !important;
width: 100% !important;
}
/* Three column layout to two columns on tablet */
[data-barba-namespace="home"] .elementor-element-3741ed3 .elementor-container {
flex-wrap: wrap;
}
[data-barba-namespace="home"] .elementor-element-3741ed3 .elementor-col-33 {
flex: 0 0 50% !important;
max-width: 50% !important;
margin-bottom: 20px;
}
/* Hide middle column on tablet if needed */
[data-barba-namespace="home"] .elementor-element-3fc8bcd {
display: none;
}
}
@media (max-width: 768px) {
[data-barba-namespace="home"] .elementor-element-3741ed3 {
padding: 30px 15px !important;
}
/* Full width columns on mobile */
[data-barba-namespace="home"] .elementor-element-3741ed3 .elementor-col-33 {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
margin-bottom: 25px;
}
/* Our advantages block - full width on mobile */
[data-barba-namespace="home"] .elementor-element-8a147dc {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
min-width: 100% !important;
position: relative !important;
float: none !important;
}
[data-barba-namespace="home"] .elementor-element-8a147dc .elementor-widget-wrap {
position: relative !important;
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
display: block !important;
}
/* Override inline styles */
[data-barba-namespace="home"] .elementor-element-8a147dc .elementor-widget-wrap[style] {
position: relative !important;
top: auto !important;
bottom: auto !important;
width: 100% !important;
max-width: 100% !important;
}
/* Remove spacer div */
[data-barba-namespace="home"] .elementor-element-8a147dc > div[style*="position: relative"][style*="height"] {
display: none !important;
height: 0 !important;
}
/* Title adjustments */
[data-barba-namespace="home"] .elementor-element-449460c .woodmart-title-container {
font-size: 24px !important;
}
[data-barba-namespace="home"] .elementor-element-449460c .title-after_title {
font-size: 14px !important;
line-height: 1.5 !important;
}
/* Banner adjustments */
[data-barba-namespace="home"] .elementor-element-3741ed3 .promo-banner {
min-height: 200px !important;
}
[data-barba-namespace="home"] .elementor-element-3741ed3 .banner-title {
font-size: 20px !important;
}
}
@media (max-width: 480px) {
[data-barba-namespace="home"] .elementor-element-3741ed3 {
padding: 20px 10px !important;
}
/* Our advantages block - ensure full width on small mobile */
[data-barba-namespace="home"] .elementor-element-8a147dc {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
min-width: 100% !important;
position: relative !important;
float: none !important;
}
[data-barba-namespace="home"] .elementor-element-8a147dc .elementor-widget-wrap {
position: relative !important;
top: auto !important;
bottom: auto !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
}
/* Override inline styles on small mobile */
[data-barba-namespace="home"] .elementor-element-8a147dc .elementor-widget-wrap[style] {
position: relative !important;
top: auto !important;
bottom: auto !important;
width: 100% !important;
max-width: 100% !important;
}
/* Remove spacer div */
[data-barba-namespace="home"] .elementor-element-8a147dc > div[style*="position: relative"][style*="height"] {
display: none !important;
height: 0 !important;
}
/* Title - small mobile */
[data-barba-namespace="home"] .elementor-element-449460c .woodmart-title-container {
font-size: 20px !important;
}
[data-barba-namespace="home"] .elementor-element-449460c .title-after_title {
font-size: 13px !important;
}
/* Banner - small mobile */
[data-barba-namespace="home"] .elementor-element-3741ed3 .promo-banner {
min-height: 180px !important;
}
[data-barba-namespace="home"] .elementor-element-3741ed3 .banner-title {
font-size: 18px !important;
}
}
/* Ensure slides are properly positioned for slide animation */
[data-barba-namespace="home"] rs-module rs-slide {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}
/* ============================================
REVOLUTION SLIDER - DESKTOP STYLES
============================================ */
/* Position text layers in top left corner - Desktop only */
@media (min-width: 769px) {
[data-barba-namespace="home"] rs-slide rs-layer[data-type="text"]:not(.rev-btn) {
text-align: left !important;
margin-left: 0 !important;
margin-right: auto !important;
}
/* Text layer wraps with class for positioning - Desktop */
[data-barba-namespace="home"] rs-slide rs-layer-wrap.dvg-text-top-left {
top: 0 !important;
left: 0 !important;
right: auto !important;
bottom: auto !important;
transform: translate(0, 0) !important;
padding: 20px 0 0 30px !important;
width: auto !important;
max-width: none !important;
}
/* Mask wrap - Desktop: keep original width */
[data-barba-namespace="home"] rs-mask-wrap {
width: auto !important;
max-width: none !important;
}
}
/* Position navigation arrows in bottom right corner */
[data-barba-namespace="home"] .tparrows.tp-leftarrow,
[data-barba-namespace="home"] .tparrows.tp-rightarrow {
top: auto !important;
bottom: 20px !important;
left: auto !important;
right: 0 !important;
transform: translate(0, 0) !important;
}
[data-barba-namespace="home"] .tparrows.tp-leftarrow {
right: 60px !important;
}
[data-barba-namespace="home"] .tparrows.tp-rightarrow {
right: 20px !important;
}
/* Ensure text layers are visible in slides 2 and 3 - aggressive rules */
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-layer[data-type="text"],
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-layer[data-type="text"],
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-layer-wrap rs-layer[data-type="text"],
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-layer-wrap rs-layer[data-type="text"],
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-layer-wrap,
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-layer-wrap {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
transform: translate(0, 0) !important;
pointer-events: auto !important;
}
/* Ensure text layers are visible when slide is active */
[data-barba-namespace="home"] rs-slide[data-key="rs-10"][style*="display: block"] rs-layer[data-type="text"],
[data-barba-namespace="home"] rs-slide[data-key="rs-11"][style*="display: block"] rs-layer[data-type="text"],
[data-barba-namespace="home"] rs-slide[data-key="rs-10"]:not([style*="display: none"]) rs-layer[data-type="text"],
[data-barba-namespace="home"] rs-slide[data-key="rs-11"]:not([style*="display: none"]) rs-layer[data-type="text"] {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
}
/* Force text visibility for specific layer IDs */
[data-barba-namespace="home"] #slider-2-slide-10-layer-2,
[data-barba-namespace="home"] #slider-2-slide-10-layer-3,
[data-barba-namespace="home"] #slider-2-slide-10-layer-5,
[data-barba-namespace="home"] #slider-2-slide-11-layer-2,
[data-barba-namespace="home"] #slider-2-slide-11-layer-3,
[data-barba-namespace="home"] #slider-2-slide-11-layer-5 {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
transform: translate(0, 0) !important;
color: #ffffff !important;
}
/* Force parent wraps to be visible */
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-layer-wrap,
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-layer-wrap {
visibility: visible !important;
display: block !important;
pointer-events: auto !important;
}
/* Override any hidden states */
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-layer-wrap.rs-forcehidden,
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-layer-wrap.rs-forcehidden {
visibility: visible !important;
display: block !important;
}
/* Override Revolution Slider default opacity: 0 for text layers in slides 2 and 3 */
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-module rs-layer,
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-module .rs-layer,
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-module rs-layer,
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-module .rs-layer,
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-layer[data-type="text"],
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-layer[data-type="text"] {
opacity: 1 !important;
visibility: visible !important;
}
/* Override .rs-forcehidden * opacity - very specific selectors */
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] .rs-forcehidden,
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] .rs-forcehidden *,
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] .rs-forcehidden,
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] .rs-forcehidden *,
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-layer-wrap.rs-forcehidden,
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-layer-wrap.rs-forcehidden *,
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-layer-wrap.rs-forcehidden,
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-layer-wrap.rs-forcehidden * {
opacity: 1 !important;
visibility: visible !important;
}
/* Override rs-module rs-layer and rs-module .rs-layer default opacity: 0 */
[data-barba-namespace="home"] rs-module rs-layer[data-type="text"],
[data-barba-namespace="home"] rs-module .rs-layer[data-type="text"],
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-module rs-layer,
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-module .rs-layer,
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-module rs-layer,
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-module .rs-layer {
opacity: 1 !important;
visibility: visible !important;
}
/* Global override for Revolution Slider default opacity: 0 on text layers in slides 2 and 3 */
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-layer,
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-layer {
opacity: 1 !important;
visibility: visible !important;
}
/* Override all possible combinations that might set opacity: 0 */
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-module rs-layer[data-type="text"],
[data-barba-namespace="home"] rs-slide[data-key="rs-10"] rs-module .rs-layer[data-type="text"],
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-module rs-layer[data-type="text"],
[data-barba-namespace="home"] rs-slide[data-key="rs-11"] rs-module .rs-layer[data-type="text"] {
opacity: 1 !important;
visibility: visible !important;
display: block !important;
}
/* Header dropdown menu - full width from edge to edge */
/* Position will be set via JavaScript */
.wd-dropdown-menu.wd-dropdown.wd-design-full-width.color-scheme-dark {
width: 100vw !important;
max-width: 100vw !important;
}
.wd-dropdown-menu.wd-dropdown.wd-design-full-width.color-scheme-dark > .container {
max-width: 100% !important;
width: 100% !important;
padding-left: var(--wd-scroll-w, 0) !important;
padding-right: var(--wd-scroll-w, 0) !important;
}
/* Mobile menu styles - show on mobile devices */
@media (max-width: 1024px) {
/* Remove hiding styles for mobile menu */
.wd-nav-mobile {
display: flex !important;
}
.wd-nav-mobile.wd-active {
display: flex !important;
}
/* Hide desktop dropdown menu on mobile */
.wd-dropdown-menu.wd-dropdown.wd-design-full-width.color-scheme-dark {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* Also hide parent menu items that trigger dropdowns on hover */
.menu-mega-dropdown:hover .wd-dropdown-menu.wd-dropdown.wd-design-full-width.color-scheme-dark {
display: none !important;
}
/* Banners carousel - mobile styles */
.wd-carousel-container.banners-carousel-wrapper.disable-owl-mobile .owl-item,
.wd-carousel-container.banners-carousel-wrapper.disable-owl-mobile .promo-banner-wrapper,
.wd-carousel-container.banners-carousel-wrapper.disable-owl-mobile .promo-banner {
width: 100% !important;
max-width: 100% !important;
}
/* Reduce banner height on mobile */
.wd-carousel-container.banners-carousel-wrapper.disable-owl-mobile .promo-banner {
height: auto !important;
min-height: 300px !important;
max-height: 400px !important;
}
.wd-carousel-container.banners-carousel-wrapper.disable-owl-mobile .banner-image,
.wd-carousel-container.banners-carousel-wrapper.disable-owl-mobile .banner-image img {
height: 300px !important;
max-height: 400px !important;
object-fit: cover !important;
}
/* Remove bottom margin/padding from header on mobile/tablet */
.whb-header {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
}
/* ============================================
NEW SIMPLE SLIDER STYLES
============================================ */
/* Hide old Revolution Slider temporarily to see new one */
.elementor-element-32ec6ea5 {
display: none !important;
}
.dvg-simple-slider-section {
position: relative !important;
overflow: hidden !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 10 !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
min-height: 900px !important;
}
@media (min-width: 769px) {
.dvg-simple-slider-section {
margin-top: -40px !important;
}
}
.dvg-simple-slider {
position: relative !important;
width: 100vw !important;
max-width: 100vw !important;
height: 900px !important;
overflow: hidden !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 10 !important;
}
.dvg-simple-slider__container {
position: relative;
width: 100%;
height: 100%;
max-width: 100%;
}
.dvg-simple-slider__slides {
position: relative;
width: 100%;
height: 100%;
}
.dvg-simple-slider__slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
transform: translateX(100%);
transition: transform 0.6s ease;
display: block !important;
}
.dvg-simple-slider__slide--active {
visibility: visible !important;
transform: translateX(0) !important;
z-index: 1;
display: block !important;
}
.dvg-simple-slider__slide--prev {
visibility: visible !important;
transform: translateX(-100%) !important;
}
.dvg-simple-slider__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: 35% 0%;
background-repeat: no-repeat;
z-index: 0;
display: block !important;
visibility: visible !important;
}
.dvg-simple-slider__content {
position: relative;
z-index: 2;
height: 100%;
display: flex !important;
align-items: center;
visibility: visible !important;
opacity: 1 !important;
width: 100%;
max-width: 100%;
}
.dvg-simple-slider__text-wrapper {
padding: 20px 0 0 30px;
max-width: 90vw;
position: relative;
z-index: 5;
width: 100%;
}
.dvg-simple-slider__content .container {
width: 100%;
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.dvg-simple-slider__title {
font-family: Montserrat, sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 50px;
color: #fff;
margin: 0 0 20px 0;
text-align: left;
}
.dvg-simple-slider__text {
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 25px;
color: #fff;
margin: 0 0 30px 0;
text-align: left;
max-width: 600px;
}
.dvg-simple-slider__button {
display: inline-block;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 40px;
color: #fff;
text-decoration: none;
padding: 0 25px;
border: 2px solid rgba(255, 255, 255, 0.8);
background: transparent;
transition: border-color 0.3s ease;
}
.dvg-simple-slider__button:hover {
border-color: rgba(255, 255, 255, 0.75);
}
.dvg-simple-slider__navigation {
position: absolute;
bottom: 20px;
right: 0;
z-index: 10;
display: flex;
gap: 0;
}
.dvg-simple-slider__arrow {
position: absolute;
width: 50px;
height: 50px;
background: rgba(0, 0, 0, 0.5);
border: none;
border-radius: 0;
color: #fff;
font-size: 30px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s ease;
z-index: 10;
bottom: 20px;
padding: 0;
}
.dvg-simple-slider__arrow:hover {
background: rgba(0, 0, 0, 0.7);
}
.dvg-simple-slider__arrow--prev {
right: 80px;
}
.dvg-simple-slider__arrow--next {
right: 20px;
}
.dvg-simple-slider__bullets {
position: absolute;
top: 20px;
right: 20px;
z-index: 10;
display: flex;
gap: 8px;
flex-direction: row;
}
.dvg-simple-slider__bullet {
width: 12px;
height: 12px;
border-radius: 50%;
border: none;
background: rgba(255, 255, 255, 0.5);
cursor: pointer;
transition: background 0.3s ease;
padding: 0;
}
.dvg-simple-slider__bullet--active,
.dvg-simple-slider__bullet:hover {
background: rgba(255, 255, 255, 1);
}
/* Mobile styles for new slider */
@media (max-width: 1024px) {
.dvg-simple-slider-section {
min-height: 600px !important;
}
.dvg-simple-slider {
height: 600px !important;
}
}
@media (max-width: 768px) {
.dvg-simple-slider-section {
min-height: 500px !important;
}
.dvg-simple-slider {
height: 500px !important;
}
.dvg-simple-slider__text-wrapper {
padding: 20px 30px 0 30px;
max-width: 90vw;
}
.dvg-simple-slider__title {
font-size: 28px !important;
line-height: 1.2 !important;
margin-bottom: 15px;
}
.dvg-simple-slider__text {
font-size: 14px !important;
line-height: 1.4 !important;
margin-bottom: 20px;
max-width: 100%;
}
.dvg-simple-slider__button {
font-size: 11px !important;
padding: 10px 18px !important;
line-height: 1.2 !important;
}
.dvg-simple-slider__arrow {
width: 32px !important;
height: 32px !important;
font-size: 20px !important;
bottom: 20px !important;
}
.dvg-simple-slider__arrow--prev {
right: 60px !important;
}
.dvg-simple-slider__arrow--next {
right: 20px !important;
}
.dvg-simple-slider__bullets {
top: 20px !important;
right: 20px !important;
}
.dvg-simple-slider__bullet {
width: 10px !important;
height: 10px !important;
}
.dvg-simple-slider__content .container {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 480px) {
.dvg-simple-slider-section {
min-height: 400px !important;
}
.dvg-simple-slider {
height: 400px !important;
}
.dvg-simple-slider__title {
font-size: 24px !important;
line-height: 1.2 !important;
}
.dvg-simple-slider__text {
font-size: 12px !important;
line-height: 1.3 !important;
}
.dvg-simple-slider__button {
font-size: 10px !important;
padding: 8px 16px !important;
line-height: 1.2 !important;
}
.dvg-simple-slider__arrow {
width: 28px !important;
height: 28px !important;
font-size: 18px !important;
bottom: 15px !important;
}
.dvg-simple-slider__arrow--prev {
right: 50px !important;
}
.dvg-simple-slider__arrow--next {
right: 15px !important;
}
.dvg-simple-slider__bullets {
top: 15px !important;
right: 15px !important;
}
.dvg-simple-slider__text-wrapper {
padding: 15px 20px 0 20px;
}
.dvg-simple-slider__content .container {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 480px) {
/* Banners carousel - small mobile styles */
.wd-carousel-container.banners-carousel-wrapper.disable-owl-mobile .promo-banner {
min-height: 250px !important;
max-height: 350px !important;
}
.wd-carousel-container.banners-carousel-wrapper.disable-owl-mobile .banner-image,
.wd-carousel-container.banners-carousel-wrapper.disable-owl-mobile .banner-image img {
height: 250px !important;
max-height: 350px !important;
}
/* Remove bottom margin/padding from header on mobile */
.whb-header {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
}
/* Product tabs section - padding top */
.elementor-element-3525257,
.elementor-element-3525257 .elementor-container {
padding-top: 100px !important;
}