/*
 Theme Name:   Woodmart Child(Gentlemonster)
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


body .container {
	padding: 0 40px;
	max-width: 100%;
}

body.home {
	--wd-container-w: 1920px;
}

body .whb-header .container {
	max-width: 1920px;
    padding-right: 20px;
    padding-left: 20px;
}

body header.whb-sticked .whb-general-header {
	background: linear-gradient(180deg, hsla(0, 0%, 100%, .25), hsla(0, 0%, 95%, 0)), rgba(243, 244, 246, .6);
	-webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

body header.whb-header:not(.whb-sticked) {

	&.gm-header-black {
		--wd-header-el-color: #333;
		--nav-color: #333;
		.wd-header-nav > ul > li > a {
			color: #333 !important;
		}
		.wd-tools-element > a {
			color: #333 !important;	
		}

		form.searchform {
			border-color: #000;
			input {
				color: #343434;
			}
		}
	}

	&.gm-header-white {
		--wd-header-el-color: #fff;
		--nav-color: #fff;
		.wd-header-nav > ul > li > a {
			color: #fff !important;
		}
		.wd-tools-element > a {
			color: #fff !important;	
		}

		form.searchform  {
			border-color: #fff;
			input {
				color: #fff;
			}

			input::placeholder {
				color: #fff;
			}
			
		}
	}

}

body .whb-sticky-shadow.whb-sticked .whb-main-header {
	box-shadow: none !important;
}

.wd-product .product-element-top img {
	aspect-ratio: 1/1;
}

body.page-id-16646 .wd-content-layout {
	padding-top: 0 !important;
}

@media (max-width: 1024px) {
	body .whb-header .container {
        padding-right: 30px;
        padding-left: 30px;
	}
}
@media (max-width: 767px) {
	body .whb-header .container {
        padding-right: 20px;
        padding-left: 20px;
	}
}

/* .woocommerce-checkout .form-row label {
	display: none !important;
} */
form.cart {
    column-gap: 30px;
}
div.quantity {
    align-items: center;
	vertical-align: middle;
}
div.quantity input {
	border: none !important;
	border-radius: 0 !important;
}
div.quantity input[type="number"] {
    font-family: 'Unica77LLWeb' !important;
	display: inline-flex;
    font-size: 18px;
    line-height: 1em;
    height: fit-content !important;
}
div.quantity input[type="button"] {
	display: inline-flex;
    font-family: 'Unica77LLWeb' !important;
    font-size: 18px;
    line-height: 1em !important;
	font-weight: 400;
    height: fit-content !important;
    min-height: fit-content !important;
}
div.quantity input[type="button"]:hover {
	color: var(--wd-primary-color);
    background-color: transparent;
    border-color: transparent;
}

.form-row-triple-first {
	float: left;
    width: calc(33.3333% - 10px);
    margin-right: 10px;
}
.form-row-triple-second {
	float: left;
    width: calc(33.3333% - 10px);
    margin-right: 10px;
}

.form-row-triple-third {
float: left;
width: 33.3333%;

}

@media (max-width: 767px) {
    form.cart {
		justify-content: space-between;
	}

    form.cart .button {
    	padding: 15px 40px 15px 40px;
    }
}

body.woocommerce-checkout .container {
	max-width: 1222px;
}

body.woocommerce-checkout .whb-main-header .container {
	max-width: 1400px;
	padding-left: 15px;
	padding-right: 15px;
}
/* body.home header.whb-header {
	position: absolute;
	top: 0;
	left:0;
	margin-bottom: 0;
	width: 100%;
} */

 body.home header.whb-header {

	margin-bottom: 0;

} 

