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

/* Header Style */
.whb-header.whb-sticked .whb-general-header.whb-sticky-row { background-color: #fcf8ed; }
.wd-tools-element>a { color: #630102 !important; }
.wd-tools-element>a:hover { color: #f82e33; }

.whb-main-header .whb-column.whb-visible-lg { position: relative; }
.tagline-style { width: 100%; text-align: center; position: absolute; right: 50%; transform: translateX(50%); bottom: 1px; font-size: 14px; }
.whb-sticky-prepared.whb-sticked .wd-logo img { max-width: 420px !important; }
.whb-sticky-prepared.whb-sticked .whb-row.whb-general-header.whb-sticky-row { padding: 10px 0; }


.whb-sticky-prepared.whb-sticked .wd-logo img { padding: 0px; }
.tagline-mobile-style { width: 100%; text-align: center; position: absolute; right: 50%; transform: translateX(50%); bottom: 0px; font-size: 10px; }
.whb-sticky-prepared.whb-sticked .tagline-mobile-style { bottom: 6px; }

.wd-dropdown-menu { background-color: #fcf8ed; }
.wd-sub-menu li>a .menu-label { margin-top: 0; align-self: flex-end; margin-left: 5px; }
.wd-sub-menu li>a .menu-label:before { display: none; }

.wd-header-search .wd-search-dropdown input[type="text"] { height: 50px !important; }
.searchform .searchsubmit { border-radius: 0 10px 10px 0; }
.searchform .searchsubmit:hover { border-radius: 0 10px 10px 0; background-color: #e8453f; }
.searchform .searchsubmit:hover:after { color: #FFFFFF; }
.wd-switch-to-register { color: #FFFFFF !important; }

.wd-my-account-links a:before { color: inherit; }
form.woocommerce-checkout>:is(.checkout-order-review) { background-color: #ffffff !important; }

/* Overlay Style */
.hero-bg-section, .top-overlay-style { position: relative; }
.hero-bg-section::after { width: 100%; height: 100%; content:""; position: absolute; top: 0px; left: 0px; background-image: linear-gradient(180deg, #fcf8ed 0%, rgba(0,0,0,0) 30%); }

.title-trademark-style h6 sup { font-size: 13px; top: -10px; }
.title-trademark-big h2 sup { font-size: 35%; top: -35px; }

.top-overlay-style:after { width: 100%; height: 100%; content:""; position: absolute; top: 0px; left: 0px; background-image: linear-gradient(180deg, #fcf8ed 18%, rgba(0,0,0,0) 40%); }

div.quantity input[type="button"].minus { border-radius: 35px 0 0 35px; }
div.quantity input[type="button"].plus { border-radius: 0 35px 35px 0; }

.single-post .wd-page-title .entry-title, .blog .wd-page-title .entry-title { color: #630102 !important; }

.thumb-style.elementor-widget-wd_product_categories .wd-cats .category-grid-item .wd-cat-image { background-color: #fcf8ed; }
.thumb-style.elementor-widget-wd_product_categories .wd-cats .category-grid-item .wp-post-image, .thumb-style.elementor-widget-wd_product_categories .wd-cats .category-grid-item .attachment-large { mix-blend-mode: multiply; }

/* Form Style */
.wpcf7 .wpcf7-form .form-row { margin: 0 -5px; }
.wpcf7 .wpcf7-form .form-row .col-10, .wpcf7 .wpcf7-form .form-row .col-2 { float: left; padding: 0 5px; }
.wpcf7 .wpcf7-form .form-row .col-10 { width: 85%; }
.wpcf7 .wpcf7-form .form-row .col-2 { width: 15%; }
.wpcf7 .wpcf7-form .form-row .wpcf7-form-control { height: 44px; border: 1px solid #fa2e33; }
.wpcf7 .wpcf7-form .form-row .wpcf7-form-control.from-btn { width: 100%; height: 44px; background-color: #fa2e33; color: #fdf8ec !important; font-family: var(--e-global-typography-bc512ad-font-family), Sans-serif; font-size: var(--e-global-typography-bc512ad-font-size); font-weight: var(--e-global-typography-bc512ad-font-weight); line-height: var(--e-global-typography-bc512ad-line-height); letter-spacing: var(--e-global-typography-bc512ad-letter-spacing); fill: var(--e-global-color-secondary); color: var(--e-global-color-secondary); border-radius: 44px 44px 44px 44px; padding: 13px 18px 13px 18px; }

/* Blog Style */
.blog-style-bg .entry-thumbnail .post-img-wrapp a img { height: 450px; object-fit: cover; object-position: center; }
.blog-style-bg .article-inner .article-body-container { height: 100%; top: 0; bottom: initial;  background: transparent !important; }
.blog-style-bg .article-inner .article-body-container .wd-entities-title.title.post-title { text-align: left; }

.blog-design-mask.blog-style-bg :is(.read-more-section) { display: block; text-align: left; margin-top: 20px; }
.blog-design-mask.blog-style-bg .read-more-section .btn-read-more { position: relative; font-size: 0px; padding-bottom: 4px; border-bottom: 2px solid #fdf8ec; }
.blog-design-mask.blog-style-bg .read-more-section .btn-read-more:before { display: contents; content:"Read More"; position: absolute; top: 0px; left:0; font-size: 16px; font-family: "Red Hat Display", Arial, Helvetica, sans-serif; font-weight: 600; color: #fdf8ec; }
/* .blog-design-mask.blog-style-bg .read-more-section .btn-read-more:hover:before { color: #e8453f; } */

.categories-arrow-style .wd-arrow-inner { color: #630102; }
.categories-arrow-style .wd-arrow-inner:after { font-size: 40px; font-weight: 100; }

.related-categories { display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; }
.related-categories a { background-color: transparent; color: #630102; border: 1px solid #630102; font-size: 16px; font-weight: 400; border-radius: 30px; padding: 10px 20px; }
.related-categories a:hover { background-color: #630102; color: #fcf8ed; }


/* single Product Style */
/* .single-product .woocommerce-product-gallery img { aspect-ratio: 1 / 1; object-fit: cover; object-position: center; } */
.single-product .single-product-page .wd-carousel-container .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner { background-color: transparent; border: 1px solid #5a0e09; }
.single-product .single-product-page .wd-carousel-container .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner:after { color: #5a0e09;  rotate: 0deg; }

.wd-nav[class*="wd-style-underline"] .nav-link-text:after { background-color: #5a0e09; }

@media only screen and (max-width: 1366px) {  
	.wd-logo img { width: 350px !important; }
}

@media only screen and (max-width: 1150px) {  
	.wd-logo img { width: 280px !important; }
}

@media only screen and (max-width: 991px) {  
	.woocommerce-ordering.wd-ordering-mb-icon.wd-style-default select { color: inherit !important; font-size: 0px; }	
}

@media only screen and (max-width: 767px) { 
	
	.e-con.wd-side-hidden .wd-heading { background: #fcf8ed !important; }
	.blog-style-bg .entry-thumbnail .post-img-wrapp a img { height: 250px; }
	.wd-post.blog-style-bg .article-body-container { padding: 15px !important; }
	.wd-post.blog-style-bg .article-body-container .wd-entities-title a, .wd-post.blog-style-bg .article-body-container .wd-entities-title { font-size: 18px; line-height: 22px; }
	
	.wpcf7 .wpcf7-form .form-row .col-10, .wpcf7 .wpcf7-form .form-row .col-2 { width: 100%; }
	
	.wpcf7 .wpcf7-form .form-row .wpcf7-form-control { height: 30px; padding: 0 10px; }
	.wpcf7 .wpcf7-form .form-row .wpcf7-form-control.from-btn { height: 22px; margin-top: 10px; font-size: 14px; line-height: 14px; padding: 6px 15px; }
	
	.related-categories { gap: 5px; }
	.related-categories a { font-size: 13px; padding: 6px 12px; }
	
	.promo-banner.wd-with-link .wrapper-content-banner { padding: 8px 15px; }
	
	.categories-arrow-style .wd-arrow-inner:after { font-size: 20px; }
}