@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//test.sajidhadi.com/wp-content/themes/woodmart/fonts/woodmart-font-3-700.woff2?v=8.1.2") format("woff2");
}

:root {
	--wd-text-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(40,40,40);
	--wd-text-font-size: 17px;
	--wd-title-font: "Roboto Condensed", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: uppercase;
	--wd-title-color: rgb(40,40,40);
	--wd-entities-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(40,40,40);
	--wd-entities-title-color-hover: rgb(221, 0, 0);
	--wd-alternative-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(40,40,40);
	--wd-widget-title-font-size: 17px;
	--wd-header-el-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 17px;
	--wd-brd-radius: 20px;
	--wd-primary-color: rgb(221,4,4);
	--wd-alternative-color: rgb(221,4,4);
	--wd-link-color: rgb(221,4,4);
	--wd-link-color-hover: rgb(221,0,0);
	--btn-default-bgcolor: rgb(221,4,4);
	--btn-default-bgcolor-hover: rgb(221,0,0);
	--btn-accented-bgcolor: rgb(221,4,4);
	--btn-accented-bgcolor-hover: rgb(221,0,0);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(101,181,83);
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(232,85,85);
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(0,0,0);
	background-image: none;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(249 244 251);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-size: 26px;
}
html .wd-checkout-steps li {
	font-size: 26px;
}
.page .wd-page-content {
	background-color: rgb(249,244,251);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(249,244,251);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(249,244,251);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(249,244,251);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(249,244,251);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(249,244,251);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(249,244,251);
	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(40,40,40);
	--wd-form-placeholder-color: rgba(40,40,40,0.6);
	--wd-form-brd-color: rgb(249,214,249);
	--wd-form-brd-color-focus: rgb(248,184,249);
	--wd-form-bg: rgb(249,244,251);
}
.product-labels .product-label.onsale {
	background-color: rgb(221,51,51);
}
.product-labels .product-label.new {
	background-color: rgb(0,0,0);
}
.product-labels .product-label.featured {
	background-color: rgb(244,114,0);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(221,51,51);
	color: rgb(255,255,255);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 16px;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font-size: 16px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 23px;
	}
	html .wd-checkout-steps li {
		font-size: 23px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 15px;
	--wd-widget-title-font-size: 15px;
	--wd-header-el-font-size: 15px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 21px;
	}
	html .wd-checkout-steps li {
		font-size: 23px;
	}

}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1400px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/*--------------------------------------------------------------
# General Resets & Utilities
--------------------------------------------------------------*/
:root {
    --brdcolor-gray-200: rgb(255 0 255 / 7%);
    --brdcolor-gray-300: rgb(225 0 255 / 11%);
    --brdcolor-gray-400: rgb(255 0 255 / 12%);
    --brdcolor-gray-500: rgb(255 0 255 / 20%);
	  --wd-form-font-size: 16px;
	  --wd-form-height: 48px;
	  --wd-site-bgcolor: #f9f4fb;
}

:root textarea {
    border-radius: var(--wd-brd-radius);
}

body .wd-tools-element > a {
    padding-inline: 0;
}

mark {
    padding: 0;
    background-color: #f9f4fb;
}

span.thwcfe-min-len-error, span.thwcfe-num-error, span.thwcfe-required-error, span.thwcfe-url-error {
    padding-left: 15px;
}

input[type="radio"] {
    display: unset !important;
}

.wd-footer {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}

:is(.btn,.button,button,[type=submit],[type=button]) {
    line-height: normal;
}

/*--------------------------------------------------------------
# Header & Navigation
--------------------------------------------------------------*/
/* Header & Logo Spacing */
body .wd-header-nav,
.site-logo {
    padding-inline: 0;
}

/* Navigation Container Gaps */
body .whb-col-left,
.whb-mobile-left {
    margin-left: 0;
    gap: 10px;
}

body .whb-col-right,
body .whb-mobile-right {
    margin-right: 0;
    gap: 10px;
}

/* Navigation Tools Margin */
body .wd-nav {
    margin-right: 10px;
}

