a{transition: all .2s ease-out;}
.event-category{ bottom:16px; left:0;}
.social a{text-decoration:none;}

.card-title .stretched-link{
  hyphens: auto;
}

/*Navbar active border*/
.navbar-nav .nav-item .nav-active{border-bottom:2px solid var(--bs-secondary);}

.breadcrumb-item a:hover{
  filter: brightness(85%);
}

.mt-md-n5,.mt-n5 {
  margin-top: -3rem !important;
}
figcaption, table caption{font-size: .875em;}

.h-fit-content{height: fit-content;}

@media only screen and (max-width: 768px) {
  .mt-md-n5,.mt-n5 {
    margin-top: 0rem !important;
    float: none !important;
    margin-bottom: 2rem;
  }
  .toptask:nth-child(n+1){
    margin-top:-2px;
  }
  .topmenu {
    min-height: 35px !important;
  }
}

.fakeborder{border:3px solid white;}
/* Aanpassingen Edwin Vogelaar - Embedded formulieren */
.required-indicator {display:none;}
.xforms-required .required-indicator{display:inline-block;}
.xforms-empty-group-label .required-indicator{display:none;}
.xforms-valid .xforms-field-alert{display: none;}
.fedra-sans{
  font-family: 'Fedra-Sans';  
}


/* ContactModal */
#contactModal .modal-dialog{
  position:fixed;
  top:0;
  right:-500px;
  margin:0;
  height:100%;
  width:500px;
}
#contactModal .modal-dialog .modal-content{
  height:100%;
}
#contactModal.modal.show .modal-dialog {
  transform: translateX(-500px);
  transition: all .3s ease-in-out;
}
.modal-body{overflow:auto;}
.productlist .row .col-5:nth-child(even){margin-left:100px !important;}


.name-of-day{
  text-transform: capitalize;
}

.sfs-xforms-section{
  margin-bottom: 1rem !important;
}
.btn-white{background-color:white;}
.btn-white:hover{border-color:white;}
.btn-light:hover{border-color:white !important;}
/*Button overwrites*/
/*.btn-primary:hover{background-color:white; color: var(--bs-primary);}
.btn-secondary:hover{background-color:white; color: var(--bs-secondary);}
.btn-success:hover{background-color:white; color: var(--bs-success);}
.btn-info:hover{background-color:white; color: var(--bs-info);}
.btn-warning:hover{background-color:white; color: var(--bs-warning);}
.btn-danger:hover{background-color:white; color: var(--bs-danger);}
.btn-light:hover{background-color:white; color: var(--bs-light);}
.btn-medium:hover{background-color:white; color: var(--bs-medium);}
.btn-dark:hover{background-color:white; color: var(--bs-dark);}
.btn-outline-primary:hover{background-color:var(--bs-primary); color: white;}
.btn-outline-secondary:hover{background-color:var(--bs-secondary); color: white;}
.btn-outline-success:hover{background-color:var(--bs-success); color: white;}
.btn-outline-info:hover{background-color:var(--bs-info); color: white;}
.btn-outline-warning:hover{background-color:var(--bs-warning); color: white;}
.btn-outline-danger:hover{background-color:var(--bs-danger); color: white;}
.btn-outline-light:hover{background-color:var(--bs-light); color: white;}
.btn-outline-medium:hover{background-color:var(--bs-medium); color: white;}
.btn-outline-dark:hover{background-color:var(--bs-dark); color: white;}
*/
.card-header .person-img {
  height: 330px;
  object-fit: cover;
}
.translateblock{width:300px; }
#homepage .headerimage .container{margin-top:-218px;}
.headerimage img{
  height:520px;
  object-fit:cover;
}
#page .headerimage img{
  height:382px;
}

.toptask:nth-child(n+4) .btn-toptask{
  border-top:0px;
}
#homepage .toptask:nth-child(n+4) .btn-toptask{
  border-top:2px solid var(--bs-warning);
}

#homepage .toptask:nth-child(n+5){
  margin-top:-2px;
}
#homepage .toptask:nth-child(n+5) .btn-toptask{
  border-top:0px;
}

