/* -- @MASTERHEAD/NAVIGATION -- */
.site-header {position:sticky;width:100%;top:0;left:0;z-index:99;background:#fff;border-bottom:1px solid #e4e4e4;}
.site-header.sticky {box-shadow: 0 0 1em 0 rgba(45, 35, 66, 0.1);}
.site-header .header-inner {display:flex;justify-content:space-between;align-items:center;}

.logo {height:40px;width:auto;display:block;}
.logo img {display:block;width:auto;height:100%;}

.header-top {padding:15px 0;background:#e7e7e7;}
.header-top-links {float:right;}
.header-top-links li {display:block;float:left;border-left:1px solid #111;padding:0 10px;font-size:14px;line-height:1;}
.header-top-links li:first-of-type {padding-left:0;border-left:none;}
.header-top-links li:last-of-type {padding-right:0;}
.header-top-links li a {color:#111;}
.header-top-links li a:hover {text-decoration:underline;}

.site-header-main {padding:15px 0;}

/* Main Menu */
.mainNav li {display:inline-block;margin-left:30px;font-size:1.7rem;font-weight:600;position:relative;}
.mainNav li a {color:var(--color-main);}
.mainNav li a:hover {color:#999;}

/* Sub Menu */
.mainNav .sub-menu {position:absolute;top:100%;left:0;min-width:200px;margin:0;padding:10px 0;list-style:none;background:#fff;border:1px solid #e4e4e4;box-shadow:0 4px 12px rgba(0,0,0,0.08);opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;z-index:100;}
.mainNav li:hover > .sub-menu,
.mainNav li:focus-within > .sub-menu {opacity:1;visibility:visible;transform:translateY(0);}
.mainNav .sub-menu li {display:block;margin:0;font-size:1.5rem;font-weight:400;}
.mainNav .sub-menu li a {display:block;padding:8px 20px;white-space:nowrap;}
.mainNav .sub-menu li a:hover {background:#f5f5f5;color:var(--color-main);}
.mainNav .sub-menu .sub-menu {top:0;left:100%;}

/* Responsive Menu */
.mainNav {display:none;}

.mobile-nav-trigger-outter {float:right;width:30px;height:30px;z-index:99;}
.mobile-nav-trigger {display:block;}
.mobile-nav-trigger .cd-menu-icon {margin-top:15px;margin-left:15px;display: block;-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 30px; height:2px;-webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s;}
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute;top:0;left:0;z-index:9;-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s; }
.mobile-nav-trigger .cd-menu-icon::before { top: -9px; }
.mobile-nav-trigger .cd-menu-icon::after { top: 9px; }
.mobile-nav-trigger .cd-menu-icon.is-clicked::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.mobile-nav-trigger .cd-menu-icon.is-clicked::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
.mobile-nav-trigger .cd-menu-icon.is-clicked { background: none !important }
.mobile-nav-trigger .cd-menu-icon,
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after,
.mobile-nav-trigger .cd-menu-icon.is-clicked::before,
.mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:var(--color-main);}

.mobile-nav {position: fixed;visibility:hidden;opacity:0; left: 0; top: 0; height:100%;width:100%;background:var(--color-main);z-index:10;transition:all 0.3s ease;overflow:scroll;}
.mobile-nav.is-visible {visibility:visible;opacity:1;}
.mobile-nav-wrap-inner {padding-top:150px;}

.mobileNav li {display:block;font-size:1.8rem;margin-bottom:20px;}
.mobileNav li a {color:#fff;}

/* Mobile Sub Menu (always visible, indented) */
.mobileNav .sub-menu {list-style:none;margin:10px 0 0;padding:0 0 0 20px;}
.mobileNav .sub-menu li {font-size:1.5rem;margin-bottom:10px;}
.mobileNav .sub-menu li a {color:#fff;opacity:0.85;}
.mobileNav .sub-menu .sub-menu {padding-left:20px;}

.header-links li {display:block;float:left;margin-left:30px;position:relative;}
.header-links li.account-link a {display:block;font-size:0;width:25px;height:25px;background:url(../images/user-circle-solid.svg) center center no-repeat;background-size:cover;}

/* Cart Menu Item */
.header-cart-icon {position: relative;list-style: none;}
.header-cart-link {display: flex;align-items: center;text-decoration: none;}

.header-cart-icon li {margin-left:0 !important;float:none !important;}

/* Cart Icon */
.header-cart-qty {display:block;position: relative;border: 2px solid var(--color-main);color: var(--color-main);height: 20px;width: 20px;text-align:center;}
.header-cart-qty:after {border: 2px solid var(--color-main);border-bottom: 0;border-top-left-radius: 99px;border-top-right-radius: 99px;bottom: 100%;content: " ";height: 8px;left: 50%;pointer-events: none;position: absolute;transition: height .1s ease-out;transform: translateX(-50%);width: 14px;}
.header-cart-icon:hover .header-cart-qty:after {height: 10px;}
.header-cart-qty strong,
.header-cart-dropdown-content {font-size: 1.2rem;}

/* Cart Dropdown */
.header-cart-dropdown {display: none;position: absolute;top: 100%;right: 0;background: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);z-index: 1000;min-width: 300px;padding: 20px;border: 1px solid #ddd;}
.header-cart-icon:hover .header-cart-dropdown {display: block;}

/* Mini Cart Widget */
.widget_shopping_cart {width: 100%;box-sizing: border-box;margin-left:0 !important;float:none !important;}
.woocommerce-mini-cart-item {width: 100%;display: flex !important;justify-content: space-between;position: relative;padding: 10px 0 10px 25px !important;border-bottom: 1px dashed #ddd;box-sizing: border-box;}
.woocommerce-mini-cart-item .remove {position: absolute;top: 50% !important;left: 10px;transform: translateY(-50%);color: var(--color-red);text-decoration: none;font-size: 18px;}
.woocommerce-mini-cart-item img {width: 50px;height: auto;margin-right: 10px;float: left !important;}
.woocommerce-mini-cart-item a:not(.remove) {color: #333;text-decoration: none;font-size: 1.2rem;width: 170px;}
.woocommerce-mini-cart-item .quantity,
.ux-mini-cart-qty .quantity {font-size: 1.2rem;width: 60px;padding-left: 10px;box-sizing: border-box;}

.woocommerce .quantity .qty {width:80px;padding:8px 10px;box-sizing:border-box;text-align:center;}
.woocommerce-mini-cart__total {font-weight: bold;text-align: right;}
.woocommerce-mini-cart__buttons .button {font-size: 1.2rem !important;padding: 0 20px !important;line-height: 35px !important;}
.woocommerce-mini-cart__buttons .button:first-of-type {margin: 0 10px;}
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {border: none;}

.sizing-chart-table th,
.sizing-chart-table td {padding: 5px;font-size: 14px;line-height: 1.2;text-align: left;border-right: 2px solid #fff;}
.sizing-chart-table tr {border-bottom: 1px dashed #fff;}
.sizing-chart-table tbody tr:nth-of-type(odd) {background: #f1f1f1;}

/* Alternative Cart Link Styles */
.header-links ul li.cart-link a {display: inline-block;width: 20px;height: 22px;background: #ccc;}
.header-links ul li.cart-link span,
.checkout-product-qty {display: block;position: absolute;top: -10px;right: -10px;width: 20px;height: 20px;font-size: 10px;border-radius: 100%;text-align: center;line-height: 20px;background: #2E83A3;color: #fff;}

.post-edit-link {display:block;position:fixed;top:25%;right:0;padding:10px;z-index:99999999;background:var(--color-main);}
.post-edit-link:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f085";color:#fff;}

/* -- @CONTENT ---------------- */
.button,
button.button {display:inline-block;border:none !important;border-radius:0 !important;transition:all 0.4s;padding:10px 20px;background:var(--color-main) !important;color:#fff !important;}
.button:hover,
button.button:hover {background:#000 !important;}
.button-big {padding:10px 60px;font-size:2.0rem;font-weight:700;max-width:80%;}

.company-banner {width:100%;height:200px;position:relative;}

.category-grid-wrap {margin: 40px 0;}
.category-grid-title {text-align: center; margin: 0 0 30px;}
.category-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; list-style: none; margin: 0; padding: 0; justify-content: center;}
.category-grid .category-item {background: #fff; padding: 30px 20px; text-align: center; display: flex; flex-direction: column; align-items: center;}
.category-grid .category-thumb {display: block; margin-bottom: 20px;}
.category-grid .category-thumb img {display: block; max-width: 100%; height: auto; margin: 0 auto;}
.category-grid .category-name {margin: 0 0 20px; flex-grow: 1;}
.category-grid .button {align-self: center;}

.woo-category-banner {margin: 20px auto;text-align:center;}
.woo-category-banner img {display: block;width: 100%;}

.product-category-title {margin-bottom:60px;}
.product-category-title:has(+ .product-category-description) {margin-bottom:20px;}
.product-category-description {max-width:800px;margin:0 auto 60px;}

.products .product {display:block;margin-bottom:40px;box-sizing: border-box;padding:15px;border-radius:5px;text-align:center;}
.products .product img {width:100%;}

.woocommerce-loop-product__title {font-weight:700;min-height:40px;}
.products .product .price {display:block;margin:7px 0;}
.products .product .add_to_cart_button {display:inline-block;margin:5px 0;font-size:1.4rem;padding:5px 7px;border:1px solid #222 !important;background:none !important;color:#222 !important;}
.products .product .add_to_cart_button:before {content:"+";}
.products .product .added_to_cart {display:inline-block;font-size:1.4rem;padding:5px 7px;border:1px solid transparent;transition:none;}
.products .product:hover {box-shadow: 0 1px 7px rgb(90,90,90,0.5);}

.price {color:#222 !important;}
.product_meta,
.products .wvs-archive-variations-wrapper {display:none !important;}

.woocommerce-products-header {display:none;}

.shop_table {border-radius:0 !important;}

.woocommerce ul.products li.product {padding:15px !important;}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce .products .product h2,
.woocommerce .products .product h3 {font-size:1.6rem !important;padding:0 !important;margin:0 !important;}
.woocommerce ul.products li.product h3{font-size:1.4rem !important;padding:0 !important;margin:0 !important;}

.wcspc-area-top.wcspc-items .wcspc-item .wcspc-item-inner {background:#eee !important;}
.wcspc-action a {height:30px !important;line-height:30px !important;padding:0 20px !important;}
.wcspc-no-item {color:#fff !important;}

.coupon input {width:150px !important;height:38px !important;line-height:38px !important;padding:0 5px !important;}

.woo-checkout-col {padding:40px 0;}
.woo-checkout-col.checkout-right {padding-left:20px;padding-right:20px;background:#fafafa;}

.woocommerce-shipping-fields {padding:20px 0;margin:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3 {font-size:2.0rem;}
.shop_table.woocommerce-checkout-review-order-table{font-size:1.3rem;}
.shop_table .product-total,
.shop_table .cart-subtotal td,
.shop_table .order-total td {text-align:right;}

.woocommerce div.product div.images img {padding: 10px;  border: 1px solid #ddd;  border-radius: 10px;  box-sizing: border-box;}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {text-align:left;}

.woo-login-form {max-width:600px;margin:30px auto;}

.woocommerce-MyAccount-navigation {float:none !important;width:100% !important;margin:0 auto 60px;}
.woocommerce-MyAccount-navigation ul {display:flex;justify-content:center;list-style:none;margin:0;padding:0;flex-wrap:wrap;gap:10px;}
.woocommerce-MyAccount-navigation ul li {display:block;flex:1 1 30%;min-width:0;font-weight:700;cursor:pointer;}
.woocommerce-MyAccount-navigation ul li a {display:block;width:100%;height:100%;padding:40px 5px 10px;text-align:center;font-size:1.0rem;line-height:1.2;position:relative;box-sizing:border-box;}
.woocommerce-MyAccount-navigation ul li a:before {font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:2.4rem;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;-webkit-font-smoothing:antialiased;}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {content:'dashboard';}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {content:'receipt_long';}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {content:'location_on';}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {content:'manage_accounts';}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {content:'logout';}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {content:'credit_card';}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--points-and-rewards a:before {content:'workspace_premium';}

.woocommerce-MyAccount-content {float:none !important;width:100% !important;margin-top:-60px;padding:100px 40px 40px !important;background:#f7f7f7;box-sizing: border-box;}

.woocommerce-form-coupon-toggle {display:none;}

.variations td {padding:5px;}
.variations select {padding-top:0 !important;padding-bottom:0 !important;}

.single_variation_wrap {padding-bottom:20px;}

.wp-activate-container {width:80%;max-width:900px;margin:0 auto;padding:80px 0;}

.form-row-first,
.form-row-last {box-sizing:border-box;width:49% !important}
.form-row-first {padding-right:10px !important;}
.form-row-last {padding-left:10px !important}

.checkout_coupon.woocommerce-form-coupon {margin-top:0 !important;}

.woocommerce-SavedPaymentMethods-saveNew label {font-size:12px;}

.gform_wrapper .button {padding:10px 20px !important;}

/* Footer */
.main-footer {padding:20px 0;background:var(--color-main);color:#fff;}

/* #Clearer
================================================== */
.clearer:after,
.container:after,
.row:after,
.header-links:after,
.signup-step:after,
.home-hero:after,
.header-top-links:after,
.steps-right-inner:after {content: ""; display: table; clear: both;}