/* Tools Element (Design Specific) */
body .wd-tools-element:is(.wd-design-6, .wd-design-7):not(.wd-with-wrap) .wd-tools-icon {
    width: 40px;
}
body .wd-tools-element:is(.wd-design-6, .wd-design-7) :is(.wd-tools-inner, .wd-tools-icon) {
    height: 40px;
    border-radius: 40px;
}

.wd-dropdown {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
}

/*--------------------------------------------------------------
# Account Pages & User Dashboard
--------------------------------------------------------------*/
/* Sidebar & Content Containers */
.wd-my-account-sidebar {
    padding: 30px;
    background: var(--color-white);
    border-radius: 20px;
    border-inline-end: none;
	  flex: inherit;
}

.woocommerce-MyAccount-content {
    padding: 40px;
    background: var(--color-white);
    border-radius: 20px;
	  flex: inherit;
}

.woocommerce-my-account-wrapper {
    margin-inline: 0;
    gap: 25px;
}

.woocommerce-button.button.pay.order-actions-button {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    background-color: var(--btn-accented-bgcolor);
    margin: 0 7px;
}

.woocommerce-button.button.cancel.order-actions-button {
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    background-color: var(--btn-accented-bgcolor);
}

/* Titles & Navigation in Account Area */
.woocommerce-MyAccount-title {
    font-size: 25px;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.woocommerce-MyAccount-navigation ul li a {
    padding: 12px 18px;
    font-size: 17px;
    font-weight: 500;
    border-radius: 100px;
}

.woocommerce-MyAccount-navigation ul li.is-active > a {
    background-color: #DD0404;
    color: #ffffff;
	  cursor: pointer;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #f9f4fb;
	  color: var(--color-gray-900);
}

/* Account Links Styling */
.wd-my-account-links a {
    box-shadow: none;
    border: 1px solid #f9d6f9;
}

.wd-my-account-links a:hover {
    background-color: rgb(249, 244, 251);
}

.woo-wallet-content .woo-wallet-price {
    margin: 2px 0 15px;
}

p:has(a[href="https://test.sajidhadi.com/my-account/my-wallet/"]) .woocommerce-Price-amount {
    color: #ffffff;
    padding: 4px 10px;
    background: #65b553;
    border-radius: 100px;
}

label[for="payment_method_wallet"] .woocommerce-Price-amount {
    color: #ffffff;
    padding: 4px 10px;
    background: #65b553;
    border-radius: 100px;
}

.woo-wallet-price .woocommerce-Price-amount  {
    color: #ffffff;
    padding: 4px 10px;
    background: #65b553;
    border-radius: 100px;
}

.credit,
.woo-wallet-transaction-type-credit,
.woo-wallet-price,
.credit .woocommerce-Price-amount,
.woo-wallet-transaction-type-credit .woocommerce-Price-amount {
    color: #08bb3b;
}

#wc-wallet-transaction-details mark.credit {
    color: #08bb3b;
}

.woo-wallet-my-wallet-container .woo-wallet-sidebar {
    background: var(--wd-site-bgcolor);
	  padding-bottom: 25px;
}

.woo-wallet-my-wallet-container {
    border: 1px solid var(--brdcolor-gray-300);
    border-radius: 20px;
}

hr {
    border-bottom: 1px solid var(--brdcolor-gray-300);
    opacity: 1;
	  margin-top: 0;
}

.woo-wallet-sidebar ul li.card {
    border-radius: 20px;
    box-shadow: none;
    border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
}

.woo-wallet-sidebar ul li.card:hover {
    box-shadow: 0 10px 10px rgb(249 236 255 / 81%), 0 10px 10px rgb(244 227 251 / 81%);
}

.dashicons, .dashicons-before:before {
    width: 30px;
    height: 30px;
    font-size: 23px;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
    border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
    background-color: var(--wd-form-bg);
    padding: 5px 20px;
    height: 28px;
    border-radius: var(--wd-form-brd-radius);
    width: 50%;
}

.dataTables_wrapper .dataTables_length select {
    border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
    background-color: var(--wd-form-bg);
    padding: 5px 30px;
    height: 37px;
    border-radius: var(--wd-form-brd-radius);
}

