/*	==================================================
	Theme Name:   Xstore Child
	Theme URI:    https://xstore.8theme.com
	Description:  Custom Child of XStore Theme
	Template:     xstore
	Version:      1.0
	Text Domain:  xstore-child
*	=============================================== */

/*	------------------------------
 * 	GLOBAL: Base Styles
 *	--------------------------- */
 
 /* Color Palette */
:root {
	--endtex-blue: #005EAD;  /* Palette: Enduratex Blue */
	--medium-blue: #2F85C6;  /* Palette: Spec Blue      */
	--bright-blue: #23AAD8;  /* Palette: Bright Blue    */

	--xdark-grey:  #333333;  /* Dark Text & H-Tags  */
	--dark-grey:   #575B63;  /* Palette: Cool Gray  */
	--medium-grey: #93949D;  /* Palette: Silver     */

	--border-grey: #D9D9D9;  /* Borders & Dividers  */
	--light-grey:  #F0F0F0;  /* Section Headings    */
	--xlight-grey: #F9F9F9;  /* Section Backgrounds */
}

/* Select Text Highlight */
::-moz-selection {
	color: white;
	background-color: var(--medium-grey);
}
::selection {
	color: white;
	background-color: var(--medium-grey);
}
::-moz-selection {
	color: white;
	background-color: var(--medium-grey);
}



/*	------------------------------
 * 	LAYOUT: Body Styles 
 *	--------------------------- */
body.layout-boxed .container { max-width: 1200px; }

/*	------------------------------
 *	LIGHT Mode Colors
 *	--------------------------- */
body .elementor-heading-title {
	color: var(--xdark-grey);
}
body .elementor-widget-text-editor {
	color: var(--dark-grey);
}

/*	------------------------------
 * 	DARK Mode Colors
 *	--------------------------- */
body.dark-mode,
body.dark-mode .page-wrapper {
	background-color: black;
}
body.dark-mode {
	color: var(--light-grey) !important;
}
body.dark-mode .elementor-heading-title {
	color: white;
}
body.dark-mode .elementor-widget-text-editor {
	color: var(--light-grey);
}




/*	------------------------------
 * 	HEADER: Styles 
 *	--------------------------- */
#masthead .elementor-widget-theme-etheme_site-logo img {
	width: 100%; height: auto;
}
#masthead .etheme-elementor-menu .item-design-mega-menu .nav-sublist-dropdown {
	padding: 30px 0;
}
#masthead .etheme-elementor-menu .item-design-mega-menu .nav-sublist-dropdown {
	border-top: 10px solid #FFF;
}
body.dark-mode #masthead .etheme-elementor-menu .item-design-mega-menu .nav-sublist-dropdown {
	border-top: 10px solid #000;
}
body.dark-mode #masthead .etheme-elementor-nav-menu li.item-design-dropdown span.elementor-item:hover {
    color: #FFF !important;
}


/*	------------------------------
 * 	HEADER: Megamenu 
 *	--------------------------- */
#masthead .etheme-elementor-menu .item-design-mega-menu .nav-sublist-dropdown {
	padding: 12px 0 0;
	border: 0 none; background: none;
}
#masthead .etheme-elementor-menu .item-design-mega-menu .nav-sublist-dropdown ul {
	margin-bottom: 5px;
}
#masthead .etheme-elementor-menu .item-design-mega-menu .nav-sublist-dropdown .container {
	max-width: 960px;
	background-color: #FFF;
	border-top: 1px solid #D9D9D9;
}





/*	------------------------------
 * 	FOOTER: Styles 
 *	--------------------------- */
#colophon .footer-middle .elementor-widget-nav-menu {
	max-width: 200px;
}
#colophon .elementor-widget-social-icons .elementor-icon {
	color: var(--dark-grey);
	background-color: transparent;
}
#colophon .elementor-widget-social-icons .elementor-icon:hover { color: var(--endtex-blue); }
#colophon .elementor-widget-social-icons .elementor-icon .e-font-icon-svg { fill: var(--dark-grey); }
#colophon .elementor-widget-social-icons .elementor-icon:hover .e-font-icon-svg { fill: var(--endtex-blue); }




