/* ##################################### hero-image.scss ############################## */

.hero-slider .hero-image__content {
    left: 5%;
    position: absolute;
    top: 10%;
    width: 40%;
    z-index: 1;
}
.hero-image__content {
    border-radius: 2.8125rem 0 2.8125rem 0;
    display: flex;
    flex-flow: column nowrap;
    left: 5%;
    margin-bottom: 3.125rem;
    padding: 5rem;
    width: 40%;
}
.hero-image__content, .hero-image__gradient:before {
    background: linear-gradient(135deg, rgba(96, 181, 211, .7), rgba(93, 179, 206, .7) 20%, rgba(14, 122, 61, .7) 70%, rgba(14, 122, 61, .7));
    position: absolute;
    z-index: 1;
}
.hero-image__content-title {
    color: #fff;
    font-family: Playfair Display;
    font-weight: 900;
    margin-bottom: 0;
}
.hero-image__content-text, .hero-image__content-text p {
    color: #fff;
    margin-bottom: 0;
}
/* ##################################### buttons.scss ############################## */

/*

.button--ghost:after {
    background-image: url(/public/svg/button-chevron-blue.svg);
    top: .4375rem;
    transition: background-image .2s ease;
}

.button:after {
    background: url(/public/svg/button-chevron-blue.svg) 0 0 / 100% no-repeat;
    content: "";
    height: 1.625rem;
    position: absolute;
    right: .5rem;
    top: .5rem;
    width: 1.625rem;
}
*/
/* ##################################### buttons.scss ############################## */

.cta-side-block p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

li b, li strong {
  font-weight: 700;
}

.elementOnTop{
  z-index: 2;
}

/* Externe icoon weergeven bij _blank en external buiten p-element */
a:not(.button).external:after, a:not(.button)[target=_blank]:after {
  background: url(/public/svg/link-new-tab.svg) 50%/100% no-repeat;
  content: "";
  display: inline-flex;
  height: 1rem;
  margin-left: 0.375rem;
  transform: translateY(0.125rem);
  width: 1rem;
}
/* Externe icoon weergeven bij _blank en external buiten p-element */

/* online klantenmap */

.thumbnail-kop {
  width: 100%;
  clear: both;
}

.thumbnail-wrapper {
  margin: 1em 0;
  width: 100%;
  clear: both;
}

.thumbnail-content {
  float: left;
  width: 33%;
  text-align: center;
  padding: 0 0 1em 0;
  min-height: 235px;
}

.witruimte {
  width: 100%;
  clear: both;
}

.min-height-450{
  min-height: 450px;
}

.min-height-550{
  min-height: 550px;
}

/* einde online klantenmap */

/* tbv afsprakenmodule */
#partner_blok {
  display: none;
}
#nav_verderx {
  display: none;
}

.bb-navigatie.bb-nav-links {
  float: left;
}
.bb-navigatie.bb-nav-rechts {
  float: right;
}
/* Einde tbv afsprakenmodule */

.cta-side-block--on-page-header-alert {
  top: 3rem;
  right: 5.25rem;
  bottom: unset;
}


/* kolommen met bedragen nowrap geven */
table.kosten tbody>tr>:nth-child(2) {
  white-space: nowrap;
}

#eva_home .section--grey:before{
  left:0;
  width:100%;
}
#eva_home .section--breadcrumbs.section--grey:before{
  background-color: white;
}
#eva_home .section--topical.section--grey:before{
  top:280px;
}
.page-number{
  z-index:1;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 1.875rem;
  padding: 0 0.375rem;
}
.page-item--nav--prev,.page-item--nav--next{    padding-left: 1.125rem;
  padding-right: 1rem;}
.page-number.active{
  font-weight: 700;
  text-decoration: underline;
}

.section--administrative:before, .section--parking:before{
  background-color: #f2f2ef;
}

/* radius t/m ipad kleiner gemaakt anders loopt de tekst uit het witte vlak */
/*
Styling 12-10-2026
*/
.section--grey:before {
  border-radius:30px 0 0 0;
  mix-blend-mode: multiply;
}

@media only screen and (min-width: 781px) {
  .section--grey:before {
    border-radius:100px 0 0 0;
    mix-blend-mode: multiply;
  }
}

.section--grey ~ .section--grey:before {
  border-radius:0;
}

/*
.section--border-bottom-right-radius:before{
border-radius:0 0 100px 0 !important;
}
*/

.hero-image__action-content{
  border-radius:100px 0;
  background-color: rgba(237,114,32,.8);
  font-size:48px;
  line-height:48px;
  font-weight:bold;
  padding: 1rem 4rem;
  text-align:center;
  position:absolute;
  width:500px;
  right:-461px;
  top:40%;
}

.hero-slider__bg-image-container:after {
  background-color: unset;
}

