/*
Theme Name: CustomTheme
Author: InternExtern
Author URI: https://www.internextern.nl/
Description:
Version: 1.2025b
*/
:root{
  --main:#13c;
  --main-hover:#01b;
  --alt:#b9e9f9;

  --e-global-color-primary:#13c;
  --e-global-color-secondary:#b9e9f9;
  --e-global-color-accent:#01b;
  --e-global-color-text:#212529;
  --e-global-color-e4ecd7c:rgb(222,226,230);
}
/* ^ add/change Elementor colors manually ^ */

/*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:#11d;}
.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:#13c;}
.has-alt-background-color       {background:#b9e9f9;}
/*
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: 
    'wght' 400,
    'wdth' 100,
    'opsz' 18;
  /* fallback: */
  font-weight: 400;
  font-stretch: normal;
  font-size: 18px;
}
main{
  z-index:1;
}
*{
  /* remove WP block margins: */
  margin-block-start:0 !important;
  margin-block-end:0 !important;
}
body{
  font-family:'Roboto', 'Arial', sans-serif;
  display:swap;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  min-width:300px;
}

.mw-normal{
  /* 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 - 1456px)/2);
  max-width:780px;
}
.twopart-container .twopart-text{
  align-items:stretch;
  max-width:744px;
  flex:1 1 0;
}
.twopart-container .twopart-img{
  align-items:stretch;
  height:inherit;
  flex:1 0 0;
  display:flex;
  flex-direction:column;
  min-height:100%;
  max-height:100vh;
}
.twopart-container .twopart-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  min-height:100%;
  max-height:100vh;
}
@media only screen and (max-width: 991px){
  .twopart-container .twopart-img,
  .twopart-container .twopart-img .parallax-img-container{
    min-height:66vw;
  }
}
.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;
  }
}
/*@media only screen and (min-width: 768px){
  .twopart-mega{
    align-items:flex-start;
  }
  .twopart-mega .twopart-img{
    height:100vh;
  }
  .twopart-mega .twopart-text{
    position:sticky;
    top:0;
    flex-shrink:1;
  }
}*/

.invert{
  filter:invert(1);
}

ul,li{
  list-style:none;
  padding-left:0;
}
.body-content ul,
.body-content ol{
  padding:8px 0 8px 20px;
}
.body-content ul li,
.body-content ol li{
  list-style:disc;
  padding:4px 0;
}
.body-content ol li{
  list-style:decimal;
}
.body-content ol li::marker{
  font-weight:bold;
}

body .small{
  font-size:.7778em;
}
.page-anchor{
  top:-64px;
  width:0;
}

.bg-main{
  background:#13c;/*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;
}
/*.bg-alsoview{
  background-image:linear-gradient(to top,rgba(105, 115, 125, 0.2) 50%,transparent 50%);
}*/

img{
  max-width:100%;
  height:auto;
  image-rendering:auto;
}
.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;
}
a.link-with-img img{
  transition:opacity .1s;
}
a:hover .link-with-img img,
a:focus .link-with-img img{
  opacity:.8;
}

