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

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//supplyjunction.pk/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//supplyjunction.pk/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//supplyjunction.pk/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//supplyjunction.pk/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//supplyjunction.pk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//supplyjunction.pk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//supplyjunction.pk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//supplyjunction.pk/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Work Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Mulish", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Mulish", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Mulish", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Mulish", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(204,153,51);
	--wd-alternative-color: rgb(186,124,0);
	--btn-default-bgcolor: rgb(204,153,51);
	--btn-default-bgcolor-hover: rgb(186,124,0);
	--btn-accented-bgcolor: rgb(204,153,51);
	--btn-accented-bgcolor-hover: rgb(186,124,0);
	--wd-form-brd-width: 0px;
	--notices-success-bg: rgb(204,153,51);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(204,153,51);
	--wd-link-color-hover: rgb(186,124,0);
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(248,248,248);
	background-image: url(https://supplyjunction.pk/wp-content/uploads/2022/06/popup-banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(36,36,36);
	background-image: none;
}
html .wd-nav.wd-nav-secondary > li > a {
	font-family: "Mulish", Arial, Helvetica, sans-serif;
	font-weight: 800;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-size: 18px;
	text-transform: none;
}
html .wd-nav-mobile > li > a {
	text-transform: none;
}
.whb-general-header .wd-nav.wd-nav-secondary > li > a {
	font-weight: 400;
	color: rgb(119,119,119);
}
.whb-general-header .wd-nav.wd-nav-secondary > li:hover > a, .whb-general-header .wd-nav.wd-nav-secondary > li.current-menu-item > a {
	color: rgb(36,36,36);
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .single_add_to_cart_button, html .wd-sticky-add-to-cart, html .wd-sticky-btn.wd-quantity-overlap div.quantity input[type] {
	color: rgb(255,255,255);
	background: rgb(204,153,51);
}
html .entry-summary .single_add_to_cart_button:hover, .wd-single-add-cart .single_add_to_cart_button:hover, html .wd-sticky-btn-cart .single_add_to_cart_button:hover, html .wd-sticky-add-to-cart:hover, html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity input[type], html .wd-sticky-btn.wd-quantity-overlap .cart:hover > div.quantity+.button {
	color: rgb(0,0,0);
	background: rgb(186,124,0);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(119,119,119);
	--wd-form-placeholder-color: rgb(119,119,119);
	--wd-form-bg: rgba(15,15,15,0.04);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}
	html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
		font-size: 16px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
		font-size: 16px;
	}

}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--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-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1600px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1600px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: rgb(204,153,51);
}

#mobile-menu
{
	position:relative;
	top: 10%;
    width: 93%;
	height:100% !important;
	min-height: 800px;
	background: #000;
    color: #fff !important;
    border: 1px solid #bb8c2f;
	padding:0px !important;
}
.mfp-container
{
	padding:0px !important;
}

#wd-68d98f06a0704 .btn.btn-style-link
{
	color:#fff !important;
}

#wd-68dac6a87c7bc a
{
	font-size:20px;
}

.wd-68d99ed1ea173 .wd-accordion-item
{
	
}

#mobile-menu .wd-nav-tabs-wrapper
{
	background:#fff !important;
	mask-image:none;
	-webkit-mask-image:none;
	
}

#mobile-menu .wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a
{
	    background: rgb(204, 153, 51);
    color: #fff;

	
}

#mobile-menu .wd-nav-link
{
	padding: 30px;
    min-width: 70px;
}

#mobile-menu .wd-nav
{
	--nav-gap:none !important;
}

#mobile-menu .wd-list
{
	padding: 30px;
}

#mobile-menu .wd-accordion.wd-style-shadow
{
	margin: 10px;
}

#mobile-menu #wd-68dbf62ceb6e4 .wd-accordion-title
{
	background:#b99244 !important;
	color:#fff !important;
}

#mobile-menu #wd-68dbf62ceb6e4 .wd-accordion-title-text, .wd-accordion-opener
{
	color:#fff !important;
}

#mobile-menu #wd-68dabe74ecb8b .wd-accordion-title
{
	background:#000 !important;
	color:#fff !important;
	padding:10px;
}

#mobile-menu #wd-68dc0c3063857
{
	--wd-row-gap:5px;
		
}

#mobile-menu #wd-68dc0c3063857 .wd-accordion-title
{
	background: #000 !important;
    color: #fff !important;
	padding:10px;
}

#mobile-menu #wd-68dc0c3063857 .wd-accordion-content
{
	padding: 0 10px;
}
#mobile-menu #wd-68dc0c3063857 .wd-wpb
{
	margin-bottom:0px !important;
}

#mobile-menu #wd-68dbf62ceb6e4 .d-wpb
{
	    margin-bottom: 0px;
    margin-top: 10px;
}



#mobile-menu .wd-rs-68dc2023aabb3, .wd-rs-68dc2137aaea2, .d-rs-68dc226d238ea, .wd-rs-68dc19adda20c, .wd-rs-68dc226d238ea, .wd-rs-68dc18e1933a0, .wd-rs-68dc2ab832fdf, .wd-rs-68dc2eed3c5a7, .wd-rs-68dc2e3b2dfac
{
	padding:0px !important;
}

