/*
Theme Name:   xstore-child
Theme URI:    https://xstore.8theme.com
Description:  XStore is a multi-purpose theme that offers the ultimate WordPress and WooCommerce synergy, providing a comprehensive, all-in-one solution.
Author:       8theme
Author URI:   https://www.8theme.com
Template:     xstore
Version:      1.0
Text Domain:  xstore-child
Tags: e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, translation-ready, ecommerce, woocommerce, shop, elementor, business, corporate, blog, news, light, dark
*/


/**
 * bootstrap utilities
 */
.mb-0 {
	margin-bottom: 0!important;
}
.text-white {
	color: #fff!important;
}
.text-primary {
	color: #19B06B!important;
}
.fw-bold {
	font-weight: bold;
}
.d-block {
	display: block;
}

/**
 * Custom CSS for Single blog post
 */
body.single-post .sidebar-widget.widget_search .wp-block-search{
    flex-direction: column;
    align-items: start;
}
body.single-post .sidebar-widget.widget_search .wp-block-search__inside-wrapper>.wp-block-search__input{
    width: calc(100% - 37px);
}
body.single-post .sidebar-widget.widget_search .wp-block-search__inside-wrapper>.wp-block-search__button {
    position: static;
    vertical-align: bottom;
}


/**
 * Custom CSS for Single product page
 */
.single-product .no-gaps-list>li{
    margin-bottom: 0;
}
.single-product .woocommerce-tabs .wc-tab h4{
    font-weight: 500;
}
.single-product .swiper-slide.thumbnail-item{
	display: flex;
	align-items: center;
}
/* .single-product .swiper-slide.thumbnail-item>span{
	height: 100%;
	width: 100%;
	position: relative;
}
.single-product .swiper-slide.thumbnail-item>span>img{
	position: absolute;
    left: 50%;
    height: 100%;
    width: auto!important;
    transform: translateX(-50%);
    max-width: none;
} */
@media only screen and (min-width: 1200px){
	.single-product .swiper-slide.thumbnail-item{
		height: 100px;
	}
}

.img-center-slider .swiper-slide>.swiper-slide-inner>img{
	margin-left: auto;
	margin-right: auto;
}