.img-with-text p{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.img-with-text-corner p{
  display:block;
  position:absolute;
  width:inherit;
  max-width:100%;
  bottom:0;
  left:0;
  display:flex;
  align-items:end;
  justify-content:end;
  color:white;
  background-color:rgba(0,0,0,.4);
  font-size:.7778em;
  padding:4px 32px;
  z-index:+1;
}
@media only screen and (min-width: 992px){
  .img-with-text-corner p{
    padding:4px 8px;
  }
}

.parallax-img-container {
  position:relative;
  display:block;
  overflow:hidden;
  padding-left:0 !important;
  padding-right:0 !important;
}

a.card-img-holder.parallax-img-container:hover,
a.card-img-holder.parallax-img-container:focus{
filter:brightness(.85);
transition:filter .15s linear;
}
.card-img-holder.parallax-img-container{
  height:270px;
}
.parallax-img-container{
  height:100%;
  min-height:400px;
}
.mh-400px{
  min-height:400px;
}
.parallax-img,
.parallax-img-container img,
.body-index .hero .hero-img-container img {
  object-fit: cover;
  position:absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  width: 100%;
  height: auto;
  min-height:100%;
  background-size: cover;
  object-fit:cover;
  background-position: center;
  object-position:center;
  transform: translateY(0);
  will-change: transform;
  transition:none !important;
  margin-top:0;
  margin-bottom:0;
}

/*.body-index .hero-img-container img {
  animation: hero-pan-left 9s ease-in-out forwards;
}
@media only screen and (min-width: 768px){
  .body-index .hero .hero-img-container img {
    animation: hero-pan-left 5s ease-in-out forwards;
  }
}
@keyframes hero-pan-left {
  0% {object-position: 8% center;}
  100% {object-position: 92% center;}
}*/

.text-shadow{
  text-shadow:0 1pt 1pt rgba(0,0,0,.25);
}
.text-shadow svg{
  filter:drop-shadow(0 1pt 1pt rgba(0,0,0,.25));
}
p{
  max-width:90ch;
  /*max-width:996px;*/
}
.text-center p,p.text-center{
  margin-left:auto;
  margin-right:auto;
}
a{
  text-decoration:none;
  cursor:pointer;
  cursor:hand;
  color:#13c;/*main*/
  transition:color .1s,background-color .1s,opacity .1s;
}
a:hover,a:focus{
  text-decoration:underline;
  color:#01b;/*primary-hover*/
}
/*a[href^="mailto:"],a[href^="tel:"],a[href^="https://wa.me"]{
}*/

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5{
  /*font-family:'Varela','Arial',sans-serif;*/
  font-weight:550;
  font-variation-settings: 
    'wght' 550,
    'wdth' 100,
    'opsz' 18;
  word-wrap:break-word;
  white-space:normal !important;
  margin:.5em 0 !important;
}
h6,.h6{
  font-weight:600;
  font-variation-settings: 
    'wght' 600,
    'wdth' 100,
    'opsz' 18;
  margin:.75em 0 !important;
}
/*h6,.h6{
  display:inline-block;
  background-image:linear-gradient(90deg,red,purple);
  background-clip:text;
  -webkit-background-clip:text;
  text-fill-color:transparent;
  -webkit-text-fill-color:transparent;
}*/
/*@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;
  }
}*/
h2,.h2{
  position:relative;
  display:inline-block;
  z-index:+1;
}
h2:before,.h2:before{
  content:'';
  display:block;
  height:1em;
  width:.67em;
  position:absolute;
  top:-0.3em;
  left:-0.45em;
  background-color:rgba(105,115,125,.2);
  z-index:-1;
}
p.has-large-font-size{
  font-size:1.25rem !important;
}

.container-fluid,
.elementor-container, .elementor-section{
  max-width:1440px;
  margin-left:auto;
  margin-right:auto;
}
.elementor{
  padding-left:0 !important;
  padding-right:0 !important;
}
.elementor-container{
  padding-left:22px;
  padding-right:22px;
}
@media only screen and (min-width: 768px){
  .elementor{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .elementor-container{
    padding-left:16px;
    padding-right:16px;
  }
}
.row-fill-last-odd {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.row-fill-last-odd .col{
  width:auto !important;
}
@media only screen and (max-width: 768px){
  .row-fill-last-odd > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

/*.col-index-contact{
  background:
  radial-gradient(farthest-corner at 0% 0%,rgb(245,255,255),transparent),
  radial-gradient(farthest-corner at 100% 0%,rgb(180,200,210),transparent),
  radial-gradient(farthest-corner at 0% 100%,rgb(222,245,222),transparent),
  radial-gradient(farthest-corner at 100% 100%,rgb(180,200,180),transparent);
}*/
.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:8px;
  padding-bottom:8px;
}
.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:-23px !important;
  z-index:25;
}
.mb-minus,.my-minus{
  margin-bottom:-23px !important;
  z-index:25;
}

/* accordion */
.accordion-button:not(.collapsed){
  /*color:white;*/
  color:#212529 !important;
  background-color:rgba(0,0,0,.125);
  box-shadow:none !important;
}
.accordion-button.collapsed{
  /*color:#13c;*/
  box-shadow:none !important;
}
.accordion-button.collapsed:hover,
.accordion-button.collapsed:focus{
  background-color:rgba(0,0,0,.125);
}
.accordion-button.collapsed:focus{
  box-shadow:inset 0 0 0 2px #212529 !important;/*dark*/
}
/*.accordion-button.collapsed:after,
.accordion-button:not(.collapsed)::after{
  content:"";
  display:inline-block;
  right:0;
  background-image:url("images/bsicons/triangle-fill.svg");
  background-repeat:no-repeat;
  background-size:.55rem .55rem;
  background-position:center;
  transform-origin:center;
  transform:scaleY(-1);
  transition:transform .2s ease-in-out;
}
.accordion-button:not(.collapsed)::after{
  transform:scaleY(1);
}*/
.accordion-button.collapsed:after,
.accordion-button:not(.collapsed)::after,
.accordion-button.collapsed:before,
.accordion-button:not(.collapsed)::before{
  content:'';
  position:absolute;
  display:inline-block;
  right:22px;
  height:2px;
  width:12px;
  background-color:#212529;
  transition:height .25s;
}
.accordion-button.collapsed:after,
.accordion-button:not(.collapsed)::after{
  right:27px;
  height:12px;
  width:2px;
}
.accordion-button:not(.collapsed)::after{
  height:0;
}
.accordion-header{
  margin:0 !important;
  display:block !important;
}
.accordion-header:before{
  display:none !important;
}

/* 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:.7778em;
  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);
}
.post-tags,
.wp-block-post-terms{
  font-size:.7778em;
  padding:4px 0 !important;
}
.post-tags li,
.wp-block-post-terms a{
  pointer-events: none;
  cursor:default;
  display:inline-block;
  border-left-width:0 !important;
  padding:2px 8px !important;
  color:#6c756d !important;
  border:1pt solid #dee2e6;
}
.post-tags li:first-of-type,
.wp-block-post-terms a:first-of-type{
  border-left-width:1pt !important;
  border-top-left-radius:2.5px;
  border-bottom-left-radius:2.5px;
}
.post-tags li:last-of-type,
.wp-block-post-terms a:last-of-type{
  border-top-right-radius:2.5px;
  border-bottom-right-radius:2.5px;
}
.post-date,
.wp-block-post-date{
  font-size:.7778em;
  color:#6c756d;
  margin:4px 4px 4px 0 !important;
  /*clear:left;*/
}

/* 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;
}
@media only screen and (min-width: 576px){
  .card-group-testimonials.card-group .card{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}
@media only screen and (max-width: 996px){
  .card-group-testimonials.card-group .card{
    padding-left:30px !important;
    padding-right:30px !important;
  }

  .row-testimonials{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .card-group-testimonials.card-group{
    display:flex !important;
    flex-direction: row !important;
    overflow-x:scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    flex-flow:row nowrap !important;
  }
  .card-group-testimonials.card-group .card{
    min-width:85vw !important;
    scroll-snap-align: start;
  }
  .card-group-testimonials.card-group{
    flex-direction: column !important;
    flex-flow:column wrap !important;

    display:grid !important;
    grid-template-columns:1fr 1fr 1fr;
    grid-column-gap:0;
  }
}


/* HERO */
.col-intro{
  z-index:40 !important;
}
.hero{
  background-image:linear-gradient(90deg,rgb(33,37,41),rgb(70,74,78) 50%);
  background-size:cover;
  background-repeat:no-repeat;
}
.hero .container-fluid{
  z-index:3 !important;
}
.hero .col{
  z-index:+1;
}
.hero .bg-herotext{
  /*background-image:linear-gradient(0deg,rgba(17,47,75,.8) 50%,transparent);*/
  background-image:linear-gradient(45deg,rgba(17,47,75,1) 15%,transparent 85%);
}
@media only screen and (min-width: 1200px){
  .hero .col-hero-extra{
    position:absolute;
    right:0;
    bottom:0;
    display:flex;
    align-items:flex-end;
  }
  .hero .bg-herotext{
    max-width:1046px;
    max-width:calc(100% - 394px);
  }
  .body-content .container-notification > div{
    max-width:calc(100% - 394px);
  }
}
.body-index .hero{
  min-height:66vh;
}
.hero .hero-img-container img{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:100%;
  min-height:100%;
  width:100%;
  min-width:50% !important;
  object-fit:cover !important;
  filter:brightness(.6);
  z-index:1 !important;
}
.hero .hero-inner-img{
  object-fit:cover;
}
@media only screen and (min-width: 768px){
  .body-content:not(.body-index) .hero .hero-img-container img{
    left:auto;
    width:75%;
    max-width:1280px;
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-image:linear-gradient(270deg,black 50%,transparent);
    mask-image:linear-gradient(270deg,black 50%,transparent);
  }
}
/*.hero ul li:first-of-type{*/
.hero ul,.hero ul li{
  list-style: none;
  padding:0;
}

/*#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;
}

/* Z-INDEX */
.z-3{
  z-index:3 !important;
}
.z-5{
  z-index:5 !important;
}
.z-plus{
  z-index:+1 !important;
}
.z-minus{
  z-index:-1 !important;
}

/* CARDS */
.card:not(.hero) img,
.card img.attachment-post-thumbnail{
  height:100%;
  width:100%;
  object-fit:cover;
  transition:transform .2s ease-out,opacity .1s;
}
.card-link img{
  opacity:.6;
}
.card-link-actueel{
  min-width:75px;
  width:50vw;
  max-width:150px;
}
.card-link-actueel a img{
  opacity:1;
}
.card-link-actueel a:hover img{
  transform:scale(1.1);
  opacity:.7;
}
.card-link:hover img,
.card-link:focus img{
  transform:scale(1.1);
  transition:transform .2s ease-out,opacity .2s;
  opacity:.5;
}
.card-link-big .card-link-big-img-container{
  transition:transform .2s ease-out;
}
.card-link-big:hover .card-link-big-img-container,
.card-link-big:focus .card-link-big-img-container{
  transform:scale(1.1);
}
@media only screen and (min-width: 768px){
  .card-link-big .card-text{
    max-height:0;
    opacity:0;
    transition:max-height .5s ease, opacity .3s;
  }
  .card-link-big:hover .card-text{
    max-height:100%;
    opacity:1;
  }
  .card-link-big .expand-icon{
    display:block !important;
    transform:rotate(270deg);
    opacity:1 !important;
    transition:opacity .2s;
  }
  .card-link-big:hover .expand-icon{
    opacity:0 !important;
  }
}
.card-link-big img{
  transition:opacity .2s !important;
}
.card-link .card-img-overlay{
  transition:background-color .2s;
}
.card-link p{
  z-index: +1;
}
.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,.5);
}
.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-link-actueel{
  width:20vw;
  max-height:150px;
  max-width:150px;
}
.card-link-big .card-img-overlay{
  background-image:linear-gradient(0deg,rgba(11,15,19,.5),transparent 55%);
}
.card-link-big:hover,.card-link-big:focus{
  text-decoration: none !important;
}
.card-link-big:hover .btn-micro,.card-link-big:focus .btn-micro{
  text-decoration: underline !important;
}