body.home .site-content {
	margin-bottom: 0;
}
body.home .main-page-wrapper, body.page-id-14804 .main-page-wrapper, body.page-id-14752 .main-page-wrapper, body.page-id-16646 .main-page-wrapper {
	margin-top: 0;
	padding-top: 0;
}
body.home .home-banner img {
	width: 100%;
}
.wd-nav-main>li>a {
	letter-spacing: .1em;
}
.elementor-18 .elementor-element.elementor-element-319846b > .elementor-container {
	height: 100vh;
}
.main-promo-block .banner-btn-wrapper a {
	color: #FA0704;
}
.main-promo-block .banner-btn-wrapper a:hover {
	color: #25A715;
}

.elementor-section.main-promo-section.wd-negative-gap>.elementor-container {
	 margin-left:0;
     margin-right: 0;
}
.main-promo-block img {
	filter: blur(1px);
}
/* .shop-all-btn {
	color: #FA0704;
}
.shop-all-btn:hover {
	color: #25A715;
} */

.form-row-duple p {
    display: flex;
    column-gap: 20px;
}

.contact-form-blur .form-row-duple p {
	display: flex;
    column-gap: 13px;
	margin-bottom: 0;
}
.contact-form-blur  p {
	margin-bottom: 0;
}
.contact-form-blur .form-row, .contact-form-blur .form-row-duple:not(.last-row) {
	margin-bottom: 11px;
}
.contact-form-blur  input, .contact-form-blur textarea, .contact-form-blur select {
	border-radius: 10px;
}
.contact-form-blur textarea {
	height: 104px;
	min-height: 104px;
}
.contact-form-blur .btn-filled {
	height: 60px;

}
.wpcf7-response-output {
	display: none !important;
}
.form-row-duple.last-row {
	display: flex;
	align-items: center;
    column-gap: 18px;
}
.wpcf7-form-control-wrap {
	width: 100%;
	display: block;
}

.wd-quick-view-icon > a:before {
    display:none
}
.wd-quick-view-icon > a{
    background-image:url('/wp-content/themes/woodmart-child/assets/img/eye-svgrepo-com.svg');
	  background-size:contain;
	  background-position:center center;
	  background-repeat:no-repeat;
}
.related-products .wd-quick-view-icon > a {
	background-size:30px;
}
.woocommerce-product-rating {
	display: flex;
	align-items: center;
	
}
.woocommerce-product-rating > span {
	font-weight: 500;
	margin-right: 5px;
}



.sale-menu-item {
	background-color: #FA0704;
	
}
.wd-nav-mobile li.sale-menu-item a {
	color: #fff;
}
.pricing-product {
	font-size: 17px;
	display: flex;
	align-items: center;
	column-gap: 5px;
}
.pricing-product > span:first-of-type {
	font-weight: 500;
}
.pricing-product > span:last-of-type {
	display: flex;
	flex-direction: row-reverse;
	column-gap: 5px;
}

.count-dots {
	display: none !important;
}
#sale-countdown > figure:first-of-type {
	display: none !important;
}
.hood-coupon-checkout__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 30px;
	padding: 24px 0;
	max-width: 751px;
	margin: 0 auto;
}
.hood-coupon-checkout .coupon-close {
	display: none;
	position: absolute;
	top: 20px;
	right: 20px;
}
.hood-coupon-checkout p {
	margin-bottom: 0;
	font-weight: 400;
	font-size: 23px;
	color: #fff;
	line-height: 32px;
}
.hood-coupon-after {
	
	display: flex;
	align-items: center;
	column-gap: 11px;
	font-size: 20px;
	color: #000;
	margin-bottom: 20px;
}
.hood-coupon-checkout p strong {
	font-weight: 500;

}
.hood-coupon-checkout p span {
	color: #FA0704;
	font-weight: 500;
	
}
.coupon-countdown {
	font-size: 20px;
	color: #FA0704;
	font-weight: 500;
}
.coupon-minutes {
	color: var(--wd-title-color);
	font-weight: 400;
}
.hood-shopall {
	display: flex;
    align-items: center;
    column-gap: 3px;
    justify-content: center;
}
#sale-countdown {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	column-gap: 23px;
	width: 350px;
}
#sale-countdown .first {
	/* display: none !important; */
	margin-right: 5px;
}
#sale-countdown figure >div {
	background: #FF1D1D;
	border: 0;
	border-radius: 7px;
	height: 53px !important;
}
#sale-countdown.timeTo ul li {
	font-weight: 400;
}
#sale-countdown.timeTo figcaption {
	font-weight: 300;
	text-transform: capitalize;
	color: #ebebeb;
}