.uitgelicht .card-img-top{height:180px; object-fit:cover;}
.newsitem .card-img-top{height:250px; object-fit:cover;}
.topmenu{min-height:58px;}
.topmenu .cssclasssearchform .searchbtn{background-color:white; border-color: white; border-left-color:var(--bs-primary);}
.topmenu .cssclasssearchform .searchbtn:hover{background-color:var(--bs-primary); color:white; border-color:white;}
footer .socials .sociallink{color: white;}
footer .socials .sociallink:hover{color:var(--bs-primary);}
footer .socials .sociallink span{font-size:32px;}
#homepage .designbar{
  margin-top:75px;
}
.designbar{
  height:10px;
  background: rgb(250,170,30);
  background: linear-gradient(90deg, rgba(250,170,30,1) 20%, rgba(40,143,223,1) 21%);
}
.designline{height:10px; background: var(--bs-warning);}
.smallpersoncard img{height:300px; object-fit:cover;}
.homeblocks img{height:300px; width:100%; object-fit:cover;}
.sidelists li{list-style:none;}
.sidelists li a{position:relative; padding-left:0; margin-left:0;}
.sidelists li a .fa-solid{position:absolute; top:6px; left:-30px;}
.table{border-color:var(--bs-primary)}
#foundblock{margin-top:96px;}
#maincontent a:not(.btn, .uitgelichttextblock a, .uitgelicht a, .pagination a),#contactModal a{text-decoration: underline;}
#column3content a:not(.btn, .uitgelichttextblock a, .uitgelicht a, .pagination a, li a),#contactModal a{text-decoration: underline;}
.personcard img{max-height:600px; object-fit:cover;}
.personcard a.btn-secondary:hover,.productctabtn:hover{background-color:var(--bs-primary);border-color:var(--bs-primary);}
.personcardsoverview img{max-height:460px; object-fit:cover;object-position:center;}

.toptask a:focus,.toptask a:hover{background-color: rgba(var(--bs-warning-rgb),.35);}
#mainmenu .nav-link{border:3px solid white;}
#mainmenu .nav-link:hover{border-bottom:2px solid var(--bs-primary);}
.link-white{color: white;}

.youtubeimg{position:relative;}
.youtubeicon,.smalliconbg{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.smalliconbg{width:30px;height:30px;}
.uitgelichttextblock{width:55%; position:relative; z-index:1; margin-left:10%;}
.uitgelichtimgblock{width:60%;position:absolute; right:-350px; top:50%; z-index:-1; transform:translateY(-50%);}
.uitgelichtimg{height:400px; object-fit:cover; width:100%;}
table.table{margin-bottom:32px; }
.hover-shadow:hover{transition:box-shadow .15s;box-shadow:0px 4px 4px rgba(0,0,0,0.25);}
.uitgelicht .card:hover a, .card:hover a,a:not(.nav-link,.btn-toptask):hover{text-decoration:underline;}
.card:hover .card-footer a{text-decoration:none;}
#foundblock .dropdown-toggle::after{display:none;}
.logoimg{height:40px;}
.calltoactionimage{margin-top:-16px;
  background-color:white;
  display:block;
  width:100%;
  padding:16px;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.contactcard img{height:110px; width:120px; object-fit:cover;}
.translatebtn,.dyslexiebtn,.contrastbtn,.printbtn{background-color:transparent; color:white; border:0;}
.translatebtn:hover,.dyslexiebtn:hover,.contrastbtn:hover,.printbtn:hover{border-bottom:2px solid var(--bs-white);}
.translatebtn:focus,.dyslexiebtn:focus,.contrastbtn:focus,.printbtn:focus{border-bottom:2px solid var(--bs-white);}
.translatebtn,.dyslexiebtn,.contrastbtn,.printbtn{font-family:"Poppins";}
.contactbtn:hover{border:1px solid var(--bs-btn-hover-bg); text-decoration:underline; text-underline-offset:10px; }

footer.footer h2{font-size:32px !important;}
footer.footer a,footer.footer p{font-size:24px !important;}
@media only screen and (max-width: 1400px) {
  #homepage .designbar {
    margin-top: 74px;
  }
  .newsimg .card-img-top{height:250px;}
}
@media only screen and (max-width: 1200px) {
  .uitgelichtimgblock{width:80%; right: -270px;}
}
@media only screen and (max-width: 991px) {
  .toptask:nth-child(n+3){
  margin-top:-2px;
}
  .uitgelichttextblock{width:100%; margin-left:0;}
  .uitgelichtimgblock{position:relative; width:100%; right: 0px;top:0px; transform: none;}
  .smallpersoncard img{height:100%;}
  #homepage .designbar {
    margin-top: 45px;
  }
  .newsimg .card-img-top{height:450px;}
}
@media only screen and (max-width: 768px) {
  
  .personcard img{height:100%; max-height:100%;}
  #homepage .designbar {
    margin-top: 53px;
  }
  .personcardsoverview img{max-height:100%;}
  footer.footer a,footer.footer p{font-size:18px !important;}
  #cookiebar{position:relative !important;}
  img.w-25,img.w-50,img.w-75,img.w-100{width:100%!important;}
  .navbar-brand img{width:200px !important;}
  
  #searchpageinput{font-size:16px;}
}
.personcard .socials{margin-left:25px;}
.planningstep{
  position:relative;
}
.planningstep:after{
  content:"";
  position:absolute;
  top:4px;
  left:12px;
  width:20px;
  height:20px;
  background-color: var(--bs-secondary) !important;
  border:2px solid var(--bs-secondary);
  border-radius:50%;
}