.img-link img{
  transition:transform .2s ease-out, opacity .2s;
}
.img-link:hover img,
.img-link:focus img{
  transform:scale(1.05);
  opacity:.7;
}

/*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:.15s;}
  .fade-in-2{transition-delay:.3s;}
  .fade-in-3{transition-delay:.45s;}
  .fade-in-4{transition-delay:.6s;}
}

/* BUTTONS */
.btn,
.wpcf7-submit,
.container-cta a,
.wp-block-button__link,
.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:#13c !important;
  border-radius:2.5px !important;
  text-shadow:none !important;
  box-shadow:none !important;
  padding:12px 24px !important;
  margin:20px 0 !important;
  transition:all .2s;
  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__link:hover,.wp-block-button__link:focus,
.wp-block-button > a:hover,.wp-block-button > a:focus,
.elementor-button:hover,.elementor-button.focus{
  background:#01b !important;
  /*box-shadow:inset 0 0 0 1px #13c !important;*/
}
/*.btn:after,
.wpcf7-submit:after,
.container-cta a:after,
.wp-block-button__link:after,
.wp-block-button > a:after,
.elementor-button:after{
  content:'';
  display:block;
  height:100%;
  width:100%;
  position:absolute;
  inset:0;
  top:-50%;
  background-image:linear-gradient(180deg,white,transparent 50%);
  opacity:0;
  transition:top .4s ease,opacity .2s;
}
.btn:hover::after,
.wpcf7-submit:hover::after,
.container-cta a:hover::after,
.wp-block-button__link:hover::after,
.wp-block-button > a:hover::after,
.elementor-button:hover::after{
  top:0;
  opacity:.15;
  transition:top .2s ease,opacity .2s;
}*/