/*	------------------------------
 * 	GLOBAL: Container Sections
 *	--------------------------- */

 /* Collapse code block containers */
#section_code {
	height: 0; margin: 0;
	visibility: hidden;
}

/* Default Hero Section */
#section_hero {
	min-height: 22.65vw;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: var(--dark-grey);
	background-position: center center;
}

/* Section Headers */
.section-header {
	margin: 0 0 50px;
	overflow: visible;
	padding: 25px 0 28px 0;
	background-color: var(--light-grey);
}
.section-header:after {
	content: " ";
	position: absolute;
	bottom: -32px;  height: 32px;
	width: 48px; left: calc(50% - 24px);
	clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.section-header .section-heading .elementor-heading-title {
	font-size: 42px; font-weight: 500;
}

/* Colors */
.section-header { background-color: var(--light-grey); }
.dark-mode .section-header { background-color: var(--dark-grey); }
.section-header:after { background-color: var(--light-grey); }
.dark-mode .section-header:after { background-color: var(--dark-grey); }
.section-header .section-heading .elementor-heading-title { color: var(--dark-grey); }
.dark-mode .section-header .section-heading .elementor-heading-title { color: white; }

@media screen and (min-width: 1921px) {
	.section-header .section-heading .elementor-heading-title { font-size: 42px; }
}
@media screen and (max-width: 1920px) {
	.section-header .section-heading .elementor-heading-title { font-size: 36px; }
}




/*	------------------------------
 * 	BLOG: Archive & Posts
 *	--------------------------- */
body.blog .content-grid.blog-post .post-heading h2,
body.archive .content-grid.blog-post .post-heading h2 {
	font-size: 1.5rem;
	font-weight: bold;
}

body.single-post h1.title { display: none; }
body.single-post .page-heading .breadcrumbs a { font-size: 32px; }
body.single-post .page-heading .breadcrumbs .delimeter { font-size: 16px; }
body.single-post .elementor-widget-image .wp-caption-text {
	padding: 7px; background: #F0F0F0;
	font-size: 14px !important; line-height: 1;
}




/*	------------------------------
 * 	PORTFOLIO: Project Archive
 *	--------------------------- */


/*	------------------------------
 * 	PORTFOLIO: Single Project
 *	--------------------------- */
.single-etheme_portfolio .column-graphic {
	padding: 2px;
	margin-bottom: 10px;
	border: 1px solid; border-radius: 5px;
}
  
.single-etheme_portfolio .column-heading .elementor-heading-title {
	font-weight: 500;
	font-size: 30px; line-height: 1.15;
}
.single-etheme_portfolio #section_more .elementor-heading-title {
	font-size: 20px;
	font-weight: 600; }
}

.single-etheme_portfolio .elementor-widget-text-editor ul { margin-left: 20px; }
.single-etheme_portfolio .elementor-widget-text-editor li { margin-bottom: 15px; }
.single-etheme_portfolio #section_intro .elementor-widget-text-editor li { margin-bottom: 5px; }

.single-etheme_portfolio #section_features > .e-con-inner > .e-con.e-child { margin-bottom: 20px; }
.single-etheme_portfolio #section_features > .e-con-inner > .e-child:nth-child(2n) { padding-left: 20px; }
.single-etheme_portfolio #section_features > .e-con-inner > .e-child:nth-child(2n+1) { padding-right: 20px; }

.single-etheme_portfolio #section_samples .wp-caption {
	position: relative;
	border: 1px solid; border-radius: 5px;
}
.single-etheme_portfolio #section_samples .wp-caption a {
	padding: 5px;
	border-radius: 5px;
}
.single-etheme_portfolio #section_samples .wp-caption .wp-caption-text {
	color: white;
	padding: 5px;
	position: absolute;
	left: 5px; right: 5px; 
	bottom: 5px; height: auto;
}

/* Content Colors */
.single-etheme_portfolio .column-graphic { border-color: var(--border-grey); }
.single-etheme_portfolio .column-heading .elementor-heading-title { color: var(--dark-grey); }

