/* 
Theme Name: Iluminen Child
Description: -
Author: AW Bali Digital
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
body{
	overscroll-behavior: none;
	overflow-x: hidden;
}

.m-0, .m-0 p{
	margin: 0 !important;
}
.gsap-marker-start,
.gsap-marker-end,
.gsap-marker-scroller-start,
.gsap-marker-scroller-end {
  z-index: 999999 !important;
  position: relative !important;
}

.photoFrame{
	position: relative;
    overflow: hidden;
}
.photoFrame .mask{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #FBF3F3;
	top: 0;
	right: 0;
	z-index: 2;
}
.grotesc{
	font-family: "Grotesc" !important;
}

.grecaptcha-badge{
	display: none;
}

.force-active > a,
.force-active > a:visited {
    color: #000 !important;
    font-weight: 600;
}

.hoverImg{
	overflow: hidden;
}
.hoverImg img{
	scale: 1 !important;
	transition: scale 0.7s cubic-bezier(0.40,0.00,0.20,1.00);
}
.hoverImg:hover img{
	scale: 1.05 !important;
}

/* Custom Filter */
.custom-dropdown-filter{
	border: none;
    background: none;
    color: #444444 !important;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2712%27%20height%3D%278%27%20viewBox%3D%270%200%2012%208%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M1%201l5%205%205-5%27%20stroke%3D%27%23999%27%20stroke-width%3D%272%27%20fill%3D%27none%27%20fill-rule%3D%27evenodd%27%2F%3E%3C%2Fsvg%3E);
    background-position: right 2px center;
    background-size: 12px 8px;
    background-repeat: no-repeat;
	font-family: "Grotesc";
	appearance: none;
	padding-right: 25px;
	outline: none;
}

/* ======================== Nav ======================================= */
.btn-mobile-nav {
    width: 50px;
    height: 50px;
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
}
.burger-line{
	width: 25px;
	height: 2px;
	background: #000;
	position: relative;
	display: block;
	transition: 0.5s ease;
}
.burger-line:before, .burger-line:after{
	content: '';
	width: 25px;
	height: 2px;
	background: #000;
	position: absolute;
	transition: 0.5s ease;
}
.burger-line:before{
	top: -10px;
	left: 0;
}
.burger-line:after{
	bottom: -10px;
	left: 0;
}
.btn-mobile-nav.active .burger-line {
    transform: rotate(45deg);
}
.btn-mobile-nav.active .burger-line:before {
    transform: rotate(90deg);
	top: 0px;
}
.btn-mobile-nav.active .burger-line:after {
    transform: rotate(90deg);
	bottom: 0px;
}
.mobile-overlay{
	left: -100% !important;
	z-index: 99;
	transition: 0.7s ease;
}
.mobile-overlay.active{
	left: 0% !important;
}

.elementor-nav-menu--main .elementor-item{
	color: #000 !important;
}

.elementor-nav-menu--main .elementor-item.elementor-item-active{
	font-family: 'Sentient' !important;
    font-style: italic;
}

/*========================= About Us ================================== */
.x-container {
  overscroll-behavior: none;
  width: 600%;
	transition: none !important;
}

/* ====================== Single Post ================================= */
.elementor-widget-theme-post-content p:first-child{
	display: none;
}
.work-hover {
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease !important;
}

.work-item:hover .work-hover {
  opacity: 1;
  visibility: visible;
}

.work-item{
	transition: 0.5s ease;
}
.square-image img {
  aspect-ratio: 1 / 1;
  width: 100%; 
  object-fit: cover; 
}

.custom-filter-dropdown{
	border: none !important;
    background-color: transparent !important;
    font-family: "Grotesc";
    font-weight: 400 !important;
}
.custom-filter-dropdown:focus{
	outline: none !important;
}

@media only screen and (min-width: 1200px){
	.work-gallery:has(.work-item:hover) .work-item {
	  opacity: 0.5;
	  transform: scale(1);
	}

	/* Highlight hovered one */
	.work-item:hover {
	  opacity: 1 !important;
	  transform: scale(1.25) !important;
	  z-index: 2;
	}
	.post-short-title span{
		transition: 0.5s ease;
	}
	.work-item:hover .post-short-title span{
		font-size: 13px !important;
	}
}

/* ====================== Image Scramble ============================== */
.parallax-wrap {
  position: relative;
  overflow: hidden;
  margin-bottom: 2rem; /* adjust spacing between images */
}

.image-floating {
  position: relative;
}

.image-floating img {
  position: relative;
  display: block;
  opacity: 0;
  transition: opacity 1s ease, transform 1s ease;
  margin: 0 auto;
}

.image-floating img.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Floating pattern classes */
.image-floating .floating-1 {
  width: 20vw;
  margin-left: 10%;
  margin-top: 0;
  transform: translateY(0);
}

.image-floating .floating-2 {
  width: 20vw;
  margin-left: auto;
  margin-right: 2%;
  margin-top: -50px;
}

.image-floating .floating-3 {
  width: 35vw;
  margin-left: 15%;
  margin-top: -60px;
}

.image-floating .floating-4 {
  width: 20vw;
  margin-left: auto;
  margin-right: 5%;
  margin-top: -90px;
}

.image-floating .floating-5 {
  width: 20vw;
  margin-left: 2%;
  margin-top: -90px;
}

.image-floating .floating-6 {
  width: 37vw;
  margin-right: 0%;
  margin-top: -50px;
}

/* ================================ Contact ===================================== */
input.wpcf7-form-control, textarea.wpcf7-form-control {
    margin-bottom: 15px;
    border: none;
    border-bottom: 2px solid;
    background: none;
    border-radius: 0;
    padding-left: 0;
    font-family: "sentient";
    font-size: 16px;
}
input:focus, textarea.wpcf7-form-control:focus{
	outline: none;
}
.country-email{
	display: none;
}
.choices__inner{
	border-radius: 0 !important;
	background: none !important;
	border: none !important;
	border-bottom: 2px solid !important;
	padding: 7.5px 0 !important;
	font-family: "sentient" !important;
    font-size: 16px !important;
}
.wpcf7-submit{
	padding: 8px 16px !important;
	background: #000 !important;
	color: #FFF;
	border-bottom: none !important;
}

/* ================================== Footer ==================================== */
.elementor-widget-icon-list ul li a{
	text-decoration-color: #444 !important;
}

/* ===================================== Mobile ====================================== */
@media only screen and (max-width: 767px){
	/* Floating pattern classes */
	.image-floating .floating-1 {
	  width: 30vw;
	  margin-left: 0%;
	  margin-top: 0;
	  transform: translateY(0);
	}

	.image-floating .floating-2 {
	  width: 50vw;
	  margin-left: auto;
	  margin-right: 0%;
	  margin-top: -40px;
	}

	.image-floating .floating-3 {
	  width: 40vw;
	  margin-left: 5%;
	  margin-top: -50px;
	}

	.image-floating .floating-4 {
	  width: 35vw;
	  margin-left: auto;
	  margin-right: 5%;
	  margin-top: -50px;
	}

	.image-floating .floating-5 {
	  width: 20vw;
	  margin-left: 2%;
	  margin-top: 0px;
	}

	.image-floating .floating-6 {
	  width: 37vw;
	  margin-right: 0%;
	  margin-top: -40px;
	}
	
	.custom-filter-dropdown{
		padding: 10px 5px !important;
	}
}