.btn > svg,.btn-micro > svg{
  margin-right:-8px;
  transition:transform .1s ease;
}
a.btn:hover > svg,a.btn:focus > svg,
a.btn-micro:hover > svg,a.btn-micro:focus > svg,
.card-link-big:hover .btn-micro > svg,.card-link-big:focus .btn-micro > svg{
  transform:translateX(4px);
}
.btn-micro{
  display:inline-flex;
  align-items:center;
  position:relative;
  font-size:.7778em;
  padding:2px 0;
}
/*a.read-more{
  display:inline-block;
  text-decoration:none;
  font-size:.7778em;
}
a.read-more:hover{
  text-decoration: underline;
}
a.read-more:after{
  content: "";
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin:0 6px;
  background-color: #13c;
  -webkit-mask-image: url("images/googleicons/arrow_right_alt_24dp_FFFFFF_FILL1_wght400_GRAD0_opsz24.svg");
  mask-image: url("images/googleicons/arrow_right_alt_24dp_FFFFFF_FILL1_wght400_GRAD0_opsz24.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: center;
  mask-position: center;
  transform:translateX(0) translateY(+4px);
  transition:transform .1s ease;
}
a.read-more:hover::after,
a.read-more:focus::after{
  transform:translateX(4px) translateY(+4px);
}*/

