/* 
Theme Name:		 WIM Elementor child
Theme URI:		 https://wearewim.nl/
Description:	 WIM Elementor child theme
Author:			 Sjoerd van der Sluis
Author URI:		 https://wearewim.nl/
Template:		 wim-elementor
Version:		 1.0.0
Text Domain:	 wim-elementor-child
*/

/*
    Plaats hier de style
*/

html, body {
    overflow-x: hidden;
}

/* De basisstijl voor alle menu-items */
.headmenuitems a {
    position: relative;
    text-decoration: none;
    padding-bottom: 8px; /* Ruimte tussen de tekst en de lijn */
}

/* De basis voor het lijntje onder álle menu-items */
.headmenuitems a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.3s ease-in-out;
}

/* --- HIER GEBEURT DE MAGIE VOOR DE KLEUREN --- */

/* 1. De link in de EERSTE li krijgt de roze kleur (#F3A4C8) */
.headmenuitems .elementor-icon-list-items li:first-child a::after {
    background-color: #F3A4C8;
}

/* 2. De link in de TWEEDE li krijgt de oranje kleur (#FF6700) */
.headmenuitems .elementor-icon-list-items li:nth-child(2) a::after {
    background-color: #FF6700;
}

/* --- ANIMATIE TRIGGER --- */

/* Bij hover schuift het lijntje tevoorschijn (in de juiste kleur!) */
.headmenuitems a:hover::after {
    transform: scaleX(1);
}

.menu-item-link:hover {
	color: #F3A4C8;
}

/* Header */

/* --- HOOFDCONTAINER --- */
.custom-hero-banner {
    position: relative;
    width: 100%;
    height: 65vh; /* Niet 100% schermvullend op mobiel */
    min-height: 480px;
    overflow: hidden;
    display: flex;
    align-items: flex-end; /* Tekst staat nu strak laag naar beneden */
    justify-content: center;
    background-color: #000;
    box-sizing: border-box;
    padding-bottom: 90px; /* Voldoende ruimte voor de perfect gecentreerde pijl */
}

@media (min-width: 768px) {
    .custom-hero-banner {
        height: 85vh; /* Comfortabele hoogte op grotere schermen */
        padding-bottom: 40px;
    }
}

/* --- VIDEO ZONDER ZWARTE RANDEN (100% DEKKING) --- */
.hero-video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Snijdt de video perfect af zonder zwarte randen */
    display: block;
}

/* --- SLANKE / RECHTE RANDEN (ORIGINELE HOOGTE/BREEDTE VERHOUDING) --- */
.hero-svg-border-mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    z-index: 4;
}

.hero-svg-border-desktop {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    pointer-events: none;
}

@media (min-width: 1024px) {
    .hero-svg-border-mobile {
        display: none;
    }
    .hero-svg-border-desktop {
        display: block;
    }
    
    /* Maakt de randen dunner op grote schermen door de SVG iets naar buiten te schuiven */
    .hero-svg-border-desktop svg {
        position: absolute;
        top: -35px;  /* Schuift de bovenrand omhoog zodat hij dunner oogt */
        left: -35px; /* Schuift de linkerrand naar links zodat hij dunner oogt */
        width: calc(100% + 35px);
        height: calc(100% + 35px);
    }
}

/* --- TRAP ELEMENT RECHTSONDER (COMPACT & KLEIN) --- */
.hero-svg-stairs-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 120px;
    height: auto;
    z-index: 2;
    pointer-events: none;
}

@media (min-width: 768px) {
    .hero-svg-stairs-bottom-right {
        width: 220px;
    }
}

@media (min-width: 1200px) {
    .hero-svg-stairs-bottom-right {
        width: 300px; /* Perfect verkleind ten opzichte van het origineel */
    }
}

.hero-svg-stairs-bottom-right svg {
    width: 100%;
    height: auto;
    display: block;
}

/* --- INNER CONTENT --- */
.hero-inner-content {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1200px;
    padding: 0 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}

@media (min-width: 1024px) {
    .hero-inner-content {
        padding: 0 60px; /* Iets meer insprong vanaf de nu dunnere linkerrand */
    }
}