.dataTables_wrapper label {
    display: flex;
    gap: 10px;
    align-items: center;
}

.woo-wallet-sidebar ul {
    --li-pl: 0px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 15px 12px;
}

table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
    padding: 15px 12px;
    border-bottom: solid 2px var(--wd-form-brd-color);
}

table.dataTable.no-footer {
    border-bottom: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: white !important;
    border: none;
    background: #dd0404;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: inherit !important;
    border: none;
    background: #f9f4fb;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: .2em 1em;
    border-radius: var(--wd-form-brd-radius);
    border: none;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 8px;
}

input#woo_wallet_balance_to_add {
    padding: 0 20px;
}

input.woo-add-to-wallet {
    border-radius: var(--wd-form-brd-radius);
}

.woo-wallet-content-h3 {
    margin: 4px 0 0 0;
    line-height: normal;
}

.woo-wallet-content .woo-wallet-price {
    font-size: 110%;
}

mark.debit, mark.credit {
    background: none;
}

/*--------------------------------------------------------------
# Forms, Registration & Login Pages
--------------------------------------------------------------*/
/* Form Containers for Registration, Login, & Lost Password */
.wd-col.col-register,
.wd-col.col-register-text,
.wd-col.col-login {
    background: var(--color-white);
    border-radius: 20px;
    padding: 40px;
}

.wd-col.col-register-text {
    align-content: center;
}

.lost_reset_password {
    padding-left: 40px;
    padding-right: 40px;
    max-width: 490px;
    border-radius: 20px;
    background: var(--color-white);
}

.woocommerce-form-coupon,
.woocommerce-form-login.hidden-form {
    padding: 40px;
}

/* Registration Page Width & Login Variable */
body .wd-registration-page {
    max-width: 90%;
}

#customer_login {
    --wd-gap-lg: 0;
}

body .select2-container--default .select2-selection--single {
    font-size: var(--wd-form-font-size);
}

body .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--wd-form-placeholder-color);
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-top-right-radius: var(--wd-brd-radius);
    border-top-left-radius: var(--wd-brd-radius);
}

input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], :root textarea, :root select {
    font-size: var(--wd-form-font-size);
}

input[type="checkbox"] {
    margin-top: -2px;
}

/*--------------------------------------------------------------
# Grid & Layout Helpers
--------------------------------------------------------------*/
/* Flex Grid Container */
[class*="wd-grid-f"] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

/* Specific Grid Column Gap */
.wd-grid-f-col {
    gap: 25px;
}

/* Remove Border in Specific Grid Items */
body #customer_login > div:not(:first-child):last-child {
    border-inline-start: none;
}

/*--------------------------------------------------------------
# Tables & Text Elements
--------------------------------------------------------------*/
/* Table Header Styles */
table th {
    font-size: 18px;
}

table :is(tbody, tfoot) th {
    text-transform: uppercase;
}

.cart-totals-inner.wd-layout-2 tr.order-total td {
    text-transform: uppercase;
}

td.product-name a {
    color: #dd0404;
}

th.thwcfe-section-title {
    text-align: start !important;
    font-size: 130%;
}

/* Empty Page Text & Title */
body .wd-empty-page-text {
    font-size: 100%;
    max-width: 600px;
}

body .wd-empty-page {
    font-size: 30px;
    text-transform: uppercase;
}

/* Specific Text Color for Prices in Checkout */
:is(td.product-price, .woocommerce-checkout-review-order-table) ins .amount {
    color: #282828;
}

.woocommerce-table--order-details tfoot tr:last-child th {
    font-size: 100%;
}

/*--------------------------------------------------------------
# Return to Shop Button (Empty Page)
--------------------------------------------------------------*/
body .wd-empty-page-text + .return-to-shop {
    margin-bottom: 4vw;
}

body .wd-empty-page-text + .return-to-shop .button {
    padding: 5px 28px;
    min-height: 44px;
    font-size: 14px;
}

/*--------------------------------------------------------------
# Toolbar & Icons
--------------------------------------------------------------*/
/* Toolbar Custom Icons */
.wd-toolbar-link .wd-custom-icon img {
    width: auto;
    height: 30px;
}

