/*
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
*/

/*My Custom Css*/
/*Header*/
.header-cbio .etheme-icon-list-item-text a:hover{color: #e4a73d;}
.off-can-menu .etheme-elementor-nav-menu .item-design-dropdown li a:hover{color: #222 !important;}
.off-can-menu .etheme-elementor-nav-menu .item-design-dropdown li .current-menu-item a{color: #222 !important;}

/*General*/
htm,body{overflow-x: hidden !important;}
.content-page, .page-content{padding-bottom: 0 !important;}
.g-recaptcha{
	position: relative;
	z-index: 999999 !important;
}
::selection {
    background-color: #e4a73d !important;
    color: #fff;
}
::-moz-selection {
    background-color: #e4a73d !important;
    color: #fff;
}
.page-heading{
	background-color: rgba(0, 0, 0, 0.3);
	background-blend-mode: overlay;
}
#breadcrumb{display: none !important;}
a:hover{color: #e4a73d;}
.back-top{bottom: 90px;}
.back-top span{color: #e4a73d;}
.back-top svg path {stroke: #e4a73d;}
.etheme-modal-popup-content-wrapper{background: rgba(0, 0, 0, 0.3) !important;}
.etheme-modal-popup-content{padding: 0 25px !important;}
.xstore-compare{display: none !important;}
.woocommerce-price-suffix{display: none !important;}
#sales-booster-popup{display: none !important;}
.grecaptcha-badge{
	z-index: 999999 !important;
	width: 70px !important;
  	overflow: hidden !important;
	transition: left 0.3s !important;
  	left: 0px !important;
}
.grecaptcha-badge:hover {
	width: 256px !important;
}

/*Home Page*/
.btn-slider1{
	font-size: 18px !important;
	padding: 14px 30px 34px 30px !important;
	background-color: #E4A73D !important;
	border-radius: 100px !important;
	text-transform: none !important;
	line-height: 1em !important;
}
.btn-slider1:hover{
	background-color: #E6AF50 !important;
}
#rev_slider_12_1_wrapper .ares .tp-bullet-title{display: none !important;}
.category-grid.valign-bottom .categories-mask{bottom: 0 !important;}
.category-grid .categories-mask .count{color: #666 !important;}
.product-hover-slider{overflow: hidden !important;}
.whyus-box .etheme-icon-box{min-height: 550px;}
.home-categ-mod .category-grid>a img{
	height: 200px;
	object-fit: contain;
	width: auto;
	margin-bottom: 30px;
}
.home-categ-mod .categories-mask{
	position: unset !important;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding: 0 !important;
}
.content-product .product-title{font-size: 20px !important; line-height: 1.1em !important;}
.content-product .price{font-size: 16px;}
.content-product .quantity-wrapper .button[aria-label]:after{display: none !important;}
.content-product .product-title{line-height: 1.3em !important;}
.testimonials-carousel .content-wrapper{min-height: 420px;}

/*About Us Page*/
.team-member .member-details h4{font-size: 16px;}
.team-member .member-details h5{font-size: 20px;}

/*Contact Us Page*/
.contact-box .etheme-icon-box-content p{margin-bottom: 0 !important;}
.contact-box .etheme-icon-box-description a{color: #666;}
.contact-box .etheme-icon-box-description a:hover{color: #e4a73d;}
.bubble-machine-form .wpcf7-submit{
	font-size: 18px !important;
	padding: 15px 30px 32px 30px !important;
}

/*Bubble Tea Setup Page*/
.popup-form .file-field{padding: 0 1.07em !important;}

/*Policy Pages*/
.policy-mod a{color: #666;}
.policy-mod a:hover{color: #e4a73d;}

/*Training Courses Page*/
.et-single-buy-now.single_add_to_cart_button.button{background: #e4a73d !important;}
.et-single-buy-now.single_add_to_cart_button.button:hover{background: #E6AF50 !important;}
.et_product-block .et-single-buy-now.single_add_to_cart_button.button, .product-content .et-single-buy-now.single_add_to_cart_button.button{background: #e4a73d !important;}
.et_product-block .et-single-buy-now.single_add_to_cart_button.button:hover, .product-content .et-single-buy-now.single_add_to_cart_button.button:hover{background: #E6AF50 !important;}

/*Individual Product Page*/
.prod-service-mod .etheme-icon-box-icon svg path{stroke: #e4a73d !important;}

/*Cart,checkout,my account pages*/
.shop_table .amount{color: #666 !important;}
.cart-subtotal th{
	font-family: "Dosis", Sans-serif !important;
	text-transform: none;
	font-weight: 600;
	font-size: 18px !important;
}
.order-total th{
	font-family: "Dosis", Sans-serif !important;
	text-transform: none !important;
	font-weight: 600;
	font-size: 18px !important;
}
.woocommerce-shipping-totals th{
	font-family: "Dosis", Sans-serif !important;
	text-transform: none !important;
	font-weight: 600;
	font-size: 18px !important;
}
.coupon .btn{font-size: 16px !important;}
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea, textarea.form-control{font-size: 16px !important;}
.woocommerce-checkout-review-order-table-wrapper .product-name{font-size: 16px !important;}
.woocommerce-checkout-review-order-table-wrapper .product-price-quantity{font-size: 16px !important;}

/*Testimonials page*/
.testimonials-grids .content-wrapper{min-height: 420px;}

/*Footer*/
.footer-cbio .etheme-icon-list-item{align-items: flex-start;}
.footer-cbio .etheme-icon-list-item-icon{font-size: 22px; margin-top: -2px;}
.footer-cbio .etheme-icon-list-item-text a{color: #fff;}
.footer-cbio .etheme-icon-list-item-text a:hover{color: #222;}
.footer-icons .et-icon {border-color: #fff !important;}
.footer-icons .et-icon:hover{border-color: #222 !important;}
.footer-cpyright-sec .elementor-container{border-top: 1px solid #fff; padding-top: 10px;}
.footer-title .etheme-advanced-headline{margin-right: 40px;}
#footer-title-1 .etheme-advanced-headline{margin-right: 20px;}
#footer-title-2 .etheme-advanced-headline{margin-right: 75px;}
#footer-title-3 .etheme-advanced-headline{margin-right: 35px;}

/*Mobile Responsive*/
@media only screen and (max-width: 980px){
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.content-page, .page-content{padding-bottom: 0 !important;}
	.page-heading .title{font-size: 50px !important;}
	.etheme-elementor-nav-menu .item-design-dropdown.current-menu-item a{color: #e4a73d !important;}
	.etheme-elementor-off-canvas__toggle .elementor-button-icon{color: #e4a73d !important;}
	.testimonials-carousel .content-wrapper{min-height: 460px;}
	.testimonials-grids .content-wrapper{min-height: 460px;}
	.arch-shop-sec .elementor-container{flex-direction: row-reverse;}
	.contactus-sec .elementor-container{flex-direction: column-reverse;}
	.about-mv-sec .elementor-container{flex-direction: column-reverse; gap: 20px;}
	.about-img{position: unset !important; transform: none !important;}
	.footer-title .etheme-advanced-headline {margin-right: 20px;}
	#footer-title-1 .etheme-advanced-headline {margin-right: 0px;}
	#footer-title-2 .etheme-advanced-headline {margin-right: 80px;}
	#footer-title-3 .etheme-advanced-headline {margin-right: 145px;}
}

@media only screen and (max-width: 480px){
	#rev_slider_12_1_wrapper .ares .tp-bullet{
		width: 11px !important;
		height: 11px !important;
	}
	.page-heading{padding-top: 80px !important; padding-bottom: 80px !important; margin-bottom: 0 !important;}
	.page-heading .title{font-size: 35px !important;}
	.btn-slider1{font-size: 16px !important;}
	.etheme-elementor-mobile-menu-logo{text-align: left !important;}
	.whyus-box .etheme-icon-box{min-height: 100%;}
	.products-grid .product{width: 100% !important;}
	.content-product{margin-bottom: 10px !important;}
	.etheme_products-r301 .products-loop{padding-bottom: 30px !important;}
	.cicon-box .etheme-icon-box{flex-direction: column; gap:10px;}
	.cicon-box .etheme-icon-box-title{margin-bottom: 5px !important;}
	.single-product .tabs{
		margin-bottom: 0 !important; 
		gap: 10px; 
		border-bottom: 0 !important; 
		flex-direction: column;
	}
	.wc-tabs .et-woocommerce-tab a{padding: 5px 10px !important; border: 1px solid #e1e1e1;}
	.about-mv-box .etheme-icon-box{flex-direction: column; gap: 10px;}
	.team-member .member-details h5{font-size: 18px;}
	.et-advance-tabs .et-tabs-nav>ul{
		flex-direction: row !important; 
		align-items: flex-start !important;
		flex-wrap: wrap !important;
	}
	.et-advance-tabs .et-tabs-nav>ul li{flex: 1 1 30% !important;}
	.about-img{position: unset !important; transform: none !important;}
	.contact-box .etheme-icon-box{flex-direction: column !important; align-items: flex-start !important;}
	.footer-title .etheme-advanced-headline {margin-right: 0px;}
	#footer-title-1 .etheme-advanced-headline {margin-right: 0px;}
	#footer-title-2 .etheme-advanced-headline {margin-right: 0px;}
	#footer-title-3 .etheme-advanced-headline {margin-right: 0px;}
}

/* Tablet Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.testimonials-carousel .content-wrapper{min-height: 500px;}
	.testimonials-grids .content-wrapper{min-height: 500px;}
}

/*****/
.paypal-button{
	background-color: #E4A73D !important;
	border-radius: 100px !important;
}
.paypal-button:hover{
	background-color: #E6AF50 !important;
}
a.btn{
	background-color: #E4A73D !important;
	padding: 15px 30px 15px 30px !important;
	border-radius: 100px !important;
	text-transform: none !important;
}
a.btn:hover{
	background-color: #E6AF50 !important;
	text-transform: none !important;
}

.widget-visible iframe{bottom:125px !important;}