/*
Theme Name: CustomTheme
Author: InternExtern
Author URI: https://www.internextern.nl/
Description:
Version: 1.20233105
*/
:root{
  --main:#F4B918;
  --main-hover:#da1;
  --alt:#b9e9f9;

  --e-global-color-primary:#03f;
  --e-global-color-secondary:#b9e9f9;
  --e-global-color-accent:#01d;
  --e-global-color-text:#212529;
  --e-global-color-e4ecd7c:rgb(222,226,230);
}
/* ^ add/change Elementor colors manually ^ */
/*
SM 576px
MD 768px
LG 992px
XL 1200px
XXL 1400px */
html{
  -ms-scroll-chaining:none;
  scroll-behavior:smooth;
  text-rendering:optimizeLegibility;
  font-optical-sizing:auto;
  font-variation-settings:'opsz',18;/*'optical', font size*/
  font-size:18px;
}
*{
  /*remove WP block margins*/
  margin-block-start:0 !important;
  /*margin-block-end:0 !important;*/
}
footer *{
  margin-block-end:0 !important;
}
body{
  font-family:'Open Sans', 'Arial', sans-serif;
  display:swap;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  min-width:300px;
  font-weight:400;
  /*background-color:rgb(249,250,251);*/
}

.mw-normal{
  /*suitable for WP & Elementor page*/
  max-width:1440px;
  margin-left:auto;
  margin-right:auto;
}

/* Two Parts */
.twopart-container{
  align-items:stretch;
  max-width:3000px;
}
.twopart-container .twopart-pre,
.twopart-container .twopart-post{
  width:calc((100vw - 1440px)/2);
  max-width:780px;
}
.twopart-container .twopart-text{
  align-items:stretch;
  max-width:736px;
  flex:1 1 0;
}
.twopart-container .twopart-img{
  align-items:stretch;
  height:inherit;
  flex:1 0 0;
  display:flex;
  flex-direction:column;
}
.twopart-container .twopart-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  max-height:100vh;
}
.twopart-container .twopart-imgtwopart-paginablok img{
  height:auto;
  max-height:auto;
}
.twopart-container .twopart-img.twopart-paginablok div,
.twopart-container .twopart-img.twopart-paginablok p{
  padding-left:32px;
  padding-right:32px;
}
@media only screen and (min-width: 992px){
  .twopart-container .twopart-img.twopart-paginablok div,
  .twopart-container .twopart-img.twopart-paginablok p{
    padding-left:0;
  }
}
.twopart-container .twopart-text .wp-block-group{
  padding-left:16px;
  padding-right:16px;
}
@media only screen and (min-width: 768px){
  .twopart-container .twopart-text .wp-block-group{
    padding-left:24px;
    padding-right:24px;
  }
}

ul,li{
  list-style:none;
  padding-left:0;
}
/*li:before{
  content:'\F26E';
  display:inline-block;
  position:relative;
  height:100%;
  width:20px;
}*/

