/*!  v1.0.3 mgznkr-stickyhero  */
/* ---------------------------------------------------------------------------------  */

:root {

	--mgznkr-sh-color: #fff;
	--mgznkr-sh-bgcolor: hsla(95,5%,30%,0.7);
	
	/* fixed-header-height */
	--mgznkr-sh-header-height: 90px;
		
	/* roughly: how long to scroll before sticky is released -  min is 100vh plus content-height */
	--mgznkr-sh-scrollway: 300vh;
	/* scrollway from getting-sticky to content show up */
	--mgznkr-sh-con-top-margin: 40vh;
	

	/* should add up to 100% */
	--mgznkr-sh-con-max-width: 33%;
	--mgznkr-sh-con-small-margin: 7%;
	--mgznkr-sh-con-big-margin: 60%;
	
	/* content-styling */
	--mgznkr-sh-con-padding: 2.4rem;
	--mgznkr-sh-con-font-size: calc(0.75vw + 12px);
	--mgznkr-sh-con-head-size: calc(1.7 * 0.75vw + 12px);
	--mgznkr-sh-con-head-lheight: 1.2;
	
	--mgznkr-sh-media-ratio: calc(16 / 9);

	--mgznkr-sh-button-size: calc(var(--mgznkr-sh-con-head-size) * 3 * var(--mgznkr-sh-con-head-lheight));
}


@media (max-width: 599px) {
:root {
	--mgznkr-sh-con-font-size: calc(0.75vw + 18px);
	--mgznkr-sh-con-head-size: calc(1.7 * 0.75vw + 18px);
}
}

@media (max-width: 699px) {
:root {
	--mgznkr-sh-header-height: 80px;
}
}

@media (max-width: 899px) {
:root {
	--mgznkr-sh-con-font-size: calc(0.75vw + 14px);
	--mgznkr-sh-con-head-size: calc(1.7 * 0.75vw + 14px);
}
}


#site-content {
    overflow: unset!important;
}

.mgznkr-stickyhero.alignfull {
	margin-bottom: 0!important;
	margin-top: 0!important;
	min-height: var(--mgznkr-sh-scrollway);
}

	
.mgznkr-stickyhero .mgznkr-stickyhero__media {
	position: -webkit-sticky;
	position: sticky;
	z-index: 1;
	top: var(--mgznkr-sh-header-height);
	margin-bottom: 0;
	width: 100%;
	height: calc(100vh - var(--mgznkr-sh-header-height));
	overflow: hidden;
}

.mgznkr-stickyhero .mgznkr-stickyhero__media,
.mgznkr-stickyhero .mgznkr-stickyhero-bg-img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.mgznkr-stickyhero .mgznkr-stickyhero__media.mode-inset,
.mgznkr-stickyhero .mgznkr-stickyhero__media.mode-inset .mgznkr-stickyhero-bg-img {
	background-size: contain;
	max-height: 100%;
}

.mgznkr-stickyhero .mgznkr-stickyhero__content.alignwide {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	margin: 0 auto;
	margin-top: var(--mgznkr-sh-con-top-margin);
	margin-bottom: 0;
	text-align: center;
	color: var(--mgznkr-sh-color);
	font-size: var(--mgznkr-sh-con-font-size);
	line-height: 1.4;
	font-weight: 400;
}

.mgznkr-stickyhero .mgznkr-stickyhero__content .container {
	overflow: hidden;

	transition-duration: 0.7s;
	transition-property: clip-path;
	transition-timing-function: ease-out;
	clip-path: circle(200% at calc(100% - 2em) 2em);

	font-size: var(--mgznkr-sh-con-head-size);
	line-height: 1.2;
	
	padding: var(--mgznkr-sh-con-padding);
	background-color: var(--mgznkr-sh-bgcolor);
	
}


.mgznkr-stickyhero .mgznkr-stickyhero__media + .mgznkr-stickyhero__content {
	margin-right: 5%;
	margin-left: 5%;
}

