/*
Theme Name: Chroma Child Theme
Theme URI: http://chroma.themerex.net/
Description: Chroma is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: ThemeREX
Author URI: http://themerex.net/
Version: 1.17.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: wedding, fashion, fashion photography, gallery, photo, photo gallery, photo studio, photography studio, photographer, photography, photography agency, photography portfolio, photography theme, portfolio wordpress, creative
Text Domain: chroma
Template: chroma
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* Transparent overlaid header */
body.home.header_position_over .top_panel,
body.home.header_position_over .top_panel .sc_layouts_row,
body.home.header_position_over .top_panel .elementor-section {
	background: transparent !important;
	background-color: transparent !important;
}

body.home.header_position_over .top_panel {
	top: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.home.header_position_over .page_content_wrap {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Hero section aligned to top */
body.home .elementor-element-0e4e6e4.elementor-section-items-middle,
body.home .elementor-element-0e4e6e4 > .elementor-container {
	align-items: stretch !important;
}

body.home .elementor-element-0e4e6e4 {
	min-height: 100vh;
	min-height: 100dvh;
	margin: 0 !important;
	padding: 0 !important;
}

body.home .elementor-element-0e4e6e4 > .elementor-container,
body.home .elementor-element-0e4e6e4 .elementor-column,
body.home .elementor-element-0e4e6e4 .elementor-widget-wrap {
	min-height: inherit;
	margin: 0 !important;
	padding: 0 !important;
}

.rs-p-wp-fix {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
}

@media (max-width: 767px) {
	body.home.header_position_over .elementor-18858 .elementor-element-05c6524 {
		margin: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 10px !important;
		background: transparent !important;
	}

	body.home.header_position_over .sc_layouts_row_type_compact {
		padding-top: 0 !important;
	}

	/*
	 * Fixed mobile viewport:
	 * - screen height stays stable (no jump / no white gap at bottom)
	 * - page content (banner + sections below) scrolls inside it
	 */
	html {
		height: 100% !important;
		overflow: hidden !important;
		background: #100f17 !important;
	}

	html[style*="overflow: hidden"] {
		overflow: hidden !important;
	}

	body.home {
		height: 100% !important;
		max-height: 100svh !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-y: none;
		position: relative !important;
		background: #100f17 !important;
	}

	body.home .body_wrap,
	body.home .page_wrap {
		min-height: 100% !important;
		height: auto !important;
		overflow: visible !important;
		background: #100f17 !important;
	}

	body.home .page_content_wrap,
	body.home .content_wrap_fullscreen,
	body.home .content {
		overflow: visible !important;
		height: auto !important;
	}

	/* Banner uses stable small viewport height (avoids mobile URL-bar white gap) */
	body.home .elementor-element-0e4e6e4 {
		min-height: 100svh !important;
		height: 100svh !important;
	}

	body.home .elementor-element-0e4e6e4 > .elementor-container,
	body.home .elementor-element-0e4e6e4 .elementor-column,
	body.home .elementor-element-0e4e6e4 .elementor-widget-wrap {
		min-height: 100% !important;
		height: 100% !important;
	}

	/*
	 * Vertical swipe on the banner changes slides (RevSlider direction=vertical).
	 * touch-action:none lets the slider receive the gesture.
	 */
	body.home #rev_slider_3_1_wrapper,
	body.home #rev_slider_3_1,
	body.home rs-module-wrap,
	body.home rs-module,
	body.home rs-slides,
	body.home rs-slide,
	body.home .slider_wrap,
	body.home .sc_widget_slider,
	body.home .elementor-element-0e4e6e4 {
		touch-action: none !important;
	}


}