/*--------------------------------------------------------------
# Wishlist Page
--------------------------------------------------------------*/
.wd-wishlist-head:not(.wd-border-off) {
    padding-bottom: 20px;
}

.wd-wishlist-head {
    margin-bottom: 20px;
}

.wd-wishlist-head .title {
    font-size: 25px;
}

/*--------------------------------------------------------------
# Orders Page
--------------------------------------------------------------*/
.woocommerce-order:not(.wd-with-extra-content) {
    max-width: 100%;
    background: var(--color-white);
    padding: 40px;
    border-radius: 20px;
    margin-top: -35px;
}

.woocommerce-thankyou-order-received {
    display: none;
}

/* Additional Select2 Search Padding */
span.select2-search.select2-search--dropdown {
    padding: 5px;
}

/*--------------------------------------------------------------
# Checkout Page
--------------------------------------------------------------*/
.pay_content_box {
    background: #f9f4fb;
    border-radius: var(--wd-brd-radius);
    padding: 20px;
	  margin-top: -15px;
}

.pay_content_box:before {
    content: "";
    position: absolute;
    background-color: #f9f4fb;
    width: 15px;
    height: 20px;
    clip-path: polygon(50% 50%, 0% 103%, 100% 103%);
    transform: translate(13px, -40px);
}

.thwcfe-uloaded-file-list-item .thwcfe-column-title .title {
    text-transform: math-auto;
    font-weight: 500;
    font-family: inherit;
    font-size: 90%;
    margin-bottom: 0;
}

button.button.thwcfe-btn-file-upload {
    background-color: var(--btn-accented-bgcolor);
    border-radius: var(--btn-accented-brd-radius);
    color: var(--btn-accented-color);
    padding-inline: 30px;
}

.thwcfe-upload-preview {
    margin-right: 0px !important;
    margin-bottom: 10px;
}

.thwcfe-uloaded-file-list-item .thwcfe-column-thumbnail {
    width: 40px;
    height: 40px;
    margin: 5px 15px 5px 0;
}

.thwcfe-uloaded-file-list-item img {
    height: 100% !important;
    border-radius: 5px !important;
    object-fit: cover !important;
}

body .ui-widget.ui-widget-content {
    border: 1px solid #EFC8FF;
}

body .ui-tooltip {
    padding: 15px !important;
    max-width: 330px !important;
}

body .ui-widget-shadow {
    box-shadow: 0px 0px 25px #f4daff;
}

body .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 20px;
	  border-bottom-left-radius: 20px;
	  border-top-right-radius: 20px;
	  border-top-left-radius: 20px;
}

body .dashicons, .dashicons-before:before {
    height: 27px;
}

label[for="payoptions_other"] .optional,
label[for="payoptions_pk"] .optional,
label[for="payoptions_in"] .optional,
label[for="payment_proof"] .optional {
    display: none;
}


/*--------------------------------------------------------------
# Page Title
--------------------------------------------------------------*/
body .wd-page-title {
    padding-top: 30px;
}

/*--------------------------------------------------------------
# Text Styles & Additional Elements
--------------------------------------------------------------*/
/* Activation Text Display */
.activation-text {
    display: block;
    margin-top: 10px;
}

/*--------------------------------------------------------------
# Tiered Pricing Options
--------------------------------------------------------------*/
.tiered-pricing-option__pricing {
    display: none;
}

.tiered-pricing-option {
    padding: 9px 17px;
    margin-bottom: 0;
    border-radius: 100px;
    border: 1px solid #f9d6f9;
}

.tiered-pricing-option:hover {
    border: 1px solid #ffb6ff;
}

.tiered-pricing-options {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}

.tiered-pricing--active {
    border-color: #f9d6f9 !important;
    background: rgb(249, 244, 251) !important;
}

.tiered-pricing-option-checkbox {
    width: 15px;
    height: 15px;
    border: 1px solid #f9d6f9;
}

.tiered-pricing--active .tiered-pricing-option-checkbox::after {
    width: 9px;
    height: 9px;
}