.mgznkr-stickyhero .mgznkr-stickyhero__media + .mgznkr-stickyhero__content .container > * {
	text-align: center;
	font-size: var(--mgznkr-sh-con-font-size);
}

.mgznkr-stickyhero .mgznkr-stickyhero__media + .mgznkr-stickyhero__content h3.container-button + p {
	text-align: left;
}



@media (min-width: 801px) {

.mgznkr-stickyhero .mgznkr-stickyhero__content.alignwide {
	max-width: var(--mgznkr-sh-con-max-width);
}

.mgznkr-stickyhero .mgznkr-stickyhero__media + .mgznkr-stickyhero__content {
    margin-right: auto;
    margin-left: auto;
}

.mgznkr-stickyhero .mgznkr-stickyhero__media.text-left + .mgznkr-stickyhero__content {
	margin-right: var(--mgznkr-sh-con-big-margin);
	margin-left: var(--mgznkr-sh-con-small-margin);
}

.mgznkr-stickyhero .mgznkr-stickyhero__media.text-right + .mgznkr-stickyhero__content {
	margin-right: var(--mgznkr-sh-con-small-margin);
	margin-left: var(--mgznkr-sh-con-big-margin);
}

.mgznkr-stickyhero .mgznkr-stickyhero__media.text-left + .mgznkr-stickyhero__content .container > * {
	text-align: left;
}

.mgznkr-stickyhero .mgznkr-stickyhero__media.text-right + .mgznkr-stickyhero__content .container > * {
	text-align: right;
}

}








.mgznkr-stickyhero .mgznkr-stickyhero__media .video-container {
    padding-bottom: calc((100vw / var(--mgznkr-sh-media-ratio) ) -  var(--mgznkr-sh-header-height)); /* 16/9 -> 56.25vw */
    min-height: calc(100vh - var(--mgznkr-sh-header-height));
    margin-bottom: 0;
	margin-top: 0;
	border: none;
}

.mgznkr-stickyhero .mgznkr-stickyhero__media.mode-inset .video-container {
	max-height: 100%;
}


.mgznkr-stickyhero .mgznkr-stickyhero__media .video-container iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	max-width: none;
	height: calc(100vh - var(--mgznkr-sh-header-height))!important;
	width: calc(100vh * var(--mgznkr-sh-media-ratio))!important;  /* 16/9 -> 177.777vh */
    min-width: 100%;
    min-height: calc((100vw / var(--mgznkr-sh-media-ratio) ) ); /* 16/9 -> 56.25vw */
}

.mgznkr-stickyhero .mgznkr-stickyhero__media.mode-inset .video-container iframe {
	width: auto;
	min-height: calc(100vh - var(--mgznkr-sh-header-height) );
	max-width: 100%;
}




.mgznkr-stickyhero .mgznkr-stickyhero__media + .mgznkr-stickyhero__content .container > h3 {
	font-size: var(--mgznkr-sh-con-head-size);
	line-height: var(--mgznkr-sh-con-head-lheight);
	margin-top: 0;
	margin-bottom: 0.5em;
}


.mgznkr-stickyhero .mgznkr-stickyhero__content .container > *:last-child {
	margin-bottom: 0;
}



.mgznkr-stickyhero .mgznkr-stickyhero__content .container h3.container-button {
	display: flex;
	flex-flow: row;
	align-items: flex-start;
	justify-content: flex-start;
}


.mgznkr-stickyhero .mgznkr-stickyhero__media + .mgznkr-stickyhero__content .container > h3.container-button > span {
	min-height: var(--mgznkr-sh-button-size);
	display: flex;
	flex-flow: row;
	align-items: flex-end;
	text-align: left;
}