#mobile-menu .wd-rs-68dc2d2e97308, .wd-rs-68dc2e1b23795, .wd-rs-68dc34338beb6, .wd-rs-68dc33f9ce7b8
{
	padding-left:10px;
}

#wd-68dc26cdab78c
{
	margin:10px !important;
	padding:0px !important;
	--wd-row-gap:12px !important;
}

#wd-68dc26cdab78c, #wd-692f478b2e239 li
{
	background: #b99244 !important;
    color: #fff !important;
	padding:20px;
	
}


#wd-692f478b2e239
{
	padding:10px !important;
}


#wd-692f478b2e239 .wd-icon
{
	color:#fff !important;
}
#wd-68dc26cdab78c .wd-icon
{
	color:#fff !important;
	font-size:10px !important;
}


#wd-68dc18e1933a0
{
	margin:10px !important;
	padding:0px !important;
	--wd-row-gap:12px !important;
}

#wd-68dc18e1933a0 li
{
	background: #000 !important;
    color: #fff !important;
	padding:10px;
}





#wd-68dc19adda20c 
{
	margin:10px !important;
	padding:0px !important;
	--wd-row-gap:12px !important;
}

#wd-68dc19adda20c li
{
	background: #000 !important;
    color: #fff !important;
	padding:10px;
}


#wd-68dc2d2e97308 
{

	padding:0px !important;
	--wd-row-gap:12px !important;
}

#wd-68dc2d2e97308 li
{
	background: #000 !important;
    color: #fff !important;
	padding:10px;
}


#wd-68dc2d2e97308 li
{
	background:#000 !important;
}

#wd-68dc0c3063857 
{
	padding:0px !important;
	--wd-row-gap:12px !important;
}

#wd-68dc0c3063857 li
{
	background:#000 !important;
	color: #fff !important;
	padding:10px;
}

#wd-68dc2e1b23795
{
	padding:0px !important;
}


#wd-68dc2eed3c5a7 li
{
	--wd-row-gap:0px !important;
	margin-top:5px !important;
}


#wd-68dc33f9ce7b8, #wd-68dc332b673ec, #wd-68dc34338beb6, #wd-68dc346468a0f
{
	padding:0px !important;
}

#wd-68dc27c3884f4
{
	padding:0px !important;
	
}

#wd-68dc27c3884f4 li
{
	background:#000 !important;
	color: #fff !important;
	padding:10px !important;
}

#wd-68dc0c3063857 
{
	margin-bottom:10px !important;
}