#shipping_phone_field, #billing_phone_field {
	position: relative;
}

.hood-triangle {
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	border-color: transparent transparent transparent currentColor;
}
.logo-footer img {
	display: block !important;
	max-width: 150px;
}
.size-variations {
	display: flex;
	align-items: center;
	column-gap: 15px;
}
.size-variation-items {
	display: flex;
	align-items: center;
	column-gap: 15px;
}
.size-variations > span {
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 2px;
}
.size-variation-item {
	min-height: 20px;
	min-width: 25px;
}
.size-variation-item input {
	display: none;
}
.size-variation-item label {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 14px;
	cursor: pointer;
	margin-bottom: 0;
}
.size-variation-item label::after {
	content: '';
	opacity: 0;
	visibility: hidden;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #242424;
	transition: all 0.2s ease-in;
}
.size-variation-item label:hover::after {
	opacity: 1;
	visibility: visible;	
}
.size-variation-item input:checked + label::after {
	
	opacity: 1;
	visibility: visible;
}
.woocommerce-order-received .wc-item-meta li p {
	font-size: 100%;
}
.home .wd-product-cats {
	display: none !important;
}
.wd-hover-base.has-stars:is(.purchasable,.product-type-external) :is(.product-rating-price,.star-rating,.wrapp-product-price .price) {
	height: auto !important;
}
.wd-hover-base.has-stars:is(.purchasable,.product-type-external):is(:hover,.state-hover) .wrapp-product-price {
	transform: none !important;
}
.rating-c {
	font-size: 12px;
	color: #242424;
	display: inline-block;
	margin-bottom: 0;
}
.product-image-summary .rating-c {
	display: none !important;
}
.comment-text .rating-c {
	display: none !important;
}
.form-row-triple-third {
	clear: none;
}

.hoodie-home-product-grid  .product-element-bottom.product-information{
	font-size: 17px;
}

.order-tracked-block {
	margin-bottom: 60px;
}
.invalid-message {
	
	font-size: 12px;
	padding-left: 12px;
	color:rgb(219, 3, 3);
	margin-top: 5px;
}

.wd-loading-btn {
	position: relative;
}
.wd-loading-btn:disabled {
	background: #fff;
	color: #000000;
}

#hoodie_refund_button, #hoodie_contact_order {
	max-width: 767px;
}

:is(#hoodie_refund_button, #hoodie_contact_order) button.mfp-close {
	border: 0;
}

.page-template-tracking .website-wrapper {
	min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.page-template-tracking .website-wrapper footer {
	margin-top: auto;
}

.order-tracked-actions .button  {

	background-color: var(--e-global-color-secondary);
	color: #fff;
	/* font-size: 20px;
	font-weight: 500; */
	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-c75d168);
    border-radius: 50px 50px 50px 50px;
    padding: 12px 40px 12px 40px;

}

.track_order button[type=submit] {
	padding: 12px 40px 12px 40px;
	font-size: 16px;
	font-weight: 500;
}

.track_order p:last-of-type, .track_order p:nth-of-type(4)  {
	flex: 1 1 100%;
}

.page-template-tracking .main-page-wrapper .row.content-layout-wrapper {
	justify-content: center;
}

.order-tracked-actions .button:hover  {
	color: var(--e-global-color-secondary);
    background-color: #FFFFFF00;
}

.wd-loading-btn:before {
	position: absolute;
	top: 15px;
	left: calc(50% - 15px);
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid transparent;
	border-left-color: var(--color-gray-900);
	border-radius: 50%;
	vertical-align: middle;
	animation: wd-rotate 450ms infinite linear; }