.hero-text-block {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    margin-bottom: 20px; /* Duwt de tekst comfortabel laag */
}

@media (min-width: 1024px) {
    .hero-text-block {
        gap: 28px;
        margin-bottom: 40px;
    }
}

/* Quote */
.hero-quote-icon {
    flex-shrink: 0;
    width: 34px;
    margin-top: 4px;
}

@media (min-width: 768px) {
    .hero-quote-icon {
        width: 65px;
        margin-top: 10px;
    }
}

.hero-quote-icon svg {
    width: 100%;
    height: auto;
    display: block;
}

/* Titel */
.hero-title {
    color: #ffffff;
    font-family: sans-serif;
    font-size: 97px;
	    font-family: "Plus Jakarta Sans", Sans-serif;
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 100px;
    text-shadow: 0px 3px 12px rgba(0, 0, 0, 0.4);
}

@media (max-width:1024px) {
	.hero-title {
	font-size: 40px;
	}
}

@media (min-width: 1024px) {
    .hero-title {
        font-size: 3.2rem;
    }
}

@media (min-width: 1200px) {
    .hero-title {
        font-size: 4rem;
    }
}

/* --- PIJL: ABSOLUUT GECENTREERD IN BANNER --- */
.hero-arrow-down {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    animation: bounce 2.5s infinite;
}

.hero-arrow-down svg {
    width: 30px;
    height: auto;
    display: block;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translate(-50%, 0); }
    40% { transform: translate(-50%, -8px); }
    60% { transform: translate(-50%, -4px); }
}

.warenhuis-section:before {
content: "";
    position: absolute;
    top: -230px;
    left: -89px;
    width: 315px;
    height: 363.5px;
    max-width: 100%;
    max-height: 100%;
    background-image: url(https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/lefttopwarenhuis_new.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
}

.gradientpinks:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://hetwarenhuisoss.nl/wp-content/uploads/2026/07/Desktop_element2.svg');
    background-repeat: no-repeat;
    
    /* DE OPLOSSING: */
    background-position: bottom right; /* We zetten hem weer terug naar rechtsonder */
    
    /* Zorg dat hij 100% breed is, maar NOOIT kleiner wordt dan bijvoorbeeld 800px (pas dit getal aan naar wens) */
    background-size: max(100%, 800px) auto; 
    
    z-index: 1; 
    pointer-events: none; 
}

.gradientpinks {
    position: relative;
    overflow: hidden; /* Cruciaal zodat hij afsnijdt op mobiel! */
}

.custom-menu-socials.footer {
    background: transparent;
    padding: 0;
}