.body-content ul,
.body-content ol{
  padding:8px 0 8px 20px;
}
.body-content ul li,
.body-content ol li{
  list-style:square;
  padding:4px 0;
}
.body-content ol li{
  list-style:decimal;
}
.body-content ol li::marker{
  font-weight:bold;
}
body .small{
  font-size:84.375%;
}
.page-anchor{
  top:-64px;
  width:0;
}
.bg-main{
  background:#F4B918;/*main*/
}
.bg-alt{
  background:#b9e9f9;/*alt*/
}
.bg-alt.bg-circular{
  background-image:radial-gradient(circle at center,#d0f5ff 9%,#b9e9f9);
}
.bg-light{
  background-color:rgb(237,239,241) !important;
}
.bg-light.bg-gradient{
  background-image:linear-gradient(135deg,rgb(237,239,241) 50%,white 90%) !important;
}
.bg-dots{
  background-image:linear-gradient(45deg,rgba(128,128,128,.3) 1pt,transparent 1pt);
  background-size:6px 6px;
}

img{
  max-width:100%;
  height:auto;
  image-rendering:crisp-edges;
}
.wp-block-image.w-100 img{
  width:100%;
}
img.alignleft{/*WP align class*/
  float:left;
  max-width:50%;
  padding:8px 8px 8px 0;
}
img.alignright{
  float:right;
  max-width:50%;
  padding:8px 0 8px 8px;
}
/*turn html img into css background image*/
/*.img-with-text:before{
  content:attr(data-before);
  position:absolute;
  bottom:12px;
  left:-12px;
  padding:4px 12px;
  background:#313539;
  z-index:+1;
}*/
a.link-with-img img{
  transition:opacity .1s;
}
a:hover .link-with-img img,
a:focus .link-with-img img{
  opacity:.8;
}

/*WP Gutenberg custom colors, functions.php*/
.has-very-dark-color  {color:#313539;}
.has-gray-color       {color:#858789;}
.has-very-light-color {color:#f2f4f6;}
.has-main-hover-color {color:#da1;}
.has-alt-color        {color:#b9e9f9;}
.has-very-dark-background-color {background:#313539;}
.has-gray-background-color      {background:#858789;}
.has-very-light-background-color{background:#f2f4f6;}
.has-main-background-color      {background:#03F;}
.has-alt-background-color       {background:#b9e9f9;}

.img-with-text p{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.parallax-img-container {
  position: relative;
  min-height: 320px;
  display:block;
  overflow: hidden;
  background:#eee;
  padding-left:0 !important;
  padding-right:0 !important;
}
.parallax-img {
  object-fit: cover;
  position:absolute;
  top: -10%;
  left: 0;
  right:0;
  bottom:0;
  width: 100%;
  min-width: 100%;
  min-height:160% !important;
  height: auto;
  background-size: cover;
  background-position: center;
  transform: translateY(0);
  will-change: transform; /* Optimizes performance */
  transition:none !important;
  margin-top:-8% !important;
  margin-bottom:-10% !important;
}
.parallax-wrapper {
  overflow: hidden;
  position: relative;
  background:#eee;
}
/*.parallax-wrapper:after{
  content:'';
  display:block;
  position:absolute;
  height:32px;
  width:32px;
  background:#212529;
  bottom:-16px;
  left:-16px;
  transform:rotate(45deg);
}*/
.parallax-wrapper img {
  display: block;
  width: 100%;
  margin-top: -12% !important;
  margin-bottom: -20% !important;
  will-change: transform;
}


.text-shadow{
  text-shadow:0 1pt 1pt rgba(0,0,0,.25);
}
p{
  max-width:90ch;
}
.text-center p,p.text-center{
  margin-left:auto;
  margin-right:auto;
}
a{
  cursor:pointer;
  cursor:hand;
  color:#F4B918;/*main*/
  transition:color .1s,background-color .1s,opacity .1s;
}
a:hover,a:focus{
  color:#da1;/*primary-hover*/
}
/*a[href^="mailto:"],a[href^="tel:"],a[href^="https://wa.me"]{
}*/
a.category-name{
  text-decoration:none !important;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{
  font-family:'Open Sans','Arial',sans-serif;
  font-weight:400;
  word-wrap:break-word;
  white-space:normal !important;
  margin:.5em 0 !important;

  font-style:italic;
  font-weight:700;
  text-transform: uppercase;
  letter-spacing:-1pt;
}
h2{
  position:relative;
  z-index:+1;
}
h2:before{
  content:'';
  display:block;
  position:absolute;
  height:0px;
  width:0px;
  border-style: solid;
  border-width:16px 0 0 16px;
  border-color:#F4B918 transparent transparent #F4B918;
  top:-2px;
  left:-24px;
  z-index:-1;
}

h6,.h6{
  font-weight:bold;
  margin:.8em 0 !important;
}
/*@media only screen and (min-width: 768px){
  h1,.h1{
    font-size:64px;
    margin:.3em 0 !important;
  }
  h2,.h2{
    font-size:48px;
    margin:.4em 0 !important;
  }
}*/

.wp-block-heading{
  margin-top:24px !important;
}

p.has-large-font-size{
  font-size:1.25rem !important;
}
.smaller{
  font-size:.75em;
}
.container-fluid,
.wp-block-group{
  max-width:1440px;
  margin-left:auto;
  margin-right:auto;
}
.wp-block-group.narrow,
.narrow{
  max-width:890px;
}
.col-index-contact .wp-block-group{
  padding:0 !important;
}
.row,.col{
  padding-right:16px;
  padding-left:16px;
}
.wp-block-group{
  padding-left:32px;
  padding-right:32px;
  padding-top:40px;
  padding-bottom:40px;
}
.wp-block-column{
  padding-top:8px;
  padding-bottom:8px;
}
.elementor{
  padding-left:22px;
  padding-right:22px;
}
@media only screen and (min-width: 768px){
  .wp-block-group{
    padding-left:48px;
    padding-right:48px;
  }
  .elementor{
    padding-left:38px;
    padding-right:38px;
  }
  .row,.col{
    padding-right:24px;
    padding-left:24px;
  }
  .col-sticky{
    position:sticky !important;
    top:40px !important;
  }
  .col-sticky img{
    width:100%;
  }
  .container-with-img-right {
    max-width:3200px !important;
  }
  .container-with-img-right .row .col:nth-of-type(2){
    max-width:708px;/*for col-6*/
  }
}

.mt-minus,.my-minus{
  margin-top:-24px !important;
  z-index:25;
}
.mb-minus,.my-minus{
  margin-bottom:-24px !important;
  z-index:25;
}

/* ACTUEEL, NEWS */
.row-posts .col:last-child{
  border-bottom:0 !important;
}
.row-posts a .small-img img{
  transition:opacity .1s;
}
.row-posts a:hover > .small-img img{
  opacity:.8;
}
.pagination:before,
.pagination .page-numbers{
  font-size:87.5%;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  padding:6px 12px;
}
.pagination .page-numbers{
  border-right:1pt solid rgb(222,226,230);
}
.pagination .page-numbers:last-child{
  border-right:0;
}
.pagination .current{
  background:rgb(222,226,230);
}

/* TESTIMONIALS, QUOTE */
blockquote{
  padding:16px 0;
}
blockquote p,q{
  display:block;
  font-style:italic;
  border-left:4pt solid rgb(222,226,230);
  padding:8px 0 8px 16px;
  margin:6px 0 !important;
}
.card-group-testimonials svg{
  margin:-4px;
}
.card-group-testimonials q::before,
.card-group-testimonials q::after{
  content:none;
}
.card .quote-person img,
.quote-person img{
  height:50px !important;
  width:50px !important;
}
/*.card-group-testimonials .card:not(:last-of-type){
  border-bottom:1px solid rgb(222,226,230) !important;
}*/

/*.card-group-testimonials .card:nth-child(even){
  background-color:rgba(41,45,49,.03);
}*/
@media only screen and (min-width: 576px){
  .card-group-testimonials.card-group{
    display:block !important;
  }
}
@media only screen and (min-width: 768px){
  .card-group-testimonials.card-group{
    display:flex !important;/*fallback*/
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr;
    grid-column-gap:0;
  }
  /*.card-group-testimonials .card:not(:last-of-type){
    border-right:1px solid rgb(222,226,230) !important;
    border-bottom-width:0 !important;
  }*/
}

/* HERO */
.col-intro{
  z-index:40 !important;
}
/*.hero{
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 32px), 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% calc(100% - 32px), 0% 100%);
}*/
.hero{
  /*background-image:url('images/placeholder-square.jpg');*/
  background-image:linear-gradient(90deg,rgb(33,37,41),rgb(47,55,63) 50%);
  background-size:cover;
  background-repeat:no-repeat;
}
/*.hero .row{
  min-height:25vh;
}*/
.hero .container-fluid{
  z-index:3 !important;
}
.hero .col{
  z-index:+1;
}
.hero .bg-herotext{
  /*background-color:#F4B918;*/
  background-image:linear-gradient(90deg,rgba(244,185,24,.5)50%,transparent);
  /*background-image:linear-gradient(0deg,rgba(244,185,24,1)25%,rgba(244,185,24,.75));*/
}
/*.body-index .hero .row{
  min-height:65vh;
}*/
.body-index .hero{
  min-height:100vh;
}
.hero img{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:100%;
  width:100%;
  object-fit:cover !important;
  filter:brightness(.75);
  z-index:1 !important;
}
/*@media only screen and (min-width: 992px){
  .hero > img{
    filter:brightness(.3) opacity(.7);
  }
}*/
.hero .hero-inner-img{
  object-fit:cover;
}

/*.hero ul li:first-of-type{*/
.hero ul,.hero ul li{
  list-style: none;
  padding:0;
}
@media only screen and (min-width: 768px){
  .body-content:not(.body-index) .hero > img{
    left:auto;
    width:70%;
    max-width:1280px;
    -webkit-mask-image:linear-gradient(270deg,black 50%,transparent);
    mask-image:linear-gradient(270deg,black 50%,transparent);
  }
  /*.body-content.body-index .hero > img{
    -webkit-mask-image:linear-gradient(270deg,black 40%,rgba(0,0,0,.3));
    mask-image:linear-gradient(270deg,black 40%,rgba(0,0,0,.3));
  }*/
}
.hero iframe{
  pointer-events:none;
}

/*#continue{
  transition:opacity .2s;
}
#continue svg{
  pointer-events:none;
  filter: drop-shadow(0 0 4pt rgba(0,0,0,.3));
  animation:continue-float 1.5s ease-in-out 0s infinite;
}
@keyframes continue-float{
0%,100%{transform:translateY(0);}
33%,67%{transform:translateY(-8px);}
}
body.post-0 #continue{
  opacity:0;
  pointer-events:none;
}*/

/* NOTIFICATION */
.notification-container.closed .row{
  pointer-events:none;
  opacity:0 !important;
  transition:opacity .2s;
}

/* CARDS */
.card:not(.hero) img,
.card img.attachment-post-thumbnail{
  height:100%;
  width:100%;
  object-fit:cover;
  transition:transform .2s ease-out,opacity .2s;
}
.card-link img{
  opacity:.7;
}
.card-link-actueel{
  min-width:75px;
  width:50vw;
  max-width:150px;
}
.card-link-actueel a img{
  opacity:1;
}
.card-link-actueel a:hover img{
  opacity:.8;
}
.card-link:hover img,
.card-link:focus img{
  transform:scale(1.05);
  transition:transform .5s ease-out,opacity .2s;
  opacity:.6;
}
.card-link .card-img-overlay{
  transition:background-color .2s;
}
.card-link-type-1 .card-img-overlay{
  top:auto;
  background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent 70%);
}
.card-link-type-2 img,.card-link-type-4 img{
  opacity:1;
}
.card-link-type-4 .card-img-overlay{
  top:auto;
  right:24px;
  color:#F4B918;/*main*/
  background:white !important;
}
.card-link-type-4:hover .card-img-overlay p{
  color:#da1;/*main-hover*/
}
.card-link-type-4 .card-img-overlay svg{
  transition:color .1s,margin .2s ease;
}
.card-link-type-4:hover .card-img-overlay svg{
  color:#da1;/*main-hover*/
  margin-left:16px !important;
  margin-right:0 !important;
}
.card-link.card-link-bottom:hover .card-img-overlay,
.card-link:hover .card-img-overlay.h-100,
.card-link.card-link-bottom:focus .card-img-overlay,
.card-link:focus .card-img-overlay.h-100{
  background:rgba(33,37,41,.3);
}
.card-img > img,
.card-img-square-holder > img{
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:100%;
  width:100%;
  object-fit:cover;
}
.card-m150x150{
  max-height:150px;
  max-width:150px;
}
.card-link-actueel{
  width:20vw;
}

/*FADE-IN, script.js*/
.fade-in{
  opacity:0;
  transition:opacity .5s linear .2s;
}
.fade-in.is-visible{
  opacity:1;
}
@media only screen and (min-width: 768px){
  .fade-in{
    transform:translateY(16px);
    transition:opacity .5s,transform .5s ease-out;
  }
  .fade-in.is-visible{
    opacity:1;
    transform:translateY(0);
  }
  .fade-in-1{transition-delay:.2s;}
  .fade-in-2{transition-delay:.4s;}
  .fade-in-3{transition-delay:.6s;}
  .fade-in-4{transition-delay:.8s;}
}

/* BUTTONS */
.btn,
.wpcf7-submit,
.container-cta a,
.wp-block-button > a,
.elementor-button{
  display:inline-flex;
  align-items:center;
  position:relative;
  text-decoration:none !important;
  font-size:1rem !important;
  line-height:1.3rem !important;
  border-width:0;
  color:white !important;
  background:#F4B918 !important;
  border-radius:0 !important;
  text-shadow:none !important;
  box-shadow:none;
  padding:12px 24px;
  margin:20px 0 !important;
  transition:background-color .1s,color .1s;
  white-space:nowrap;
  overflow-x:hidden;
}

.btn-small{
  padding:7px 14px;
}
.btn-close{
  font-size:9px;
}
.btn:hover,.btn:focus,
.wpcf7-submit:hover,.wpcf7-submit:focus,
.container-cta a:hover,.container-cta a:focus,
.wp-block-button > a:hover,.wp-block-button > a:focus,
.elementor-button:hover,.elementor-button.focus{
  background:#da1 !important;
}
.btn > svg,.btn-micro > svg{
  margin-right:-8px;
  transition:transform .1s ease;
}
.btn:hover > svg,.btn:focus > svg,
.btn-micro:hover > svg,.btn-micro:focus > svg{
  transform:translateX(6px);
}
.btn-micro{
  display:inline-flex;
  align-items:center;
  position:relative;
  /*font-size:87.5%;*/
  padding:12px 0;
}
a.read-more{
  display:inline-block;
  text-decoration:none;
}

/* GALLERY */
.gallery,
.wp-block-gallery{
  margin-top:24px !important;
  margin-bottom:24px !important;
}
.wp-block-gallery{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  grid-gap:2px !important;
}
.gallery .gallery-item a,
.wp-block-gallery a{
  position:relative;
  display:block;
  padding-bottom:100%;
  overflow:hidden;
  background-color:rgb(237,241,245);
}
.wp-block-gallery figure{
  width:100% !important;
}
.gallery .gallery-item a:before,
.gallery .gallery-item a:after,
.wp-block-gallery a:before,
.wp-block-gallery a:after{
  content:'\2922';
  position:absolute;
  top:0;
  right:6px;
  z-index:+1;
  color:white;
  text-shadow:0 .1rem .2rem rgba(0,0,0,.3);
}
.gallery .gallery-item a > img,
.wp-block-gallery a > img{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  border:1pt solid white !important;
  transition:opacity .2s,transform .2s;
}
.gallery .gallery-item a:hover > img,
.gallery .gallery-item a:focus > img,
.wp-block-gallery a:hover > img,
.wp-block-gallery a:focus > img{
  opacity:.8;
  transform:scale(1.1);
}
/* LIGHTBOX */
#baguetteBox-overlay img{
  box-shadow:0 0 !important;
}
#baguetteBox-overlay button{
  height:40px !important;
  width:40px !important;
  border-radius:0 !important;
  /*outline:1px solid rgba(255,255,255,.15);*/
  transition-duration:.1s !important;
}
#baguetteBox-overlay #close-button{
  top:4px !important;
  right:4px !important;
}
#baguetteBox-overlay #previous-button{
  left:4px !important;
}
#baguetteBox-overlay #next-button{
  right:4px !important;
}
#baguetteBox-overlay button svg{
  transform:scale(.5) !important;
  height:40px !important;
  width:40px !important;
  margin:auto !important;
}
#baguetteBox-overlay #close-button svg{
  position:absolute !important;
  top:2.5px;
  left:2.5px;
}
#baguetteBox-overlay #previous-button svg polyline,
#baguetteBox-overlay #next-button svg polyline{
  transform:translateY(-10px) !important;
}
#baguetteBox-overlay.visible button{
  animation:flash-once 1s ease 0s 1;
}
@keyframes flash-once{
  0%,100%{filter:brightness(1);}
  50%{filter:brightness(3);}
}


/* HEADER */
header .logo{
  height:56px;
  width:auto;
  z-index:931;
  /*filter:invert(1);*/
  margin-top:0 !important;
  margin-bottom:0 !important;
}
header .logo img{
  display:block;
  height:100%;
  width:auto;
  object-fit:contain;
  
  padding:6px 0;
}
header .menu{
  padding:24px 0;
  z-index:915 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
header .menu li{
  position:relative;
}
header .menu li a{
  font-size:1.25rem !important;

  display:flex;
  align-items:center;
  height:56px;
  overflow:hidden;
  white-space:nowrap;
  word-break:keep-all;
  text-decoration:none;
  color:white !important;
  padding:16px 32px !important;
  transition:color .1s,background-color .1s;
}
header .menu li a:hover,
header .menu li a:focus{
  background:#da1;/*primary-hover*/
}
header .menu > li:not(:first-of-type).current-menu-item > a::before,
header .menu .sub-menu li.current-menu-item > a::before{
  /*highlights current, excluding first menu item*/
  content:'';
  display:block;
  position:absolute;
  height:100%;
  width:4px;
  top:0;
  bottom:0;
  left:0;
  right:auto;
  background:white;
}
header .menu .sub-menu{
  padding-left:0;
  background-color:#313539;
}
header .menu .sub-menu .sub-menu{
  background-color:#414549;
}
header .menu .sub-menu li{
  height:0;
  overflow:hidden;
  transition:height .2s ease-out,opacity .15s;
  opacity:0;
}
header .menu-item-has-children:focus-within > .sub-menu > li,
header .menu-item-has-children:hover > .sub-menu > li,
header .menu-item-has-children.active > .sub-menu > li{
  height:56px;
  opacity:1;
  transition:height .2s ease-out,opacity .15s linear .1s;
}
header .menu-item-has-children:focus-within > .sub-menu .menu-item-has-children,
header .menu-item-has-children:hover > .sub-menu .menu-item-has-children,
header .menu-item-has-children.active > .sub-menu .menu-item-has-children{
  height:auto;
}
header .menu .menu-item-has-children > a:after{
  position:relative;
  top:0;
  right:0;
  height:inherit;
  width:32px;
  content:"\25bc";
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin-left:auto;
  z-index:+1;
}
header .menu .menu-item-has-children li a{
  font-weight:normal;
}
header .menu .menu-item-has-children li a:hover,
header .menu .menu-item-has-children li a:focus{
  color:white !important;
}
/*header .menu li:not(:first-of-type),
header .menu .sub-menu li:not(:first-of-type){
  box-shadow:inset 0 1pt rgba(220,230,240,.1);
}*/
header .navbar{
  transition:top .4s ease-out .3s,background-color .3s;
}
#navbarCollapse{
  max-width:92vw;
  min-width:42vw;
  height:100vh !important;
  top:56px !important;
  overflow-y:scroll !important;
  overflow-x:visible;
  padding:0 0 80px 0;
  transform:translateX(+100%);
  z-index:910 !important;
}
#navbarCollapse.collapsing,
#navbarCollapse.show{
  transform:translateX(0);
  transition:transform .5s cubic-bezier(.05,.1,.2,1);
}
#navbarCollapse.opening-opened.collapsing{
  transform:translateX(+100%);
}
/*
(closed)  collapse
(opening) collapsing
(opened)  collapse show opening-opened[js]
(closing) opening-opened[js] collapsing
*/
header .full-overlay:before{
  content:'';
  display:block;
  -ms-display:none;
  position:fixed;
  height:125%;
  width:100%;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:+99;
  pointer-events:none;
  transition:background-color .5s;
}
header:not(.nav-opened) .full-overlay:not(.collapsed):before,
header.nav-opened .full-overlay:not(.collapsed):before{
  background-color:rgba(53,57,61,.5);
}
#navToggler{
  height:56px !important;
  width:64px !important;
  z-index:990;
}
#navToggler span{
  display:block;
  position:absolute;
  right:20px;
  width:24px;
  height:1.5pt;
  background:white;
  transform:rotate(0deg);
  transition:all .2s ease,top .2s ease .2s,opacity .2s linear .2s;
}
#navToggler span:nth-child(1){top:18px;}
#navToggler span:nth-child(2){top:26px;}
#navToggler span:nth-child(3){top:34px;}
#navToggler:not(.collapsed) span:nth-child(2){
  opacity:0;
  transition:opacity .2s;
}
#navToggler:not(.collapsed) span:nth-child(1),
#navToggler:not(.collapsed) span:nth-child(3){
  top:26px;
  right:18px;
  width:28px;
  transform:rotate(45deg);
  transition:all .2s ease .2s,top .2s,background-color .2s;
}
#navToggler:not(.collapsed) span:nth-child(3){
  transform:rotate(-45deg);
}
#navTogglerLabel{
  height:inherit;
  right:64px;
}
#navTogglerLabel:before,#navTogglerLabel:after{
  content:'Menu';
  display:flex;
  align-items:center;
  height:inherit;
  position:absolute;
  top:0;
  right:0;
  font-size:.75rem;
  opacity:1;
  transition:opacity .3s linear .15s,right .3s ease .15s;
}
@media only screen and (max-width: 349px){
  #navToggler{
    margin-left:0!important;
  }
  #navTogglerLabel{
    display:none;
    width:0;
  }
}
#navTogglerLabel:after{
  content:'Sluit';
  right:-9px;
  opacity:0;
  transition-delay:0;
}
#navToggler:not(.collapsed) #navTogglerLabel:before{
  right:9px;
  opacity:0;
  transition-delay:0;
}
#navToggler:not(.collapsed) #navTogglerLabel:after{
  right:0;
  opacity:1;
}
/* navbar on scroll */
body.post-0 header .navbar{
  background-color:rgba(33,37,41,.95) !important;
  box-shadow:0 .125rem .25rem rgba(0,0,0,.1);
  /*backdrop-filter: blur(5px);*/
}

