/*-----------------------------------------------------------------
Shrinking Header Section
 - Add class 'shrinker' to the top-level header container
-----------------------------------------------------------------*/
.shrinker {
	background: transparent;
    height: auto;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}
.shrinker.elementor-sticky--effects {
	background: rgba(255,255,255,0.85);
/*-----------------------------------------------------------------
Set the height to the new height when the header section shrinks.
-----------------------------------------------------------------*/
  height: 100px !important;
/*-----------------------------------------------------------------*/
	padding-top: 2px!important;
	padding-bottom: 2px!important;
	border-color: #B70000 !important;
	box-shadow: 0px 6px 30px -4px rgba(0,0,0,.05);
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

/*-----------------------------------------------------------------
Shrinking Logo Image
 - Add class 'shrinking-logo' to the logo in the header
-----------------------------------------------------------------*/
.shrinking-logo img {
	width: 300px!important;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}
.shrinker.elementor-sticky--effects img {
	width: 220px!important;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}
/*-----------------------------------------------------------------*/