/* body.home .elementor-section.wd-section-stretch>.elementor-container {
	max-width: 100%;
} */
body .track_order .clear {
	display: block;
}

.item-variation-value.pre-ordered {
	font-weight: 500;
	padding: 3px 5px;
	border-radius: 3px;
	background-color: #707070;
	display: inline-block;
	p {
		color: #fff !important;
		font-size: 12px !important;
		display: block;
		margin: 0;
	}
	
}
header .wd-display-full-screen-2 {
	
	form {
		width: 181px;
		height: 36px;
		box-sizing: border-box;
		border: 1px solid #000;
		border-radius: 18px;
		overflow: hidden;
		transition: width 0.6s ease;
		position: absolute;
		top: 0;
		left: 50%;
		margin-bottom: calc((60px - 36px) / 2);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);

		input {
			color: #343434;
			font-size: 14px;
			font-weight: 400;
			height: 32px;
			text-transform: none;
		}

		button {
			display: none !important;
		}
	}
}

.wd-search-form.wd-display-full-screen-2 .searchform {
	pointer-events: all !important;
	user-select: all !important;
}

body .wd-search-full-screen-2 {
	top: calc(var(--wd-admin-bar-h) + 90px);
	padding-top: 0;
	justify-content: center;

	.wd-close-search {
		top: -45px !important;
		right: 25px !important;

		a {
			width: 25px;
			height: 25px;
			border-radius: 50%;
			background: #000;
			color: #fff;
		}
		a:before {
			font-size: 16px !important;
		}
	}

	.wd-search-form-inner {
		display: none !important;
	}
}

html:not(.wd-search-opened) .wd-search-full-screen-2 {
	.wd-close-search {
		display: none;
	}
}

.wd-search-opened header .wd-display-full-screen-2 {
	form {
		width: 580px;
		margin-top: calc((90px - 16px) / 2);

		border-color: #000 !important;
		input {
			color: #343434 !important;
		
		}

		input::placeholder {
			color: #343434 !important;
		}
	}
}




.wd-search-full-screen {
	form {
		width: 580px;

		input[type=text] {
			color: #343434;
			font-size: 14px;
			font-weight: 400;
			height: 32px;
			text-transform: none;
		}
	}
}
.wd-search-results-wrapper {
	display: flex;
	justify-content: center;
    gap: 40px;
	width: 580px;

	.wd-search-requests {
		min-width: 200px;
		ul {
			height: auto;
			display: flex;
			flex-direction: column;

			a {
				border: 0;
				color: #000;
				padding: 6px 0;
				font-weight: 500;
				white-space: nowrap;
			}
			a:hover {
				background: none;
				color: #343434;
			}
		}
	}
	.search-results-wrapper, .wd-dropdown-results {
		width: 346px;
	}
	.search-results-wrapper {
		display: none;
	}

}

.wp-block-wd-slider {

	.wd-nav-pagin-item {
		position: relative; 
		margin: 5px 0;  
	}

	.wd-nav-pagin-item span {
		display: block;
		width: 102px !important;
		height: 2px !important;
		background-color: #c7c7c7 !important; 
		
		position: relative;    
		overflow: hidden;   
		border-radius: 0 !important;  
		border:0 !important;  
	}

	.wd-nav-pagin-item span::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 0; 
		height: 100%; 
		background-color: white;
		
	}

	
	.wd-nav-pagin-item span.progress-active::before {
		animation-name: fillProgress;
		animation-duration: var(--progress-duration, 5s); 
		animation-timing-function: linear; 
		animation-fill-mode: forwards; 
	}


}


@keyframes fillProgress {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}

.woocommerce-mini-cart__buttons {

	a {
		height: 48px !important;
		border-radius: 8px !important;
	}

	a.btn-cart {
		border: 1px solid #000;
		background: #fff;
		color: #000;
	}

	a.checkout {
		background: #000;
		color: #fff;
	}
}

:has(.mobile-nav.wd-opened) .wd-close-side-opened {
    display: none;
}