#topbar{
  background-color:#313539;
}
#topbar a:hover,#topbar a:focus{
  background:#da1;/*main-hover*/
}

@media only screen and (min-width: 992px){
  body.home header .logo img{
    height:81px;
    transition:height .2s ease,width .2s ease;
  }
  body.home.post-0 header .logo img{
    height:56px;
  }

  #topbar{
    height:36px;
    transition:height .2s;
    pointer-events:all;
    overflow-y:hidden;
  }
  body.post-0/*:not(.up)*/ #topbar:not(:focus-within){
    height:0;
    pointer-events:none;
  }
  #topbar a >svg{
    transition:transform .1s ease-out;
  }
  #topbar a:hover >svg,#topbar a:focus >svg{
    transform:scale(1.25);
  }

  header .navbar,#navbarCollapse{
    height:auto !important;
    top:0 !important;
    background-color:transparent !important;
  }

  /*body.post-0:not(.up) header:not(.nav-opened) nav:not(:hover){
    top:-99px;
  }*/
  header .full-overlay:before{
    background-color:transparent !important;
  }
  header .menu{
    display:flex;
    flex-direction:row;
    padding:0;
    transition:background-color .2s;
  }
  header .menu li{
    position:relative;
    flex-wrap:nowrap;
    box-shadow:none;
    z-index:+1;
  }
  header .menu li a{
    font-size:1.25rem !important;

    height:56px;
    line-height:1em;
    white-space:nowrap;
    padding:16px !important;
  }
  header .menu > li:not(:first-of-type).current-menu-item > a::before{
    height:2px;
    width:auto;
    top:auto;
    right:16px;
    left:16px;
  }
  header .menu .sub-menu li.current-menu-item > a::before{
    display:none;
  }
  header .menu-item-has-children:hover > .sub-menu > li,
  header .menu-item-has-children:focus-within > .sub-menu > li,
  header .menu-item-has-children.active > .sub-menu > li{
    height:44px !important;
  }
  header .menu .sub-menu{
    position:absolute;
    top:100%;
    min-width:100%;
    transition:all .3s ease-out;
  }
  header .menu li:not(:first-of-type){
    box-shadow:none;
  }
  header .menu .sub-menu li a{
    height:inherit;
    padding-left:16px !important;
  }
  header .menu .menu-item-has-children > a:after{
    width:auto;
    font-size:10px;
    margin-left:6px;
  }
  #navbarCollapse,#navbarCollapse.show{
    /*normalize mobile menu*/
    position:relative !important;
    flex-direction:row;
    width:auto !important;
    max-width:100%;
    overflow:visible !important;
    padding:0 !important;
    opacity:1;
    transition:none !important;
    box-shadow:none !important;
    transform:translateX(0) !important;
    z-index:auto;
    margin-left:auto;
  }
  #navbarCollapse > div{
    margin:0 0 0 auto;
  }
  /*sub-menu in sub-menu*/
  header .menu .menu-item-has-children .sub-menu{
    overflow:hidden;
  }
  header .menu .menu-item-has-children:focus-within > .sub-menu,
  header .menu .menu-item-has-children:hover > .sub-menu{
    overflow:visible;
    padding:16px 0;
    box-shadow:0 .125rem .25rem rgba(0,0,0,.1);
  }
  header .menu .menu-item-has-children:focus-within .sub-menu .menu-item-has-children,
  header .menu .menu-item-has-children:hover .sub-menu .menu-item-has-children{
    height:56px;
  }
  header .menu .menu-item-has-children .sub-menu .menu-item-has-children{
    position:static;
  }
  header .menu .menu-item-has-children .sub-menu .menu-item-has-children > a{
    padding-right:36px !important;
  }
  header .menu .menu-item-has-children .sub-menu .menu-item-has-children > a:after{
    display:flex;
    justify-content:flex-end;
    position:absolute;
    top:auto;
    right:0;
    left:0;
    bottom:auto;
    padding-right:12px;
  }
  header .menu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu{
    position:absolute;
    top:auto;
    left:16px;
    z-index:+3;
  }
  /*HEADER-finalize*/
  header .menu li:last-of-type .sub-menu{
    /*prevents last sub-menu going offscreen*/
    right:0;
  }
  header .menu-item-has-children:focus-within > .sub-menu > li,
  header .menu-item-has-children:hover > .sub-menu > li{
    height:56px;
  }
}