/* 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;
  width:100%;
  height:100%;
  aspect-ratio:1/1;
  overflow:hidden;
  background-color:rgb(237,241,245);
  border-radius:2.5px !important;
}
.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:'\26F6';
  position:absolute;
  top:3px;
  right:11px;
  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;
  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);
}

/* GALLERY LIGHTBOX plugin */
#baguetteBox-overlay img{
  box-shadow:0 0 !important;
}
#baguetteBox-overlay button{
  height:40px !important;
  width:40px !important;
  border-radius:2.5px !important;
  transition:all .1s linear !important;
  transition-duration:.1s !important;
}
#baguetteBox-overlay #close-button{
  top:8px !important;
  right:8px !important;
}
#baguetteBox-overlay #previous-button{
  left:8px !important;
}
#baguetteBox-overlay #next-button{
  right:8px !important;
}
#baguetteBox-overlay button svg{
  transform:scale(.5) !important;
  height:40px !important;
  width:40px !important;
  margin:auto !important;
}
#baguetteBox-overlay button svg *{
  color:white;
  stroke:white;
}
#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;
  box-shadow:0 0 0 0 rgba(255,255,255,.8);
}
@keyframes flash-once{
  0%,100%{filter:brightness(1);}
  50%{filter:brightness(3);}
}
#baguetteBox-overlay button:hover,
#baguetteBox-overlay button:focus{
  opacity:1 !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.8);
}
@media only screen and (max-width: 991px){
  #baguetteBox-overlay #close-button{
    top:56px !important;
  }
  #baguetteBox-overlay #previous-button{
    display:block !important;
    background-color:transparent !important;
  }
  #baguetteBox-overlay #next-button{
    display:block !important;
    background-color:transparent !important;
  }
}

