.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(https://sdecpower.co.za/wp-content/uploads/2021/10/alternative-energy-popup.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-image: none;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:scroll;
	background-position:center center;
}

.footer-container{
	background-color:rgb(242,242,242);
	background-image: none;
}

:root{
--wd-text-font:"Roboto", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:15px;
}
:root{
--wd-title-font:"Exo", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Exo", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:500;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Roboto", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Exo", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Exo", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:500;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
html .wd-nav.wd-nav-main > li > a, html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a, html .wd-nav-mobile > li > a{
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;font-weight: 500;
}

:root{
--wd-primary-color:rgb(176,19,51);
}
:root{
--wd-alternative-color:rgb(23,47,88);
}
:root{
--wd-link-color:rgb(51,51,51);
--wd-link-color-hover:rgb(176,19,51);
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-shop-bgcolor:rgb(0,174,239);
}
:root{
--btn-shop-bgcolor-hover:rgb(0,83,178);
}
:root{
--btn-accent-bgcolor:rgb(176,19,51);
}
:root{
--btn-accent-bgcolor-hover:rgb(229,55,37);
}
html .wd-buy-now-btn{
	color: rgb(255,255,255);background: rgb(15,15,15);
}

html .wd-buy-now-btn:hover{
	color: rgb(255,255,255);background: rgb(0,174,239);
}

:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
.wd-builder-off .wd-fbt.wd-design-side{
--wd-form-width: 25%;
}	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 1px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-shop-color: #fff;
		
					--btn-shop-color-hover: #fff;
		
					--btn-accent-color: #fff;
		
					--btn-accent-color-hover: #fff;
		
					
			
							--btn-default-brd-radius: 35px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
			
					
					
			
							--btn-shop-brd-radius: 35px;
				--btn-shop-box-shadow: none;
				--btn-shop-box-shadow-hover: none;
			
					
					
			
							--btn-accent-brd-radius: 35px;
				--btn-accent-box-shadow: none;
				--btn-accent-box-shadow-hover: none;
			
					
							
					--wd-brd-radius: 0px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-width: 1222px;
		}
	
			.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1192px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1202px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1212px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1222px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1232px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1252px;
		}
		@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 255px;
		}
	
					rs-slides [data-type=text],
		rs-slides [data-type=button] {
			font-family: Roboto !important;
		}
		
					rs-slides h1[data-type=text],
			rs-slides h2[data-type=text],
			rs-slides h3[data-type=text],
			rs-slides h4[data-type=text],
			rs-slides h5[data-type=text],
			rs-slides h6[data-type=text] {
				font-family: Exo !important;
			}
			
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//sdecpower.co.za/wp-content/themes/lifetide/fonts/woodmart-font.woff2?v=7.0.4") format("woff2");
}

/* ==========================================================================
   1. GLOBAL BRAND COLOR OVERRIDES (#B01333)
   ========================================================================== */
div[data-elementor-settings*="00AEEF"],
.elementor-button, 
.whb-header_662032,
.btn-color-primary {
    --wd-primary-color: #B01333 !important; 
}

/* Force override any hardcoded elementor fills */
[style*="color: #00AEEF"], [style*="color:#00AEEF"] {
    color: #B01333 !important;
}
[style*="background-color: #00AEEF"], [style*="background-color:#00AEEF"] {
    background-color: #B01333 !important;
}

/* ==========================================================================
   2. GLOBAL LAYOUT & SECTION STRETCHING (DESKTOP ONLY)
   ========================================================================== */
html, body {
    overflow-x: hidden !important;
}

/* Run edge-to-edge breakouts ONLY on screens wider than mobile and NEVER on single products */
@media (min-width: 768px) {
    body:not(.elementor-editor-active):not(.single-product) .elementor-section.wd-section-stretch,
    body:not(.elementor-editor-active):not(.single-product) .elementor-section.wd-section-stretch-content {
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        width: auto !important;
        max-width: none !important;
    }

    /* Xtemos 'Stretch Section and Content' option */
    .elementor-section.wd-section-stretch-content > .elementor-container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    /* Xtemos 'Stretch Section' option (Keeps content boxed to your master width) */
    .elementor-section.wd-section-stretch > .elementor-container {
        max-width: 1222px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
    }
    
    .product-design-default .entry-summary:not(.col-lg-4) .wd-product-brands {
        float: none !important;
        margin-left: 0px !important;
    }
}

