:root {
	--wd-text-font: "GFS Didot", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "GFS Didot", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Inter", 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;
	--wd-header-el-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(198,161,91);
	--wd-alternative-color: rgb(0,0,0);
	--btn-default-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 700;
	--btn-default-bgcolor: rgb(139,101,47);
	--btn-default-bgcolor-hover: rgb(0,0,0);
	--btn-accented-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 700;
	--btn-accented-bgcolor: rgb(198,161,91);
	--btn-accented-bgcolor-hover: rgb(0,0,0);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(224,178,82);
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(0,0,0);
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://timelesswatchcompany.pk/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
: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: #ffffff;
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,245,240);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,245,240);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,245,240);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,245,240);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,245,240);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,245,240);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,245,240);
	background-image: none;
}
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(0,0,0);
	--wd-form-placeholder-color: rgb(188,188,188);
	--wd-form-brd-color: rgb(0,0,0);
	--wd-form-brd-color-focus: rgb(198,161,91);
	--wd-form-bg: rgb(247,245,240);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(0,0,0);
	--wd-arrow-color-hover: rgb(198,161,91);
	--wd-arrow-bg: rgb(247,245,240);
	--wd-arrow-bg-hover: rgb(247,245,240);
	--wd-arrow-bg-dis: rgb(247,245,240);
	--wd-arrow-shadow: 0 0 0 0 rgb(247,245,240);
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-bg: rgb(247,245,240);
	--wd-pagin-bg-hover: rgb(247,245,240);
	--wd-pagin-bg-act: rgb(247,245,240);
}
.wd-nav-scroll {
	--wd-nscroll-height: 15px;
	--wd-nscroll-width: 50%;
	--wd-nscroll-bg: rgb(247,245,240);
	--wd-nscroll-drag-bg: rgb(247,245,240);
	--wd-nscroll-drag-bg-hover: rgb(247,245,240);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

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


.wd-page-title {
background-color: #0a0a0a;
}

/*
=========================================================
TIMELESS WATCH COMPANY — WOODMART LUXURY SCROLLBAR
=========================================================

Brand colours:
Rich Black:       #050505
Obsidian Black:   #0B0B0B
Champagne Gold:   #C6A15B
Dark Gold:        #8B652F
Warm Ivory:       #F7F5F0

Included:
- Complete scrollbar strip
- Track / background rail
- Moving thumb
- Vertical scrollbar
- Horizontal scrollbar
- Hover and dragging states
- Scrollbar corner
- Firefox fallback
=========================================================
*/

:root {
    --tw-scrollbar-track: #050505;
    --tw-scrollbar-track-inner: #0B0B0B;
    --tw-scrollbar-thumb: #C6A15B;
    --tw-scrollbar-thumb-active: #8B652F;
    --tw-scrollbar-ivory: #F7F5F0;
}

/* Keeps the desktop page width stable when the scrollbar appears */
html {
    scrollbar-gutter: stable;
}

/* =========================================================
   FIREFOX FALLBACK
   ========================================================= */

@supports (-moz-appearance: none) {
    html,
    body,
    body * {
        scrollbar-width: thin;
        scrollbar-color:
            var(--tw-scrollbar-thumb)
            var(--tw-scrollbar-track);
    }
}

/* =========================================================
   COMPLETE SCROLLBAR STRIP
   Vertical width and horizontal height
   ========================================================= */

html::-webkit-scrollbar,
body::-webkit-scrollbar,
body *::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: var(--tw-scrollbar-track);
}

/* Vertical scrollbar */
html::-webkit-scrollbar:vertical,
body::-webkit-scrollbar:vertical,
body *::-webkit-scrollbar:vertical {
    width: 12px;
}

/* Horizontal scrollbar */
html::-webkit-scrollbar:horizontal,
body::-webkit-scrollbar:horizontal,
body *::-webkit-scrollbar:horizontal {
    height: 12px;
}

/* =========================================================
   TRACK / BACKGROUND RAIL
   ========================================================= */

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
body *::-webkit-scrollbar-track {
    background:
        linear-gradient(
            90deg,
            var(--tw-scrollbar-track) 0%,
            var(--tw-scrollbar-track-inner) 50%,
            var(--tw-scrollbar-track) 100%
        );

    border: 1px solid #171717;
}

/* Vertical track */
html::-webkit-scrollbar-track:vertical,
body::-webkit-scrollbar-track:vertical,
body *::-webkit-scrollbar-track:vertical {
    border-top: 0;
    border-bottom: 0;
}

/* Horizontal track */
html::-webkit-scrollbar-track:horizontal,
body::-webkit-scrollbar-track:horizontal,
body *::-webkit-scrollbar-track:horizontal {
    border-left: 0;
    border-right: 0;
}

/* =========================================================
   MOVING THUMB
   ========================================================= */

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
body *::-webkit-scrollbar-thumb {
    min-width: 48px;
    min-height: 48px;

    background:
        linear-gradient(
            180deg,
            var(--tw-scrollbar-thumb) 0%,
            var(--tw-scrollbar-thumb-active) 100%
        );

    border: 3px solid var(--tw-scrollbar-track);
    border-radius: 999px;
    background-clip: padding-box;

    box-shadow:
        inset 0 0 0 1px rgba(247, 245, 240, 0.12),
        0 0 8px rgba(198, 161, 91, 0.16);
}

/* Vertical moving thumb */
html::-webkit-scrollbar-thumb:vertical,
body::-webkit-scrollbar-thumb:vertical,
body *::-webkit-scrollbar-thumb:vertical {
    min-height: 48px;
}

/* Horizontal moving thumb */
html::-webkit-scrollbar-thumb:horizontal,
body::-webkit-scrollbar-thumb:horizontal,
body *::-webkit-scrollbar-thumb:horizontal {
    min-width: 48px;
}

/* Thumb hover */
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
body *::-webkit-scrollbar-thumb:hover {
    background: var(--tw-scrollbar-thumb);
    border-color: var(--tw-scrollbar-track-inner);

    box-shadow:
        inset 0 0 0 1px rgba(247, 245, 240, 0.25),
        0 0 10px rgba(198, 161, 91, 0.30);
}

/* Thumb while clicking or dragging */
html::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:active,
body *::-webkit-scrollbar-thumb:active {
    background: var(--tw-scrollbar-thumb-active);
    border-color: var(--tw-scrollbar-track);
}

/* =========================================================
   SCROLLBAR CORNER
   Visible where vertical and horizontal scrollbars meet
   ========================================================= */

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
body *::-webkit-scrollbar-corner {
    background: var(--tw-scrollbar-track);
}

/* Hide old-style arrow buttons where supported */
html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button,
body *::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

/* =========================================================
   WOODMART SCROLLABLE AREAS
   Menus, filters, mini-cart, mobile navigation and popups
   ========================================================= */

.wd-dropdown-menu,
.wd-side-hidden,
.cart-widget-side,
.mobile-nav,
.wd-scroll,
.shop-content-area,
.woocommerce-product-attributes,
.woocommerce-cart-form,
.wd-popup {
    scrollbar-width: thin;
    scrollbar-color:
        var(--tw-scrollbar-thumb)
        var(--tw-scrollbar-track);
}

/* Respect operating-system high-contrast mode */
@media (forced-colors: active) {
    html,
    body,
    body * {
        scrollbar-color: auto;
    }
}