/* KENMERKEN */
a.card-body{
  transition:background-color .2s, box-shadow .2s;
  box-shadow:0 0 0 20px transparent;
}
a.card-body:hover{
  background-color:rgba(105, 115, 125, 0.2);
  box-shadow:0 0 0 24px rgba(105, 115, 125, 0.2);
}


/* HEADER */
header .logo{
  height:56px;
  width:auto;
  z-index:931;
  filter:invert(1);
  transition:filter .2s;
}
header a.logo:hover,
header a.logo:focus{
  filter:invert(.8);
}
header .logo img{
  display:block;
  height:100%;
  width:auto;
  object-fit:contain;
}
header .menu{
  padding:24px 0;
  z-index:915 !important;
}
header .menu li{
  position:relative;
}
header .menu li a{
  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:#01b;/*primary-hover*/
}
header .menu > li:not(:first-of-type).current-menu-item:not(.current-menu-parent):not(.current-menu-ancestor) > a::before,
header .menu .sub-menu li.current-menu-item:not(.current-menu-parent):not(.current-menu-ancestor) > a::before{
  /* highlights current, excluding Home and ancestors */
  content:'';
  display:block;
  position:absolute;
  height:inherit;
  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;
  opacity:0;
  overflow:hidden;
  transition:height .2s ease-out,opacity .2s;
}
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 .2s;
}
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{
  /*content: "▾";
  display:inline-block;
  transform-origin:center;
  font-size:1em;
  margin-left:auto;
  margin-right:0;
  right:0;
  transition:transform 0.3s ease;
  vertical-align:middle;*/
  content: "";
  display: inline-block;
  right:0;
  vertical-align: -.125em;
  background-image: url("images/bsicons/triangle-fill.svg");
  background-repeat: no-repeat;
  background-size: .5rem .5rem;
  height:.5rem;
  width:.5rem;
  margin-left:auto;
  margin-right:0;
  transform-origin:center;
  transform:rotate(180deg);
  transition:transform 0.3s ease;
  will-change:transform;
  filter:invert(1);
}
@media only screen and (max-width: 991px){
  header .menu .menu-item-has-children > a:hover::after,
  header .menu .menu-item-has-children > a:focus::after{
    /*content:"▸";
    transform:rotate(-90deg);*/
    transform:rotate(90deg);
  }
}
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:42%;
  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 ease-out !important;*/
  transition:transform .5s cubic-bezier(.1,.9,.5,.9) !important;
}
#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,.8);
}
#navToggler{
  height:56px !important;
  width:56px !important;
  z-index:990;
}
#navToggler span{
  display:block;
  position:absolute;
  right:16px;
  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:14px;
  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:56px;
}
#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,.85) !important;
  box-shadow:0 .125rem .25rem rgba(0,0,0,.15);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
#topbar{
  background-color:#313539;
}
#topbar a:hover,#topbar a:focus{
  background:#01b;/*main-hover*/
}