.single-etheme_portfolio #section_more .elementor-heading-title { color: var(--endtex-blue); }
.single-etheme_portfolio #section_samples .wp-caption { border-color: var(--border-grey); }
.single-etheme_portfolio #section_samples .wp-caption a:hover { background-color: var(--xdark-grey); }
.single-etheme_portfolio #section_samples .wp-caption a + .wp-caption-text { background-color: rgba(0,0,0, .75); }
.single-etheme_portfolio #section_samples .wp-caption a:hover + .wp-caption-text { background-color: rgba(0,0,0, 1.0); }

.single-etheme_portfolio.dark-mode .column-graphic { border-color: var(--dark-grey); }
.single-etheme_portfolio.dark-mode .column-heading .elementor-heading-title { color: white; }
.single-etheme_portfolio.dark-mode #section_samples .wp-caption { border-color: var(--dark-grey); }
.single-etheme_portfolio.dark-mode #section_samples .wp-caption a:hover { background-color: var(--light-grey); }
.single-etheme_portfolio.dark-mode #section_samples .wp-caption a + .wp-caption-text { color: #000; background-color: rgba(255,255,255, .75); }
.single-etheme_portfolio.dark-mode #section_samples .wp-caption a:hover + .wp-caption-text { color: #000; background-color: rgba(255,255,255, 1.0); }


/*	------------------------------
 * 	FORMS: Contact Form 7
 *	--------------------------- */
body:not(.page-id-20) .grecaptcha-badge { display: none; }






/*	------------------------------
 * 	Woo: Main Shop Page
 *	--------------------------- */
#cont_cat-icons .etheme-category-grid-image:hover {
	border: 1px solid var(--dark-grey);
	background-color: rgba(35, 170, 216, .15);
}
#cont_shop-page .cont_sidebar .etheme_widget_cats_filter {
	padding-bottom: 15px;
	border-bottom: 1px solid #D9D9D9;
}
#cont_shop-page .cont_sidebar .wpc-filter-content .wpc-filters-widget-select {
	min-height: 45px;
}

#cont_cat-icons .etheme-category-grid-image .etheme-category-ajax { display: block; }
#cont_shop-page .etheme-product-grid .etheme-product-grid-categories,
#cont_shop-page .woocommerce-shop .content-product .products-page-brands { display: none; }


/* Special: Color Filter handling */
body.color-filter-active #cont_shop-page .elementor-widget-woocommerce-etheme_archive_products {
    height: 0; overflow: hidden; visibility: hidden;
}

#enduratex-swatch-output { display: none; }

#cont_shop-page .enduratex-color-product { width: 100%; margin-bottom: 40px; }
#cont_shop-page .enduratex-swatches-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; }
#cont_shop-page .enduratex-product-title {
	margin-bottom: 15px; 
	font-size: 16px; font-weight: bold;
	text-transform: uppercase; letter-spacing: 1px; 
	padding-bottom: 10px; border-bottom: 1px solid #eee; 
}
#cont_shop-page .enduratex-product-title a { color: inherit; text-decoration: none; }

#cont_shop-page .enduratex-swatch-card { text-align: center; }
#cont_shop-page .enduratex-swatch-card a { display: block; text-decoration: none; color: inherit; }
#cont_shop-page .enduratex-swatch-card img { display: block; width: 100%; border-radius: 5px; border: 1px solid #eee; }
#cont_shop-page .enduratex-swatch-card img:hover { border-color: #333; }
#cont_shop-page .enduratex-swatch-card a:hover { border-radius: 5px; border: 1px solid #D9D9D9; background-color: #292929; }
#cont_shop-page .enduratex-swatch-card .enduratex-swatch-name {
	padding: 5px; 
	display: block; 
	color: #333; font-size: 15px; 
}
#cont_shop-page .enduratex-swatch-card a:hover .enduratex-swatch-name { color: #FFF; }

@media (max-width: 768px) {
	#cont_shop-page .enduratex-swatches-grid { grid-template-columns: repeat(3, 1fr); }
}



/*	------------------------------
 * 	Woo: Single Product Page
 *	--------------------------- */
.product .product_meta > div,
.product .product_meta > span {
	margin-bottom: 15px;
	display: block; width: 100%;
}
.product .product_meta .detail-label {
	color: #000; font-weight: bold;
}

