/**
 * @file
 * Subtheme specific CSS.
 */
html,
body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body {
  width: 100%;
  overflow-x: hidden;
}
#drupal-off-canvas-wrapper {
  z-index: 2001 !important;
}
.affix {
    position: fixed !important;
    width: 100%;
    top: 0;
    z-index: 1035;
    left: 0;
}



/*eigen classes*/
.bg-hover:hover {
  background-color: var(--accentkleur);
}
.hoogte-100 {height: 100px !important}
.hoogte-200 {height: 200px !important}
.hoogte-300 {height: 300px !important}
.hoogte-400 {height: 400px !important}
.hoogte-500 {height: 500px !important}
.hoogte-600 {height: 600px !important}
@media only screen and (min-width: 1200px){
  .hoogte-lg-100 {height: 100px !important}
  .hoogte-lg-200 {height: 200px !important}
  .hoogte-lg-300 {height: 300px !important}
  .hoogte-lg-400 {height: 400px !important}
  .hoogte-lg-500 {height: 500px !important}
  .hoogte-lg-600 {height: 600px !important} 
  .hoogte-lg-al {height: 100% !important}
}

.ui-dialog-titlebar-close::before {
  content: "X";
  position: absolute;
  top: 1px;
  left: 3px;
  line-height: 1rem;
}
.ui-dialog {z-index: 9000}
/*einde eigen classes*/

.btn {border-radius: 0;}


:root {
  /*extra kleur*/
  --accentkleur: #f6b70e;
}

a, a:hover  {color: #0d5aa1;
  text-decoration: none!important;
  }

  

/*front editing*/
.editing-container {
  z-index: 2000;
}
/*end front editing*/

.card {
    /*kleuren voor card*/
    --bs-card-color:#363535 ;
    --bs-card-bg: #fff;
    --bs-card-cap-color: #363535;
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
}
.placeholder {
    background-color: transparent;
}
.no-lineheight {line-height: 0 !important}


/* inline images en tekst uitlijnen (ckeditor)*/
.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
.text-align-center {
  text-align: center;
}
.text-align-justify {
  text-align: justify;
}
.align-left {
  float: left;
  padding-right: 1rem;
}
.align-right {
  float: right;
  padding-left: 1rem;
}
.align-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.caption {
  display: table;
}
.caption > * {
  display: block;
  max-width: 100%;
}
.caption > figcaption {
  display: table-caption;
  max-width: none;
  caption-side: bottom;
}
figcaption {
    padding-top: 10px;
    text-align: center;

    font-family: "Calibri", sans-serif;
        font-weight: 150;
        font-style: italic;
        font-size: 0.999em !important;
}
.text-formatted blockquote {
  border-left: 5px solid #ccc;
  font-style: italic;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
/* einde inline images (ckeditor)*/

/*admin-toolbar fix*/
.toolbar-horizontal.toolbar-fixed nav.affix,
.toolbar-vertical.toolbar-fixed nav.affix{
  margin-top: 39px;
}
.toolbar-horizontal.toolbar-tray-open nav.affix {
  margin-top:76px;
}
.toolbar-oriented .toolbar-bar {
    z-index: 1050;
}
/*breadcrumb*/
.breadcrumb {
    margin-top: 1rem;
}



/* -- zoeken blok -- */
/*searchform in mainmenu*/
section.region-header-form {margin-left: 10px;
}

/*searchblok in topheader*/
.region-top-header-form .col-auto {
  padding-left: 0;
  padding-right: 0; }

/*searchblok in andere regions*/
.sidebar .zoekform,
.featured-bottom .zoekform,
.site-footer__top .zoekform,
.site-footer__bottom .zoekform {
    margin: 10px 5px;   
    color: #000000!important;
}

.zoekform .form-control,
.zoekform button.btn {
 border-radius: 0;
}
/* einde -- zoeken blok -- */

/* fasttoggle */
/*a.fasttoggle-node-status {
text-decoration: none;
padding: 0.5rem;
border: 1px solid var(--bs-link-color);
}
a.fasttoggle-node-status:hover,
a.fasttoggle-node-status:focus {
opacity: 0.8;
}*/



*card tw-style*/
.card.tw-style {
  height: 100%;
  background-color: white;
}
.card.tw-style:hover {
  background-color: var(--accentkleur);
}
.card-image.tw-card img {
 -o-object-fit: cover !important;
 object-fit: cover !important; 
 height: 300px; 
 width:100%;
}

.card.tw-style .card-title {
  font-weight: 700;
}
.card.tw-style .icon-link {
  font-size: 1em;
  font-weight: 700;
}
/*einde card tw-style*/


















/* -- zoeken blok -- */
/*AANPASSINGEN ANNIE*/







@media (min-width: 768px){
    .card-image.horizontaal img {
     -o-object-fit: cover !important;
     object-fit: cover !important; 
     height: 100%; 
    }    
}
@media (max-width: 767px){
    .card-image.horizontaal img.rounded-start { 
        border-bottom-left-radius:0 !important;
        border-top-right-radius: var(--bs-border-radius) !important;
    }   
}
.field--name-field-tags {
    margin-top: 1rem;
}
.node-extra-links .nav-link,
.node-extra-links > a {
padding: 0 0.3em;
}
.view-frontpage .pagination {
    justify-content: center;
    margin-top: 10px;
}

/*bootstrap overwrite*/
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: bottom;
  cursor: text;
  background-color: transparent !important;
  opacity: 1;
}