/* ==========================================================================
   3. UNIFIED MOBILE & TABLET LAYOUT RESETS (SCREEN WIDTHS <= 767px)
   ========================================================================== */
@media (max-width: 767px) {
    
    /* 1. Bulletproof Full-Bleed Fix: Strips margins from all structural page layers */
    .single-product .main-page-wrapper .container,
    .single-product .content-layout-wrapper,
    .single-product .shop-content-area,
    .single-product .single-product-page,
    .single-product .elementor-16782,
    .single-product .elementor-29513,
    .single-product .wd-builder-on,
    .single-product .website-wrapper,
    .single-product .main-page-wrapper,
    .single-product .elementor-section,
    .single-product .elementor-section-stretch,
    .single-product .wd-section-stretch,
    .single-product .wd-section-stretch-content,
    .single-product .elementor-top-section,
    .single-product .elementor-inner-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        min-width: 0 !important;
        min-width: unset !important;
        position: relative !important;
    }

    /* 2. Flatten column blocks cleanly to fit within Elementor's device simulator */
    .single-product .elementor-container,
    .single-product .elementor-row,
    .single-product .elementor-column,
    .single-product .elementor-top-column,
    .single-product .elementor-widget-wrap,
    .single-product .wd-elementor-sticky-column {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* 3. Inward Safe Margin Protection: Indents all text blocks and headlines uniformly */
    .single-product .wd-text-block, 
    .single-product .product_title,
    .single-product .woocommerce-product-details__short-description,
    .single-product .wd-single-meta,
    .single-product .wd-accordion,
    .single-product .elementor-widget-theme-post-content,
    .single-product .woocommerce-breadcrumb,
    .single-product .elementor-widget-wd_title,
    .single-product .wd-accordion-title {
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Stop nested Elementor title sub-wrappers from compounding side margins */
    .single-product .elementor-widget-wd_title .title-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* 4. Center action layout buttons safely within the screen margins */
    .single-product .elementor-widget-button,
    .single-product .wd-button-wrapper {
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }
    .single-product .elementor-29513 .wd-button-wrapper a.btn,
    .single-product .yith-ywraq-add-to-quote.near-add-to-cart {
        position: static !important;
        width: 100% !important;
        margin: 10px 0 !important;
    }

    /* 5. Fluid Attributes Table Reset: Prevents left slicing and bottom truncation */
    .single-product .wd-single-attrs,
    .single-product .elementor-widget-wd_single_product_additional_info_table {
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }
    .single-product table.shop_attributes {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important; /* Moves the whole table structure inward cleanly */
        padding-right: 16px !important;
        margin: 20px 0 !important;
        box-sizing: border-box !important;
        height: auto !important;
        overflow: visible !important;
        border: none !important;
    }
    .single-product table.shop_attributes tbody {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }
    .single-product table.shop_attributes tr {
        display: block !important;
        width: 100% !important;
        padding: 12px 0 !important;
        margin: 0 !important;
        border-bottom: 1px solid #eee !important;
        box-sizing: border-box !important;
        height: auto !important;
        overflow: visible !important;
    }
    .single-product table.shop_attributes th,
    .single-product table.shop_attributes td {
        display: block !important;
        width: 100% !important;
        padding: 4px 0 !important;
        margin: 0 !important;
        text-align: left !important;
        left: 0 !important;
        position: relative !important;
        box-sizing: border-box !important;
        height: auto !important;
    }
    .single-product table.shop_attributes th {
        font-weight: 700 !important;
        color: #333 !important;
    }

    /* Hide sticky third-party conversion blocks from tracking views */
    .ti-widget[data-layout-id='74'][data-set-id='default'] .ti-sticky-button,
    .ti-widget[data-layout-id='74'][data-set-id='default'] .ti-sticky-button .ti-clickable-expand,
    .ti-sticky-button-header {
        display: none !important;
    }
}

/* ==========================================================================
   4. WOOCOMMERCE, CATALOG MODE & SPECIAL STRUCTURAL TWEEKS
   ========================================================================== */
/* Hide all price structures completely while Catalog Mode is active */
.wd-products-element .price, 
.product-grid-item .price, 
.wd-loop-product .price,
.single-product-page .summary-inner .price {
    display: none !important;
}

/* Remove administrative order editing forms from frontend */
.line_total .wc_input_price,
input.line_total.wc_input_price,
.edit-order-item .tips,
#woocommerce-order-items .wc-order-edit-line-item-actions a,
#woocommerce-order-items .woocommerce_order_items_wrapper table.woocommerce_order_items .line_cost .split-input,
#woocommerce-order-items .woocommerce_order_items_wrapper table.woocommerce_order_items .line_cost .split-input div.input,
#woocommerce-order-items .woocommerce_order_items_wrapper table.woocommerce_order_items .line_cost .split-input div.input input {
    display: none !important;
}