#navbarCollapse > a.btn{
  z-index:+1;
  margin:0 0 0 24px !important;
}

/*SLICK SLIDER*/
.slick-slider{
  z-index:20;
}
.slick-slider.full-width,
.slick-slider.full-width > div > div{
  height:62vw;
  min-height:300px;
  max-height:80vh;
}
.slick-slider.full-width .slide img{
  width: 100% !important;
  height: 100% !important;
  object-fit:cover;
}
.slick-slider .slide{
  position:relative;
}
.slick-slider .slide-caption{
  position:absolute;
  bottom:0;
  right:0;
  left:0;
  width:100%;
  max-width:100%;
  background-image:linear-gradient(to top,rgba(0,0,0,.5),transparent);
  padding:16px 32px;
  user-select:text;
}
.slick-slider .slide-caption *{
  max-width:760px;
  color:white;
  margin:4px auto !important;
}
.slick-prev,.slick-next{
  align-items:center;
  display:block;
  position:absolute;
  top:0;
  right:auto;
  bottom:0;
  left:0;
  height:100%;
  width:64px;
  font-size:0;
  /* Hide pressed state */
  border:none !important;
  outline:none !important;
  background:transparent !important;
  box-shadow:none !important;
  z-index:+1;
}
.slick-next{
  right:0;
  left:auto;
}
.slick-prev:after,.slick-next:after{
  content:'\003C';
  font-size:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:inherit;
  width:inherit;
  color:white;
  text-shadow:0 1px 2px rgba(0,0,0,.3);
  opacity:.5;
  transition:opacity .1s;
}
.slick-next:after{
  content:'\003E';
}
.slick-prev:hover::after,.slick-next:hover::after,
.slick-prev:focus::after,.slick-next:focus::after{
  opacity:1;
}
.slick-dots{
  display:flex;
  align-items:center;
  justify-content:center;
}
.slick-dots li{
  list-style:none !important;
  height:32px;
  width:32px;
  background:#a1a3a5;
  border:10px solid white;
  border-radius:100%;
  padding:0 0 !important;
  transition:background-color .1s linear,border-width .1s linear;
}
.slick-dots li button{
  visibility:hidden;
}
.slick-dots li.slick-active{
  background:#212529;
  border-width:8px;
}
.slick-dots li:hover,
.slick-dots li:focus-within{
  cursor:pointer;
  cursor:hand;
  background:#da1;/*main-hover*/
  border-width:8px;
}