.newsimagesquare, .mediacard-image img{object-fit:cover; width:100%; height:200px;}


.topmenu form .btn:focus{border:1px solid var(--bs-primary); border-radius:5px; background-color:var(--bs-primary); color:white;}
.personcard .card-footer .btn{font-size:24px;}
.lightboximg{max-width:100%;}

section.bg-primary div.text-white a{color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;}
.btn[data-bs-toggle="collapse"] .fa-chevron-down{
  transition:transform .2s;
  transform:rotate(-0.5turn);
}
.btn[data-bs-toggle="collapse"].collapsed .fa-chevron-down{

  transform:rotate(0turn);
}
.carousel-control-prev,.carousel-control-next{width:5%; height:15%;}
.card-body a:not(.btn){text-decoration:underline;}
.topmenu #searchform{width:260px;}




/*Focus fixes*/
.topmenu button:focus, .topmenu input:focus, .foundblock button:focus,#searchform button:focus{outline:3px solid var(--bs-warning) !important;}
.navbar-light a:focus,.breadcrumb a:focus,#searchpageinput:focus,#acceptallpolicies:focus, a:focus{outline:3px solid var(--bs-black) !important; outline:revert;}
.sociallink:focus,.pagination a:focus{outline:1px solid var(--bs-primary); border-radius:5px; outline:revert;} 
.sociallink:focus span{color: var(--bs-primary);}

svg.bluesky-icon{vertical-align:top !important;margin-top:-1;}
footer .socials .sociallink:hover .bluesky-icon path{fill:var(--bs-primary);}
.reactions {
  &.level1 .itemcomment{padding-left:3rem;}
  &.level2 .itemcomment{padding-left:6rem;}
  &.level3 .itemcomment{padding-left:9rem;}
  &.level4 .itemcomment{padding-left:12rem;}
  &.level5 .itemcomment{padding-left:15rem;}
  &.level6 .itemcomment{padding-left:18rem;}
  &.level7 .itemcomment{padding-left:21rem;}
  &.level8 .itemcomment{padding-left:24rem;}
  &.level9 .itemcomment{padding-left:27rem;}
  &.level10 .itemcomment{padding-left:30rem;}
}
.reactions .itemcomment form, .reactions .itemcomment .notloggedin{background-color: var(--bs-light);}
.reactions .itemcommentformcontainer form.itemcommentform{background-color:transparent;}
.itemcomment form, .itemcomment .notloggedin{ padding:16px;}
.grecaptcha-badge{visibility:hidden;}
#feedbackformnotfound div p{width:370px;}

.pagination li.page-item {
  margin-left: 10px;
  margin-right: 10px;
  padding: 0;
}
.pagination li.page-item a {
  padding: 10px;
}
.pagination li.page-item.active span.bg-primary {
  padding: 8px 10px;
  border-radius: var(--bs-border-radius);
}