/* ==========================================================================
   Statische versie van mennotimmerwerken.nl
   Aanvullingen op het originele Enfold-thema:
   1. Open Sans wordt lokaal geladen (voorheen via Google Fonts)
   2. Een statische header vervangt de LayerSlider-header; de LayerSlider-
      bestanden zelf zijn niet bewaard in het Internet Archive.
   ========================================================================== */

/* 1. Open Sans 400 + 600 (SIL Open Font License 1.1, zie fonts/OFL.txt) */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/open-sans-latin-ext-400-normal.woff2') format('woff2'),
	     url('fonts/open-sans-latin-ext-400-normal.woff') format('woff');
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/open-sans-latin-400-normal.woff2') format('woff2'),
	     url('fonts/open-sans-latin-400-normal.woff') format('woff');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('fonts/open-sans-latin-ext-600-normal.woff2') format('woff2'),
	     url('fonts/open-sans-latin-ext-600-normal.woff') format('woff');
	unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('fonts/open-sans-latin-600-normal.woff2') format('woff2'),
	     url('fonts/open-sans-latin-600-normal.woff') format('woff');
	unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* 2. Header (positie, maat en animatie overgenomen uit de LayerSlider-instellingen) */
#top .avia-layerslider.container_wrap { height: auto !important; }

#top .mt-static-slider {
	position: relative;
	width: 100%;
	max-width: 1140px;
	aspect-ratio: 1140 / 150;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
	container-type: inline-size;
	animation: mt-fade .35s ease-out both;
}

#top .mt-static-slider .mt-static-slider__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

#top .mt-static-slider .mt-static-slider__text {
	position: absolute;
	margin: 0;
	padding: 0;
	font-family: Avenir, 'Avenir Next', 'open sans', Helvetica, Arial, sans-serif;
	line-height: 1.1em;
	color: #fff;
	white-space: nowrap;
	animation: mt-in-left 1.5s cubic-bezier(.83, 0, .17, 1) .65s both;
}

#top .mt-static-slider .mt-static-slider__img {
	position: absolute;
	height: auto;
	max-width: none;
	animation: mt-in-bottom 1s cubic-bezier(.83, 0, .17, 1) .8s both;
}

@keyframes mt-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes mt-in-left { from { transform: translateX(calc(-100% - var(--mt-x, 0px))); } to { transform: none; } }
@keyframes mt-in-bottom { from { transform: translateY(var(--mt-dy, 100%)); } to { transform: none; } }

@media (prefers-reduced-motion: reduce) {
	#top .mt-static-slider,
	#top .mt-static-slider .mt-static-slider__text,
	#top .mt-static-slider .mt-static-slider__img { animation: none; }
}