/*Also view*/
.col-alsoview{
  display:flex;/*IE fallback*/
  align-items:center;
  justify-content:start;
  flex-wrap:wrap;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  grid-gap:2px;
}
.col-alsoview .card{
  max-height:33vw;
}
@media only screen and (min-width: 576px){
  .col-alsoview{
    /*grid-template-columns:repeat(auto-fit,186px);*/
    grid-template-columns:repeat(auto-fit,240px);
    /*grid-gap:2.5rem;*/
  }
  .col-alsoview .card{
    max-height:160px;
  }
}

/*CTA,WPCF7*/
.container-cta{
  position:relative;
  z-index:+1;
}
.container-cta a{
  font-size:1rem!important;
}
.container-cta p{
  font-size:1.25rem!important;
}
/*.container-cta img{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:100%;
  max-height:100%;
  width:100%;
  object-fit:cover;
  opacity:.3;
  filter:grayscale(1);
  z-index:-1;
}
@media only screen and (min-width: 1400px){
  .container-cta img{
    -webkit-mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent);
    mask-image:linear-gradient(90deg,transparent,black 20%,black 80%,transparent);
  }
}
.container-cta img ~ div{
  position:absolute;
  bottom:4px;
  right:16px;
  left:16px;
  font-size:16px;
}*/

