.elementor-kit-12{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#010101;--e-global-color-accent:#61CE70;--e-global-color-717abcc:#DADADA;--e-global-color-faaf75e:#1D1D1B;--e-global-typography-primary-font-family:"Univa Nova";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Univa Nova";--e-global-typography-secondary-font-weight:500;--e-global-typography-text-font-family:"Univa Nova";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Univa Nova";--e-global-typography-accent-font-weight:600;font-family:"Univa Nova", Sans-serif;}.elementor-kit-12 a{color:var( --e-global-color-primary );font-family:"Univa Nova", Sans-serif;}.elementor-kit-12 h1{font-family:"Univa Nova", Sans-serif;}.elementor-kit-12 h2{font-size:20px;text-transform:uppercase;line-height:1.2em;letter-spacing:0.5px;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:360px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*-- Site-wide CSS --*/
.dd-mixed-grid {
    --_dd-content-max-width: var(--dd-content-max-width,1360px);
    --_dd-col1-pct: var(--dd-col1-pct, 40);
    --_dd-gap: var(--dd-gap, 20px);
    --_dd-gutter: var(--dd-gutter, 10px);
    --dd-col1-width: min((var(--_dd-col1-pct) * (100% - var(--_dd-gap) - 2*var(--_dd-gutter)) / 100), (var(--_dd-col1-pct) * (var(--_dd-content-max-width) - var(--_dd-gap)) / 100));
    --dd-col2-width: min(((100 - var(--_dd-col1-pct)) * (100% - var(--_dd-gap) - 2 * var(--_dd-gutter)) / 100), ((100 - var(--_dd-col1-pct)) * (var(--_dd-content-max-width) - var(--_dd-gap)) / 100));
    --dd-grid-cols: [full-start col1-full-start] minmax(var(--_dd-gutter), 1fr) [col1-start content-start] var(--dd-col1-width) [col1-end col1-full-end gap-start] var(--_dd-gap) [gap-end col2-start col2-full-start] var(--dd-col2-width) [col2-end content-end] minmax(var(--_dd-gutter), 1fr) [col2-full-end full-end];
    display: grid;
    column-gap: 0;
    grid-template-columns: var(--dd-grid-cols);
    grid-auto-flow: row dense;
    width: 100%;
    max-width: min(100%, var(--dd-body-max-width));
    padding-inline: 0;
    align-items: stretch;
}
:where(.dd-mixed-grid) > :where(div, p, figure, img, h1, h2, h3, h4) {
    grid-column: content;
}
.dd-mixed-grid__col1 {
    grid-column: col1;
}
.dd-mixed-grid__col2 {
    grid-column: col2;
}
.dd-mixed-grid__col1--full {
    grid-column: col1-full;
}
.dd-mixed-grid__col2--full {
    grid-column: col2-full;
}
.dd-mixed-grid__content {
    grid-column: content;
}
.dd-mixed-grid__full {
    grid-column: full;
}
@media (max-width: 768px) {
    .dd-mixed-grid > :is(.elementor-element, div, section, article, aside, nav, figure, img, p, h1, h2, h3, h4, h5, h6) {
        grid-column: content;
    }
}








.section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  transition: transform 0.8s ease-in-out;
  will-change: transform;
}

#section-1 {
  background: #e63946;
  z-index: 1;
  transform: translateY(0%);
}

#section-2 {
  background: #457b9d;
  z-index: 2;
  transform: translateY(100%);
}

#section-2.active {
  transform: translateY(0%);
}


/* ====== BASIS WRAPPER ====== */
.e-loop-item .hover-card{
  position: relative;
  overflow: hidden;     /* nette clip van zoom/overlay */
  isolation: isolate;   /* veilige z-index context */
}

/* ====== IMAGE EFFECT ====== */
.e-loop-item .hover-card .hover-card__img img{
  display:block;
  width:100%;
  height:auto;
  transition: filter .35s ease, transform .35s ease;
  transform: translateZ(0);
}

/* hover/focus op de hele kaart */
.e-loop-item .hover-card:hover .hover-card__img img,
.e-loop-item .hover-card:focus-within .hover-card__img img{
  filter: blur(6px) brightness(.7);
  transform: scale(1.05);
}

/* ====== OVERLAY CONTAINER (TITLE + SHORT DESC) ====== */
.e-loop-item .hover-card .hover-card__overlay{
  position: absolute;
  inset: 0;
  padding: clamp(12px, 3vw, 28px);
  display: grid;
  align-content: center;          /* onderin uitlijnen; wil je midden? -> center */
  gap: .5rem;
  color: #fff;
  text-align: left;            /* of center naar smaak */
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .30s ease, transform .30s ease;
  pointer-events: none;        /* overlay niet klik-blokkerend */
  z-index: 2;
}

/* subtiele gradient achter de tekst voor leesbaarheid */
.e-loop-item .hover-card .hover-card__overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 100%);
  z-index:-1;
}

/* Typography snelle tweaks (optioneel) */
.e-loop-item .hover-card .hover-card__overlay .elementor-heading-title{
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: .02em;
  margin: 0;
}
.e-loop-item .hover-card .hover-card__overlay .elementor-widget-text-editor{
  font-weight: 400;
  line-height: 1.4;
  opacity: .95;
}

/* ====== REVEAL ====== */
.e-loop-item .hover-card:hover .hover-card__overlay,
.e-loop-item .hover-card:focus-within .hover-card__overlay{
  opacity: 1;
  transform: translateY(0);
}

/* ====== ALS JE EEN LINK OVER DE HELE KAART HEBT ======
   Zorg dat link klikbaar blijft maar overlay te zien is */
.e-loop-item .hover-card a{
  position: relative;
  z-index: 1; /* onder overlay (z=2) maar klik blijft werken door pointer-events:none op overlay */
}



@media (max-width: 767px){
  .hide-on-mobile{ display:none !important; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Univa Nova';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://musaprints.com/wp-content/uploads/2025/07/UnivaNova-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Univa Nova';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://musaprints.com/wp-content/uploads/2025/07/UnivaNova-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Univa Nova';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://musaprints.com/wp-content/uploads/2025/07/UnivaNova-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Univa Nova';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://musaprints.com/wp-content/uploads/2025/07/UnivaNova-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Univa Nova';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://musaprints.com/wp-content/uploads/2025/07/UnivaNova-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Univa Nova';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://musaprints.com/wp-content/uploads/2025/07/UnivaNova-Heavy.ttf') format('truetype');
}
/* End Custom Fonts CSS */