@media screen and (max-width:768px) {
    .specialmobile {
        margin-right: 20px;
        margin-left: 20px;
    }

    .warenhuis-section:before {
    content: "";
    position: absolute;
    top: -150px;
    right: -100px;
    left: unset;
    width: 200px;
    height: 200px;
    max-width: 100%;
    max-height: 100%;
    background-image: url(https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/lefttopwarenhuis.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
}
}

/* Container instellingen */
.actueel-container {
    display: flex;
    flex-direction: column;
    width: 100%;
        font-family: "Plus Jakarta Sans", Sans-serif;
}

/* Kaart basis en kleuren */
.actueel-card {
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
}
.actueel-card.bg-beige {
    background-color: #C1A7D7;
}

.actueel-card.bg-beige .actueel-button {
	background:#FF6700;
	background-color:#FF6700;
}

.actueel-card.bg-beige:hover .actueel-button {
	background:#FF6700;
	background-color:#FF6700;	
}

.actueel-card.bg-yellow {
    /* Achtergrondafbeelding instellen */
    background-image: url('https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/bggoed.svg');
    
    /* Zorgt dat de afbeelding altijd de hele kaart vult zonder te schalen/vervormen */
    background-size: cover; 
    
    /* Centreert de afbeelding netjes in het midden */
    background-position: center; 
    
    /* Voorkomt dat de afbeelding meerdere keren herhaald wordt */
    background-repeat: no-repeat; 
    
    /* Behoud de gele kleur als fallback tijdens het laden of als de SVG transparant is */
    background-color: #F4D848; 
}

/* Volledig klikbare witte kaart binnenkant */
.actueel-card-inner {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    text-decoration: none; /* Voorkomt onderstreping van tekst */
    color: inherit;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Subtiel effect als je over de hele kaart hovert */
.actueel-card-inner:hover {
    box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}

/* Afbeelding */
.actueel-image {
    width: 100%;
    height: 220px;
    background-size: cover;
    background-position: center;
}

/* Content area */
.actueel-content {
    padding: 25px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-bottom: 75px; /* Ruimte voor de knop onderin */
}

/* Tekst styling */
.actueel-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 15px 0;
    color: #000000;
}
.actueel-desc {
    font-size: 14px;
    line-height: 1.6;
    color: #333333;
    margin: 0;
}

/* Paarse pijlknop rechtsonder */
.actueel-button {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #C1A7D7; /* Paarse kleur */
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
}

/* Als je over de kaart hovert, kleurt de paarse knop mee */
.actueel-card-inner:hover .actueel-button {
    background-color: #b091cc;
}

/* --- RESPONSIVE LAYOUTS --- */

/* Mobiel & Tablet variant (Schermbeelding 14.59.45) */
@media (max-width: 1023px) {
    .actueel-desc {
        display: none; /* Verberg beschrijving op mobiel/tablet */
    }
    .actueel-content {
        padding-bottom: 65px;
    }
}

/* Desktop variant (Schermbeelding 14.58.57) vanaf 1024px */
@media (min-width: 1024px) {
    .actueel-container {
        flex-direction: row;
    }
    .actueel-card {
        width: 50%;
        padding: 30px; 
    }
    .actueel-image {
        height: 280px;
    }
    .actueel-desc {
        display: block; /* Toon beschrijving op desktop */
    }
}

@media screen and (max-width:768px) {
    .mobileyellow {
        background-color: #C1A7D7; 
    }
}


@media screen and (max-width:1700px) {
	.agendaheader:before {
	opacity: 0;
}
}

.agendaheader:after {
    content: "";
    position: absolute;
    top: 0;
    right: -127px;
    width: 508.35px;
    height: 380.29px;
    max-width: 100%;
    max-height: 100%;
    background-image: url('https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/righttopagenda.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1; 
    pointer-events: none; 
}

.bewonerheader:after {
	    content: "";
    position: absolute;
    top: -150px;
    right: -175px;
    width: 925.81px;
    height: 925.81px;
    max-width: 100%;
    max-height: 100%;
    background-image: url('https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/bewonerheader.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1; 
    pointer-events: none; 
}

.contactheader:after {
	    content: "";
    position: absolute;
    top: -81px;
    right: 0;
    width: 618.82px;
    height: 464.81px;
    max-width: 100%;
    max-height: 100%;
    background-image: url('https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/contactright.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1; 
    pointer-events: none; 
}

@media screen and (max-width:767px) {
	.contactheader:after {
	    content: "";
    position: absolute;
	top: unset;
    bottom: 0;
    right: -65px;
    width: 418.82px;
    height: 264.81px;
    max-width: 100%;
    max-height: 100%;
    background-image: url('https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/yellowlines.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1; 
    pointer-events: none; 
}
}

.searchheader:after {
	    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 683.31px;
    height: 367.82px;
    max-width: 100%;
    max-height: 100%;
    background-image: url('https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/zoeken.svg');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1; 
    pointer-events: none; 
}
	
	@media screen and (max-width:1200px) {
		.agendaheader:after {
    width: 408.35px;
    height: 343.29px;
			right: -100px;
}
		
		.ontdekheader:after {
    width: 483.31px;
    height: 167.82px;
}
		
				.searchheader:after {
    width: 483.31px;
    height: 167.82px;
}
	}

	@media screen and (max-width:767px) {
				.agendaheader:after {
    width: 208.35px;
    height: 143.29px;
			right: -100px;
}
		
		.bewonerheader:after {
    width: 275.81px;
    height: 275.81px;
}
}

/* Zorg ervoor dat de container relatief gepositioneerd is */
.custom-hero-banner {
    position: relative;
}

/* Rechter strook */
.hero-border-right {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;            /* Blijft altijd 100% van de hoogte */
    width: 100px;            /* <--- PAS HIER DE BREEDTE AAN */
    background-color: #A8E2E7;
    z-index: 2;
    pointer-events: none;
}

/* Verbergen op mobiel/tablets */
@media (max-width: 1024px) {
    .hero-border-right {
        display: none;
    }
}

.leftbottomruimte:before {
	    position: absolute;
    bottom: 0;
    left: 0;
    width: 315px;
    height: 363.5px;
    max-width: 100%;
    max-height: 100%;
    background-image: url(https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/leftbottomwhite.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
}

.social-icon.mail {
	background-color: #FF6700!important;
}

.social-icon.facebook {
	background-color: #F4D848!important;
}

.leftbottomruimte:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 400px;
    height: 363.5px;
    max-width: 100%;
    max-height: 100%;
    background-image: url(https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/leftbottomwhite.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
	z-index: 3;
}

@media screen and (max-width:1200px) {
	.leftbottomruimte:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 160px;
    height: 363.5px;
    max-width: 100%;
    max-height: 100%;
    background-image: url(https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/leftbottomwhite.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
	z-index: 1;
}
}

.ca-filter-sidebar-box {
    background: #F4D848!important;
}

.ca-agenda-bg-wrapper {
    background-image: url('https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/background-agenda.svg');
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
}

.ontdek-section:after {
    content: "";
    position: absolute;
    bottom: -100px;
    right: -100px;
    width: 300px;
    height: 300px;
    max-width: 100%;
    max-height: 100%;
    background-image: url(https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/ontdekrightbottom.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 20;
    pointer-events: none;
}

/* VERSIES ONTDEKBOTTOM */

.ontdek-section.een:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_1.png)!important;
}

.ontdek-section.twee:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_2.png)!important;
}

.ontdek-section.drie:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_3.png)!important;
}

.ontdek-section.vier:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_4.png)!important;
}