.bg-contact{
  background:gray url("images/chantrelagritechniek_0.jpg") no-repeat fixed center;
  background-size:cover;
}
.bg-contact .bg-overlay{
  background:rgba(21,24,27,.2);
}
.bg-kenmerken{
  background:gray url("images/placeholder-1.jpg") no-repeat scroll left;
  background-size:cover;
}
@media only screen and (min-width: 768px){
  .bg-kenmerken .bg-overlay{
    background-image:linear-gradient(90deg,transparent 40%,white 85%);
  }
}
.bg-cta .parallax-img-container{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  height:100%;
  width:100%;
  z-index:3 !important;
  opacity:.3;
  filter:grayscale(1);
}
.bg-cta .container-fluid{
  height:100%;
  z-index:5 !important;
}

/*WP Contact Form 7*/
.wpcf7,.wpcf7 *{
  width:100%;
  max-width:100%;
}
.wpcf7{
  max-width:996px;/*9/12 column - padding*/
}
.wpcf7 label{
  margin-top:16px !important;
}
.wpcf7-text,.wpcf7-form textarea{
  min-height:40px;
  /*border:1px solid #cdd1d5;*/
  border:2px solid transparent;
  border-left-color:#212529;
  outline:none;
  color:#212529;
  background:#edf1f5;
  border-radius:0 !important;
  text-shadow:none !important;
  padding:6px !important;
}
.wpcf7-text:hover,.wpcf7-form textarea:hover{
  border-color:#212529;
  background:white;
}
.wpcf7-text:focus,.wpcf7-form textarea:focus,
.wpcf7-text:active,.wpcf7-form textarea:active{
  border-color:#da1;/*main-hover*/
  box-shadow:0 0 0 1px #da1;
  background:white;
}
.wpcf7-textarea,.wpcf7-form textarea{
  height:120px;
  max-height:640px;
}
.wpcf7-submit{
  width:auto !important;
  text-align:center;
  text-decoration:none !important;
}
.wpcf7-response-output,.wpcf7-validation-errors{
  background:0 0 !important;
  border-width:0 !important;
  padding:0 !important;
  margin:0 !important;
}
.wpcf7-not-valid-tip:before{
  content:'\25b4';
  padding-right:4px;
}
.wpcf7-response-output{
  border-left:8px solid rgb(222,226,230) !important;
  padding:16px !important;
}
.wpcf7 .screen-reader-response,
.wpcf7 .ajax-loader,
.wpcf7-spinner{
  display:inline-flex !important;
}
@media only screen and (min-width: 768px){
  .wpcf7 p:first-of-type,
  .wpcf7 p:nth-of-type(2){
    display:inline-block;
    width:48%;
  }
  .wpcf7 p:nth-of-type(2){
    float:right;
  }
  /*.wpcf7 .wpcf7-form{
    display:grid !important;
    grid-template-columns: repeat( auto-fill, minmax(320px, 1fr) );
    grid-template-rows:min-content;
    grid-column-gap:16px;
    grid-row-gap:8px;
  }
  .wpcf7 .wpcf7-form p:nth-last-child(3){
    grid-column-start: span 2;
  }
  .wpcf7 .wpcf7-form p:nth-last-child(2){
    grid-column-start: span 2;
  }*/
}