.save-percentage {
    font-weight: 500;
    color: #ffffff;
    padding: 4px 10px;
    background: #65b553;
    border-radius: 100px;
}

.save-price {
    font-size: 18px;
    font-weight: 600;
    color: #02af42;
}

.save-text {
    font-size: 17px;
    font-weight: 500;
}

small.tiered-pricing-you-save {
    display: block;
    font-size: 17px;
    font-weight: 400;
    margin-top: 10px;
}

/*--------------------------------------------------------------
# Base Upsells Styles
--------------------------------------------------------------*/
.cart-upsells-quantity,
.cart-upsells-percentage,
.cart-upsells-text {
    font-size: 15px;
    line-height: 1.6;
}

.cart-upsells-percentage {
    font-weight: 500;
    color: #ffffff;
    padding: 3px 8px;
    background: #65b553;
    border-radius: 100px;
}

.cart-upsells-quantity {
    font-weight: 600;
    color: #dd0404;
}

.cart-upsells-container {
    width: 85%;
}

.wd-grid-col {
    padding: 40px;
	  margin-top: -30px;
    background: var(--color-white);
    border-radius: 20px;
}@media (min-width: 768px) and (max-width: 1024px) {
	/*--------------------------------------------------------------
# General Resets & Utilities
--------------------------------------------------------------*/
:root {
	  --wd-form-font-size: 15px;
	  --wd-form-height: 45px;
}

/*--------------------------------------------------------------
# Content & Account Layout
--------------------------------------------------------------*/
/* Overall Content Padding */
.wd-content-layout {
    padding-block: 25px;
}

/* My Account Sidebar & Content Padding */
.wd-my-account-sidebar {
    padding: 25px;
}

.woocommerce-MyAccount-content {
    padding: 35px;
}

/* My Account Title & Navigation Font Size */
.woocommerce-MyAccount-title {
    font-size: 24px;
}

.woocommerce-MyAccount-navigation ul li a {
    font-size: 16px;
}

/*--------------------------------------------------------------
# Empty Page Styling
--------------------------------------------------------------*/
/* Empty Page Font Size */
body .wd-empty-page {
    font-size: 26px;
}

/*--------------------------------------------------------------
# Wishlist Page Styling
--------------------------------------------------------------*/
/* Wishlist Title Font Size */
.wd-wishlist-head .title {
    font-size: 23px;
}

/* Wishlist Header Padding (when border is applied) */
.wd-wishlist-head:not(.wd-border-off) {
    padding-bottom: 15px;
}

/*--------------------------------------------------------------
# Cart Totals Styling
--------------------------------------------------------------*/
/* Uppercase Text for Cart Totals Table Headers */
.cart-totals-inner .shop_table_responsive td:before {
    text-transform: uppercase;
}

/*--------------------------------------------------------------
# Pricing & Save Information
--------------------------------------------------------------*/
/* Save Percentage & Save Price Font Size */
.save-percentage,
.save-price {
    font-size: 17px;
}

/* Save Text & Tiered Pricing "You Save" Font Size */
.save-text,
small.tiered-pricing-you-save {
    font-size: 16px;
}

/*--------------------------------------------------------------
# Cart Upsells Styling
--------------------------------------------------------------*/
/* Cart Upsells Container Width */
.cart-upsells-container {
    width: 100%;
}

}

