:root {
  --head: "Madurai", sans-serif;
  --krub: "Krub", sans-serif;

  --color-primary: #FDF8FE;
  --color-secondary: #020C20;
  --color-accent: rgb(2 12 32 / 80%);
  --color-grey: #627280;
  --color-brownish: #847672;
  --color-grey-accent: rgb(98 114 128 / 70%);

  --bg-primary: var(--color-primary);
  --bg-secondary: var(--color-secondary);
  --bg-accent: var(--color-accent);
  --bg-grey: var(--color-grey);
  --bg-brownish: var(--color-brownish);
  --bg-grey-accent: var(--color-grey-accent);

  --transition: all .3s ease-in-out;
}

@font-face {
  font-family: "Madurai";
  src: url("../fonts/Madurai.ttf");
}


.color-primary { color: var(--color-primary); }
.color-secondary { color: var(--color-secondary); }
.color-accent { color: var(--color-accent); }
.color-grey { color: var(--color-grey); }
.color-white { color: #FFF; }

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { background-color: unset; }

body.noscroll { overflow: hidden; }

.admin-bar .navbar-fixed-top { top: 32px; }


#faq table tr td:last-child { text-align: right; min-width: 150px; }

#intro p a:hover, .no-vacancy p a:hover { color: var(--color-primary); }
#block .block__inner p a:hover, #block .block__inner p a:focus, #intro .intro__content p a:focus, #block .block__inner p a:active { color: var(--color-primary); }
#block .block__inner b, #block .block__inner strong { font-size: 18px; }

.slick-arrow { cursor: pointer; }

.btn { border: unset; transition: var(--transition); border-radius: 0; }

.btn-primary { background-color: #9D2E99; border-radius: 100px; color: #FFF; font-weight: bold;}
.btn-outline { background-color: transparent; border: 1px solid #AE4A91; color: #AE4A91; border-radius: 5px; }

#cta .cta__content h2 { margin-top: 0; }

.image { width: 100%; }

p span.quote::before{ content: ""; position: absolute; left: 0; top: 50%; transform:translate(0%, -50%); background-image: url(../img/Quote-Shines.svg); background-repeat: no-repeat; width: 38px; height:39px; }
p span.quote { position: relative; padding-left: 60px; color: #9D2E99; margin: 20px 0 30px; display: block; font-weight: 500; font-style: italic; }
.margin-0 { margin: 0; }

p.function { margin-bottom: 0;}

a { color: var(--color-primary); }
a:focus, a:hover { text-decoration: unset; }

.d-none { display: none; }

.gform_required_legend { display: none; }

@media (min-width: 1200px) {
  .container { width: 1250px !important; }
  .container.smaller { width: 1100px !important; }

  #banner { margin-top: 108px; }
  #page-content {
    padding: 70px 0px 100px 0;
}
}

#breadcrumbs p { margin: 0; }
#breadcrumbs span, #breadcrumbs a { font-size: 15px; }
#breadcrumbs {
height: 40px;
  display: flex;
  align-items: center;
    background-color:#FFF;
    filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.06));
}
  .sidebar.linear-gradient {
    background: linear-gradient(#9d2e99 0%, #642a9f 100%);
    border-radius: 25px 0 25px 0;
    text-align: left;
    position:relative;
    margin-bottom: 30px;
  }
  .sidebar:last-child { margin-bottom: 0;}

#banner {  background: linear-gradient(#9d2e99 0%, #642a9f 100%); display: flex; align-items: center; height: 140px; overflow:hidden; position: relative;}
.banner-inner h1 { color: #FFF;  margin: 0;}
#banner::after { content: ""; position: absolute; width: 100%; height: 100%; background-image:url(../img/Flower.jpg); background-size: cover; z-index: 1; left:0;top:0;right:0;bottom:0; opacity: .1;}


.sidebar.pink {
  background-color:#9D2E99;
  border-radius: 0 25px 0 25px;
  text-align:left;
}
.sidebar table td { color:#FFF; }

.sidebar table { width: 100%; }

.sidebar .btn-primary { background-color: #BB8CF4; font-weight: bold; font-size: 18px; color: #642A9F; display: inline-block; margin-top: 15px; padding: 8px 30px;}

  .sidebar {
    border-radius: 0 25px 0 25px;
    background-color: #642A9F;
    color: #FFF;
    text-align: center;
    padding: 25px;
    margin-bottom: 30px;
  }
  .sidebar h3, .sidebar a { color: #FFF; display: block; }

  
h1, .h1, h2, .h2, h3, .h3, h4, .h4, #hero-banner .hero-banner__content span { font-family: var(--head); font-weight: 400; color: black; }
p, span, li a, ul li p, ul li, li, a, button, .gform_button, p a, a span, span a, table td { font-family: var(--krub); color: #401732;}

#navigatie ul li a {
  font-size: 16px;
  line-height: 38px;
  color: #80287c;
}

.color-white { color: #FFF; }

.behandelingen .behandeling { margin-bottom: 30px;}
.behandelingen .behandeling h3 { font-size: 20px;}
.bg-primary{ background-color: #FDF8FE;}

.featured-img { display: flex; align-items: center; justify-content: center; height: 161px; border-radius: 25px;}

.news__inner { min-height: 454px; position:relative;}
a.closed { color: #9D2E99; position:absolute; right:15px; top: 15px; cursor: pointer; z-index: 1;}
.modal-body h3 { margin-top: 60px;}
.team-btn { margin-top: 40px; }

#page-content .team-row .btn-outline {
   margin-top: 20px;
}

.news__inner a.read--more {position: absolute; left:20px; bottom: 20px; }

.background-gradient {margin-bottom: -30px;
  position: relative; background-image: url(https://tandartspraktijkpernis.nl/wp-content/uploads/2024/06/Gradient.svg); background-size: cover; background-repeat: no-repeat; }

.bg-secondary{background-color: #FDF3F3;}
.bg-dark-pink { background-color: #F5D6F8; }
.bg-light-pink { background-color: #F7ECF5; }

.title-review h2 { color: black;}

#news h2 { color: black; }

.border-right { border-right: 1px solid #B27FB6;}
.border-top-bottom { border-top: 1px solid #B27FB6; border-bottom: 1px solid #B27FB6; }

.container-fluid.p-none { padding: 0;}

#team { padding-bottom: 100px; }
body { overflow-x: hidden; }
footer { background-color: #FDF8FE; position: relative; padding: 50px 0 120px; }


#team .team-slider { margin-top: 30px; }

#usps {  padding: 100px 0; margin-top: -20px; }
#usps .usp h3, #usps .usp p { color: #FFF; }
#ctas { margin-top: -20px; position: relative;  padding: 0 0 80px; }

#team .slick-slide {
    margin: 0 8px;
}

#team .slick-list {
    margin: 0 -8px;
}

.header video { height: auto; position: absolute; top: 0%; z-index: -2; }

#ctas h2 { font-size: 30px; }



#reviews .slick-item img { max-width: 155px; margin: 0 auto 15px; }
#reviews .slick-item p.author, #news span.news__item-title { font-family:var(--head); font-size: 22px; color: #AE4A91; }
#reviews .slick-item p.review-text, #news .news__inner p  { color: #563955; }

a.read--more { margin: 20px 0 10px; display: block; font-weight: bold; }

a.read--more img {
  vertical-align: sub;
}

a.read--more img { margin-right: 10px; }
span.news__item-title { margin-top: 20px; display: block; }

.team-information .btn-outline { margin-top: 10px; }

a.read--more {color: #AE4A91; }

.title-review, .review-slider {
  height: 374px;
  display: flex !important; 
  justify-content: center;
  align-items: center;
}


.news__item {
  background: white;
  border-radius: 15px;
}
.news__inner { padding: 20px; }



#ctas .pink h2, #ctas .pink p { color: #D88EC8; }



#ctas .pink {background-color: #F1D9ED; border-radius: 0 25px 25px 0;}
#treatments { padding: 50px 0 100px; }

#treatments .treatment {height: 193px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#treatments .treatment h3 { margin-bottom: 0; }
#treatments .treatment { margin-bottom: 10px;}
#treatments .col-lg-3 { padding: 0 5px; }
#treatments .treatments-container { padding: 0 10px; }

.treatment{ border: 1px solid #B27FB6; }

.treatment.pink {background-color:#9D2E99; }
.treatment.light-pink { background-color: #FFFFFF;}
.treatment.pink h3 { color:#FFF;}
.treatment.light-pink h3 { color:#9D2E99; }

.treatment.border-l { border-radius: 20px 0 0 0; }
.treatment.border-r { border-radius: 0 20px 0 0; }
.treatment.border-b-l { border-radius: 0 0 0 20px; }
.treatment.border-b-r { border-radius: 0 0 20px 0 ; }

.no-pad { padding: 0 0; }
.cta-inner { padding: 80px 30px; }

@media (max-width: 1200px) {
  .navbar-default #navigatie ul {
      text-align: center;
      top: 50%;
      left: 50%;
      position: absolute;
      transform: translate(-50%, -50%);
      margin: 0;
      padding:0;
      min-width: 150px;
  }
}

@media (max-width: 1200px) {
  .navbar-right {
      float: left !important;
  }
}


.cta-mobile .col a { color: #FFF;}
.cta-mobile .middle {background-color: #80287C;}
.cta-mobile .col.middle { width: 30%;}
.cta-mobile .col.middle img { max-height: 30px;}
.cta-mobile .col {
  flex-grow: 1;
  color: #fff;
  width: 35%;
  padding: 10px 0;
  font-family: var(--head);
  font-size: 16px;
  align-items: center;
  display: flex;
  justify-content: center;
}
#navigatie ul li{ list-style-type: none;}


.bg-white { background-color: #FFF; color:#662B9F; }

.bg-purple { background-color: #A15FED; color:#FFF; }


@media (min-width: 768px) { 

  #reviews .border-r{
    border-top: 1px solid #C86CB1;
    border-right: 1px solid #C86CB1;
    border-bottom: 1px solid #C86CB1;
    border-radius: 0 25px 25px 0;
  }

  #reviews .border-l {
    border-radius: 25px 0 0 25px;
    border: 1px solid #C86CB1;
  }
  .title-review { padding: 0 78px; }


  #reviews h2 { margin-bottom: 0 !important; }
  #reviews h2 { margin: 0; line-height: 65px;}


  .p-r-none { padding-right: 0;}
  .p-l-none { padding-left: 0;}
  
  .review-slider { padding: 0 170px; }


  #team .slick-item img {
    max-height: 375px; height: 375px; object-fit: cover;
  }
  
  #ctas .border-l {
    border-radius: 25px 0 0 25px;
    border: 1px solid #F1D9ED;
  }#ctas .border-r{

    border: 1px solid #F1D9ED;
    border-radius: 0 20px 20px 0; 
  }
  
  #ctas .centered-border {
     border: 1px solid #F1D9ED;
     border-left:unset;
     border-right:unset;
  }
  

  .block-left .block__inner.flexed { padding-right: 70px;}

.block-right .block__inner.flexed { padding-left: 70px;}

#block h2, #treatments h2, #team h2, #reviews h2, #news h2 { font-size: 60px; margin-bottom: 40px; }

#block, #reviews, #news { padding: 100px 0; }
  footer .ginput_container_textarea {
    margin-top: -56px;
    padding-right:15px;
  }
  li.sign-up > a { padding: 11px 51px; margin-top: 6px; font-family: var(--head) !important; }
  li.sign-up a:hover { background-color: var(--bg-primary) !important; color: #FFF !important;}
li.sign-up > a { font-family: var(--head); background-color: #642A9F; color: #FFF !important; border-radius: 0 25px; }

    li.sign-up a::after { content: unset; }
    li.sign-up a:hover { color: var(--color-secondary) !important; }
    li.sign-up a::before { content: unset; }
  .footer-formulier .ginput_container.ginput_container_textarea {
    margin-left: -30px;
}
  

  .footer-formulier input { margin-top: 0 !important;}
  .footer-formulier .gform_wrapper.gravity-theme .gfield.gfield--width-half { grid-column: span 5; max-width:300px; }
  
  .footer-formulier textarea { height:96px !important; max-width:320px; margin-top: 0 !important; }
  
  .side-bar .btn-primary:hover {
    background-color:#FFF;
    color:#BB8CF4;
  }
  
  .footer-formulier .ginput_container_text input{margin-bottom:0 !important;}
  
  .footer-formulier input::placeholder,
  .footer-formulier textarea::placeholder{color:#9D2E99;}
  
  .footer-formulier{position:relative;}
  .footer-formulier .gform_button { position: absolute; right: 0;
    top:0;
    border-radius:5px;
    height:96px;
    background-color:#F5D6F8;
    color:#9D2E99;
    font-weight:400;
    font-size:16px;
  
  }
  
  .footer_inner a {
    display: block;
    margin-bottom:15px;
    color:#9D2E99;
    font-size: 17px;
  }
  



  .navbar { max-height: 108px; min-height: 108px; height: 108px; display: flex; align-items: center; background-color: #FBF8FB; border: unset;
}

.block__inner.flexed { height: 467px; display: flex; align-items: start; flex-direction: column; justify-content: center;}

.img--content {
  height: 467px;
}

.background-gradient .bg-white {margin-top: 30px;}

.background-gradient .bg-purple {margin-top: 30px;}

  .gfield_consent_label, .gfield_label, .ginput_container input, .ginput_container textarea, .ginput_container textarea::placeholder, .ginput_container input::placeholder { font-size: 18px !important; }

  p, span, li a, ul li p, ul li, li, a, span.quote button, .gform_button, p a, a span, span a, table td { font-size: 18px; }
  .btn { font-size: 18px; padding: 8px 30px; }
  .btn-outline { font-size: 18px; padding: 9px 27px; }
  footer .btn.bg-transparent { padding: 15px 60px; }
  h1, .h1, h2, .h2, #hero-banner .hero-banner__content span { font-size: 35px; line-height: 48px; }
  h3, .h3, h4, .h4 { font-size: 22px; }

  .navbar-brand > img { max-height: 70px; position: absolute; top: 50%; transform: translate(0%, -50%); }

  .header .topbar { width: 100%; position: relative; background: linear-gradient(rgb(157 46 153 / 85%) 0%, rgb(100 42 159 / 85%) 100%); height: 112px; display: flex; align-items: center; justify-content: center; z-index:1; }
  .header .topbar h1 { margin: 0; font-size: 50px; }
  .header { margin-top: 108px; height: calc(100vh - 108px); width: 100%;  position: relative; }
  .header::after { content: ""; width: 100%; height: 100%; background-color: #000; opacity: .25; top:0;left:0;right:0;bottom:0; position: absolute; }

  #menu-primary > li { float: left; height: 123px; display: flex; align-items: center; }
  .navbar-nav > li > a { margin-left: 15px; }

  #navigatie li a { margin-left: 0; }
  

  ul.sub-sub-menu { display: block !important; position: static !important; }
  ul.sub-sub-menu li { list-style: none; }
  ul.sub-menu.custom-sub-menu-class li { float: left; width: 33.333333%; padding: 10px 15px; list-style: none; }
  li.current-menu-item ul.sub-sub-menu li.menu-item-object-behandeling a { color: #FFF !important; }
  li.head-cat a:not(ul.sub-sub-menu li a) { font-size: 16px !important; }
  ul.sub-menu li { list-style: none;  }
  ul.sub-menu li a { position: relative; }

 
} @media (max-width: 768px) { 

  .behandelingen .behandeling h3 {
    font-size: 14px;
}

  .team-overlay:hover .team-overlay-active {
    border-radius: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    opacity: .7;
    top: 0;
    left: 50px !important;
    right: 50px !important;
    bottom: 0;
    background: #642a9f;
    -webkit-animation: .5s ease-in alternate fadein;
    -moz-animation: .5s ease-in alternate fadeInOverlay;
    animation: .5s ease-in alternate fadeInOverlay;
    padding: 0 50px !important;
}

  .copyright { margin-bottom: 60px;}

  .footer_inner a {
    display: block;
    margin-bottom: 15px;
    color: #9D2E99;
    font-size: 17px;
}

  .footer-formulier .gform_button {
    
    border-radius: 5px;
   
    background-color: #F5D6F8;
    color: #9D2E99;
    font-weight: 400;
    font-size: 16px;
    display:block;
    width: 100% !important;
    max-width: unset !important;
}
  footer h2 { font-size: 36px; text-align: center; }
  #reviews .slick-next,#reviews .slick-prev { top: 25% !important; max-height: 22px;}
  #reviews .slick-item p.review-text, #news .news__inner p{padding: 0 20px;}
  #reviews .slick-next { right: 30px;}
  #reviews .slick-prev { left: 30px; }
  #reviews .slick-item p.review-text, #news .news__inner p { margin-top: 30px;}
  #reviews .border-r{
  
    border-right: 1px solid #C86CB1;
    border-bottom: 1px solid #C86CB1;
    border-left: 1px solid #C86CB1;
    border-radius: 0 0 25px 25px;
  }

  #reviews .border-l {
    border-radius: 25px 25px 0 0;
    border: 1px solid #C86CB1;
  }

  .title-review, .review-slider { height: auto; padding: 30px 0; }

  #ctas .border-l .cta-inner { border-radius: 15px 15px 0 0;}
  
  #ctas .border-r .cta-inner { border-radius: 0 0 15px 15px;}
#ctas .border-l .cta-inner, #ctas .centered-border .cta-inner, #ctas .border-r .cta-inner {
  border: 1px solid #FFF;
}

  #team .slick-prev { left: 0 !important;}
  .news__item { margin-bottom: 30px; }
  #team .slick-next {right: 0 !important;}

  .treatment h3 {
    font-size: 16px;
  }
  .image { height: auto; }
  
  .usp { margin-bottom: 60px; }

  .block__inner--content .image { margin-top: 30px; }

  #block h2, #treatments h2, #team h2, #reviews h2, #news h2 { font-size: 36px; margin-bottom: 20px; }
  .block-left .block__inner.flexed, .block-right .block__inner.flexed { text-align:center;}
  
#block, #reviews, #news { padding: 50px 0; }
  .header video {
    top: 34%;
    height:auto;
  }
  .cta-mobile {
    background:#6A2565;
    position:fixed;
    bottom: 20px;
    width: calc(100% - 30px);
    left: 15px;
    display: flex !important;
    z-index:9999;
  }

  .single-team-inner {padding-left:0 !important;height: auto !important;}
  .teamlid img { width: 100%  !important; max-width: unset !important; padding: 0 50px;}

  .topbar {         width: 100%;
    position: relative;
    background: linear-gradient(rgb(157 46 153 / 85%) 0%, rgb(100 42 159 / 85%) 100%);
    height: 112px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;}

    .topbar h1.color-white { font-size: 42px; text-align: center;}


table td { font-size: 16px !important;}

  .container-fluid.border-top-bottom::after { display: none;}

  .visibility-hidden { display: none !important;}

  footer { padding: 50px 0 30px;}
  .footer_inner.contact-details { padding-left: 0 !important;}
  footer .footer_inner { padding: 20px 0 !important;}

  #banner {margin-top: 92px;justify-content:start;}

  #page-content{padding:40px 0;}
  .side-bar{padding-left:15px!important;position:relative!important;top:0!important;padding-right:15px;margin-top:40px;}
    .block__inner table { width: 100%; }

    #about-us .slider-container .slick-item img { padding: 0 15px !important; }

    #treatments .treatments__container { flex-flow: wrap; }
    .navbar-nav>li>a { padding-top: 18px; padding-bottom: 18px; }

    

    .text-center-xs { text-align: center; padding: 0 15px; }

 
    .copyright__content.text-center.color-white p, .copyright__content.text-center.color-white p a { font-size: 13px; margin-bottom: 0; }

  
    .gfield_consent_label, .gfield_label, .ginput_container input, .ginput_container textarea, .ginput_container textarea::placeholder, .ginput_container input::placeholder { font-size: 16px !important; }

 
    p, span, li a, ul li p, ul li, li, a, button, .gform_button, p a, a span, span a, table td { font-size: 16px; } 
    h1, .h1, h2, .h2 { font-size: 22px; }
    h3, .h3, h4, .h4 { font-size: 18px; }


    .admin-bar .navbar { top: 46px; }
    .navbar { border-radius: 0; margin: 0; max-height: 92px; min-height: 92px; height: 92px; }

    .navbar-brand > img { height:41px; margin-top: 5px; }


    .header { margin-top: 92px; height: 325px; width: 100%; position: relative; }
    .header img { max-width: 78px; max-height: 78px; }
}

.navbar { border-radius: 0; margin: 0; }
.navbar-brand, .navbar-default .navbar-collapse, .navbar-default .navbar-form { padding: 0 15px; }
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0; }
.navbar-default {
  border-color: unset;
  box-shadow: 0 1px 1px #1313131a;
}

.news-item img { height: 192px; }

.modal-content {
  min-height: 450px;
  max-width: 600px;
  margin: 0 auto;
}

.modal-dialog {
  width: 100%;
  top: 50%;
  transform: translate(0%, -50%) !important;
  margin: 0 auto !important;
}

.single-news-inner { height: 192px; display: flex; align-items: start; justify-content: center; flex-direction: column;}
.single-news-inner h3 { margin-top: 0;}

ul.sub-menu li {
  padding: 7px 0;
}
ul.sub-menu li:first-child {
  padding-top: 0;
}
.side-bar {
  padding-left: 60px;
  position: sticky;
  top: 190px;
}

.navbar-default .navbar-toggle { padding: 0; float: right; height: 50px; margin-right: 15px; margin-bottom: 0; margin-top: 0; margin-left: 0; }
.navbar-toggle .icon-bar { background-color: #642A9F; width: 36px; border-radius: 3px; height: 3px; }
.navbar-toggle .icon-bar:last-child { width: 25px; float: right; }
.navbar-toggle{overflow:hidden}.navbar-toggle .icon-bar{transition:opacity,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.7,0,0,.7)}.navbar-toggle:not(.collapsed) .icon-bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){opacity:0;transform:translateX(-100%)}.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){ width: 36px; transform:translateY(-11px) rotate(-45deg)}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle { background-color: transparent; border-color: unset; border: unset; }
.navbar-default .navbar-nav > li > a, ul.custom-sub-menu-class > li > a { font-family: var(--krub); font-size: 18px; font-weight: 500; color: #9D2E99; transition: var(--transition); }
.navbar-default .navbar-nav > li > a:hover, ul.sub-menu > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.current-menu-item > a:not(li.sign-up.current-menu-item a), .navbar-default .navbar-nav > li.current-menu-parent a, .navbar-default .navbar-nav > ul > li.current-menu-item a, li.current-menu-ancestor a, ul.custom-sub-menu-class li.current-menu-item a { color: #642A9F; }
ul.custom-sub-menu-class li > a { color: #FFF !important; }
li.menu-item-has-children{ position: relative; }
ul.sub-menu.custom-sub-menu-class li::after { display: none; }
li.menu-item-has-children::after { content:""; width: 7px; height: 4px; position: absolute; background-image:url(../img/Menu-Arrow.svg); background-repeat: no-repeat; background-size: contain; z-index: -1; }
li.menu-item-has-children:hover::after { transform: rotate(180deg) !important; top: 48% !important; }
li.menu-item-has-children::after, li.menu-item-has-children:hover::after { top: 50%; right: 0; background-image:url(../img/Menu-Arrow.svg); background-repeat: no-repeat; transform: translate(0, -50%); }
.navbar-default #navigatie { display: none; }
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@media (min-width: 991px) {
  nav ul.sub-menu {
    display: none;
    animation: fadeIn .5s;
    background-color: #FBF8FB;
    position: absolute;
    z-index: 9999;
    border-radius: 0 0 4px 4px;
    list-style-type: none;
    min-width: max-content;
    padding-left: 0;
    overflow: hidden;
    box-shadow: 0 1px 1px #1313131a;
   border: 1px solid #B27FB6;
    padding: 20px 15px;
}
nav ul.sub-menu li a {
  font-weight: 500;
  color:#9D2E99;
}

  nav li.menu-item-has-children:hover ul.sub-menu {
    display: block;
    margin-top: 0;
    margin-left: 15px;
}
}

.behandeling-title { margin-bottom: 5px;}
.behandeling-title:last-child { margin-bottom: 0;}

.behandeling-title.active {
  color: #F5D6F8;
  font-weight: bold;
  text-decoration: underline;
}




.team-overlay-active h3, .team-overlay-active p { color: #FFF; }

.team-inner {position: relative; z-index: 2; opacity: 1;}

.team-overlay:hover .team-overlay-active { border-radius: 15px; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1; opacity: .7; top: 0; left: 0; right: 0; bottom: 0; background: #642a9f; -webkit-animation: .5s ease-in alternate fadein;
  -moz-animation: .5s ease-in alternate fadeInOverlay;
  animation: .5s ease-in alternate fadeInOverlay; }


  .team-row { margin: 30px 0 0; }
  
  .row.team-row { margin: 60px 0; }

.single-team-inner { display: flex; align-items: start; height: 320px; flex-direction: column; justify-content: center; padding-left: 25px; }

.teamlid img {width: 100%; object-fit: cover; max-height: 320px; object-position: top; border-radius: 15px; max-width: 336px;}

@keyframes fadeInOverlay { 0% { opacity: 0; } 100% { opacity: .7; } }

.team-overlay { cursor: pointer; position: relative; transition: all .3s ease-in-out; }
.team-overlay-active { display: none;}

.banner-inner {
  position: relative;
  z-index: 2;
}

@media (min-width: 1419px) {
  .mega ul.sub-menu:not(.sub-sub-menu) { width: calc(1220px - 30px); }

  ul.sub-sub-menu li a { font-size: 13px !important; }

  .navbar-default .navbar-nav > li > a, ul.custom-sub-menu-class > li > a { font-size: 15px; }
}



@media (min-width: 820px) and (max-width: 1024px) {
  .navbar-header { padding: 0 30px; }

  #page-content {
    padding: 40px 0;
}
#banner { margin-top: 105px;}
}

@media (min-width: 1025px) and (max-width: 1180px) {
  .navbar-header { padding: 0 100px; }
  .header {
    height: calc(100vh - 166px);

}
.cta-inner { min-height: 530px; }
  #page-content {
    padding: 40px 0;
}
.news-item img { height: auto; width: 100%;}
.footer_inner.tabel {
  padding-left: 40px;
  padding-top: 0;
}
}

@media (min-width: 1580px) {
  ul.sub-sub-menu li a { font-size: 15px !important; }

  .navbar-default .navbar-nav > li > a, ul.custom-sub-menu-class > li > a { font-size: 18px; }
}

@media (max-width: 1200px) {
  .navbar-toggle { display: block; }
  #global-nav { display: none !important; }

  .navbar-default .navbar-header { position: absolute; width: 100%; top: 50%; transform: translate(0%, -50%); right: 0; }
  .navbar-default #global-nav { display: none !important; }
  .navbar-default .navbar-nav > li { display: block; width: 100%; }
  .navbar-right { float: left !important; }

  .navbar-default #navigatie { height: 100vh; position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: -1; display: none; }
  .navbar-default #navigatie ul { text-align: center; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); margin: 0; min-width: 200px; }
}

@media (min-width: 1181px) and (max-width: 1420px) {
  .navbar-default .navbar-nav > li > a, ul.custom-sub-menu-class > li > a { font-size: 14px; }
  .navbar-nav > li > a { margin-left: 40px; }
}

.slick-arrow { position: absolute; top: 38%; transform: translate(0, -50%); }
#team .slick-prev { left: -75px; }
#team .slick-next { right: -75px; }

#reviews .slick-arrow { position: absolute; top: 50%; transform: translate(0, -50%); }
#reviews .slick-prev { left: 70px; }
#reviews .slick-next { right: 70px; }

.slick-item img {width: 100%;}


.gform_wrapper { margin-top: 30px; }
@media(min-width:768px){
	.gform_wrapper label {
	font-family: var(--krub);
	font-size:18px !important;
	color: #401732 !important;
	font-weight:400 !important;
	}}

@media(max-width:768px){
	.gform_wrapper label {
	font-family: var(--krub);
	font-size:16px !important;
	color: #401732 !important;
	font-weight:400 !important;
	}}

.footer_inner a {
	display: block; width: 100%;
}

.visibility-hidden {
	visibility:hidden;

}


footer {
	background-image:url(https://tandartspraktijkpernis.nl/wp-content/uploads/2024/06/Pernis-Text.svg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:bottom;
}



.ginput_container_consent label, .ginput_container_consent label a {
	font-size: 16px !important;	
}

    #page-content {
         background-color: #FDF8FE;
    }

.gform_button {

    color: #fff;
    padding: 10px 30px;
    text-decoration: none;
    font-size: 18px;
    border-radius: 5px;
	border: unset;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	background-color: #9D2E99;
    border-radius: 100px;
    color: #FFF;
    font-weight: bold;
}

#page-content p a, label a, #breadcrumbs a { color: #C86CB1; transition: all .3s ease-in-out; }
#page-content p a:hover, label a:hover, #breadcrumbs a:hover { color: #642A9F; }

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper textarea.medium, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,.gfield select.large {
    margin: 5px 0;
	resize: none;
    width: 100%;
    display: block;
    padding: 6px 12px;
    font-size: 17px !important;
    line-height: 28px;
    color: #401732;
	font-family: var(--krub);
    background-color:rgb(251 248 251 / 10%);
    background-image: none;
    border: 1px solid #B27FB6;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    height: 40px;
    margin-bottom: 10px;
}

li.sign-up:hover a {
	background-color:	#9D2E99 !important;
}

.btn-primary:hover {
	color:#FFF;
	background-color:#642A9F;
}

.footer-formulier input#gform_submit_button_3 {
    max-width: 200px;
    width: 165px;
}

#treatments .treatment { transition: all .1s ease-in-out;}
#treatments .treatment:hover {
	transform:scale(1.03);
}


.behandeling h3 {
		font-family: var(--krub);
	font-weight: bold;
	color:#FFF;
	margin:0;
}
.behandeling .behandeling-inner { 
text-align: center;
border-radius: 25px;
}
.container-fluid.border-top-bottom { position: relative; }
.container-fluid.border-top-bottom::after {
content: "";
	left:50%; 
	transform:translate(50%, -50%;);
	width: 1px;
	height: 100%;
	top:0;z-index:2;
	position:absolute;
	background-color:#B27FB6;
	
}

footer table { width: 100%;}
footer td { 	color: #9D2E99; font-size: 17px;}

.copyright { padding: 15px 0 0;}

.copyright p, .copyright a {
	color:#9D2E99;
	font-size: 16px;
}

footer .footer_inner {
	padding: 60px 0;
}


.behandeling:nth-child(odd) .behandeling-inner {
	background-color:#80287C;
	height:161px;
	margin-top:-110px;
	z-index:-1;
	display:flex;align-items:end;
	justify-content:center;
	padding-bottom:15px;
}

.behandeling:nth-child(odd) .featured-img {background:#9D2E99;z-index:2;position:relative;
border-bottom:2px solid #FFFF}

.behandeling:nth-child(even) .featured-img {background:#642A9F;z-index:2;position:relative;
border-bottom:2px solid #FFF;}





.behandeling:nth-child(even) .behandeling-inner {
		background-color:#3C1C6B;
	height:161px;
	margin-top:-110px;
	z-index:-1;
	display:flex;align-items:end;
	justify-content:center;
	padding-bottom:15px;
}

.behandelingen {
	margin-top: 30px;
}

.footer_inner.contact-details{padding-left:40px;}

.footer_inner.contact-details .contact-detail, .side-bar p.contact-detail {
	padding-left:30px;
}
p.contact-detail {
position:relative;
	padding-left:5px;
}
.side-bar  p.contact-detail a { color:#FFF !important;}

.side-bar  p.contact-detail img {
	left:0;
	top: 7px;
}

 p.contact-detail img { z-index:2; position: absolute; left:0;top:4px;}

.navbar-brand img {
	max-height: 80px;
}

.behandeling:nth-child(odd) .behandeling-inner {
	background-color:#80287C;
	height:161px;
	margin-top:-110px;
	z-index:-1;
	display:flex;align-items:end;
	justify-content:center;
	padding-bottom:15px;
}


.behandeling:nth-child(even) .behandeling-inner {
		background-color:#3C1C6B;
	height:161px;
	margin-top:-110px;
	z-index:-1;
	display:flex;align-items:end;
	justify-content:center;
	padding-bottom:15px;
}