body .wd-side-hidden.mobile-nav {
	
	top: var(--wd-header-general-sm-h);

	display: flex;
	flex-direction: column;
	align-items: center;
	background: #f3f4f6;
	width: 100%;
	padding-top: 60px;
	transition: none !important;
}

body.admin-bar .wd-side-hidden.mobile-nav {
	top: calc(var(--wd-header-general-sm-h) + var(--wp-admin--admin-bar--height));
}

header .wd-header-mobile-nav {
	.wd-tools-icon {
		position: relative;
		width: 24px;
		height: 24px;
		display: flex;
		justify-content: center;
		span {
			position: absolute;
			width: 16px;
			height: 1.2px;
			transform-origin: center;
			transition: transform .42s ease-out;
			background-color: #000;
		}
		span:first-child {
			top: 8px;
		}
		span:nth-child(2) {
			top: 15px;
		}
	}

	.wd-tools-icon::before {
		content: unset !important;
	}
}

header .wd-header-mobile-nav.wd-opened .wd-tools-icon {
	span:first-child {
		transform: translateY(3.5px) rotate(45deg);
		transition-delay: .42s;
	}

	span:nth-child(2) {
		transform: translateY(-3.5px) rotate(-45deg);
		transition-delay: .42s;
	}
	
}

body .mobile-nav #menu-main-menu {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding-bottom: 40px;
	width: 100%;
	li {
		flex: 0 0 auto !important;
		
		opacity: 0;
		a {
			border: 0 !important;
		}
	}

}

body .mobile-nav.wd-opened #menu-main-menu {

	li {
		animation: menuBubble .2s ease-in-out;
		animation-fill-mode: forwards;
	}
	li:nth-child(1n) {
		animation-delay: .54s;
	}

	
	li:nth-child(2n) {
		animation-delay: .66s;
	}

	li:nth-child(3n) {
		animation-delay: .78s;
	}

	li:nth-child(4n) {
		animation-delay: .9s;
	}

	li:nth-child(5n) {
		animation-delay: 1.02s;
	}

	li:nth-child(6n) {
		animation-delay: 1.14s;
	}

	li:nth-child(7n) {
		animation-delay: 1.26s;
	}
}