/*admin toolbar*/
/*.toolbar,
.toolbar a,
.toolbar p,
.toolbar li,
.toolbar h4,
.toolbar h5,
.toolbar h6
 {
  font-family: "Calibri", sans-serif;
  font-weight: 350;
  font-style: normal;
  color: #000000;
  font-size: 1.118em;
  line-height: 1.7;
  letter-spacing: 1px;
}*/



/*actieknop*/
.actieknop .fontawesome-icons,
.actieknop .fontawesome-icon {display: inline;}
/*einde actieknop*/



/*site-footer__bottom*/
.site-footer__bottom {
  --tw-fbottom-bg:#000000;
  
}
.site-footer {
  padding-bottom: 0;
  color: #000000!important;
}
.site-footer__bottom {
  background: var(--tw-fbottom-bg);
  color: var(--tw-fbottom-color);
  margin-bottom: 0;
  padding: 0;
}
.site-footer__bottom .content {
  padding: 5px;
  margin-top: 0;
  color: #ffffff;  
}

.text-align-center p{
  padding: 5px;
  margin-top: 0;
  color: #ffffff;
  
}


.site-footer__bottom p {
  color: var(--tw-fbottom-color);
  line-height: 1;
  font-size: 1em;
  letter-spacing: 0;
  margin-bottom: 5px;
  color: #ffffff!important;
}
.site-footer__bottom a {
  color: var(--tw-fbottom-color) !important;
  line-height: 1;
  font-size: 1em;
  letter-spacing: 0;
  margin-bottom: 0;
  color: #ffffff;
}



/*socialicons*/
.linkicon__item {
  padding: 0 5px;
  text-decoration: none;
  font-size: 1.5em;
}


#edit-name {color: #000000!important;
font-size: 1em;
  letter-spacing: 0;
  margin-bottom: 0;}

  #edit-mail {color: #000000!important;
font-size: 1em;
  letter-spacing: 0;
  margin-bottom: 0;}

.form-control,
.form-control:focus {
  background-color: #ffffff !important;
}
.user-logged-in label[for^=edit-name],
.user-logged-in label[for^=edit-mail]{
  visibility: hidden;
}
.user-logged-in div[id^='edit-name'],
.user-logged-in div[id^='edit-mail'] {
  background-color: #ffffff !important;
  padding: 10px;
}
.user-logged-in div[id^='edit-name']:hover,
.user-logged-in div[id^='edit-mail']:hover {
  cursor: not-allowed;
}


/*site-footer__top*/
.site-footer__top .content a, 
.site-footer__top .content a.is-active,
.site-footer__top .content p,
.site-footer__top .content li,
.site-footer__top a.nav-link {
 
  font-size: 1em;
  text-decoration: none;
}



.region region-footer-fourth  {color: #000000!important;}
/*einde site-footer__top*/


/*footermenu*/
.menu--footer a.nav-link {
  overflow: hidden;
  display: inline-block;
  position: relative;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-weight: 500;
}
.menu--footer a.nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  background-color: var(--accentkleur);
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}
.menu--footer a.nav-link::after {
  opacity: 1;
  transform: translate3d(-100%, 0, 0);
}
.menu--footer a.nav-link:hover::after,
.menu--footer a.nav-link:focus::after{
  transform: translate3d(0, 0, 0);
}
/*einde footermenu*/



/*topbalk*/
#navbar-top p,
#navbar-top a,
#navbar-top h3,
#navbar-top li,
#navbar-top {
  line-height: 2.2;
  font-size: 1em;
  text-decoration: none;
}
#navbar-top .col-auto .block-block-content, 
#navbar-top .col-auto .block-language {
  display: inline-block;
  margin-right: 5px;
}
/*einde topbalk*/




.site-footer .content {
    color: #8f8f8f;
    font-size: 1,2em;
}

.site-footer .content a {
    color: #000000;
    font-size: 1,5em;
}



.site-footer .content a:hover {color: #0d5aa1!important;}


/*captcha floting label*/
.captcha__element .form-floating>label {
    white-space: pre-wrap;
}

.captcha__element .form-floating>.form-control:focus~label,
.captcha__element .form-floating>.form-control:not(:placeholder-shown)~label {
    transform: scale(.60) translateY(-.5rem) translateX(.15rem);
    white-space: nowrap;
}

/*einde captcha*/