.elementor-17 .elementor-element.elementor-element-9115f0a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:-100px;--margin-left:0px;--margin-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-0cd686c img{width:100%;height:80px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-9115f0a{--z-index:9;}}/* Start custom CSS *//***
* Shrinking Sticky header, Elementor Container edition
* class: .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.sticky-header.e-con.elementor-element {
	--header-height: 100px;
	/* Set your own header height */
	--shrink-header-to: 0.8;
	/* Shrinks to 60%, values: 0.1 to 1 */
	--transition-timing: .45s cubic-bezier(.4, 0, .2, 1);
	/* values: .1s to 0.5s (or more), replace "cubic-bezier(.4, 0, .2, 1)" with "ease" if you need a simpler transition */
	background-color: transparent;
	/* Set your own background color */
	--min-height: var(--header-height);
	--transition: background-color var(--transition-timing),
		backdrop-filter var(--transition-timing),
		box-shadow var(--transition-timing),
		min-height var(--transition-timing);
}

header.sticky-header.e-con.elementor-element.elementor-sticky--effects {
	background-color: rgba(255, 185, 205, 0.8);
	/* Set your own background color on scroll */
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	/* Delete this line if you don't want shadow on scroll */
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	/* Delete this line if you don't use transparency on scroll */
	backdrop-filter: saturate(180%) blur(20px);
	/* Delete this line if you don't use transparency on scroll */
	--min-height: calc(var(--header-height) * var(--shrink-header-to));
}
/***
* class: .logo
* Add the class "logo" to your logo to scale your logo to 80% on scroll
*/
header.sticky-header .logo img,
header.sticky-header .logo.elementor-widget-theme-site-logo img,
header.sticky-header .logo .elementor-icon svg {
	--logo-height: 80px;
	/* This should be the original logo height _before_ being shrunk */
	--logo-shrink-to: 0.80;
	/* Shrinks logo to 80%, values: 0.10 to 1.00, where 1.00, as in 100%, won't shrink the logo */
	height: var(--logo-height);
	transition: height var(--transition-timing);
}

header.sticky-header.elementor-sticky--effects .logo img,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img,
header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
	height: calc(var(--logo-height) * var(--logo-shrink-to));
}

header.sticky-header .logo .elementor-icon svg {
	width: auto;
}/* End custom CSS */