/*	==================================================
	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);
}



/*	------------------------------
 *	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 .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;
}



/*	------------------------------
 * 	FOOTER: Styles 
 *	--------------------------- */
#colophon {
	background-size: 100% 150px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: var(--xlight-grey);
	background-image: url(https://dev.enduratex.space/xstore/wp-content/uploads/2025/05/bkgd_footer-02.png);
}

#colophon  > .elementor-section {
	background-color: none;
}
#colophon .footer-top > .elementor-container {
	padding-bottom: 35px;
}
#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);
}

#colophon .elementor-nav-menu .elementor-item {
	max-width: 200px;
}

@media (max-width: 992px) {
	#colophon > .footer-top > .elementor-container,
	#colophon > .footer-bottom > .elementor-container {
		padding: 0;
	}
}




/*	------------------------------
 * 	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_cat-icons .etheme-category-grid-image .etheme-category-ajax {
	display: block;
}

#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;
}


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

.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 .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: 150px; height: 150px;
}
.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;
}

.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 .wc-tabs .et-woocommerce-tab { display: none; }
.woocommerce-tabs .tabs-nav li:last-child { 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 {
    padding-left: 0;
	list-style: none;
    list-style-position: inside;
}
.fr-tabs .e-n-tabs .spec-list ul {
	width: 400px;
	display: inline-block;
}
.nfr-tabs .e-n-tabs .spec-list ul {
    padding-left: 0;
	list-style: none;
    list-style-position: inside;
}
.nfr-tabs .e-n-tabs .spec-list ul li strong {
	width: 300px;
	display: inline-block;
}