/*!
Theme Name:   Hellix Child
Theme URI:    https://madrasthemes.com/hellix/
Author:       MadrasThemes
Author URI:   https://madrasthemes.com/
Description:  Child Theme of Hellix - Modern Architecture & Interior Design Elementor WordPress Theme. Hellix is a niche WordPress Theme built distinctively for Architects and Interior Designers. Whether you are an individual or a corporate, Hellix is the theme for you to showcase your portfolio. Use Hellix to exhibit your Elevations, Floor Plans, Interior designs, 3D drawings, Product designs, etc.
Version:      1.0.19
Tested up to: 5.8
Requires PHP: 7.0
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Template:     hellix
Text Domain:  hellix-child
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, footer-widgets, sticky-post, theme-options, editor-style
*/

/* Static-export override: keep the home hero image responsive and correctly cropped. */
.mainSlider.-type-2 {
	height: min(100vh, 860px);
}

.mainSlider.-type-2 .swiper-slide,
.mainSlider.-type-2 .mainSlider__image {
	height: 100%;
}

.mainSlider.-type-2 .mainSlider__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

@media (max-width: 991px) {
	.mainSlider.-type-2 {
		height: 78vh;
		min-height: 460px;
	}
}

@media (max-width: 767px) {
	.mainSlider.-type-2 {
		height: 70vh;
		min-height: 380px;
	}

	/* Mobile hero: keep CTA centered and remove slide counters. */
	body.home .mainSlider.-type-2 .mainSlider__button {
		display: flex;
		justify-content: center;
	}

	body.home .mainSlider.-type-2 .mainSlider__button .button {
		margin-left: auto;
		margin-right: auto;
	}

	body.home .mainSlider.-type-2 .mainSlider-nav,
	body.home .mainSlider.-type-2 .mainSlider-pagination,
	body.home .mainSlider.-type-2 .pagination.-slider {
		display: none !important;
	}
}

/* Home hero CTA alignment: keep Read More centered across slides. */
body.home .mainSlider.-type-2 .mainSlider__button {
	display: flex;
	justify-content: center;
}

/* Remove header search from static export across all pages. */
.header .header__search,
.headerSearch,
.js-headerSearch,
.js-headerSearch-open,
.js-headerSearch-close,
.header .js-headerSearch-open,
.header .js-headerSearch-close {
	display: none !important;
}

/* Residential masthead: zoom out so more of the hero image is visible. */
body.page-id-12861 .page-masthead .bg-image {
	background-size: contain;
	background-position: center center;
	background-color: #111;
}

@media (max-width: 991px) {
	body.page-id-12861 .page-masthead .bg-image {
		background-size: cover;
		background-position: center 35%;
	}
}

/* Responsive header nav fallback for exported pages without built-in nav toggle markup. */
.header .js-nav-open,
.header .js-nav-close {
	display: none;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 0;
	cursor: pointer;
	padding: 0;
	line-height: 1;
}

@media (max-width: 991px) {
	.header .js-nav-open,
	.header .js-nav-close {
		display: inline-flex;
		font-size: 0.8rem;
		min-height: 44px;
		padding: 0.25rem 0.5rem;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 0.08em;
	}

	.header .header__menu .nav-toggle__text {
		font-size: 0.75rem;
		font-weight: 600;
		line-height: 1;
	}

	.header .menu:not(.is-active) .js-nav-close {
		display: none;
	}

	.header .menu.is-active ~ .header__search,
	.header .menu.is-active + .header__search {
		opacity: 0;
		pointer-events: none;
	}
}