@media (min-width: 577px) and (max-width: 767px) {
	/*--------------------------------------------------------------
# General Resets & Utilities
--------------------------------------------------------------*/
:root {
	  --wd-form-font-size: 15px;
	  --wd-form-height: 45px;
}


body .wd-social-icons>a {
    width: var(--wd-social-size, 35px);
    height: var(--wd-social-size, 35px);
}

/*--------------------------------------------------------------
# Layout & Account Styling
--------------------------------------------------------------*/
/* Overall Content Padding */
.wd-content-layout {
    padding-block: 25px;
}

/* My Account Sidebar & Content Padding */
.wd-my-account-sidebar {
    padding: 25px;
}

.woocommerce-MyAccount-content {
    padding: 35px;
}

/* Account Title & Navigation Font Size */
.woocommerce-MyAccount-title {
    font-size: 24px;
}

.woocommerce-MyAccount-navigation ul li a {
    font-size: 16px;
}

/*--------------------------------------------------------------
# Grid & Flex Layout Adjustments
--------------------------------------------------------------*/
/* Grid Column Gap */
.wd-grid-f-col {
    gap: 0px;
}

/* Allow Flex Containers to Wrap */
[class*="wd-grid-f"] {
    flex-wrap: wrap;
}

/*--------------------------------------------------------------
# Empty Page & Button Styling
--------------------------------------------------------------*/
/* Empty Page Font Size */
body .wd-empty-page {
    font-size: 26px;
}

/* Return-to-Shop Button Styling */
body .wd-empty-page-text + .return-to-shop .button {
    min-height: 43px;
    font-size: 13px;
}

/*--------------------------------------------------------------
# Wishlist Page Styling
--------------------------------------------------------------*/
/* Wishlist Title Font Size */
.wd-wishlist-head .title {
    font-size: 23px;
}

/* Wishlist Header Padding (when border is applied) */
.wd-wishlist-head:not(.wd-border-off) {
    padding-bottom: 15px;
}

/*--------------------------------------------------------------
# Cart Totals Styling
--------------------------------------------------------------*/
/* Uppercase Text for Cart Totals Table Headers */
.cart-totals-inner .shop_table_responsive td:before {
    text-transform: uppercase;
}

/*--------------------------------------------------------------
# Checkout Page Adjustments
--------------------------------------------------------------*/
/* Inline Display for Checkout Product Container */
.wd-checkout-prod-cont {
    display: inline-flex;
}

/*--------------------------------------------------------------
# Pricing & Upsells Styling
--------------------------------------------------------------*/
/* Save Percentage & Price Font Size */
.save-percentage,
.save-price {
    font-size: 17px;
}

/* Save Text & Tiered Pricing "You Save" Font Size */
.save-text,
small.tiered-pricing-you-save {
    font-size: 16px;
}

/* Cart Upsells Container Width */
.cart-upsells-container {
    width: 100%;
}
}

@media (max-width: 576px) {
	/*--------------------------------------------------------------
# General Layout & Content Styling
--------------------------------------------------------------*/
/* Overall Content Layout Padding */
.wd-content-layout {
    padding-block: 25px;
}

:root {
	  --wd-form-font-size: 14px;
	  --wd-form-height: 42px;
}

body .wd-social-icons>a {
    width: var(--wd-social-size, 35px);
    height: var(--wd-social-size, 35px);
}

/*--------------------------------------------------------------
# Header & Navigation Styling
--------------------------------------------------------------*/
/* Adjust gaps for left and right header columns */
.whb-col-left,
body .whb-mobile-left {
    gap: 5px;
}

.whb-col-right,
body .whb-mobile-right {
    gap: 5px;
}

body .wd-nav {
    margin-right: 0;
}

/*--------------------------------------------------------------
# Tools Element Styling
--------------------------------------------------------------*/
/* Adjust width for specific tool icons (Design 6 & 7) */
body .wd-tools-element:is(.wd-design-6, .wd-design-7):not(.wd-with-wrap) .wd-tools-icon {
    width: 38px;
}

/* Adjust height and border radius for tool icons */
body .wd-tools-element:is(.wd-design-6, .wd-design-7) :is(.wd-tools-inner, .wd-tools-icon) {
    height: 38px;
    border-radius: 38px;
}

/* Font size for tool icons (pseudo-element) */
body .wd-tools-element .wd-tools-icon:before {
    font-size: 19px;
}

/*--------------------------------------------------------------
# Account & User Pages
--------------------------------------------------------------*/
/* My Account Sidebar & Content Padding */
.wd-my-account-sidebar {
    padding: 20px;
}

.woocommerce-MyAccount-content {
    padding: 20px;
}

/* My Account Title & Navigation Font Size */
.woocommerce-MyAccount-title {
    font-size: 22px;
}

.woocommerce-MyAccount-navigation ul li a {
    font-size: 15px;
}


.dataTables_wrapper .dataTables_filter input {
    width: 45%;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: inline-start;
}

.woo-wallet-transactions-items {
    --li-pl: 0;
}

.woo-wallet-sidebar ul li {
    margin: 15px;
}

.woo-wallet-my-wallet-container .woo-wallet-sidebar {
    padding-bottom: 15px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 15px;
}

table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {
    padding: 15px;
}

table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%;
}