.ontdek-section.vijf:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_5.png)!important;
}

.ontdek-section.zes:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_6.png)!important;
}

.ontdek-section.zeven:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_7.png)!important;
}

.ontdek-section.acht:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_8.png)!important;
}

.ontdek-section.negen:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_9.png)!important;
}

.ontdek-section.tien:after {
    background-image: url(https://hetwarenhuisoss.nl/uploads/2026/09/warenhuis_Trap_10.png)!important;
}

.ontdek-section.elf:after {
    background-image: url(https://hetwarenhuisoss.nl/uploads/2026/09/warenhuis_Trap_11.png)!important;
}

.ontdek-section.twaalf:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_12.png)!important;
}

.ontdek-section.dertien:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_13.png)!important;
}

.ontdek-section.veertien:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_14.png)!important;
}

.ontdek-section.vijftien:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_15.png)!important;
}

.ontdek-section.zestien:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_16.png)!important;
}

.ontdek-section.zeventien:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_17.png)!important;
}

.ontdek-section.achttien:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_18.png)!important;
}

.ontdek-section.negentien:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_19.png)!important;
}

.ontdek-section.twintig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_20.png)!important;
}

.ontdek-section.eenentwintig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_21.png)!important;
}

.ontdek-section.tweeentwintig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_22.png)!important;
}

.ontdek-section.drieentwintig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_23.png)!important;
}

.ontdek-section.vierentwintig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_24.png)!important;
}

.ontdek-section.vijfentwintig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_25.png)!important;
}

.ontdek-section.zesentwintig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_26.png)!important;
}

.ontdek-section.zevenentwintig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_27.png)!important;
}

.ontdek-section.achtentwintig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_28.png)!important;
}

.ontdek-section.negenentwintig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_29.png)!important;
}

.ontdek-section.dertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_30.png)!important;
}

.ontdek-section.eenendertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_31.png)!important;
}

.ontdek-section.tweeendertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_32.png)!important;
}

.ontdek-section.drieendertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_33.png)!important;
}

.ontdek-section.vierendertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_34.png)!important;
}

.ontdek-section.vijfendertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_35.png)!important;
}

.ontdek-section.zesendertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_36.png)!important;
}

.ontdek-section.zevenendertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_37.png)!important;
}

