@charset "utf-8";
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,main {display: block;}
figure{margin:40px 0 20px;}
html, body {font-size: 22px;line-height:36px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-family:"Myriad Pro Light", tahoma;margin:0;color:#222;height:100%;}
body#studio16 {height:auto;}
body.fixed { overflow: hidden;width: 100%;}
ul {list-style:none;padding:0;margin:0;overflow:hidden;}
a {color:#7dc549;text-decoration:none;}
main a {display:inline-block;}
p {margin:0 0 20px 0;line-height:36px;}
b {font-weight:normal;font-family:"Myriad W01 Sm Cnd";}
article p a {display:inline-block;border-bottom:1px dotted #fff;color:#fff;}
h1 {line-height: 4rem;font-size:4rem;margin:0 0 60px;}
h2 {font-size: 2.8rem;line-height:3rem;font-weight:200;margin:0 0 30px;}

article h3, footer h3 {margin:0 0 30px 0;position: relative;font-size:30px;line-height: 36px;}
h3,h4 {margin:0 0 20px 0;font-size:1.25rem;line-height:1.25rem;}
img {border:0;display:block;max-width:100%;height:auto;}
img.brandlogo{max-width:260px;}
.c2a {background:#FE6901;padding:15px 40px!important;color:#fff!important;border-radius:50px!important;text-align: center;}
.c2a:hover {background:#7dc549;box-shadow:5px 5px 10px rgba(0,0,0,0.25);}

hr {margin:40px auto;padding:0;width:100%;border:0;background:rgba(255,255,255,0.1);height:1px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
*:after, *:before {font-family: "Font Awesome 6 pro";font-weight: 900;position:relative;}
*:hover, *:hover:before {-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;}
* {box-sizing: border-box;}
input:focus,
textarea:focus {
  outline-color: #FE6901;
  color: #000;              /* visible text color */
  caret-color: #000;        /* visible cursor */
  background-color: #fff;   /* make sure background contrasts */
}
.clear{clear:both;display:block;}

nav.navigation {position:fixed;width:100%;line-height:18px;z-index:100;background:#fff;text-align:center;top:0;-webkit-transition:all 1s linear;-moz-transition:all 1 linear;}
nav.navigation .container {background:#fff;overflow:hidden;padding:0 2.5% 0;height:86px;box-shadow: 2px 2px 10px rgba(0,0,0,0.25);-webkit-appearance: none;}
.logo {display: inline-block;vertical-align: top;float:left;}
ul.nav.menu {display:block;margin: 20px 0 0 0;}
ul.nav.menu li {display:inline-block;vertical-align:top;margin:0 5px;}
ul.nav.menu li a {font-size:18px;color:#222;letter-spacing: 4px;padding:15px;border-radius: 5px 10px;display:block;margin:0;}
ul.nav.menu li a:hover, ul.nav.menu li.active a{background: #7dc549;color:#fff;}
ul.nav.menu li.parent > a:after {content: '\f0d7';margin-left:5px;}
ul.nav.menu li.parent.open > a:after {content: '\f0d8';}
ul.nav.menu li:has(a.c2a) {float:right}
ul.nav-child {display:none; position:absolute;    background: #7dc549;  color: #fff;     top: 86px;    border-radius: 0 0 10px 0;    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}
ul.nav.menu ul.nav-child li {display:block;text-align:left;margin:0;}
ul.nav.menu ul.nav-child li a {color:#fff;    border-radius: 0;    border-bottom: 1px solid rgba(255, 255, 255, 0.15);background: #5b8266;}
ul.nav.menu ul.nav-child li a:hover {background:rgba(255,255,255,0.25); -webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;}


div.item-page {padding:160px 0;overflow: hidden;max-width: 1130px;  margin: 0 auto;}
div.item-page img {box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .4);border-radius:5px;}
div.com-content-category-blog div.inner {max-width:1130px;margin:0 auto;padding:160px 0 40px;}
div.com-content-category-blog div.inner.blogitems {padding:0;margin:0 auto 60px;}
div.com-content-category-blog div.category-desc {margin:0 0 60px;  background: rgba(91, 130, 102,0.05);box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);}
div.com-content-category-blog h1 {margin:0;}
div.com-content-category-blog h3 {font-weight:normal}

div.item-page div.item-image {margin: 0 0 30px;}
div.item-page ul {margin:0 0 30px;list-style: circle;padding: 0 0 0 2rem;}
div.item-page h4 {margin:0 0 10px;font-size:1rem;}

.column2 { display: grid;grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
.column3 { display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}

.column2.praktijk {grid-template-columns: 30% auto;}
.column2.praktijk:nth-of-type(odd) {border:2px solid #FE6901;margin:60px 0;padding:30px 0;border-width: 2px 0;}
.column2.praktijk:nth-of-type(even) { grid-template-columns: 70% 30%;}
.column2.praktijk:nth-of-type(even) > *:first-child {  order: 2;}
.column2.praktijk:nth-of-type(even) > *:last-child {  order: 1;}
.column2.praktijk img {box-shadow: none;}
blockquote {border-left: 2px solid hsla(0, 0%, 5%, .1);padding-left: 2rem;max-width:700px;margin:2rem;font-style: italic;}
blockquote span {font-size: .9rem;line-height:44px;margin-left: 60px; position: absolute;font-style: normal;}

body.page-510 div.item-page .column2 {grid-template-columns: 40% auto;margin:0 0 30px;}
body.page-510 div.item-page .column2:nth-of-type(odd) {background: rgb(92 131 101 / 8%); padding: 30px; border-radius: 10px;}


div.quote {color:#5b8266; margin: 0 0 10px;position: relative;}
div.quote:before, blockquote:before {content: "\f10d"; margin: 0 10px 0 0; font-size: 36px; display: inline-block}
div.quote:after, blockquote:after {content: "\f10e" ; margin: 10px 0 0 10px; font-size: 36px; display: inline-block; position: absolute;}
div.quoteby {margin:0 0 30px;}
p.alert {color:#5b8266;}

ul.blog {display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 40px;}
ul.blog figure.article-image {  width: 100%;  aspect-ratio: 4 / 3; background-size: cover;   background-position: center center;  background-repeat: no-repeat;  border-radius: 8px;margin:0 0 30px}
ul.blog h3 {font-weight:bold;}
ul.blog a {display: block;height: 100%;color:#222;padding:20px;background:rgba(91, 130, 102,0.05);border-radius:10px;border:1px solid rgba(91, 130, 102,0.25);position:relative}
ul.blog a:after {content: '\f061';position:absolute;    right: 10px;    bottom: 10px;    color: #fff;    Background: #5b8266;    border-radius: 100%;    width: 30px;    height: 30px;    text-align: center;    line-height: 30px;    font-size: 16px;}
ul.blog a:hover:after {background:#FE6901;}
ul.blog a:hover {background:rgba(91, 130, 102,0.5);}

ul.yinyang {list-style: none!important;}
ul.yinyang li {padding: 0 0 0 40px;position: relative;margin:0 0 20px;}
ul.yinyang li:before {content:'\f6ad';position:absolute;left:0;}

article#contactopnemen {background:rgba(91, 130, 102,0.5);color:#fff;padding-top:30px;}
article#contactopnemen .content-container {text-align:center;padding:30px;}
article#contactopnemen h3 {margin:0;text-align: center;}
article#contactopnemen ul {display: grid;grid-template-columns: repeat(3, 1fr);max-width: 600px; margin: 60px auto;}
article#contactopnemen ul li {text-indent: -9999px;position:relative;}
article#contactopnemen ul li a {color:#fff; text-indent: 0;position: unset; }
article#contactopnemen ul li a:before {content:'\f095';position: absolute; left: 50%;transform: translateX(-50%);font-weight: 300;font-size:36px;}
article#contactopnemen ul li a.whatsappme:before {content:'\f232';font-family: 'Font Awesome 6 Brands';}
article#contactopnemen ul li a.mailme:before {content:'\f0e0';}

#footer {background:#5b8266;color:#fff;text-align:center;position:relative;padding:0 0 0 0;}
#footer ul {float:left;}

#contact {width: 100%;  max-width: 75%;padding:60px 0;text-align:left;display:inline-block;}
div#contact .column3 {grid-gap: 200px;grid-template-columns: auto auto 113px;padding-bottom: 30px; }
div#contact ul li:first-of-type {text-transform: uppercase;font-weight:normal;font-family:"Myriad W01 Sm Cnd";letter-spacing: 2px;}
#contact li {margin:20px 0;}




#contact h3{text-align:center;color:#7dc549;text-shadow:none;}

#fixedc2a {position:fixed;bottom:2.5%;right:1%;opacity: 1;}
#fixedc2a div:hover {background:#7dc549}
#fixedc2a div:before {content: '\f077';position: absolute;left:50%;top: 50%;transform:translate(-50%,-50%);}
#slidehome, #fixedc2a .callme, #fixedc2a .mailme, #fixedc2a .whatsappme {position:relative;margin:10px 0 0;border-radius:100%;width:50px;height:50px;cursor:pointer;color:rgb(255,255,255);background:#FE6901;display:block;line-height: 50px;}
#slidehome {display:none;}
#slidehome.forced {display:none!important;}
#fixedc2a a.mailme:before {content: '\f0e0';}
#fixedc2a a.callme:before {content: '\f2a0';}
#fixedc2a a.whatsappme:before {content:'\f232';font-family: 'Font Awesome 6 Brands';margin: 0 0 0 2px;}

div.item-page.afspraak {padding:160px 0 30px 0;}
div#ajax {background: color(srgb 0.36 0.51 0.4 / 0.14);}
div#ajax div.alert, div.aanvraag {max-width:1130px;margin:0 auto;padding:40px;}
input[type=text], input[type="email"], input[type="tel"], button[type=submit], select,  textarea{width:100%;box-sizing:border-box;font-family:"Myriad Pro Cond";border:1px solid #7dc549;border-radius:5px;padding:10px;font-size:22px;height:51px;margin:0 0 30px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
button[type=submit] {cursor:pointer!important;background:#FE6901;border:0!important;color:#fff;}
button[type=submit]:hover{background:#7dc549;border:0!important;}
input[name="jform[mobile]"] {position: absolute; top: -5000px;}
textarea {height:200px;}
select.form-select {
  appearance: none;                /* remove default arrow (all browsers) */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23333' height='12' viewBox='0 0 20 20' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M5 7l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 12px;
  padding-right: 2rem;             /* make space for arrow */
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
}

select.form-select:focus {
  border-color: #5e9f82;           /* your brand color */
  outline: none;
  box-shadow: 0 0 0 2px rgba(94,159,130,0.2);
}

article#reviews{position:relative;padding:40px 2.5%;background: #DADACF;}
article#reviews h3, div.rating {text-align:center;}
.averagerating {border-radius:5px 10px;background:#7dc549;padding:5px;margin: 0 10px;}
img.average {display:inline-block;width:initial!important;}
img.userrate{width: auto!important;display: block;margin: 0 auto;}
.ratingValue, .qvotes{display:none;}
ul.reviews img {border-radius:200px;width:100%;height:auto;max-width: 128px;margin: 0 auto;}
div.review-content {float:right;max-width:78%;width:100%;position: relative;}
div.review-content:before {content:"\f10d";margin:0 10px 0 0;font-size: 36px;display: inline-block;}
div.review-content.short:after, span.end:after, div.fulltext:after {content:"\f10e";margin:10px 0 0 10px;font-size: 36px;display: inline-block;position:absolute;}
div.reviewer{float:left;width:20%;text-align: center;max-width:200px;}
div.writereview a.c2a-button-google {color:#fff;margin:20px 0 0 0;}
div.writereview a:before{content:'\f044';}
.unslider{overflow:auto;margin:0;padding:0}
div.slider-container {max-width:75%;margin: 0 auto;}
div.slider-container span.leesverder {display:block;width: 115px;text-align: center;background:#7dc549;padding:10px;border-radius:5px 10px;line-height: 100%;color:#fff;cursor:pointer;margin:20px 0;}
div.slider-container div.fulltext {display:none;}
div.slider-container div.fulltext.active {display:inline;}
ol.flex-control-nav {list-style:none;margin:0;padding:0;border:none}
ol.flex-control-nav li {display:inline-block;}
ol.flex-control-nav li a {background: rgba(255,255,255,0.2);width: 20px;border-radius:5px 10px;height: 20px;margin:0 10px;display:block;border:2px solid #fff !important;text-indent:-100000px;}
ol.flex-control-nav li a.flex-active {border:2px solid #7dc549 !important;}



.flex-direction-nav {text-align: center; margin: 20px 0 0 0;}
.flex-direction-nav li {display:inline-block;width:40px;height:40px;margin:0 20px;}
.flex-direction-nav a {display:block;height: 100%;position:relative;opacity:0.5;}
.flex-direction-nav a:hover {opacity:1;}
.flex-direction-nav a:before{content:'\f054';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size: 36px;}
.flex-direction-nav a.flex-prev:before {content:'\f053';}



@font-face{
font-family:"Myriad Pro Regular";
src:url("../webfonts/76fda6fb-8617-4e88-b290-945c47127ceb.eot?#iefix");
src:url("../webfonts/76fda6fb-8617-4e88-b290-945c47127ceb.eot?#iefix") format("eot"),url("../webfonts/01932eb5-2a4e-4bd4-b8a8-8e04f69b2d66.woff") format("woff"),url("../webfonts/b1811139-1d49-42a2-8353-e29ca087433c.ttf") format("truetype"),url("../webfonts/77a8ed10-0737-4849-9972-26d6e7585df5.svg#77a8ed10-0737-4849-9972-26d6e7585df5") format("svg");
font-display: swap;
}
@font-face{
font-family:"Myriad Pro Cond";
src:url("../webfonts/b4852b31-892b-45db-a043-d946709730ed.eot?#iefix");
src:url("../webfonts/b4852b31-892b-45db-a043-d946709730ed.eot?#iefix") format("eot"),url("../webfonts/ee091f8d-27cd-489b-b7a1-f77d6d222251.woff") format("woff"),url("../webfonts/89fcbc43-3863-4967-bafc-235ece4fde60.ttf") format("truetype"),url("../webfonts/0a9c288f-c817-4fce-8ce7-4cbf0c0c4119.svg#0a9c288f-c817-4fce-8ce7-4cbf0c0c4119") format("svg");
font-display: swap;
}
@font-face{
font-family:"Myriad W01 Sm Cnd";
src:url("../webfonts/ac5ab5e5-33fd-4088-b059-0bb569afd809.eot?#iefix");
src:url("../webfonts/ac5ab5e5-33fd-4088-b059-0bb569afd809.eot?#iefix") format("eot"),url("../webfonts/46bfe93f-37b4-4f09-b72d-dca0b609e20f.woff") format("woff"),url("../webfonts/a21d9dfa-f77c-4009-aa22-09f3d9f99752.ttf") format("truetype"),url("../webfonts/e7f8e64a-127f-47df-80d9-12ca86c5b053.svg#e7f8e64a-127f-47df-80d9-12ca86c5b053") format("svg");
font-display: swap;
}
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-display: block;
  font-weight: 400;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-display: block;
  font-weight: 900;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }


 @font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("../webfonts/fa-light-300.woff2") format("woff2"), url("../webfonts/fa-light-300.ttf") format("truetype"); }
  
  
  @font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }
  
  
  @font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }

  
  @font-face {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 100;
    font-display: block;
    src: url("../webfonts/fa-thin-100.woff2") format("woff2"), url("../webfonts/fa-thin-100.ttf") format("truetype"); }
    
    @font-face {
      font-family: 'Font Awesome 6 Duotone';
      font-style: normal;
      font-weight: 900;
      font-display: block;
      src: url("../webfonts/fa-duotone-900.woff2") format("woff2"), url("../webfonts/fa-duotone-900.ttf") format("truetype"); }
      @font-face {
        font-family: 'Font Awesome 6 Sharp';
        font-style: normal;
        font-weight: 400;
        font-display: block;
        src: url("../webfonts/fa-sharp-regular-400.woff2") format("woff2"), url("../webfonts/fa-sharp-regular-400.ttf") format("truetype"); }
        @font-face {
          font-family: 'Font Awesome 6 Sharp';
          font-style: normal;
          font-weight: 300;
          font-display: block;
          src: url("../webfonts/fa-sharp-light-300.woff2") format("woff2"), url("../webfonts/fa-sharp-light-300.ttf") format("truetype"); }

          @font-face {
            font-family: 'Font Awesome 6 Sharp';
            font-style: normal;
            font-weight: 900;
            font-display: block;
            src: url("../webfonts/fa-sharp-solid-900.woff2") format("woff2"), url("../webfonts/fa-sharp-solid-900.ttf") format("truetype"); }
    

  @-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}