@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//cncwood.co.za/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.2.4") format("woff2");
}

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

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

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

:root{
--wd-text-font:"Roboto Flex", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:rgb(0,0,0);
--wd-text-font-size:17px;
}
:root{
--wd-title-font:"Josefin Sans", Arial, Helvetica, sans-serif;
--wd-title-font-weight:400;
--wd-title-color:rgb(15,15,15);
}
:root{
--wd-entities-title-font:"Josefin Sans", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:400;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Josefin Sans", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Josefin Sans", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:400;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Open Sans", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:600;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
:root{
--wd-primary-color:rgb(221,153,51);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
.page .main-page-wrapper{
	background-color:rgb(246,243,237);
	background-image: none;
}

.single-product .main-page-wrapper{
	background-color:rgb(249,249,249);
	background-image: none;
}

:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(153,185,152);
}
:root{
--btn-accented-bgcolor-hover:rgb(135,167,134);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
									--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
				--btn-default-box-shadow-active: none;
				--btn-default-bottom: 0px;
			
			
			
					
									--btn-accented-brd-radius: 0px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
				--btn-accented-box-shadow-active: none;
				--btn-accented-bottom: 0px;
			
			
			
					
							
					--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-w: 1222px;
		}
	
			@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: 190px;
		}
	
	
/* 1. Fixed positioning in the bottom right corner */
#elex-rqst-float-minicart-icon {
    position: fixed !important;
    bottom: 80px !important; 
    right: 20px !important;
    left: auto !important;
    top: auto !important;
    width: auto !important; 
    max-width: 250px !important;
    z-index: 99999 !important; 
}

/* 2. Style the outer container block natively without full width */
#elex-rqst-float-minicart-icon #mini_quote_list,
#elex-rqst-float-minicart-icon .mini_quote_list {
    background-color: transparent !important; 
    padding: 5px !important;
    width: auto !important; 
    display: flex !important;
    align-items: center !important;
    gap: 8px !important; /* Perfect spacing between icon and text */
}

/* 3. Turn off link/click attributes for the "Quote List" text */
#elex-rqst-float-minicart-icon .mini_quote_list span,
#elex-rqst-float-minicart-icon .mini_quote_list .elex-rqst-minicart-text {
    color: #b58d4c !important; /* Gold text */
    pointer-events: none !important; /* Makes it completely unclickable */
    cursor: default !important;
    text-decoration: none !important;
}

/* 4. Ensure the text remains gold and does not shift colors on hover */
#elex-rqst-float-minicart-icon .mini_quote_list a:hover span {
    color: #b58d4c !important;
}

/* 5. Make ONLY the anchor link around the icon clickable */
#elex-rqst-float-minicart-icon .mini_quote_list a,
#elex-rqst-float-minicart-icon .elex-raq-view-quote-dropdown-btn {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    cursor: pointer !important;
}

/* 6. Main vector shape of the icon gets the gold look */
#elex-rqst-float-minicart-icon .mini_quote_list svg path,
#elex-rqst-float-minicart-icon .mini_quote_list i {
    fill: #b58d4c !important;
    color: #b58d4c !important;
    transition: fill 0.2s ease !important;
}

/* Hover effect ONLY for the icon graphic */
#elex-rqst-float-minicart-icon .mini_quote_list a:hover svg path {
    fill: #9e7537 !important; /* Shakes into a slightly deeper gold on hover */
}

/* 7. The counter bubble ring/circle becomes premium Gold */
#elex-rqst-float-minicart-icon .elex-rqst-minicart-count,
#elex-rqst-float-minicart-icon #mini_quote_list .elex-rqst-minicart-count {
    background-color: #b58d4c !important; 
    background: #b58d4c !important;
    border: 1px solid #b58d4c !important;
    color: #ffffff !important; /* Number color becomes solid white */
}

/* 8. Neutralize layout columns generated by the plugin wrapper structural divs */
#elex-rqst-float-minicart-icon .container,
#elex-rqst-float-minicart-icon .flex-fill,
#elex-rqst-float-minicart-icon .d-flex {
    width: auto !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Ensure inline links in content bodies are rendered as regular underlined text */
.entry-content p a,
.entry-content li a,
.wc-tab-inner p a,
.wc-tab-inner li a,
.entry-content p a:hover,
.entry-content li a:hover {
    display: inline !important;
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    height: auto !important;
    line-height: inherit !important;
    
    /* Forces the link to be explicitly underlined */
    text-decoration: underline !important;
    
    /* Optional: Inherit standard text weight or default to brand color */
    font-weight: inherit !important;
    color: #a58540 !important; /* Forces your brand gold/bronze color, change if needed */
}

/* Optional: Slight color change or distinct transition effect on hover */
.entry-content p a:hover,
.entry-content li a:hover,
.wc-tab-inner p a:hover,
.wc-tab-inner li a:hover {
    color: #111111 !important; /* Changes to dark/black text on hover */
    text-decoration: underline !important;
}

/*------*/
/* Full-Width Flush Product Banner - Zero Space */
.product-notice-banner {
    background-color: #D7942D; 
    border-top: 1px solid #e1d8c3; 
    border-bottom: 1px solid #e1d8c3;
    padding: 15px 30px;
    
    /* Force edge-to-edge layout stretch */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    
    /* FORCE ELIMINATION OF OPEN SPACE ABOVE BANNER */
    margin-top: -40px !important; 
    margin-bottom: 35px !important; 
    
    display: flex;
    justify-content: center; 
    align-items: center;
    z-index: 2;
}

.product-notice-banner .banner-content {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    color: #ffffff;
    max-width: 1200px;
    width: 100%;
}

.product-notice-banner .banner-icon {
    font-size: 27px;
    display: flex;
    align-items: center;
}

/* Responsive Mobile Space Corrections */
@media (max-width: 768px) {
    .product-notice-banner {
        padding: 12px 15px;
        margin-top: -35px !important;
        margin-bottom: 30px !important;
    }
    .product-notice-banner .banner-content {
        font-size: 13px;
        gap: 8px;
    }
}