.ontdek-section.achtendertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_38.png)!important;
}

.ontdek-section.negenendertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_39.png)!important;
}

.ontdek-section.veertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_40.png)!important;
}

.ontdek-section.eenenveertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_41.png)!important;
}

.ontdek-section.tweeenveertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_42.png)!important;
}

.ontdek-section.drieenveertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_43.png)!important;
}

.ontdek-section.vierenveertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_44.png)!important;
}

.ontdek-section.vijfenveertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_45.png)!important;
}

.ontdek-section.zesenveertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_46.png)!important;
}

.ontdek-section.zevenenveertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_47.png)!important;
}

.ontdek-section.achtenveertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_48.png)!important;
}

.ontdek-section.negenenveertig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_49.png)!important;
}

.ontdek-section.vijftig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_50.png)!important;
}

.ontdek-section.eenenvijftig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_51.png)!important;
}

.ontdek-section.tweeenvijftig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_52.png)!important;
}

.ontdek-section.drieenvijftig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_53.png)!important;
}

.ontdek-section.vierenvijftig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_54.png)!important;
}

.ontdek-section.vijfenvijftig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_55.png)!important;
}

.ontdek-section.zesenvijftig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_56.png)!important;
}

.ontdek-section.zevenenvijftig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_57.png)!important;
}

.ontdek-section.achtenvijftig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_58.png)!important;
}

.ontdek-section.negenenvijftig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_59.png)!important;
}

.ontdek-section.zestig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_60.png)!important;
}

.ontdek-section.eenenzestig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_61.png)!important;
}

.ontdek-section.tweeenzestig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_62.png)!important;
}

.ontdek-section.drieenzestig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_63.png)!important;
}

.ontdek-section.vierenzestig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_64.png)!important;
}

.ontdek-section.vijfenzestig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_65.png)!important;
}

.ontdek-section.zesenzestig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_66.png)!important;
}

.ontdek-section.zevenenzestig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_67.png)!important;
}

.ontdek-section.achtenzestig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_68.png)!important;
}

.ontdek-section.negenenzestig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_69.png)!important;
}

.ontdek-section.zeventig:after {
    background-image: url(https://hetwarenhuisoss.nl/wp-content/uploads/2026/09/warenhuis_Trap_70.png)!important;
}

@media screen and (max-width:1025px) {
	.ontdek-section:after {
	opacity: 0;
}
}



.ontdeks-section:before {
content: "";
    position: absolute;
    top: -445px;
    left: -89px;
    width: 315px;
    height: 363.5px;
    max-width: 100%;
    max-height: 100%;
    background-image: url(https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/lefttopontdekwarenhuis.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
}


@media screen and (max-width:1500px) {
    .ontdeks-section:before {
    content: "";
    position: absolute;
    top: -150px;
    right: -100px;
    left: unset;
    width: 200px;
    height: 200px;
    max-width: 100%;
    max-height: 100%;
    background-image: url(https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/lefttopontdekwarenhuis.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
		opacity: 1;
}
}

.agenda-section:before {
content: "";
    position: absolute;
    top: 0;
    right: -40px;
    width: 149px;
    height: 836px;
    max-width: 100%;
    max-height: 100%;
    background-image: url(https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/agenda-divider.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
}

.actueel-section:before {
content: "";
    position: absolute;
    top: 0;
    right: -80px;
    width: 149px;
    height: 836px;
    max-width: 100%;
    max-height: 100%;
    background-image: url(https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/agenda-divider.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
}

@media screen and (max-width:767px) {
	.hero-text-block {
    display: block;
} 
}

.ontdekheader:after { content: ""; position: absolute; top: 0; right: 0; width: 683.31px; height: 367.82px; max-width: 100%; max-height: 100%; background-image: url('https://hetwarenhuisoss.nl/wp-content/themes/WIM-Elementor-child/images/ontdekwarenhuis.svg'); background-repeat: no-repeat; background-position: bottom right; background-size: contain; z-index: 1; pointer-events: none; }

.hero-video-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hero-video-wrapper img {
    width: 100%;
    height: 100%!important;
    object-fit: cover;
    display: block;
}