@media only screen and (min-width: 992px){
  body.home header .logo img{
    height:64px;
    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.2);
  }
  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{
    height:56px;
    line-height:1em;
    white-space:nowrap;
    padding:16px !important;
  }
  /*header #menu-hoofdmenu > li:last-of-type{
    background-color:rgb(49,53,57);
  }*/
  
  header .menu > li:not(.current-menu-item):last-of-type > a:before{
    content:'';
    display:block;
    position:absolute;
    inset:4px;
    border-radius:2.5px;
    background-color:#13c;/*main*/
    z-index:-1;
    transition:all .2s;
  }
  header .menu > li:last-of-type > a:hover::before,
  header .menu > li:last-of-type > a:focus::before{
    inset:0;
    border-radius:0;
    background-color:#01b;/*main-hover*/
  }
  
  header .menu > li:not(:first-of-type).current-menu-item:not(.current-menu-parent):not(.current-menu-ancestor) > a::before,
  header .menu .sub-menu li.current-menu-item:not(.current-menu-parent):not(.current-menu-ancestor) > a::before{
    height:2px;
    width:auto;
    top:auto;
    right:16px;
    left:16px;
    transition:height .1s linear;
  }
  header .menu .sub-menu li.current-menu-item:not(.current-menu-parent):not(.current-menu-ancestor) > a::before{
    opacity:.2;
  }
  header .menu .sub-menu li.current-menu-item > a::before{
    height:100%;
    width:2px;
    left:0;
    right:auto;
  } 
  header .menu > li:not(:first-of-type).current-menu-item:not(.current-menu-parent):not(.current-menu-ancestor) > a:hover::before,
  header .menu > li:not(:first-of-type).current-menu-item:not(.current-menu-parent):not(.current-menu-ancestor) > a:focus::before,
  header .menu .sub-menu li.current-menu-item:not(.current-menu-parent):not(.current-menu-ancestor) > a:hover::before,
  header .menu .sub-menu li.current-menu-item:not(.current-menu-parent):not(.current-menu-ancestor) > a:focus::before{
    height:0;
  }
  /*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{
    margin-left:.5em;
  }
  #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:.75em;
    left:auto;
    bottom:auto;
  }
  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;
  }
}

/* Header menu opening on mobile */
header #navbarCollapse .menu > li,
header #navbarCollapse.opening-opened.collapsing .menu > li,
header #navbarCollapse #topbar > a,
header #navbarCollapse.opening-opened.collapsing #topbar > a{
  opacity:0;
  transform:translateX(+8px);
  transition:opacity .5s,transform .3s ease-in-out;
}
header #navbarCollapse.opening-opened .menu > li,
header #navbarCollapse.collapsing .menu > li,
header #navbarCollapse.opening-opened #topbar > a,
header #navbarCollapse.collapsing #topbar > a{
  opacity:1;
  transform:translateX(0);
}
header #navbarCollapse #topbar > a:first-child{
  transition-delay:.15s;
}
header #navbarCollapse #topbar > a:last-child{
  transition-delay:.25s;
}
@media only screen and (min-width: 992px){
  header #navbarCollapse .menu > li,
  header #navbarCollapse #topbar > a{
    opacity:1 !important;
    transform:translateX(0) !important;
    transition:none;
  }
}

/*#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:#01b;/*main-hover*/
  border-width:8px;
}

/* Also view - Bekijk ook */
.col-alsoview{
  display:flex;/*IE fallback*/
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  grid-gap:2px;
}
@media only screen and (min-width: 576px){
  .col-alsoview{
    grid-template-columns:repeat(auto-fit,minmax(150px,200px));
    grid-gap:24px;
  }
}
/*full width last odd item*/
/*@media only screen and (min-width: 381px) and (max-width: 532px){
  .col-alsoview > *:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    max-height:40vw;
  }
  .col-alsoview > *:last-child:nth-child(odd)::before {
    padding-top:50%;
  }
}*/
.col-alsoview a.card-link img{
  opacity:.8;
}
/*.col-alsoview a.card-link .card-img-overlay::before {
  content:'';
  position:absolute;
  inset:0;
  top:70%;
  border-radius:0.2rem;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  mask-image: linear-gradient(to top,
      black 0%,black 25%,transparent);
  -webkit-mask-image: linear-gradient(to top,
      black 0%,black 25%,transparent);
  will-change: backdrop-filter, transform;
  transition:top .2s;
}
.col-alsoview a.card-link:hover .card-img-overlay::before,
.col-alsoview a.card-link:focus .card-img-overlay::before {
  top:0;
}*/
.col-alsoview a.card-link p{
  top:auto !important;
  margin-top:auto !important;
  align-self:flex-end !important;
}