.hero-image__action-content h1{font-weight:bold;}
figure.hero-image__image-container:after {
  /* background-color: rgba(0,0,0,.28); */
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#eva_actueel,#evaessearchresults{position:relative;}
body#eva_actueel:before,#evaessearchresults:before {
  position: absolute;
  content: "";
  left: 0;
  width: 80%;
  height: 100%;
  /* background-color: #f2f2ef; */

}
#eva_actueel .section--grey,#evaessearchresults .section--grey{
  background-color: transparent;
}
.newsletterblock{
  background-color: #DBD9CA;
  text-align: center;
  padding: 5rem;
  border-radius: 100px 0;
  margin:5rem 0;
  font-family: interstate,sans-serif;
}
.newsletterblock h2{
  font-family: 'Playfair Display';
  font-size: 54px;
  line-height: 60px;
}
.newsletterblock p{
  font-size: 24px;
  line-height: 25px;
}
.newsletterblock #newsletters_email{
  width: 50%;
  margin:3rem auto 0;
  display: block;
  border-radius: 10px;
  border:none;
  padding:20px 30px;
  font-family: interstate,sans-serif;
  font-size: 17px;
  color: black;
}
.newsletterblock .bottomtext{
  font-size: 17px;
}
.newsletterblock #newsletters_email::placeholder {
  color: black;
  font-weight: bold;
  opacity: 1; /* Firefox */
}

.newsletterblock #newsletters_email:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
}

.newsletterblock #newsletters_email::-ms-input-placeholder { /* Microsoft Edge */
  color: black;
}


@media only screen and (max-width: 1530px) {
  .hero-slider .hero-image__content{
    width:60%;
  }
}
@media only screen and (max-width: 1400px) {
  .section--grey:before{left:0; width:100%;}
  .hero-image__content-text{
    font-size:16px; line-height:24px;
  }
}
@media only screen and (max-width: 769px) {
  #eva_home .section--topical.section--grey:before{
    top:150px;
  }

}
.articles.articles--file.evathema {
  padding: 0 !important;
}
.section--border-bottom-right-radius-0{border-bottom-right-radius:0;}
/* tijdelijke home wizjigingen*/

.article-slider__wrapper{max-width:0;}

.footer__socials-link--twitter {
  background: url(/public/svg/footer-x.svg) 50%/100% no-repeat;
}

.footer__socials-link--linkedin {
  background: url(/public/svg/footer-li.svg) 50%/100% no-repeat;
}

/* Ruimte op homepage boven tegels kleiner maken */
.section--topical {
  padding: 0 !important;
}

@media (max-width: 767.98px){
  .article-slider--files {
    padding: 0.5rem 0 1.875rem !important;
  }
}

/*  */
@media (max-width: 767.98px){
  .articles--topical {
    padding: 0.5rem 0 0 !important;
  }
}

/* ruimte boven tegels op homepage kleiner maken */
@media (max-width: 767.98px){
  .articles__row {
    padding-bottom: 0 !important;
  }
}  


/* titels groter op mobiel */
@media (max-width: 767.98px){
  .articles .introblock .article__title {
    font-size: 1.875rem !important;
    line-height: 2.125rem !important;
  }
}

@media (max-width: 767.98px){
  .newsletterblock h2 {
    font-size: 1.875rem !important;
    line-height: 2.125rem !important;
  }

  .newsletterblock p {
    font-size: 1.25em !important;
    line-height: 1.3em !important;
  }
}  

