@font-face{font-family:"Remonstranten";src:url("/themes/remonstranten/assets/fonts/Remonstranten/fonts/Remonstranten.otf") format("opentype");font-weight:normal;font-style:normal}
@font-face{font-family:"Remonstranten";src:url("/themes/remonstranten/assets/fonts/Remonstranten/fonts/Remonstranten_Bold.otf") format("opentype");font-weight:bold;font-style:normal}
body{font-family:Remonstranten,Arial,sans-serif;margin:0;padding:0;font-size:16px}
.display-1{font-size:3rem;line-height:1.4em}
.display-2{font-size:2.75rem;line-height:1.4em}
.display-3{font-size:2.5rem;line-height:1.4em}
.display-4{font-size:2.25rem;line-height:1.4em}
.display-5{font-size:2rem;line-height:1.4em}
.display-6{font-size:1.75rem;line-height:1.4em}
.navbar{background:transparent !important;padding-top:30px;position:absolute;width:100%}
.navbar-brand{font-family:"Remonstranten",Arial,sans-serif;font-size:36px;line-height:normal;padding-left:13px;display:inline-block;padding-top:0;position:relative;top:-2px}
.navbar .navbar-nav .nav-link{padding:0;line-height:1.2em}
.navbar .navbar-nav .nav-link.active{text-decoration:none;padding-bottom:0px;border-bottom:1px solid #fff}
.navbar.navbar-light .navbar-nav .nav-link.active{border-bottom:1px solid #000}
.navbar.navbar-light .navbar-nav .nav-link{font-family:"Remonstranten",Arial,sans-serif;color:#000}
.navbar.navbar-dark .navbar-nav .nav-link{font-family:"Remonstranten",Arial,sans-serif;color:#fff}
.achtergrondafbeelding{background-image:url("/themes/remonstranten/assets/images/_kleurvlakken/groen-blauw-breed.png");background-size:cover;background-position:center}
.spring-afbeelding{display:block;margin:0 auto;transform:translateY(-50%)}
.omhoogEigenHoogte{display:block;transform:translateY(-110%);line-height:1em}
.omhoogEigenHoogte.onsGebouw{transform:translateY(-150%)}
.header_agenda{position:relative}
.header_agenda .foto{width:63%;height:auto;z-index:1}
.header_agenda .achtsteNaarLinks{position:absolute;height:100%;width:auto;right:0px;z-index:2}
.header_agenda .titelBlokAgenda{position:absolute;bottom:7%;left:65%;width:30%;z-index:3;color:#fff;text-align:left;line-height:1.3em;font-size:1.2rem;text-shadow:2px 2px 4px rgba(173,95,164,0.5)}
.header_agenda .titelBlokAgenda h1,.header_agenda .titelBlokAgenda h2,.header_agenda .titelBlokAgenda h3,.header_agenda .titelBlokAgenda h4{line-height:1.2em}
.header_agenda .titelBlokAgenda.geen_foto{bottom:28%;left:10%;width:40%}
.header_agenda .titelBlokAgenda.geen_foto h1,.header_agenda .titelBlokAgenda.geen_foto h2,.header_agenda .titelBlokAgenda.geen_foto h3,.header_agenda .titelBlokAgenda.geen_foto h4{line-height:1.2em}
.header_agenda .terugKnopAgenda{position:absolute;bottom:4%;left:10%;color:#fff}
.no-rollover{text-decoration:none;transition:all 0.3s ease;box-shadow:none}
.no-rollover:hover{text-decoration:none;transform:scale(1.1);z-index:10;box-shadow:0 4px 8px rgba(0,0,0,0.2)}
.tekstBinnen{padding:15px 30px}
.tekstBinnen h1,.tekstBinnen h2,.tekstBinnen h3,.tekstBinnen h4{line-height:1.2em}
.achtergrondMenu.header-image{height:70px;position:fixed;z-index:500 !important;width:100%}
.header-image{z-index:501 !important;position:relative}
@media (min-width:768px){.achtergrondMenu.header-image{height:120px}}
.formulier .form-control{border-radius:0;border:1px solid #01AA4A;box-shadow:none;font-size:14px}
.formulier .form-control::placeholder{color:#01AA4A;opacity:1}
.formulier .knop{background-color:#01AA4A;color:#fff;border-radius:0;border:none;padding:5px 20px;font-size:14px;cursor:pointer;font-weight:bold}
.formulier .knop:hover{background-color:#00451e}
.formulier textarea{min-height:175px}
.formulier.rood .form-control{border:1px solid #B81226}
.formulier.rood .form-control::placeholder{color:#B81226}
.formulier.rood .knop{background-color:#B81226}
.formulier.rood .knop:hover{background-color:#5b0913}
.leesmeerTekstRijContainer{margin-top:-15px}
.verborgenLeesMeer{display:none}
.leesMeerKnop{color:#000;display:block;text-decoration:none}
.leesMeerKnop svg{position:relative;left:-5px;transition:all 0.3s ease}
.leesMeerKnop:hover{text-decoration:underline}
.leesMeerKnop:hover svg{position:relative;left:0px}
.terugKnop{color:#fff;font-size:1.2rem;display:block;text-decoration:none}
.terugKnop svg{position:relative;right:-5px;transition:all 0.3s ease;transform:rotate(180deg)}
.terugKnop:hover{text-decoration:underline}
.terugKnop:hover svg{position:relative;right:0px}
header nav ul li{margin:0 10px}
.social-icons a{display:inline-block;margin-right:5px}
.leesMeerKnop{color:#9E58EF;font-size:1.2em}
.event-card{background:linear-gradient(135deg,#f37055,#ef4e7b,#884eba,#5f4edf);color:white;padding:20px 20px 15px 20px}
.event-card-activiteit{background:linear-gradient(135deg,#D9F757,#98A8FD);color:white;padding:20px 20px 15px 20px}
.titel-container{height:100px;width:100%;display:flex;align-items:start;justify-content:start}
.titel-container.activiteit{height:180px;width:85%;display:flex;align-items:end;justify-content:start}
.pijltje{position:absolute;right:20px;top:20px;color:#fff;font-size:1.5rem;transition:transform 0.3s ease}
.titelBlok{font-size:40px;line-height:1.2em;transition:none !important}
.event-title{font-size:1.5rem}
.event-date{font-size:1rem;margin-top:10px}
.lees-verder{display:inline-block;margin-top:10px;color:#c89eff;font-weight:bold;text-decoration:none}
.lees-verder:hover{text-decoration:underline}
.activiteitContainer{opacity:1;transition:all 0.3s ease;text-decoration:none;cursor:pointer;z-index:99}
.activiteitContainer:hover{opacity:1;transform:scale(1.1);position:relative;z-index:100}
.kader{max-height:0;overflow:hidden;transition:max-height 0.5s ease}
.kader.open{max-height:1400px}
.modal.activiteit,.kader{position:relative}
.modal.activiteit .sluitenEvent,.kader .sluitenEvent{position:absolute;right:0px;top:0px;display:block}
.modal.activiteit .sluitenEvent svg,.kader .sluitenEvent svg{width:40px;height:40px;fill:#000;transition:transform 0.3s ease}
.modal.activiteit h1,.modal.activiteit h2,.modal.activiteit h3,.modal.activiteit h4,.kader h1,.kader h2,.kader h3,.kader h4{color:#9E58EF;line-height:1.2em}
footer{background-image:url("/themes/remonstranten/assets/images/_kleurvlakken/footer_paars-rood.png");background-size:cover;background-position:center;padding:60px 0;font-size:12px}
footer .wijdekerk-logo{display:inline-block;margin-top:60px;background:#fff;padding:4px}
footer.zwart{color:#000;a:hover;a-text-decoration:underline}
footer.zwart a{color:#000;text-decoration:none}
footer.wit{color:#fff;a:hover;a-text-decoration:underline}
footer.wit a{color:#fff;text-decoration:none}
.titelVerspringen{height:0}
@media (max-width:1199.98px){#navbarNav{background-color:#fff !important;text-align:right;padding-bottom:8px;z-index:40;font-size:16px;margin-left:-15px;margin-right:-15px;padding-left:5px;padding-right:5px;width:100%;max-width:270px;top:100px;right:45px;position:absolute;border:1px solid #cacaca}#navbarNav .navbar-nav .nav-link{color:#000;padding:8px 7px 0px 7px}#navbarNav .navbar-nav .nav-link.active{border-bottom:1px solid #000 !important}}
@media (max-width:768px){body{font-size:18px}.display-1{font-size:2.4rem;line-height:1.4em}.display-2{font-size:2.2rem;line-height:1.4em}.display-3{font-size:2rem;line-height:1.4em}.display-4{font-size:1.8rem;line-height:1.4em}.display-5{font-size:1.6rem;line-height:1.4em}.display-6{font-size:1.4rem;line-height:1.4em}#navbarNav{max-width:270px;top:70px;right:30px;position:absolute}.navbar-brand{font-size:24px}.navbar{padding-top:15px}.navbar .navbar-nav .nav-link{font-size:18px}.header_agenda .titelBlokAgenda{left:10%;width:80%;bottom:20%}.header_agenda .foto{width:100%}.header_agenda .achtsteNaarLinks{right:-20px}.titelVerspringen{padding-top:20px;height:auto}.omhoogEigenHoogte{transform:translateY(0%)}.omhoogEigenHoogte.onsGebouw{transform:translateY(-120%);position:relative;left:54vw;font-size:36px;line-height:36px}.mobielNaarBoven{position:relative;top:-50px;margin-bottom:-50px}.halfMobiel{flex:0 0 50%}.titel-container.activiteit{height:120px}.titelBlokAgenda{bottom:28% !important;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}.titelBlokAgenda h1,.titelBlokAgenda h2,.titelBlokAgenda h3,.titelBlokAgenda h4{font-size:34px;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}.titelBlokAgenda.geen_foto{bottom:28% !important}.verbergMobiel{display:none}}