/* Strip generic platform labels and transactional notifications */
.product-labels, .woocommerce-form-coupon-toggle, .cart-actions .coupon, .woocommerce-notices-wrapper, div.payment_box.payment_method_peach-payments, .blog-design-masonry.has-post-thumbnail .post-date {
    display: none !important;
}

/* Clean up logo structural heights and swatches options */
.site-logo { max-height: fit-content !important; }
.wd-logo img { width: 200px !important; }
.copyrights-wrapper { background: white !important; }
.wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width) .wd-sub-menu>li { width: 250px !important; }
.wd-swatches-filter.wd-swatches-brands { --wd-swatch-h: 30px; --wd-swatch-w: 98px; }
.wd-swatch :is(img,picture) { object-fit: contain !important; }
.wd-visits-count.wd-style-with-bg { margin-top: 20px; }

/* Adjust brand layouts */
.wd-single-brands.wd-style-shadow a, .brandContainer a { margin-right: 10px; }
.brandContainer { display: flex; width: 100%; }
.brandContainer.set-mb-s { --margin-bottom: 0px !important; }

/* Custom Contact Forms and Core Bottom Sticky Toolbar adjustments */
div.wpforms-container-full .wpforms-form button[type=submit] {
    background-color: #00AEEF;
    border: none !important;
    color: #FFFFFF;
    font-size: 1em;
    padding: 20px 10px !important;
    width: 100%;
}
div.wpforms-container-full .wpforms-form label.wpforms-error { display: none !important; }

.wd-toolbar { background-color: #0098FF !important; height: 65px !important; }
.wd-toolbar.wd-toolbar-label-show>a, .wd-toolbar.wd-toolbar-label-show>div a { border-right: 1px solid white; border-left: 1px solid white; }
.wd-toolbar.wd-toolbar-label-show .wd-toolbar-label { color: white !important; }
input[name='update_cart'], button[name='update_cart'] { display: none !important; }

/* ==========================================================================
   5. YITH REQUEST A QUOTE CORE LAYOUT STYLING
   ========================================================================== */
.yith-ywraq-add-to-quote a, .yith_ywraq_add_item_browse_message a { font-size: 0.8rem !important; }
.yith_ywraq_add_item_product_message { position: relative; display: flex !important; }
.yith_ywraq_add_item_browse_message a { padding: 15px; }
.ywraq-quote-icon-icon_quote:before { font-size: 20px; }
.widget_ywraq_mini_list_quote .raq-info { font-size: 13px; border: none; }
.widget_ywraq_mini_list_quote { margin: 4px 0; }
#yith-ywraq-form table.cart .product-thumbnail { display: table-cell; width: 15%; }
.summary.entry-summary .summary-inner { position: relative; }
.woocommerce-price-suffix { font-size: 80% !important; color: red; }

.near-add-to-cart.show-quote-button a {
    color: #fff;
    box-shadow: none;
    background-color: #00AEEF !important;
}
.near-add-to-cart.show-quote-button a:hover {
    color: #fff;
    box-shadow: none;
    background-color: #73bed6;
}

form.cart { float: left; margin-right: 12px; }
form.cart + .yith-ywraq-add-to-quote.near-add-to-cart { position: static !important; margin-bottom: 0; }
form.cart + .yith-ywraq-add-to-quote.near-add-to-cart:after {
    content: "";
    display: inline-block;
    width: 100%;
    clear: both;
    height: 1px;
    vertical-align: top;
}

.yith-ywraq-add-to-quote {
    bottom: 71px !important;
    left: 260px !important;
}

/* Custom mini cart and quote table asset links replacement styling */
.cart_item .product-remove a::before,
.cart_list .mini_cart_item .remove:after {
    content: "";
    background: url("https://sdecpower.co.za/wp-content/uploads/2023/03/trash-can.png") no-repeat 0 0;
    background-size: 100% auto;
    width: 20px;
    height: 20px;
}
.cart_list .mini_cart_item .remove:after {
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
}