.elementor-kit-6{--e-global-color-primary:#00303C;--e-global-color-secondary:#54595F;--e-global-color-text:#00303C;--e-global-color-accent:#000000;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:768px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* 1. Hide the WoodMart checkmark */
.wd-wishlist-btn > a.added .wd-check-icon {
display: none !important;
}
/* 2. Replace empty heart with a pure SVG filled heart (no fonts required) */
.wd-wishlist-btn > a.added .wd-action-icon::before {
content: "" !important;
display: inline-block !important;
width: 18px !important;
height: 18px !important;
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23e00000' d='M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z'/%3E%3C/svg%3E") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
visibility: visible !important;
opacity: 1 !important;
}
/* ==========================================================================
1. PRODUCT CARD LAYOUT CHANGES
========================================================================== */
/* Add "From " text before the product price */
.wd-product .price::before {
content: "From ";
font-size: 0.9em;
color: #777;
font-weight: normal;
}
/* Hide the default add to cart button on product loops */
.product-grid-item .wd-add-btn {
display: none !important;
}
/* ==========================================================================
2. QUICK VIEW & WISHLIST CONTAINER (.wd-buttons)
========================================================================== */
/* Structure, positioning, transparency, and order modifications */
.product-grid-item .wd-buttons {
/* Layout & Ordering */
display: flex !important;
flex-direction: column-reverse !important;
justify-content: space-between !important;
height: 100% !important;
/* Aesthetics */
background-color: transparent !important;
box-shadow: none !important;
/* Reset theme's offset positions to fit edges closely */
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
padding: 0px 0px !important;
}
/* ==========================================================================
3. QUICK VIEW BUTTON MODIFICATIONS
========================================================================== */
/* Replace WoodMart Quick View icon with a crisp SVG Plus Sign */
.product-grid-item .wd-quick-view-btn a .wd-action-icon::before {
content: "" !important;
display: inline-block !important;
width: 18px !important;
height: 18px !important;
background-color: #212121 !important;
/* Vector "+" icon path */
-webkit-mask-image: url("data:image/svg+xml;utf8,") !important;
mask-image: url("data:image/svg+xml;utf8,") !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
mask-position: center !important;
}
/* Hide original theme template SVG graphics */
.product-grid-item .wd-quick-view-btn a .wd-action-icon svg {
display: none !important;
}
/* Prevent the price and button from sliding/swapping on hover */
.product-grid-item.wd-hover-alt .swap-elements {
transform: none !important;
}
/* Ensure the Add to Cart button stays visible statically below the price */
.product-grid-item.wd-hover-alt .wd-add-btn {
position: relative !important;
top: 0 !important;
left: 0 !important;
opacity: 1 !important;
visibility: visible !important;
margin-top: 10px; /* Adds clean spacing between the price and button */
}
/* Ensure the price area doesn't force a height change or hide */
.product-grid-item.wd-hover-alt .swap-wrapp {
height: auto !important;
}
/* quich view background */
.wd-quick-view-btn .wd-action-icon {
background-color: #ffffff;
border-radius: 4px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
/* ==========================================================================
5. FORCE QUICK VIEW ON MOBILE
========================================================================== */
@media (max-width: 1024px) {
.product-grid-item .wd-quick-view-btn {
display: block !important; /* Forces the hidden button to appear */
}
}
/* Remove vertical line between menu text and arrow */
.menu-item-has-children .wd-nav-opener {
border-left: none !important;
}
.menu-item-has-children > a.woodmart-nav-link {
border-right: none !important;
}
@media (max-width: 767px) {
/* Center the button container */
.custom-mobile-banner .wrapper-content-banner.wd-justify-left {
justify-content: center !important;
}
.custom-mobile-banner .content-banner.text-left,
.custom-mobile-banner .wd-button-wrapper.text-left {
text-align: center !important;
}
/* Make the button text bigger */
.custom-mobile-banner .wd-button-wrapper .btn-style-link {
font-size: 22px !important; /* Adjust this number to make it larger/smaller */
}
}/* End custom CSS */