@media (max-width: 767.98px){
  .articles__row {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}

@media (max-width: 575.98px){
  .articles__row {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}

.articles__row {
  margin-left: 2.375rem;
  margin-right: 0.375rem;
}

@media (max-width: 991.98px){
  .footer__col--no-padding-left, .col-lg-5.footer__quick-col {
    display: inline;
    text-align: center;
  }
  .footer__text {
    display: revert;
  }
}


.col-12.col-lg-8.col-xl-7.col-xxl-6 .hero-image__content {
  width: auto !important;
  position: relative !important;
}


.col-12.col-lg-8.col-xl-7.col-xxl-6 .hero-image__content {
  margin-bottom: 3.125rem !important;
  padding: 2rem 3rem 2.375rem !important; 
  left: 0 !important;
}

@media (min-width: 769px){
  .col-12.col-lg-8.col-xl-7.col-xxl-6 .hero-image__content-title {
    font-size: 2.5rem !important;
    line-height: 2.625rem !important;

  }
}  

/* lijst element in verschillende kleuren */

/* oranje */
.editor__white-content-block.eva_orange{
  background-color: #ED7303;
}


/* groen */
.editor__white-content-block.eva_green{
  background-color: #DBD9CA;
  /* #0311# background-color: #218387; */
  color: #fff;
}

.editor__white-content-block.eva_green a{
  color: #fff;
}  

/* beige */
.editor__white-content-block.eva_beige{
  background-color: #DBD9CA;
}

/* witruimte onder afbeeldingen weghalen */
.editor img {
  margin-bottom: 0 !important;
  /* border-radius: 0 !important; */
}

/* Tegel Element Menutitle oranje en Interstate */
.person__title {
  align-items: center;
  color: #c95100;
  display: flex;
  flex-flow: column nowrap;
  font-family: interstate, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5625rem;
  text-align: center;
}

.person__title span {
  color: #000;
  font-size: 1.375rem;
  font-family: Playfair Display;
}
/* Tegel Element Menutitle oranje en Interstate */

/* Element Tijdlijn */

ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: ' ';
  background: #0E7A10;
  background-image: linear-gradient(to bottom, #60B5D3, #0E7A10);
  display: inline-block;
  position: absolute;
  left: 32px;
  width: 6px;
  height: 100%;
  z-index: 400;
  margin-top: 5px;
}
ul.timeline > li {
  margin: 20px 0;
  padding: 0 0 0 55px;
}
ul.timeline > li:before {
  content: ' ';
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 4px solid #60B5D3;
  border-color: var(--somecolor, #60B5D3);
  left: 20px;
  width: 30px;
  height: 30px;
  z-index: 400;
  margin-top: -3px;
}

ul.timeline > li span.lnks {
  font-weight: bold;
}

ul.timeline > li span.rchts {
  float: right !important;
}

/* Element Tijdlijn */ 

.cta-side-block--between {
  right: -6.375rem;
}

@media (min-width: 768px) {
  .col-md-4.tileswider {
    width: 20%;
  }
  .col-md-4.tileswider>.folder__image, .person__image {
    /* height: 60%; */
  }
}

.headernone {
  display: none; 
}

.headersmall {
  height: 14.375rem !important; 
}

.headersmall>.hero-image__content {
  display: none;
}

.headermedium {
  height: 26.875rem !important; 
}

.headerlarge {
  height: 33.125rem !important; 
}

/* Actiekader en attentiekader kleuren */
.cta-side-block, .cta-side-block.eva_orange {
  background-color: #ED7303 !important;
}

.cta-side-block.eva_green {
  background-color: #218387 !important;
  color: #fff;
}
/* Einde Actiekader en attentiekader kleuren */

/* Agenda element homepage kleur */
.article--list {
  background-color: #C9D400 !important;
}

.article__title--list, .article__title--list a {
  color: #000 !important;
}

/* Einde Agenda element homepage kleur */



/* Top-nav aanpassingen */
.header__menu-button-icon span {
  background-color: #218387 !important;
}

.header__menu-button-text, .header__top-nav-link-text {
  color: #218387 !important;
}
/* Einde Top-nav aanpassingen */

#hp-actual-blocks {
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  #hp-actual-blocks {
    margin-top: 1em;
  }
}

#hp-actual-blocks div.block-item {
  width: 49% !important;
}

.article--intro-block--lightblue {
  height: 95% !important;
  background-color: #29a0a5;
}

#hpkaart-img {
  width: 95%;
}

#hpkaart {
  display: initial;
}

#hpkaart h2 {
  color: #000;
  font-family: Playfair Display;
  font-size: 2.5rem;
  line-height: 3rem;
  margin-bottom: 1.2rem;
}

#hpkaart p {
  color: #000;
  font-family: interstate, sans-serif;
  line-height: 1.75rem;
  font-size: 1.06rem;
}

@media (max-width: 767.98px) {
  #hpkaart h2 {
    font-weight: 900;
    font-size: 1.125rem;
    line-height: 1rem;
    margin-bottom: .625rem;
  }
  #hpkaart p {
    font-size: .875rem;
    line-height: 1;
  }
}

@media (max-width: 991.98px){
  #hp-agenda {
    margin-top: 1em !important;
    width: 100% !important;
  }
}

.hero-image__content-title {
    font-size: 3.38rem !important;
    line-height: 4.06rem !important;
}    
  
.hero-image__content-text {
    font-size: 1.06rem !important;
}

.articles .introblock .article__title {
    font-size: 2.5rem !important;
    line-height: 3rem !important;
}

@media only screen and (max-width: 767.5px) {
  .hero-slider .hero-image__content {
    width:90% !important;
  }
  .hero-slider .hero-image__content {
    top: 25% !important;
  }
  .hero-image__content-title {
    font-size: 2.38rem !important;
    line-height: 3.06rem !important;
  }
}

@media only screen and (max-width: 460px) {
  .hero-slider .hero-image__content {
    top: 5% !important;
  }
  .hero-image__content-title {
    font-size: 1.8rem !important;
    line-height: 2.2rem !important;
  }
}


/* groene introblok om homepage minder hoog maken */
.col-12.col-lg-6.introblock {
    height: fit-content;
}

.zoekres-inleiding-afbeelding{
	display: flex;
}

li.status-publish.hentry {
    background-color: initial !important;
	padding: 0 1.875rem !important;

}

.zoekres-inleiding-afbeelding {
    border-bottom: .0625rem solid #707070;
}

.wp-block-separator {
    border: none;
    border-top: .0625rem solid #707070;
}

.wp-block-post-excerpt {
    width: 75%;
    padding-right: 0.5em;
}

.wp-block-post-featured-image {
     width: 25%;
}

.zoek-paginering{
	display: flex;
	text-align: center;
}

a.wp-block-query-pagination-previous {
    padding-right: 0.5rem;
}

a.wp-block-query-pagination-next {
	padding-left: 0.5rem;
}

a.article.article--white-content-big h3{
    color: #fff;
}

.editor__wide-image img {
    border-radius: .9375rem;
    margin-bottom: 0;
}