/* 
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 */
html {
    overflow-x: clip;
}
body{
/* 	overscroll-behavior: none; */
	overflow-x: hidden !important;
}
p, a{
	letter-spacing: 0.5px;
}
.swiper-slide{
	transition: 0.5s ease;
}
.swiper-slide:last-child{
	transform: translatex(-65px);
}
.swiper-slide:last-child.swiper-slide-active{
	transform: translatex(0px);
}

.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;
}
.elementor-background-video-container video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !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;
}
/* .logo-decorative{
	top: unset !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 12px center;
    background-size: 12px 8px;
    background-repeat: no-repeat;
	font-family: "Grotesc";
	appearance: none;
	padding: 10px 30px;
	outline: none;
	width: 208px;
}

/* ======================== Nav ======================================= */
.btn-mobile-nav {
    width: 50px;
    height: 50px;
	position: relative;
	display: flex;
    align-items: center;
    justify-content: end;
	cursor: pointer;
}
.burger-line{
	width: 17px;
	height: 1px;
	background: #000;
	position: relative;
	display: block;
	transition: 0.5s ease;
}
.burger-line:before, .burger-line:after{
	content: '';
	width: 17px;
	height: 1px;
	background: #000;
	position: absolute;
	transition: 0.5s ease;
}
.burger-line:before{
	top: -5px;
	left: 0;
}
.burger-line:after{
	bottom: -5px;
	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;
	height: 100vh;
	margin-top: 90px;
}
.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: linear !important;
}
.x-content{
	transition: linear !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: 1000px) and (max-width: 1400px) {
  .post-short-title {
    width: 100% !important;
  }

  .work-hover {
    display: none;
  }
	.text-about{
		font-size: 18px !important;
	}
	.text-14{
		font-size: 14px !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 .post-short-title span{
		transition: 0.4s ease;
	}
	.work-item:hover .post-short-title span{
		font-size: 10px !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: 25vw;
  margin-left: 10%;
  margin-top: 0;
  transform: translateY(0);
}

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

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

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

.image-floating .floating-5 {
  width: 20vw;
  margin-left: 2%;
  margin-top: -90px;
/*   min-height: 50px !important; */
}

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

.floating-small{
	min-height: 250px;
	object-fit: contain;
}

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

.custom-img-43 img{
	aspect-ratio: 4/5;
}
.wpcf7 form .wpcf7-response-output {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.single-post-img img{
	aspect-ratio: 4/5;
	object-fit: cover;
}
/* ================================== Footer ==================================== */
.elementor-widget-icon-list ul li a{
	text-decoration-color: #444 !important;
}

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

	.image-floating .floating-2 {
	  width: 42vw;
	  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: -30px;
	}

	.image-floating .floating-5 {
	  width: 33vw;
	  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;
	}
	.custom-dropdown-filter{
		padding: 10px 5px !important;
	}
	.swiper-slide{
		transition: 0.5s ease;
	}
	.swiper-slide:last-child{
		transform: translatex(-25px);
	}
	.swiper-slide:last-child.swiper-slide-active{
		transform: translatex(0px);
	}
}

/* Tablet Horozontal */
@media screen and (min-width: 768px) and (max-width: 1244px) and (orientation: landscape) {
	.decorative-logo-desktop{
		margin-bottom: 75px !important;
	}
}

/* Landscape under tablet */
@media only screen and (min-width: 767px) and (max-width: 991.98px) and (orientation: landscape) {
	.home-featured{
		min-height: 1600px !important;
	}
	.home-featured-2{
		min-height: 1700px !important;
	}
	.decorative-logo-desktop{
		margin-bottom: 0px !important;
	}
}

@media screen and (min-width: 1920px){
	.x-content{
		transition: linear !important;
	}
	.text-about p{
		max-width: 600px !important;
	}
	.single-post-img{
		width: 93%;
	}
	
	/* Floating pattern classes */
	.image-floating .floating-1 {
	  width: 30vw;
	  margin-left: 10%;
	  margin-top: 0;
	  transform: translateY(0);
	}

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

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

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

	.image-floating .floating-5 {
	  width: 22vw;
	  margin-left: 2%;
	  margin-top: -90px;
	/*   min-height: 50px !important; */
	}

	.image-floating .floating-6 {
	  width: 28vw;
	  margin-right: 15%;
	  margin-top: -50px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1244px){
	.video-mobile{
		overflow: hidden;
	}
	
	.video-mobile .elementor-background-video-container{
		scale: 1.3;
	}
}

/* Tablet Vertical (Portrait) */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    
    /* Floating pattern classes */
	.image-floating .floating-1 {
	  width: 34vw;
	  margin-left: 10%;
	  margin-top: 0;
	  transform: translateY(0);
	}

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

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

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

	.image-floating .floating-5 {
	  width: 25vw;
	  margin-left: 2%;
	  margin-top: -90px;
	/*   min-height: 50px !important; */
	}

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

}

/* Chrome Phone */
@media (max-width: 768px) {
  @supports (-webkit-appearance:none) and (not (font:-apple-system-body)) {
    
	  .logo-decorative{
		  margin-bottom: 150px;
	  }

  }
}

@media (min-width: 769px) and (max-width: 991.98px) and (orientation: landscape) {
  @supports (-webkit-appearance:none) and (not (font:-apple-system-body)) {
    
	  .logo-decorative{
		  margin-bottom: 50px !important;
	  }

  }
}