#wd-68dc18e1933a0 span a,
#wd-68dc19adda20c span a,
#wd-68dc27c3884f4 span a, 
#wd-68dc2137aaea2 span a, 
#wd-68dc226d238ea  span a, 
#wd-68dc33f9ce7b8 span a,
#wd-68dc34338beb6 span a,
#wd-68dc2d2e97308 span a,
#wd-68dc2e1b23795 span a,
#wd-68dc2eed3c5a7 span a, 
#wd-68dc2eed3c5a7 span a,
#wd-68dc2ab832fdf span a, 
#wd-68dc2e3b2dfac span a, 
#wd-68dc332b673ec span a,
#wd-68dc346468a0f span a
{
	color: #fff !important;
}
/* 1. Make Buttons Luxury Gold & Black */
.single_add_to_cart_button, 
.woodmart-buy-now-btn {
    background-image: linear-gradient(to right, #D4AF37, #C5A028) !important;
    background-color: #D4AF37 !important;
    color: #000000 !important;
    font-weight: 700 !important;
    border: none !important;
}

/* 2. Hide the Broken "Submit" Form Section */
#review_form_wrapper, 
.woocommerce-Reviews .comment-respond {
    display: none;
}/* FORCE Buy Now Button to Gold */
.wd-buy-now-btn,
button.wd-buy-now-btn,
a.wd-buy-now-btn {
    background-image: linear-gradient(to right, #D4AF37, #C5A028) !important;
    background-color: #D4AF37 !important;
    color: #000000 !important;
    border: none !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

/* Hover Effect for Buy Now */
.wd-buy-now-btn:hover,
button.wd-buy-now-btn:hover,
a.wd-buy-now-btn:hover {
    background: #000000 !important;
    color: #D4AF37 !important;
}
/* ===============================================
   GLOBAL GOLD & BLACK THEME PACK
=============================================== */

/* --- 1. General Primary Buttons & Submit Buttons --- */
/* This catches the Newsletter Sign Up and many other default buttons */
input[type="submit"],
button[type="submit"].wd-newsletter-submit,
.mc4wp-form input[type="submit"],
.btn-style-default.btn-color-primary {
    background-image: linear-gradient(to right, #D4AF37, #C5A028) !important;
    background-color: #D4AF37 !important;
    color: #000000 !important;
    border: none !important;
    font-weight: 700 !important;
}

/* Hover effects (Turns Black with Gold text) */
input[type="submit"]:hover,
button[type="submit"].wd-newsletter-submit:hover,
.mc4wp-form input[type="submit"]:hover,
.btn-style-default.btn-color-primary:hover {
    background: #000000 !important;
    color: #D4AF37 !important;
}


/* --- 2. Header Search Button icon --- */
.wd-search-form .search-submit {
     background-image: linear-gradient(to right, #D4AF37, #C5A028) !important;
     background-color: #D4AF37 !important;
     color: #000000 !important;
}


/* --- 3. Mobile Menu "Login / Register" Button --- */
.mobile-nav-wrap .login-side-opener {
    background-image: linear-gradient(to right, #D4AF37, #C5A028) !important;
    background-color: #D4AF37 !important;
    color: #000000 !important;
    font-weight: 700;
    padding: 10px 20px; /* Makes it look more like a button */
    display: block;
    text-align: center;
}


/* --- 4. Newsletter Input Box ("Your email address") --- */
/* We use a lighter gold background here so the text is easy to read */
.footer-widget input[type="email"],
.mc4wp-form-fields input[type="email"] {
    background-color: #F8F0D8 !important; /* Light Luxury Gold */
    border: 2px solid #D4AF37 !important; /* Rich Gold Border */
    color: #000000 !important; /* Black text when they type */
}

/* Styling the placeholder text to be dark (instead of grey) */
.footer-widget input[type="email"]::-webkit-input-placeholder,
.mc4wp-form-fields input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: #555555 !important;
}
.footer-widget input[type="email"]::-moz-placeholder,
.mc4wp-form-fields input[type="email"]::-moz-placeholder { /* Firefox 19+ */
   color: #555555 !important;
}
/* ==============================================
   FORCE HOMEPAGE & GRID BUTTONS GOLD
============================================== */

/* 1. Homepage Product Grid "Add to Cart" */
.product-grid-item .woodmart-add-btn > a,
.product-grid-item .add_to_cart_button,
.woodmart-hover-base .woodmart-add-btn > a,
.woodmart-hover-base .add_to_cart_button,
a.button.add_to_cart_button,
.wd-add-btn-replace .add-to-cart-loop {
    background-image: linear-gradient(to right, #D4AF37, #C5A028) !important;
    background-color: #D4AF37 !important; /* Fallback */
    color: #000000 !important;
    border: none !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    border-radius: 0px !important; /* Optional: Makes them sharp & luxury */
}

/* 2. Hover Effect for Homepage Buttons */
.product-grid-item .woodmart-add-btn > a:hover,
.product-grid-item .add_to_cart_button:hover,
.woodmart-hover-base .woodmart-add-btn > a:hover,
.woodmart-hover-base .add_to_cart_button:hover,
a.button.add_to_cart_button:hover,
.wd-add-btn-replace .add-to-cart-loop:hover {
    background: #000000 !important; /* Solid Black */
    color: #D4AF37 !important; /* Gold Text */
    background-image: none !important;
}

/* 3. "View More" Outline Buttons (Like under the Eagle) */
.btn-style-bordered.btn-color-primary {
    border-color: #D4AF37 !important;
    color: #D4AF37 !important;
}
/* ==============================================
   FORCE CHECKOUT "PLACE ORDER" BUTTON GOLD
============================================== */
button#place_order, 
#place_order.button.alt, 
.checkout-button {
    background-image: linear-gradient(to right, #D4AF37, #C5A028) !important;
    background-color: #D4AF37 !important;
    color: #000000 !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

/* Hover Effect for Place Order */
button#place_order:hover, 
#place_order.button.alt:hover, 
.checkout-button:hover {
    background: #000000 !important; /* Turns Black */
    color: #D4AF37 !important; /* Gold Text */
    background-image: none !important;
}@media (max-width: 576px) {
	.wd-side-hidden.wd-opened
{
	background:#000 !important;
}

.wd-nav-mob-tab>li>a
{
	color:#fff !important;
}

.wd-nav-mobile>li>a
{
	color: #cc9933 !important;
	font-size:15px !important;
}

.wd-drilldown-slide .menu-item
{
	border-bottom:1px solid #d3d3d3 !important;
}


.mobile-nav .wd-nav-opener
{
	border:1px solid #cc9933 !important;
}


.wd-nav-opener
{
	color: #cc9933 !important;
}


.wd-drilldown-slide .menu-item>[class*="sub-menu"]:is(.wd-drilldown-show,.wd-drilldown-hide)
{
	background:#000 !important;
}

.wd-nav.wd-layout-drilldown>li [class*="sub-menu"]>.menu-item>a, .wd-nav .wd-sub-menu .wd-drilldown-back>a, .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link>a
{
	color: #cc9933 !important;
}

.wd-nav.wd-layout-drilldown>li [class*="sub-menu"]>.menu-item>a, .wd-nav .wd-sub-menu .wd-drilldown-back>a, .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link>a
{
	text-transform:capitalize !important;
}
}