.mgznkr-stickyhero .mgznkr-stickyhero__media + .mgznkr-stickyhero__content .container.button-active {
	clip-path: circle(calc( ( var(--mgznkr-sh-button-size) / 2 ) + ( var(--mgznkr-sh-con-padding) / 2 ) ) at calc( ( var(--mgznkr-sh-button-size) / 2 ) + var(--mgznkr-sh-con-padding) )  calc( (var(--mgznkr-sh-button-size) / 2) + var(--mgznkr-sh-con-padding) ) );
}


@media (min-width: 801px) {

.mgznkr-stickyhero .mgznkr-stickyhero__media.text-right + .mgznkr-stickyhero__content .container > h3.container-button {
	justify-content: flex-end;
}

.mgznkr-stickyhero .mgznkr-stickyhero__media.text-right + .mgznkr-stickyhero__content .container > h3.container-button > span {
	text-align: right;
}

.mgznkr-stickyhero .mgznkr-stickyhero__media.text-right + .mgznkr-stickyhero__content h3.container-button  button {
	order: 2;
}

.mgznkr-stickyhero .mgznkr-stickyhero__media.text-right  + .mgznkr-stickyhero__content .container.button-active {
	clip-path: circle(calc( ( var(--mgznkr-sh-button-size) / 2 ) + ( var(--mgznkr-sh-con-padding) / 2 ) ) at calc( 100% - ( var(--mgznkr-sh-button-size) / 2 ) - var(--mgznkr-sh-con-padding) )  calc( (var(--mgznkr-sh-button-size) / 2) + var(--mgznkr-sh-con-padding) ) );
}

}








/* ----------------------- play button ------------------ */


button.mgznkr-stickyhero-video-play {
display: inline-block;
position: inherit;
width: var(--mgznkr-sh-button-size);
min-width: var(--mgznkr-sh-button-size);
height: var(--mgznkr-sh-button-size);
line-height: 1;
overflow: hidden;
border-radius: 50%;
border: 0.2em solid var(--mgznkr-sh-color);
outline: none;
background-color: transparent;
padding: 0;
margin: 0 0 0.1em;
opacity: 0.8;
display: none;
box-sizing: border-box;
}

.mgznkr-stickyhero .mgznkr-stickyhero__media + .mgznkr-stickyhero__content .container button.mgznkr-stickyhero-video-play {
margin-right: calc( var(--mgznkr-sh-con-padding) / 2 );
margin-left: 0;
}

@media (min-width: 801px) {

.mgznkr-stickyhero .mgznkr-stickyhero__media.text-right + .mgznkr-stickyhero__content .container button.mgznkr-stickyhero-video-play {
margin-right: 0;
margin-left: calc( var(--mgznkr-sh-con-padding) / 2 );
}

}

button.mgznkr-stickyhero-video-play span {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}

button.mgznkr-stickyhero-video-play:hover span {
opacity: 1;
background-color: rgba(255,255,255,0.3);
}

button.mgznkr-stickyhero-video-play:focus {
	background-color: transparent;
}

button.mgznkr-stickyhero-video-play span:nth-of-type(1) svg {
fill: var(--mgznkr-sh-color);
width: 65%;
margin-left: 12%;
height: auto;
}

button.mgznkr-stickyhero-video-play.active span:nth-of-type(1),
button.mgznkr-stickyhero-video-play span:nth-of-type(2) {
display: none;
}

button.mgznkr-stickyhero-video-play:not(.active) span:nth-of-type(1),
button.mgznkr-stickyhero-video-play.active span:nth-of-type(2) {
display: flex;
}

button.mgznkr-stickyhero-video-play span:nth-of-type(2) svg {
fill: var(--mgznkr-sh-color);
width: 60%;
height: auto;
}



@media print {
.mgznkr-stickyhero {
display: none;
}
}



.mgznkr-stickyhero .vimeo-consent-placeholder {
width: 100%;
  text-align: center;
  padding: 10vh;
  margin-bottom: calc(-20vh - 4em);
}