/* Category Names under large thumbnail */
.product .product_meta > span > span { display: inline; }
.product .product_meta > span > span > span { color: #454545; }
.product .woocommerce-product-details__short-description p { font-size: 16px; line-height: 1.35em; }

.product .iconic-cffv-field { display: none; }
.product .variations_form .st-swatch-preview { text-align: left; }

.etheme-add-to-cart-form .variations {
	position: relative;
	margin-top: 50px;
}
.etheme-add-to-cart-form .variations td {
	padding-left: 0;
}
.etheme-add-to-cart-form .variations th {
	position: absolute;
	margin: 0; padding: 10px;
	left: 0; top: -50px; width: 100%;
	background-color: var(--xdark-grey);
}
.etheme-add-to-cart-form .variations th label { margin-bottom:0; }
.etheme-add-to-cart-form .variations th label,
.etheme-add-to-cart-form .variations .vi-wpvs-label-selected-separator { color: white; }
.etheme-add-to-cart-form .variations .vi-wpvs-label-selected-title { color: var(--bright-blue); }
.etheme-add-to-cart-form .variations th.label label[data-swatch-name]:after { 
	font-size: 1em;
	color: var(--bright-blue);
}
.etheme-add-to-cart-form .variations td.value { text-align: left; }

.etheme-add-to-cart-form .variations .st-swatch-preview li:hover {
	border-color: var(--xdark-grey);
	background-color: var(--dark-grey);
}
.etheme-add-to-cart-form .variations .st-swatch-preview li:hover:after {
	color: #fff;
	font-weight: bold;
	background-color: var(--endtex-blue);
}
.etheme-add-to-cart-form .variations .st-swatch-size-large .type-image {
	width: 170px; height: 170px;
}
.etheme-add-to-cart-form .variations .st-swatch-size-large .type-image:after {
	display: block;
	position: absolute;
	bottom: 2px; left: 2px; right: 2px;
	padding: 5px 10px; border: 0 none;
	opacity: 1; transform: none; visibility: visible;
}
.etheme-add-to-cart-form .variations .st-swatch-size-large .type-image.selected:after {
	color: #FFF;
	background-color: #292929;
}
/* Move Sample Card swatch to end */
#product-info .variations_form .st-swatch-preview {
	display: flex;
	flex-wrap: wrap;
}
#product-info .variations_form .st-swatch-preview .type-image[data-tooltip="Sample Card"] {
	order: 999;
}

/* Left Side Image View */
.swiper-entry .main-images {
	margin-bottom: 0;
}
.swiper-entry .swiper-container.swiper-control-bottom.second-initialized li.thumbnail-item {
	opacity: 1; 
}
.swiper-entry .thumbnails-list .swiper-slide > span,
.swiper-entry .thumbnails-list .swiper-slide > span > img {
	transition: all 0.5s ease-in-out
}
.swiper-entry .thumbnails-list .swiper-slide:hover>span {
	transform: none;
	background-color: var(--endtex-blue);
}
.swiper-entry .thumbnails-list .swiper-slide:hover>span > img {
	transform: scale(90%);
}

.woocommerce-tabs .tabs-nav li:last-child { display: none; }
.woocommerce-tabs .wc-tabs .et-woocommerce-tab { display: none; }
.woocommerce-tabs .tab-additional_information { display: none; }
.woocommerce-tabs .e-n-tabs .e-n-tabs-heading { padding: 0 15px; }

.fr-tabs .e-n-tabs .spec-list ul,
.nfr-tabs .e-n-tabs .spec-list ul {
    padding-left: 0;
	list-style: none;
    list-style-position: inside;
}
.fr-tabs .e-n-tabs .spec-list ul li strong {
	width: 400px;
	display: inline-block;
}
.nfr-tabs .e-n-tabs .spec-list ul li strong {
	width: 300px;
	display: inline-block;
}

@media screen and (max-width: 1024px) {
	.single-product .product .elementor-top-column:first-child {
		max-width: 600px; margin: 0 auto;
	}
}
@media screen and (max-width: 767px) {
	.single-product .product .elementor-top-column:first-child {
		max-width: 400px; 
	}
}


/*	------------------------------
 * 	Woo: Cart Page
 *	--------------------------- */
