/*!
Theme Name: Natuutlijk Nine
Author: All Do - Dorien Doppenverg
Author URI: https://all-do.nl/
Description: Op maat gemaakt Wordpress websitethema door All Do.
Version: 1.0
Text Domain: All Do 
*/
 @font-face{font-family:'Poppins';src:url(https://natuurlijknine.nl/wp-content/themes/natuurlijk-nine/fonts/Poppins-Regular.woff2) format('woff2'),url(https://natuurlijknine.nl/wp-content/themes/natuurlijk-nine/fonts/Poppins-Regular.woff) format('woff'),url(https://natuurlijknine.nl/wp-content/themes/natuurlijk-nine/fonts/Poppins-Regular.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Poppins';src:url(https://natuurlijknine.nl/wp-content/themes/natuurlijk-nine/fonts/Poppins-Medium.woff2) format('woff2'),url(https://natuurlijknine.nl/wp-content/themes/natuurlijk-nine/fonts/Poppins-Medium.woff) format('woff'),url(https://natuurlijknine.nl/wp-content/themes/natuurlijk-nine/fonts/Poppins-Medium.ttf) format('truetype');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:'Short Stack';src:url(https://natuurlijknine.nl/wp-content/themes/natuurlijk-nine/fonts/ShortStack-Regular.woff2) format('woff2'),url(https://natuurlijknine.nl/wp-content/themes/natuurlijk-nine/fonts/ShortStack-Regular.woff) format('woff'),url(https://natuurlijknine.nl/wp-content/themes/natuurlijk-nine/fonts/ShortStack-Regular.ttf) format('truetype'),url(https://natuurlijknine.nl/wp-content/themes/natuurlijk-nine/fonts/ShortStack-Regular.otf) format('opentype');font-style:normal;font-weight:400;font-display:swap}:root{--groen-achtergrond:#E0E5E1;--groen:#7c8f80;--zwart:#0B181A;--wit:#FCFAF8}.cky-btn{border-radius:30px!important}.cky-accordion-header .cky-always-active{color:#958480!important}button.cky-show-desc-btn:not(:hover):not(:active){color:#728376!important;transform:none!important;transition:none!important}button.cky-show-desc-btn:hover{color:#728376!important;text-decoration:underline!important}body{width:100%;background-color:var(--groen-achtergrond);overflow-x:hidden!important;margin:auto;font-family:'Poppins',Georgia,sans-serif;scroll-behavior:smooth;font-size:13px}h1{font-family:"Short Stack",sans-serif;font-size:30px;margin:0;line-height:1.1;font-weight:400!important}h2{font-family:"Short Stack",sans-serif;font-size:22px;margin:0;line-height:1.1;font-weight:400!important}h3{font-family:"Short Stack",sans-serif;font-size:18px;font-weight:400!important}a{color:var(--zwart)}button{font-family:'Poppins',Georgia,sans-serif;font-size:13px}@media screen and (min-width:1024px){body{font-size:15px}h1{font-size:34px}h2{font-size:26px}h3{font-size:22px}button{font-size:15px}}.fadeIn{opacity:0}.fadeIn.active{animation-name:fadeIn;animation-duration:1s;animation-timing-function:ease-in-out;opacity:1}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeUp{opacity:0}.fadeUp.active{animation-name:fadeUp;animation-duration:1s;animation-timing-function:ease-in-out;opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(0)}5%{opacity:0;transform:translateY(10vh)}100%{opacity:1;transform:translateY(0)}}header{display:flex;justify-content:center}nav a{text-decoration:none;color:var(--zwart);transition:0.3s ease}nav a:hover{font-weight:500;text-decoration:underline}header nav{display:grid;grid-template-columns:1.8fr .4fr 1.8fr;position:fixed;z-index:1000;background-color:var(--wit);top:3vh;justify-self:center;width:90vw;max-width:1280px;border-radius:30px;box-shadow:0 0 20px rgb(0 0 0 / .08);margin:auto}header nav .menu-item{text-align:center;margin:.4rem auto;list-style:none}.logo{grid-column:2;grid-row:1;margin:auto;position:relative;z-index:100;background-color:#fff0;background-size:auto;width:9rem;height:auto;place-content:center;padding:3px}.logo svg{display:flex;width:9rem;height:auto;padding:1px;object-fit:contain;margin:auto}.logo .st0{fill:var(--zwart)}.hamburger{grid-column:3;grid-row:1;display:block;cursor:pointer;margin-left:auto;place-self:center;background-color:transparent!important;border:none!important;padding:0;margin-inline-end:5vw;transition:0.3s ease}.hamburger:hover{background-color:transparent!important}.bar{display:block;width:20px;height:1.6px;margin:5px auto;transition:all 0.3s ease-in-out;background-color:var(--zwart)}.nav-menu{grid-column:1/4;grid-row:3;display:none;background-color:var(--wit);margin:auto;width:100%;padding-block-start:1rem;padding-inline-start:0;box-shadow:0 4px 8px -2px rgb(0 0 0 / .1);border-radius:0 0 30px 30px}.change .bar:nth-child(2){opacity:0}.change .bar:nth-child(1){transform:translateY(6.4px) rotate(45deg)}.change .bar:nth-child(3){transform:translateY(-6.4px) rotate(-45deg)}#contact,#projecten{scroll-margin-top:5rem}@media screen and (min-width:768px){.hamburger{display:none}.nav-menu{display:grid;grid-template-columns:repeat(2,1fr);width:13rem;margin-inline-end:1.5rem;padding-block-start:5px;grid-column:3;grid-row:1;box-shadow:none}header nav .menu-item{margin:0}}@media screen and (min-width:1024px){.nav-menu{width:15rem;margin-inline-end:2rem}.logo{width:10rem;height:auto;margin:auto}.logo svg{width:10rem;height:auto;margin:auto}}@media screen and (min-width:1440px){.nav-menu{margin-inline-end:3rem}}main{margin-top:calc(3vh + 7rem)}.hero{display:grid;grid-template-columns:.6fr 1.4fr;grid-template-rows:.75fr 1.25fr;width:90vw;max-width:900px;margin:auto}.heroAfbeelding{grid-column:1/3;grid-row:1/3;margin-left:-5vw}.heroAfbeelding img{width:10rem;height:auto;object-fit:contain}.heroTekst{grid-column:2;grid-row:2;text-align:center}.heroTekst h2{max-width:400px;margin:auto;margin-block-start:.8rem}.knop{margin-block-start:2.5rem;margin-bottom:0}.knop a{background-color:var(--groen);color:var(--wit);border:solid var(--groen) 2px;border-radius:30px;padding:5px 22px;text-decoration:none;transition:0.3s ease;font-weight:500}.knop a:hover{background-color:#fff0;color:var(--groen);font-weight:500}@media screen and (min-width:410px){.heroAfbeelding{margin-left:0}}@media screen and (min-width:500px){.hero{grid-template-rows:.7fr 1.3fr}}@media screen and (min-width:768px){.hero{grid-template-columns:.5fr 1.5fr;grid-template-rows:none}.heroAfbeelding{grid-column:1;grid-row:1}.heroAfbeelding img{width:12rem;height:auto}.heroTekst{grid-column:2;grid-row:1;align-self:center}}@media screen and (min-width:1024px){.heroTekst h2{max-width:460px}}.intro{display:grid;grid-template-columns:1fr;width:90vw;max-width:1000px;margin:auto;background-color:var(--wit);border-radius:30px;gap:1rem;margin-top:2rem;position:relative;z-index:1}.introTekst{grid-column:1;grid-row:1;margin:1.5rem 1.5rem 0 1.5rem;text-align:center}.introTekst h2{margin-block-start:.5rem;margin-bottom:1rem}.introAfbeelding{grid-column:1;grid-row:2;width:calc(100% - 3rem);margin:0 1.5rem 1.5rem 1.5rem}.introAfbeelding img{width:100%;height:auto;object-fit:contain;border-radius:30px}@media screen and (min-width:768px){.intro{grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.introTekst{grid-column:1;margin:1.5rem 0 1.5rem 2rem;text-align:start}.introTekst h2{margin-block-start:0}.introAfbeelding{grid-column:2;grid-row:1;width:calc(100% - 2rem);height:calc(100% - 3rem);margin:1.5rem 2rem 1.5rem 0}.introAfbeelding img{width:100%;height:100%;object-fit:cover}}@media screen and (min-width:1024px){.intro{gap:3rem}.introTekst{margin:2rem 0 2rem 2.5rem}.introAfbeelding{width:calc(100% - 2.5rem);height:calc(100% - 4rem);margin:2rem 2.5rem 2rem 0}}.projecten{width:calc(90vw - 2rem);max-width:calc(1280px - 2rem);margin:auto;background-color:var(--groen);color:var(--wit);border-radius:30px;text-align:center;justify-self:center;padding:1rem;margin-top:3rem;position:relative;z-index:1}.projecten h2{margin-block-start:1rem;margin-block-end:2rem}.projecten figure{margin:0!important}.slider1.swiper-container,.slider2.swiper-container{overflow:hidden;position:relative}.swiper-slide{overflow:hidden}.slider1.swiper-container{height:40vw;padding-bottom:2rem}.slider1 img{height:40vw;width:100%;object-fit:cover;border-radius:24px}.slider2.swiper-container{height:62vw;padding-bottom:2rem;margin-block-start:1rem;transition:0.3s ease}.slider2 img{height:62vw;width:100%;object-fit:cover;border-radius:24px}.slider1.swiper-container:hover,.slider2.swiper-container:hover{cursor:grab}.swiper-button-next,.swiper-button-prev{--swiper-navigation-size:6vw;--swiper-theme-color:var(--wit);font-weight:600;transition:0.3s ease;margin-top:-2rem!important}.swiper-pagination{position:absolute!important;z-index:100!important;cursor:pointer}.swiper-pagination-bullet{background-color:var(--wit)!important;opacity:.5!important;transition:0.3s ease}.swiper-pagination-bullet:hover{background-color:var(--wit)!important;--swiper-theme-color:var(--wit)}.swiper-pagination-bullet-active{background-color:var(--wit)!important;opacity:1!important}.swiper-button-next,.swiper-button-prev{padding:.8vw 1.5vw .8vw 2.5vw;background-color:rgb(255 255 255 / .2);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:50%;border:2px solid var(--wit);transition:0.3s ease}.swiper-button-prev{padding:.8vw 2.5vw .8vw 1.5vw}.swiper-button-next:hover,.swiper-button-prev:hover{--swiper-theme-color:var(--zwart);border:2px solid var(--zwart)}@media screen and (min-width:768px){.projecten{margin-top:4rem}.slider1.swiper-container{height:30vw}.slider1 img{height:30vw}.slider2.swiper-container{height:46vw;}.slider2 img{height:46vw}.swiper-button-next,.swiper-button-prev{--swiper-navigation-size:4vw}.swiper-button-next{padding:.6vw 1.2vw .6vw 1.6vw}.swiper-button-prev{padding:.6vw 1.6vw .6vw 1.2vw}}@media screen and (min-width:1024px){.projecten{padding-block-end:1.5rem}.slider1.swiper-container{height:22vw}.slider1 img{height:22vw}.slider2.swiper-container{height:32vw;;margin-block-start:1.5rem}.slider2 img{height:32vw}.swiper-button-next,.swiper-button-prev{--swiper-navigation-size:3vw}.swiper-button-next{padding:.5vw .8vw .5vw 1.2vw}.swiper-button-prev{padding:.5vw 1.2vw .5vw .8vw}}@media screen and (min-width:1280px){.slider1.swiper-container{height:18rem}.slider1 img{height:18rem}.slider2.swiper-container{height:26rem}.slider2 img{height:26rem}.swiper-button-next,.swiper-button-prev{--swiper-navigation-size:2.5rem}.swiper-button-next{padding:5px 10px 5px 16px}.swiper-button-prev{padding:5px 16px 5px 10px}}.werkwijze{width:90vw;max-width:1000px;margin:auto;display:grid;grid-template-columns:1fr;text-align:center;background-color:var(--wit);border-radius:30px;padding-block-end:1rem;margin-top:3rem;position:relative;z-index:1}.werkwijze h2{grid-column:1;grid-row:1;margin-block-start:2rem;margin-block-end:.5rem}.kennismaking{grid-column:1;grid-row:2;background-color:var(--groen-achtergrond);border-radius:24px;padding:1.5rem;margin:1.5rem 1.5rem 0 1.5rem}.ontwerp{grid-column:1;grid-row:3;background-color:var(--groen-achtergrond);border-radius:24px;padding:1.5rem;margin:1.5rem}.aanleg{grid-column:1;grid-row:4;background-color:var(--groen-achtergrond);border-radius:24px;padding:1.5rem;margin:0 1.5rem 1.5rem 1.5rem}.werkwijze img{display:flex;height:3.5rem;object-fit:contain;margin:auto}@media screen and (min-width:768px){.werkwijze{grid-template-columns:repeat(3,1fr);margin-top:4rem;padding-block-end:0}.werkwijze h2{grid-column:1/4;grid-row:1;margin-bottom:2rem}.kennismaking{grid-column:1;grid-row:2;margin:0 .75rem 1.5rem 1.5rem}.ontwerp{grid-column:2;grid-row:2;margin:0 .75rem 1.5rem .75rem}.aanleg{grid-column:3;grid-row:2;margin:0 1.5rem 1.5rem .75rem}}@media screen and (min-width:1024px){.werkwijze{grid-template-columns:repeat(3,1fr)}.werkwijze h2{grid-column:1/4;grid-row:1}.kennismaking{margin:0 .5rem 2rem 2.5rem}.ontwerp{margin:0 1.5rem 2rem 1.5rem}.aanleg{margin:0 2.5rem 2rem .5rem}.werkwijze img{height:4rem}}.contact{width:90vw;max-width:1000px;margin:auto;display:grid;grid-template-columns:1fr;margin-bottom:3rem;margin-top:4rem}.titelContact{grid-column:1;grid-row:1}.tekstContact{grid-column:1;grid-row:2}.contactformulier{grid-column:1;grid-row:3}.contactformulier input,.contactformulier textarea{background-color:var(--wit);border:none;border-radius:30px;padding:5px 15px;font-family:'Poppins',Georgia,sans-serif;color:var(--zwart);width:91%}.contactformulier #agree{width:auto}.contactformulier input::placeholder{color:var(--black);opacity:.6}.contactformulier textarea{height:20vh;padding:10px 15px}.contactformulier a{text-decoration:underline;transition:0.3s ease}.contactformulier a:hover{font-weight:500;text-decoration:underline;color:var(--groen)}button.send{background-color:var(--groen);color:var(--wit);font-weight:500;border:2px solid var(--groen);border-radius:30px;padding:5px 22px;transition:0.3s ease;margin:.5rem 0 1.5rem 0}button.send:hover{background-color:#fff0;color:var(--groen);font-weight:500}.email{margin-bottom:.3rem}.afbeeldingContact{grid-column:1;grid-row:3/5;display:flex;margin-left:auto;justify-self:flex-end;align-self:end;width:11rem;height:auto;object-fit:contain;margin-inline-end:-5%;transition:opacity 0.3s ease;opacity:1}.afbeeldingContact.fadeIn.active{animation-name:fadeIn;animation-duration:1.2s;animation-timing-function:ease-in-out;opacity:1}@keyframes fadeIn{0%{opacity:0}30%{opacity:0}100%{opacity:1}}#popup{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgb(128 149 133 / .6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);justify-content:center;align-items:center;z-index:9999;overflow-x:hidden}.popupInhoud{position:relative;background-color:var(--wit);padding:2rem;text-align:center;max-width:600px;width:80vw}#popupBericht{font-family:"Short Stack",cursive;font-size:18px;font-weight:600;padding:1rem;margin:auto}.sluitKnop{position:absolute;top:5px;right:10px;background:none;border:none;font-size:2rem;cursor:pointer;transition:0.3s ease}.sluitKnop:hover{font-weight:500;color:var(--groen)}@media screen and (min-width:768px){.contact{grid-template-columns:1.4fr .6fr;margin-bottom:4rem;margin-top:5rem}.titelContact{grid-column:1;grid-row:1}.tekstContact{grid-column:1;grid-row:2}.contactformulier{grid-column:1;grid-row:3}.afbeeldingContact{grid-column:2;grid-row:2/5;margin-inline-end:0;transition:none;width:12rem;margin-block-end:5rem}.contactformulier input{width:70%}}@media screen and (min-width:1024px){.contact{grid-template-columns:1.5fr .5fr}.afbeeldingContact{margin-block-end:6rem}}@media screen and (min-width:1440px){.popupBericht{font-size:20px}.sluitKnop{top:3px;font-size:2.5rem}}.privacy-overlay{position:fixed;inset:0;background:rgb(128 149 133 / .6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:none;z-index:9999;overflow:hidden}.privacy-content,.privacyverklaring-container{position:relative;width:90vw;max-width:1000px;height:82vh;margin:12vh auto 5vw;background:var(--wit);border-radius:30px;overflow-y:scroll;scrollbar-width:thin}.privacy-sluiten{position:fixed;top:13vh;right:8vw;font-size:32px;font-weight:500;background:none;border:none;cursor:pointer;color:var(--groen);transition:0.3s ease}.privacy-sluiten:hover{color:var(--zwart);font-size:34px}.privacyverklaring{padding:2.5rem 1.5rem 1.5rem 1.5rem;color:var(--zwart);text-align:start}.privacyverklaring h1{margin-bottom:1.5rem}@media screen and (min-width:382px){.privacyverklaring h1 span{display:none}}.privacyverklaring h2{margin-block-start:3.5rem;margin-bottom:1rem;font-size:18px}.privacyverklaring a{color:var(--black);text-decoration:underline;transition:0.3s ease;font-weight:400}.privacyverklaring a:hover{text-decoration:underline;font-weight:500;color:var(--groen)}.gegevens a:last-child{word-break:break-all}@media screen and (min-width:1011px){.privacy-sluiten{right:calc(50% - 480px)}.gegevens a:last-child{word-break:normal}}@media screen and (min-width:1024px){.privacyverklaring{padding:2rem}.privacyverklaring h2{font-size:22px}}.nietGevonden{text-align:center;height:50vh;margin-top:25vh}.nietGevonden button{background-color:var(--groen);color:var(--wit);font-weight:500;border:2px solid var(--groen);border-radius:30px;padding:5px 22px;transition:0.3s ease;margin:.5rem 0 1.5rem 0;cursor:pointer}.nietGevonden button:hover{background-color:#fff0;color:var(--groen);font-weight:500}@media screen and (min-width:1024px){.nietGevonden{text-align:center;height:58vh;margin-top:30vh}}footer{background-color:var(--groen);margin:auto;color:var(--wit)!important}footer a{color:var(--wit);font-weight:500;transition:0.3s ease}footer a:hover{font-weight:500}.containerFooter{display:grid;padding:1rem 0 3rem 0;text-align:center}footer nav{grid-row:2;margin:auto}footer .footer-menu{padding:0;list-style:none;margin-top:1.5rem}footer .footerLogo{grid-row:1}footer .footerLogo svg{height:auto;width:9rem;object-fit:contain}footer .footerLogo .st0{fill:var(--wit)}.made-copy{margin-top:.5rem;grid-row:4;color:var(--wit);font-weight:400}.made-copy p{margin:0 0 2px 0}.made-copy a{text-decoration:underline;font-weight:500}@media screen and (min-width:768px){.containerFooter{width:90vw;max-width:1280px;margin:auto;grid-template-columns:1.6fr .8fr 1.6fr;text-align:start;padding:.5rem 0 4rem 0;align-items:end}.footer-menu{margin-bottom:0;margin-top:0}footer nav{grid-column:1;grid-row:1;margin-left:1.5rem}footer .footerLogo{grid-column:2;grid-row:1;margin:auto}.made-copy{grid-column:3;grid-row:1;margin:0;margin-left:auto;margin-inline-end:1.5rem;bottom:-10px;position:relative}.made-copy p{margin:0}}@media screen and (min-width:1024px){footer nav{margin-left:2rem}footer .footerLogo svg{width:10rem}.made-copy{margin-inline-end:2rem}}@media screen and (min-width:1440px){footer nav{margin-left:3rem}.made-copy{margin-inline-end:3rem}}