/* CTA */
.container-cta{
  position:relative;
  z-index:+1;
}
.container-cta p.h6{
  font-weight:550;
  font-size:2rem !important;
}
.container-cta p{
  font-size:1.25rem !important;
}
.container-cta a{
  font-size:1rem !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:#cccccc url("images/placeholder-1b.jpg") no-repeat fixed center;
  background-size:cover;
}
.bg-contact .bg-overlay{
  background:rgba(21,24,27,.2);
}
.bg-cta .container-fluid{
  height:100%;
  z-index:5 !important;
}
.bg-cta .cta-img-container{
  height:100%;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:3 !important;
}
.bg-cta .cta-img-container .cta-img{
  object-fit:cover;
  object-position:center;
  filter:opacity(0.3) grayscale(1);
}

/* WP Contact Form 7 */
/*
<button type="submit" class="wpcf7-submit btn">Verzend bericht</button>
*/
.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:1px solid transparent;
  border-bottom-color:rgb(222,226,230);
  outline:none;
  color:#212529;
  /*background:#edf1f5;*/
  border-radius:0 !important;
  text-shadow:none !important;
  padding:6px !important;
  transition:all .1s linear;
}
.wpcf7-text:hover,.wpcf7-form textarea:hover{
  border-bottom-color:#212529;
  background:white;
}
.wpcf7-text:focus,.wpcf7-form textarea:focus,
.wpcf7-text:active,.wpcf7-form textarea:active{
  border-color:#01b;/*main-hover*/
  box-shadow:0 0 0 1px #01b;
  background:white;
  border-radius:2.5px !important;
}
.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:2px 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%;/*fallback*/
    width:calc(50% - 12px);
  }
  .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;
  height:50%;
  width:100%;
  position:absolute;
  right:0;
  bottom:0;
  background-image:url('images/placeholder-logo.svg');
  background-size:60% 60%;
  background-position:bottom right;
  background-repeat:no-repeat;
  z-index:-1;
  opacity:0.05;
}*/
footer .footer-spacer{
  display:block;
  height:0.5rem;
}
footer .logo,footer .logo img{
  width:100%;
  max-width:255px;
  height:auto;
}
footer p,footer a,footer li{
  color:#212529;
  transition:color .1s,background-color .1s,opacity .1s;
}
footer a:hover,footer a:focus{
  color:#01b;/*primary-hover*/
}
footer a > svg{
  transition:transform .1s ease-out;
}
footer a:hover > svg,footer a:focus > svg{
  transform:scale(1.3333);
}
footer .menu .sub-menu{
  position:relative;
  /*display:none;*/
  padding-left:14px !important;
}
footer .menu .sub-menu:before{
  content:'';
  display:block;
  height:auto;
  width:1px;
  position:absolute;
  top:6px;
  left:0;
  bottom:6px;
  background-color:rgb(222,226,230);
  /*background-image:linear-gradient(0deg,transparent,rgb(222,226,230) 24px);*/
}
/*footer .menu .menu-item-has-children > ul{
  height:0 !important;
  opacity:0;
  pointer-events:none;
}
footer .menu .menu-item-has-children:hover > ul,
footer .menu .menu-item-has-children:focus > ul,
footer .menu .menu-item-has-children:focus-within > ul{
  height:auto !important;
  opacity:1;
  pointer-events:all;
}*/
.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;
}

.reveal-words span.word,
.reveal-words > *,
.reveal-words button,
.reveal-words a {
  opacity:0;
  transition:opacity 0.4s ease;
}
.reveal-words span.word.visible,
.reveal-words > *.visible,
.reveal-words button.visible,
.reveal-words a.visible {
  opacity:1;
}

/*.container-fixed{
  position:absolute;
  overflow:hidden;
}
.fixed-overlay{
  position:fixed;
  opacity:.5;
}*/

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

}
@media (prefers-color-scheme: dark){

}
@media (prefers-reduced-transparency: reduce){

}
*/

/* 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%;
   }
}