@keyframes menuBubble {
	0% {
		opacity: 0;
    	transform: translateY(24px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
	
}

body.home {
	background: #f3f4f6;
	--wd-main-bgcolor: #f3f4f6;
}

body button, body a {
	font-weight: 400;
	--btn-font-weight: 400 ;
}

body .amount {
	font-weight: 400;
}

body .wd-nav>li>a {
	font-weight: 400;
}

.wd-prefooter {
	padding: 0 !important;
	display: none;
}

body .footer-container .container {
	max-width: 100%;
    padding: 0;
}

footer {
	.container.main-footer {
		padding: 0 60px;
	}
	.wd-copyrights {
		padding-inline: 60px;
	}
	.menu {
		a {
			font-size:14px;
		}
	}
		
}

@media  (min-width: 578px) {
	.wd-search-opened header .whb-main-header {
		background: #fff;
	}

	.wd-search-opened header {
		position: relative;
		/* z-index: 9999; */

		.whb-general-header {
			.whb-column {
				> div {
					opacity: 0;
					
				}
				>div.wd-search-form {
					opacity: 1;
				}
				
			}
		}


	}

	.wd-search-form {
		position: relative;
		width: 181px;
		height: 36px;
		.wd-search-form-inner {
			top: 0;
			right: 0;
			width: 636px;
			height: 1px;
			transition: width 0.6s ease, height 0.6s ease;
		}
	}

	.wd-search-opened .wd-search-form {

		.wd-search-form-inner {
			position: fixed;
			top: var(--wd-admin-bar-h);
			width: 100%;
			height: 60px;
			z-index: 4;
			
			height: 90px;
		}

	}

	.wd-search-opened header .whb-main-header {
		background: #fff;
	}
}

@media  (max-width: 1024px) {
	.product-tabs-wrapper .tabs-layout-tabs {
		display: block !important;
	}
}
@media (max-width: 768px) {
	.woocommerce .product-image-summary-inner>div:last-child {
		margin-bottom: 25px;
	}
	.pricing-product {
		flex-wrap: wrap;
	}
}
@media  (max-width: 576px) {
	/* .product-image-summary-wrap .summary-inner  .wd-social-icons {
		position: relative;
		bottom: unset;
	} */
	body.home header .whb-column .info-box-title {
		margin-bottom: 0;
	}
	.woocommerce .summary-inner .product_meta {
		padding-top: 0;
	}
	.product-image-summary-wrap .summary-inner {
		padding-bottom: 0;
	}
	.product-tabs-wrapper .wd-nav-tabs-wrapper {
		display: none;
	}

	
	.form-row-triple-first, .form-row-triple-second, .form-row-triple-third, .form-row-first, .form-row-last  {
		float: none;
		width: 100%;
	}
	.tooltip-checkout-content svg {
		right: 0;
		left:unset;
	}
	.tooltip-checkout-content {
		right: 0;
		left:unset;
	}
	.tooltip-checkout-content.active {
		transform: translate(35px, -95%);
	}

	.hood-coupon-checkout__inner {
		flex-direction: column;
		row-gap: 25px;
		padding-top: 40px;
	}
	#sale-countdown {
		width: 100%;
		max-width: 180px;
		justify-content: center;
	}
	.hood-coupon-checkout p {
		font-size: 15px;
		/* max-width: 197px; */
		padding: 0 20px;
		text-align: center;
		line-height: 16px;
	}
	#sale-countdown figure >div {
		height: 37px !important;
	}
	.hood-coupon-after {
		font-size: 13px;
		line-height: 14px;
		margin-top: 10px;
	}
	.hood-coupon-after svg {
		width: 20px;
	}
	.hood-coupon-checkout {
		background: url('./assets/img/coupon-bg-mob.png'), rgba(15, 19, 19, 1);
	}

	.page-template-tracking .main-page-wrapper .row.content-layout-wrapper {
		margin-left: 0;
		margin-right: 0;
	}

	.order-tracked-actions {
		display: flex;
		column-gap: 10px;
	}

	.order-tracked-actions .button {
		padding: 12px 25px 12px 25px;
	}

	.form-row-duple.last-row {
		flex-direction: column;
		align-items: center;
	}


	header .wd-search-form {
		position: relative;
		width: 181px;
		height: 36px;
		.wd-search-form-inner {
			top: 0;
			right: 0;
			width: 636px;
			height: 1px;
			transition: width 0.6s ease, height 0.6s ease;
		}
	}

	.wd-search-opened header .wd-search-form {

		.wd-search-form-inner {
			position: fixed;
			top: var(--wp-admin--admin-bar--height);
			width: 100%;
			height: 60px;
			z-index: 4;
			
			height: 90px;
		}

	}

	body .wd-search-full-screen-2 {
		top: calc( var(--wp-admin--admin-bar--height, 0) + var(--wd-header-sm-h));
		padding: 40px 24px 20px 24px !important;
		justify-content: flex-start;
		flex-direction: column;
		background: #f3f4f6;

		.wd-close-search {
			display: none !important;
		}

		.wd-search-form-inner {
			display: block !important;
			width: 100%;
		}

		.wd-search-results-wrapper {
			flex-direction: column;
			width: 100% !important;
		}

		form {
			width: 100% !important;
		}

		.wd-search-area-inner {
			.wp-block-wd-column {
				flex: 1 0 0;
			}
		}
		
	}
		
	#wpadminbar {
		display: none !important;
	}

	footer .container.main-footer {
		padding: 0 24px;
	}

	body .container {
		padding: 0 24px;
	}
}

@media (max-width: 380px) {
	.order-tracked-actions .button {
		padding: 12px 15px 12px 15px;
	}
}