:root {
  --title-font: "alternate-gothic-atf", sans-serif;
  --color-aqua: #0E9594;
  --color-yellow: #E5E87C;
  --color-lightblue: #EAF4F4;
  --color-lightgrey: #B2C1C0;
}

.hero-25 { min-height: 70vh; text-align: center; color: white; position:relative; background-position: center; background-size: cover;}
.hero-25::before {
  content: '';
  position: absolute;
  top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.35) 30%, rgba(0,0,0,0) 60%);
}
.hero-25 .container { position: relative; }
.hero-25 h1 { font-family: var(--title-font); font-weight: 600; font-style: normal; color: white; font-size: 6.5rem;text-transform:uppercase; margin-top: 50px; }
.hero-25 p { color: white; font-size: 2.75rem; line-height: 140%; }

.service-section { padding-bottom: 40px; }
.service-section h2 { font-family: var(--title-font); font-weight: 500; text-transform: uppercase; font-size: 4rem; margin-bottom: 40px; margin-left: 15px;}
.service-section .offer-box { background: var(--color-yellow); border-radius: 10px; padding: 30px; }
.service-section .offer-box .fbox-content {
    padding-left: 36px;
    padding-right: 36px;
}
.service-section h3 { font-family: var(--title-font); font-weight: 500; text-transform: uppercase; font-size: 3rem; margin-bottom: 20px;}
.service-section h3 a { color: #333 }
.service-section h3 a:hover { text-decoration:none; color: var(--color-aqua) !important; }
.service-section a.button,
.offer_spotlight a.button { background-color: var(--color-aqua); color: white; display:block;text-decoration:none; text-align: center; padding: 5px; border-radius: 7px; margin-top: 20px; }
.service-section a.button:hover,
.offer_spotlight a.button:hover { background-color: #333; color: white !important; text-decoration:none; }

.ftext h2, .ftext h1, .about-content h1, .promo-block.grey .heading, .linked-team h2 { font-family: var(--title-font); font-weight: 500; text-transform: uppercase; font-size: 3rem; margin-bottom: 20px; }
.ftext label { margin-bottom: 0px; }
.gform_wrapper.gravity-theme .gform_footer { padding: 0px; }
.gform_wrapper.gravity-theme .gform_footer .gform_button { background-color: var(--color-aqua); color: white; display:block;text-decoration:none; text-align: center; padding: 5px 40px; border-radius: 7px; margin-top: 0px; }
.front-page .ftext h2 { margin-bottom: 40px; }
.front-page .ftext h2, .ftext h1, .about-content h1 { font-size: 4rem; }
.about-content h1 { margin-bottom: 25px; margin-top: 0px; }
body .ftext .gform_legacy_markup_wrapper .top_label div.ginput_container { margin-top:0px; }

.email-form label { font-weight: 600; }
.email-form2 { text-align:left; }
.email-form2 label { display: block; margin-bottom:0px; }

.email-form2 .input::-webkit-input-placeholder,
.email-form2 .input::-moz-placeholder,
.email-form2 .input:-moz-placeholder,
.email-form2 .input:-ms-input-placeholder,
.email-form2 .input.placeholder { opacity: 1; color: #999; }
.email-form2 .btn {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    margin: 15px 15px 0 0;
    float: right;
    background-color: var(--color-aqua);
    border: none;

    color: white;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 5px 40px;
    border-radius: 7px;
}
.email-form2 .btn:hover { background:#333 !important; color: white !important }
.promo-block { background-color: var(--color-lightblue); }
.promo-block.grey .heading { margin-bottom:15px; }
.promo-block .email-form2 { margin-top: 65px }
.promo-block .email-form2 .input.ip-half {
    border-right: 1px solid #D3D3D3;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
    width:100%;
    margin-right: 0%;
    margin-bottom: 2%;
}
.promo-block .email-form2 .input {
    border-left: 1px solid #D3D3D3;
    border-top: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    border-radius: 12px !important;
    background: white;
    width: 100%;
}
.promo-block.grey { color: #333; font-weight:400; }
.promo-block .email-form2 .row {
    margin-bottom: 5px;
}
.promo-block p.mt-30 {
    margin-top: 30px;
}
.promo-block .social { text-align: left; margin-top: 5px; }
.promo-block .social li { padding-right:4px; }
.promo-block .social li a { display:inline-block;background-color: var(--color-lightgrey); border-radius: 50%; text-align: center; width:40px; height: 40px; line-height: 40px; color: #333 }
.promo-block .social li a:hover { color: white !important; background-color: var(--color-aqua); }
.promo-block .pad-top-xs {
    padding-top: 50px !important;
}
@media only screen and (min-width: 641px) {
    .gform_legacy_markup_wrapper textarea.medium {
        height: 120px !important;
    }
}
.mb-60 { margin-bottom: 60px; }
.mb-45 { margin-bottom: 45px; }
.aanbod_new_item { /*border: 3px solid #333; */ /*padding: 0 15px; margin: 15px 0 15px; position: relative; z-index: 1; overflow: visible; */}
.aanbod_new_item .new-img {
    margin-top: -15px;
    margin-bottom: -15px;
    z-index: 0;
    position: relative;
}
.aanbod_new_item .new-title { position:relative;z-index:1 }
.aanbod_new_item::after { content: '';border: 3px solid #333;position:absolute;top:0px; bottom: 0px; left: 0px; right: 0px; }
.readmore { color: var(--color-aqua); }
.readmore:hover { color: var(--color-aqua) !important; text-decoration: underline !important; }
.aanbod_new_item h3.heading a:hover { color: var(--color-aqua) !important; }

.idk-slider { margin: 0 -15px; }
.idk-slider .slick-track {
  display: flex;
  gap: 30px;
}
/*.idk-slider .slide { margin: 0 30px 0 0; }*/

.idk-slider .slick-track .slide {
    background-color: var(--color-lightgrey); padding: 30px; border-radius: 15px; 
    min-height: 100px;
}
.item-idk { 
    background-color: white; padding: 30px; border-radius: 15px; 
    min-height: 100px;
}
.item-idk h3 { margin: 0 55px 0 35px; color: var(--color-aqua) }
.idk-slider h3.heading a:hover { color: var(--color-aqua) !important; }

.slick-dots {
  display: flex;
  justify-content: center;
  
  margin: 0;
  padding: 1.3rem 0;
  
  list-style-type: none;
  
    li {
      margin: 0 0.25rem;
    }
  
    button {
      display: block;
      width: 1.3rem;
      height: 1.3rem;
      padding: 0;
      
      border: none;
      border-radius: 100%;
      background-color: white;
      /*border: 1px solid #333;*/
      text-indent: -9999px;
    }
  
    li.slick-active button {
      background-color: #333;
    }
  
}
.idk-slider .slick-dots {
  button { border: 1px solid #333; }
}
.about-content h2 {
    font-family: var(--title-font);
    font-weight: 500;
    text-transform: uppercase;
}
.pb-50 { padding-bottom: 50px; }
.hot-topics {
  li {
    display: inline-block;
    background-color: var(--color-lightgrey); 
    padding: 7px 15px !important;
    border: none;
    border-radius: 3px;
    color: var(--blackColor);
    font-weight: 700;
     margin-top: 8px;
     margin-right: 4px;
    a {
      background: var(--color-aqua);
      margin: -7px -15px; padding: 9px 15px;
      color: white;
        &:hover, &:focus {
            color: var(--color-aqua) !important;
            text-decoration: none !important;
            background-color: var(--color-yellow);
        }
    }

    &:before { display:none !important }
  }
}

ul.aanbod-25, .entry ul:not(.hot-topics) {
  li {
    margin: 12px 0px; position: relative;
    strong, b { color: var(--color-aqua); }
    a { color: var(--color-aqua); text-decoration:underline; 
      &:hover { color: var(--color-aqua) !important;  text-decoration:none }
    }
    &:before {
      content: "•";
      font-family: inherit;
      display: inline-block;
      margin-left: -20px;
      /* width: 1.3em; */
      font-size: 31px;
      width: 20px;
      line-height: 20px;
      top: 3px;
      position: absolute;
      color: var(--color-aqua);
    }
  }
  &.m-smaller {
    li { margin: 8px 0; }
  }
}
.content-wrap .entry p + ul.aanbod-25 { margin-top: 0px; }

.linked-team .team-box {
  .img-box {
    margin: 0 0 10px;
    &:hover { opacity: 0.8 }
  }
  .heading a { color: var(--color-aqua); text-decoration:none; 
    &:hover { color: var(--color-aqua) !important; text-decoration: underline;}
  }
}

.single-coaching-events-box { background-color: var(--color-lightgrey); margin-top:0px; }
.single-coaching-events-box .date { background-color: var(--color-aqua) }
body .ftext .smk-slider .slide .coaching-events-content .single-coaching-events-box:hover h3 { color: var(--color-aqua) !important; text-decoration:none !important; }
body .ftext .smk-slider .slide:hover * { text-decoration:none !important }

.t-section {
  color: #333; margin-top: 30px;
}
.t-section .img { max-height:60px; margin-bottom:17px; }
.t-section .slide { border: 3px solid }
.t-section blockquote cite a { color: var(--color-aqua); }
@media screen and (max-width: 991px){
  .service-section .offer-box { margin-bottom:20px; }
  .item-idk { margin-bottom:20px; }
  
  .slick-track { margin: 0px 0 0 0px }
}
@media screen and (max-width: 767px){
  .hero-25 h1 { line-height: 110%; font-size:5.5rem  }

  .idk-slider {
      margin: 0px;
  }
  .idk-slider .slick-track { gap: 5px; margin: 0px; }
}
#nav .drop { min-width:310px; }