table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid var(--brdcolor-gray-300);
    padding: 0 0 15px 0;
}

.dataTables_wrapper .dataTables_info {
    padding-top: 1.2em;
}

/*--------------------------------------------------------------
# Forms & Fieldset Styling
--------------------------------------------------------------*/
/* General Fieldset Styling */
fieldset {
    margin-bottom: 20px;
    padding: 10px 15px;
}

/* Adjusted Fieldset Margin for Edit Account Form */
.woocommerce-EditAccountForm fieldset {
    margin-top: 30px;
}

/*--------------------------------------------------------------
# Empty Page & Buttons Styling
--------------------------------------------------------------*/
/* Empty Page Font Size */
body .wd-empty-page {
    font-size: 23px;
}

/* Return-to-shop Button Styling on Empty Page */
body .wd-empty-page-text + .return-to-shop .button {
    min-height: 43px;
    font-size: 13px;
}

/*--------------------------------------------------------------
# Grid & Flex Layout Adjustments
--------------------------------------------------------------*/
/* Grid Column Gap */
.wd-grid-f-col {
    gap: 0px;
}

/* Allow grid items to wrap on flex containers */
[class*="wd-grid-f"] {
    flex-wrap: wrap;
}

/*--------------------------------------------------------------
# Registration & Login Pages
--------------------------------------------------------------*/
/* Padding for Registration, Register Text, and Login Columns */
.wd-col.col-register,
.wd-col.col-register-text,
.wd-col.col-login {
    padding: 25px 20px;
}

/* Lost Password Reset Form Padding */
.lost_reset_password {
    padding: 25px 20px;
}

/*--------------------------------------------------------------
# Wishlist Page Styling
--------------------------------------------------------------*/
/* Wishlist Title Font Size */
.wd-wishlist-head .title {
    font-size: 21px;
}

/* Wishlist Header Padding when border is applied */
.wd-wishlist-head:not(.wd-border-off) {
    padding-bottom: 15px;
}

/*--------------------------------------------------------------
# Orders Page Styling
--------------------------------------------------------------*/
/* Order Container Padding & Margin */
.woocommerce-order:not(.wd-with-extra-content) {
    padding: 25px 20px;
    margin-top: -24px;
}

/*--------------------------------------------------------------
# Page Title & Form Styling
--------------------------------------------------------------*/
/* Page Title Padding */
body .wd-page-title {
    padding-top: 20px;
}

/* Coupon Form & Hidden Login Form Padding */
.woocommerce-form-coupon,
.woocommerce-form-login.hidden-form {
    padding: 20px;
}

/*--------------------------------------------------------------
# Cart Totals & Checkout Styling
--------------------------------------------------------------*/
/* Uppercase text for cart totals table headers */
.cart-totals-inner .shop_table_responsive td:before {
    text-transform: uppercase;
}

/* Display checkout products inline */
.wd-checkout-prod-cont {
    display: inline-flex;
}

/* Align checkout product total to end */
.wd-checkout-prod-total {
    text-align: end;
}

/*--------------------------------------------------------------
# Tiered Pricing & Save Information
--------------------------------------------------------------*/
/* Tiered Pricing Option Padding */
.tiered-pricing-option {
    padding: 10px;
}

/* Save Percentage & Save Price Font Size */
.save-percentage,
.save-price {
    font-size: 16px;
}

/* Save Text & "You Save" Font Size */
.save-text,
small.tiered-pricing-you-save {
    font-size: 15px;
}

/*--------------------------------------------------------------
# Cart Upsells Styling
--------------------------------------------------------------*/
/* Cart Upsells Container Width */
.cart-upsells-container {
    width: 100%;
}
}