/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 08 2025 | 08:22:54 */
/* Version  3.2 */
/***
* Shrinking Sticky header, Elementor Container edition
* class: .t_sticky_header
* This will only work with the Elementor container section
* the header uses additional 3 classes to gain higher CSS specificity and to avoid adding !important
*/


header .t_sticky_header.e-con.elementor-element {
	background-color: #FFFFFF;
	 box-shadow: 0px 0px 10px -5px #333333cc;
}


header .t_sticky_header.e-con.elementor-element.elementor-sticky--effects {
	height: 60px !important;
	min-height: 60px !important;
	background-color: #FFFFFF;
	-webkit-backdrop-filter: saturate(180%);
	backdrop-filter: saturate(180%); 
	transition: height 0.2s;
	z-index: 101;
}




header .t_sticky_header.e-con.elementor-element.elementor-sticky--effects .t_logo_subtext { 
	display:none;
}



/***
* class: .t_logo
* Add the class "t_logo" to your logo to scale your logo to 80% on scroll
*/
header .t_sticky_header .t_logo {
	transform-origin: left center;
	transform: scale(1);
	transition: transform 0.8s;
}

header .t_sticky_header .t_logo:hover {
	transform-origin: left center;
	transform: scale(1.05);
	transition: transform 0.2s;
	filter: brightness(0.8) saturate(1.2);
}


header .t_sticky_header.elementor-sticky--effects .t_logo {
  	transform-origin: left center;
	transform: scale(0.6);
	transition: transform 0.2s;
	margin: -15px 0 !important;
}

header .t_sticky_header.elementor-sticky--effects .t_logo:hover {
  	transform-origin: left center;
	transform: scale(0.55);
	transition: transform 0.2s;
}


/*
header.t_sticky_header.elementor-sticky--effects .t_logo img {
  animation: squashAtTop 0.6s linear 1 
}
@keyframes squashAtTop {
  0% {
    transform: translateY(0) scaleX(1) scaleY(1);
  }
  30% {
    transform: translateY(-20px) scaleX(1) scaleY(1); 
  }
  50% {
    transform: translateY(-20px) scaleX(1.2) scaleY(0.6); 
  }
  70% {
    transform: translateY(-20px) scaleX(0.9) scaleY(1.1); 
  }
  100% {
    transform: translateY(0) scaleX(1) scaleY(1); 
  }
}
*/


/***
* Optional: Shorter header on mobile
*/
@media only screen and (max-width: 767px) {
	header .t_sticky_header,
	header .t_sticky_header.e-con.elementor-element {
		
	}
}


/***
* Optional: Change menu font size on Scroll
*/
header .t_sticky_header.elementor-sticky--effects .elementor-nav-menu .elementor-item {
  font-size: 16px !important;
}