/* Page Content Width */
.woocommerce-cart.layout-boxed .container { max-width: 1500px; }

/* Hide Table Price column */
.woocommerce-cart .woocommerce-cart-form .product-price { display: none; }

/* Modify cart totals container */
.woocommerce-cart .etheme-elementor-cart-page-totals { max-width: 480px; }
.woocommerce-cart .etheme-elementor-cart-page-totals .cart_totals {
	border-radius: 10px; border-color: #D9D9D9 !important;
}

/* Fix Proceed to Checkout button colors */
.woocommerce-cart .wc-proceed-to-checkout .checkout-button { color: #FFF; }
.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover { background-color: var(--endtex-blue); }


/*	------------------------------
 * 	Woo: Checkout Page
 *	--------------------------- */
/* Returning User: Login option */
.woocommerce-checkout #page-content .etheme-elementor-cart-checkout-page-login-form { display: none; }

/* Mailjet opt-in checkbox line */
#mailjet_woo_subscribe_ok_field { padding-top: 25px; }

/* Ship to a different address checkbox */
.woocommerce-checkout #ship-to-different-address { display: none; }

/* Left column forms */
.woocommerce-checkout #page-content .woocommerce-billing-fields,
.woocommerce-checkout #page-content .woocommerce-shipping-fields {
	padding: 20px;
	background-color: #F0f0f0;
	border: 1px solid #D9D9D9; border-radius: 10px;
}
.woocommerce-checkout #page-content .woocommerce-account-fields,
.woocommerce-checkout #page-content .woocommerce-billing-fields,
.woocommerce-checkout #page-content .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout #page-content .woocommerce-shipping-fields .shipping_address_wrapper {
	margin-bottom: 50px;
}

/* Extra custom fieldset for shipping account info */
.woocommerce-checkout #page-content .woocommerce-shipping-fields .enduratex-shipping-account {
	padding: 20px 0 20px;
	border-top: 1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;	
}
.woocommerce-checkout #page-content .woocommerce-shipping-fields .enduratex-shipping-account::after {
	clear: both; content: ''; display: table;
}

/* Right column order details */
.woocommerce-checkout #page-content .cart-order-details .order-review {
	padding: 20px;
	border-radius: 10px;
	border-color: #D9D9D9;
}

/* After Order Placed => Review Page: */
.woocommerce-checkout #page-content .woocommerce-order .col2-set .col-1,
.woocommerce-checkout #page-content .woocommerce-order .col2-set .col-2 {
    width: auto;
}




/*	------------------------------
 * 	SEARCH: Result styles
 *	--------------------------- */

/* No results found banner */
body.search .woocommerce-info {
    border-color: #D9D9D9;
    background-color: transparent;
    color: #565656; font-size: 14px;
}
body.search .woocommerce-info::before { color: #ccc; }

/* Variation Based Search Results */
#searched-variations .enduratex-color-product { width: 100%; margin-bottom: 40px; }
#searched-variations .enduratex-swatches-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; }
#searched-variations .enduratex-product-title {
	margin-bottom: 15px; 
	font-size: 16px; font-weight: bold;
	text-transform: uppercase; letter-spacing: 1px; 
	padding-bottom: 10px; border-bottom: 1px solid #eee; 
}
#searched-variations .enduratex-product-title a { color: inherit; text-decoration: none; }

#searched-variations .enduratex-swatch-card { text-align: center; }
#searched-variations .enduratex-swatch-card a { display: block; text-decoration: none; color: inherit; }
#searched-variations .enduratex-swatch-card img { display: block; width: 100%; border-radius: 5px; border: 1px solid #eee; }
#searched-variations .enduratex-swatch-card img:hover { border-color: #333; }
#searched-variations .enduratex-swatch-card a:hover { border-radius: 5px; border: 1px solid #D9D9D9; background-color: #292929; }
#searched-variations .enduratex-swatch-card .enduratex-swatch-name {
	padding: 5px; 
	display: block; 
	color: #333; font-size: 15px; 
}
#searched-variations .enduratex-swatch-card a:hover .enduratex-swatch-name { color: #FFF; }

@media (max-width: 768px) {
	#searched-variations .enduratex-swatches-grid { grid-template-columns: repeat(3, 1fr); }
}