.elementor-kit-8{--e-global-color-primary:#D53B0E;--e-global-color-secondary:#E6A740;--e-global-color-text:#000000;--e-global-color-accent:#5AC09F;--e-global-color-faaf076:#FAAB6D;--e-global-color-38bd6ad:#5AC09F;--e-global-typography-primary-font-family:"montag";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"gill-sans-nova";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"gill-sans-nova";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"montag";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:#E6A740;font-family:"gill-sans-nova", Sans-serif;font-weight:300;text-transform:uppercase;color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:var( --e-global-color-primary );color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//** FULLY WORKING SHRIKING HEADER ON DESKTOP **//
/***
* class: .sticky-header
*/
header.sticky-header {
	--header-height: 100px;
	--shrink-header-to: 0.6;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	background-color: rgba(230, 167, 64, .0);
	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(230, 167, 64, .6);
	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 > .elementor-container {
	min-height: var(--header-height);
	transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

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



/***
* 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: 90px; /* This should be the original logo height _before_ being shrunk */
	--logo-shrink-to:.8; /* 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;
}




/** SHRINKING HEADER ON MOBILE **//

@media only screen and (max-width: 767px) {

 header.elementor-element.elementor-element-d4e3238.e-con-full.elementor-hidden-desktop.sticky-header-mobile.e-flex.e-con.e-parent.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside {
	--header-height: 67.135px;
	--shrink-header-to: 0.6!important;
	--transition: .45s cubic-bezier(.4, 0, .2, 1)!important;
	background-color: rgba(230, 167, 64, .0);
	transition: background-color var(--transition),
				backdrop-filter var(--transition),
				box-shadow var(--transition);
}

/***
* Sticky header activated
*/
 header.elementor-element.elementor-element-d4e3238.e-con-full.elementor-hidden-desktop.sticky-header-mobile.e-flex.e-con.e-parent.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects {
	background-color: rgba(230, 167, 64, .6)!important;
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07)!important;
	-webkit-backdrop-filter: saturate(180%) blur(20px)!important;
	backdrop-filter: saturate(180%) blur(20px)!important;
}
header.sticky-header-mobile > .elementor-element {
	min-height: var(--header-height)!important;
	transition: min-height var(--transition)!important;
}
header.sticky-header-mobile.elementor-sticky--effects > .elementor-element {
	min-height: calc( var(--header-height) * var(--shrink-header-to) )!important;
}

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



/***
* class: .logo
* Add the class "logo" to your logo to scale your logo to 80% on scroll
*/
 header.sticky-header-mobile .logo-mobile img,
div.sticky-header-mobile .logo-mobile.elementor-widget-theme-site-logo img,
div.sticky-header-mobile .logo-mobile .elementor-icon svg {
	--logo-height: 90px; /* This should be the original logo height _before_ being shrunk */
	--logo-shrink-to:.8; /* 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-mobile.elementor-sticky--effects .logo-mobile img,
 header.sticky-header-mobile.elementor-sticky--effects .logo-mobile.elementor-widget-theme-site-logo img,
 header.sticky-header-mobile.elementor-sticky--effects .logo-mobile .elementor-icon svg {
	height: calc(var(--logo-height) * var(--logo-shrink-to));
}
 header.sticky-header-mobile .logo-mobile .elementor-icon svg {
	width: auto;
}


}/* End custom CSS */