/*
Theme Name: GQC Homes
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.1.1747624834
Updated: 2025-05-19 03:20:34
*/

/***
* class: .sticky-header
*/
header.sticky-header {
	--header-height: 110px;
	--shrink-header-to: 0.6;
	--transition: all 0.4s ease-out;
	background-color: rgba(35, 31, 32, 1);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}

/***
* Sticky header activated
*/
header.sticky-header.elementor-sticky--effects {
	background-color: rgba(35, 31, 32, .8) !important;
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
header.sticky-header > .e-con-inner {
	min-height: var(--header-height);
	transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .e-con-inner {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/***
* class: .logo
*/
header.sticky-header .logo img {
	transition: var(--transition);
}
header.sticky-header.elementor-sticky--effects .logo img {
	transform: scale(.8);
	max-width: 230px;
}

::placeholder {
	color: red;
	opacity: 1; /* Firefox */
}
::-ms-input-placeholder { /* Edge 12-18 */
}

/* Flip box */
.outer-div {
	--height: 510px;
	--bottom: -350px;
	overflow: hidden !important;
}
.outer-div .main-info {
	bottom: 0;
	transition: .6s ease-in-out;
}
/*Hover Hide/Show CSS*/
.outer-div .main-info{
	bottom: var(--bottom);
}
.outer-div:hover .main-info{
	bottom: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	header.sticky-header {
		--header-height: 80px;
	}

	.outer-div {
		--height: 420px !important;
		--bottom: -290px;
	}
}

@media only screen and (max-width: 767px) {
	header.sticky-header {
		--header-height: 70px;
	}
	header.sticky-header.elementor-sticky--effects .logo img {
		max-width: 100px;
	}

	.outer-div {
		--height: 400px;
		--bottom: -280px;
	}
}