/*FOOTER*/
/*.bg-footer:before{
  content:'';
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background-color:#f9f9f9;
  background-image:url('images/bg-footer.jpg');
  background-size:cover;
  background-repeat:no-repeat;
  z-index:-1;
  opacity:.5;
}*/
.bg-footer{
  background-color:#212529;
}
.dash{
  width:100%;
  min-height:20px;
  background: repeating-linear-gradient(45deg,
  rgb(33,37,41),
  rgb(33,37,41) 16px,
  rgb(53,57,61) 16px,
  rgb(53,57,61) 24px
);
}

footer .logo,footer .logo img{
  width:100%;
  max-width:300px;
  height:auto;
}
footer p,footer a,footer li{
  color:white;
  transition:color .1s,background-color .1s,opacity .1s;
}
footer a:hover,footer a:focus{
  color:#da1;/*primary-hover*/
}
footer a > svg{
  transition:transform .1s ease-out;
}
footer a:hover > svg,footer a:focus > svg{
  transform:scale(1.25);
}
footer .menu a{
  text-decoration:none;
}
footer .menu .sub-menu{
  display:none;
}
.body-content footer ul,.body-content footer ol,
footer ul,footer ol{
  padding:0 0 0 0 !important;
  list-style:none !important;
}
.body-content footer ul li,.body-content footer ol li,
footer ul li,footer ol li{
  padding:0 0 !important;
  list-style:none !important;
}

/*
@media (prefers-reduced-motion: reduce){
  *{
    transition:none !important;
  }
}
@media (prefers-contrast: high){
}
@media (prefers-color-scheme: dark){
}
*/

/* IE fixes */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .hero-holder,
   .index-hero-holder,
   .d-flex,
   .d-inline-flex{
     -ms-display:block;
   }
   .hero-holder .container-fluid,
   .index-hero-holder .container-fluid{
     position:absolute;
     bottom:0;
     right:0;
     left:0;
   }
   .card,.card-body,.card-text{
     -ms-display:block;
     width:100%;
     max-width:100%;
   }
   svg{
     max-width:100%;
     max-height:100%;
   }
}