.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root{--layout-max-width:1600px;--font-lato:lato,sans-serif;--font-ff-more:ff-more-web-pro,serif;--color-mystic-magenta:#e1287d;--color-sea-salt-sherbet:#fef4f8;--color-blended-light:#fefbe7;--color-leery-lemon:#ffc800;--color-leery-lemon-10:#fefbe7;--color-dark-grey:#373737;--color-dark-grey-10:#ededed;--color-dark-grey-50:#a4a4a4;--color-white-smoke:#f5f5f5;--ease-out-quadratic:cubic-bezier(.25,.46,.45,.94);--ease-out-cubic:cubic-bezier(.22,.61,.36,1);--ease-out-quartic:cubic-bezier(.17,.84,.44,1);--ease-out-quintic:cubic-bezier(.23,1,.32,1);--ease-out-exponential:cubic-bezier(.19,1,.22,1);--ease-out-circular:cubic-bezier(.08,.82,.17,1)}.top-bar,.main-header,.main-content,.main-grid{grid-template-columns:minmax(15px,auto) repeat(4,min(245px,25% - 7.5px)) minmax(15px,auto);grid-template-areas:"left content content content content right";display:grid;position:relative}@media (width>=992px){.top-bar,.main-header,.main-content,.main-grid{grid-template-columns:minmax(15px,auto) repeat(8,min(200px,12.5% - 3.75px)) minmax(15px,auto);grid-template-areas:"left side side content content content content content content right"}}.main-content>*{grid-column:content;margin-bottom:80px}.main-content .full{grid-column:2/content}.main-content .full-content-image{object-fit:cover;grid-column:1/-1;width:100%}@media (width<=991.98px){.main-content .full-content-image{height:200px}}.main-footer-holder>*{grid-column:2/-2}body{font-size:1.25rem;font-family:var(--font-lato);color:var(--color-dark-grey);margin:0}a{color:var(--color-mystic-magenta);text-decoration:none}a:hover{text-decoration:none}address{font-style:normal}h1,h2,h3,h4,h5,h6{font-family:var(--font-ff-more);margin-top:0;font-weight:500}h1{color:var(--color-mystic-magenta);margin:0;font-size:clamp(2.55rem,15vw - 6rem,4.375rem);line-height:1.2}h2{font-size:clamp(2.5rem,20vw - 4rem,3.75rem)}h3{margin-bottom:15px;font-size:clamp(1.5rem,20vw - 4rem,2.5rem)}blockquote,figure,p{margin:0}p+p,p+.two-column-content{margin-top:1rem}main ul{flex-direction:column;gap:1rem;display:flex}main ul li::marker{color:var(--color-mystic-magenta)}@media (width>=768px){.two-column-content{column-count:2;column-gap:80px}.three-column-content{column-count:3;column-gap:80px}}.address-info{flex-direction:column;align-items:start;gap:10px;font-size:clamp(1.125rem,20vw - 4rem,1.5rem);display:flex}.socials{flex-wrap:wrap;column-gap:.5rem;display:flex}.socials__title{width:100%}.socials__link{background-color:var(--color-leery-lemon);transition:scale .3s var(--ease-out-circular);border:0;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.socials__link img{object-fit:contain;width:1rem;height:1rem}.socials__link:hover{scale:1.1}.notification summary{cursor:pointer;transition:border-color .3s var(--ease-out-circular);border-bottom:1px solid #ffffff4d;align-items:center;gap:.5rem;font-size:1.125rem;line-height:2;display:inline-flex}.notification summary::-webkit-details-marker{display:none}.notification summary:hover{border-color:#ffffff80}.notification p{color:#ffffff4d;font-size:1rem}.toggle-more{transition:height .3s var(--ease-out-circular);height:125px;margin-top:30px;padding-bottom:60px;position:relative;overflow:hidden}.toggle-more:after{content:"";background:linear-gradient(#fff0 0%,#fff 100%);border-bottom:60px solid #fff;width:100%;height:60px;position:absolute;bottom:0;left:0}.toggle-more__button{z-index:1;font-size:1.25rem;font-family:var(--font-ff-more);cursor:pointer;color:var(--color-dark-grey);background:0;border:0;align-items:center;gap:1rem;font-weight:500;display:flex;position:absolute;bottom:0;left:0}.toggle-more__button:before{content:"";background:url(//www.yellowlemontree.nl/wp-content/themes/ylt-theme/assets/dist/arrow-down.daf57538.svg) 50% no-repeat;border:1px solid #000;border-radius:50%;width:50px;height:50px;display:block}.toggle-more.open:after,.toggle-more.open .toggle-more__button{display:none}.whatsapp-link{text-indent:-99999px;z-index:100;box-sizing:border-box;background:#2ba35e url(//www.yellowlemontree.nl/wp-content/themes/ylt-theme/assets/dist/whatsapp-large.dcd7cf81.svg) 50% no-repeat;border:2px solid #fff;border-radius:50%;width:60px;height:60px;display:block;position:fixed;bottom:10px;right:80px}.whatsapp-link:hover{background-color:#037834}.scroll-to-top{background:var(--color-leery-lemon);border:2px solid var(--color-leery-lemon);text-indent:-9999px;cursor:pointer;z-index:100;border-radius:50%;outline:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:fixed;bottom:10px;right:10px}.scroll-to-top:before,.scroll-to-top:after{content:"";background:url(//www.yellowlemontree.nl/wp-content/themes/ylt-theme/assets/dist/arrow-up.da49e9f0.svg) 50% no-repeat;width:19px;height:26px;display:block;position:absolute}.scroll-to-top:after{opacity:0;translate:0 60px}.scroll-to-top:focus:before{animation:slideToTop .5s var(--ease-out-circular);animation-fill-mode:forwards}.scroll-to-top:focus:after{animation:slideFromBelow .5s var(--ease-out-circular).5s;animation-fill-mode:forwards}@keyframes slideToTop{to{opacity:0;translate:0 -60px}}@keyframes slideFromBelow{to{opacity:1;translate:0}}.main-header{z-index:1}@media (width>=992px){.main-header:has(+.main-content .content-text-holder--highlighted:first-child){margin-bottom:-40px}}.main-header__scroll-to-bottom{transform-origin:0 0;font-family:var(--font-ff-more);font-weight:500;position:absolute;top:595px;left:calc(25vw - 400px);translate:-1rem;rotate:-90deg}.main-header__scroll-to-bottom:before{content:"";background:var(--color-leery-lemon);width:1px;height:4px;animation:1s infinite backwards increase;position:absolute;bottom:15px;left:0;translate:calc(-100% - 15px)}@keyframes increase{to{width:50px}}.main-header__text{grid-column:2/6}@media (width>=992px){.main-header__text{padding-top:90px}}@media (width<=991.98px){.main-header__text{margin-bottom:30px}}.main-header__title{color:var(--color-mystic-magenta);margin-top:30px;padding-right:15px}.main-header__image{grid-column:1/-1;height:200px;position:relative}@media (width>=992px){.main-header__image{grid-area:span 2/6/auto/-1;height:740px}}.main-header__image img{object-fit:cover;width:100%;height:100%;position:absolute}.main-footer-holder{background-color:var(--color-dark-grey);color:#fff;padding-top:80px;padding-bottom:120px}.main-footer-holder .main-footer{grid-column:2/-2;grid-template-columns:1fr 480px}@media (width>=992px){.main-footer-holder .main-footer{display:grid}}.main-footer a:not(.socials__link){color:#fff;transition:border-color .3s var(--ease-out-circular);border-bottom:1px solid #0000}.main-footer a:not(.socials__link):hover{border-color:#ffffff80}.main-footer__title,.main-footer__subtitle{grid-column:1}.main-footer .address-info{grid-area:1/2/span 2}.main-footer__subtitle{font-size:1.75rem;font-family:var(--font-lato)}.main-footer .notification,.main-footer .socials{margin-top:40px}.disclaimer{margin:60px 0}.disclaimer>*{grid-column:2/-2}@media (width>=992px){.disclaimer>*{grid-column:3/-3}}.disclaimer__vignet-holder{justify-content:center;display:flex}.disclaimer__vignet-holder a{transition:scale .3s var(--ease-out-circular)}.disclaimer__vignet-holder a:hover{scale:1.1}.disclaimer p{color:var(--color-dark-grey-50);border-top:1px solid var(--color-dark-grey-10);margin-top:60px;padding-top:60px;font-size:1rem}.disclaimer p a{color:inherit}.disclaimer p a:hover{color:var(--color-dark-grey)}.line-title,.project-item__title,.line-arrow-link,.line-title-under,.slider-item .slider_titel,.main-footer__title{margin-bottom:40px;padding-left:40px;display:inline-block;position:relative}.line-title:after,.project-item__title:after,.line-arrow-link:after,.line-title-under:after,.slider-item .slider_titel:after,.main-footer__title:after{content:"";background-color:var(--color-leery-lemon);z-index:-1;transition:left .3s var(--ease-out-exponential);width:100px;height:4px;display:block;position:absolute;top:calc(50% - 2px);left:0}.line-title-under,.slider-item .slider_titel,.main-footer__title{padding-bottom:40px;padding-left:0}.line-title-under:after,.slider-item .slider_titel:after,.main-footer__title:after{top:initial;z-index:1;bottom:20px}.line-title-hover:after,.project-item:hover .project-item__title:after,a:hover .line-arrow-link:after,.line-arrow-link:hover:after{background:url(//www.yellowlemontree.nl/wp-content/themes/ylt-theme/assets/dist/link-arrow.83b1fda5.svg) 50% no-repeat;width:102px;height:20px;position:absolute;top:calc(50% - 10px);left:calc(100% - 70px)}.arrow-link,.main-navigation__menu a,.arrow-link-left,.kruimelpad a{padding-bottom:.3125em;position:relative}.arrow-link:after,.main-navigation__menu a:after,.arrow-link-left:after,.kruimelpad a:after{content:"";z-index:-1;opacity:0;transition:right .4s var(--ease-out-quintic),opacity .2s ease-out;background:url(//www.yellowlemontree.nl/wp-content/themes/ylt-theme/assets/dist/link-arrow.83b1fda5.svg) 50% no-repeat;width:102px;height:20px;display:block;position:absolute;top:calc(50% - 10px);right:100%}.arrow-link:hover:after,.main-navigation__menu a:hover:after,.arrow-link-left:hover:after,.kruimelpad a:hover:after{opacity:1;transition:right .4s var(--ease-out-quintic),opacity .2s ease-in;right:-40px}.arrow-link-left:after,.kruimelpad a:after{right:initial;transition:left .4s var(--ease-out-quintic),opacity .2s ease-out;left:100%;transform:rotate(180deg)}.arrow-link-left:hover:after,.kruimelpad a:hover:after{right:initital;transition:left .4s var(--ease-out-quintic),opacity .2s ease-in;left:-40px}.line-arrow-link{color:var(--color-dark-grey);margin-bottom:0;font-family:ff-more-web-pro,serif;font-size:1.5rem}.main-button,.wpcf7-submit{font-family:var(--font-ff-more);color:var(--color-dark-grey);z-index:1;transition:transform .3s var(--ease-out-exponential),padding .3s var(--ease-out-exponential);text-align:center;box-sizing:border-box;padding:20px 30px;font-size:1.5rem;line-height:1;text-decoration:none;display:block;position:relative}.main-button:after,.wpcf7-submit:after{content:"";background-color:var(--color-leery-lemon);z-index:-1;width:100%;height:100%;display:block;position:absolute;top:0;right:0}@media (width<=767.98px){.main-button,.wpcf7-submit{width:100%}}@media (width>=768px){.main-button,.wpcf7-submit{padding-right:45px;display:inline-block}.main-button:after,.wpcf7-submit:after{transform-origin:100%;transition:transform .3s var(--ease-out-exponential);transform:scaleX(.75)}.main-button:hover,.wpcf7-submit:hover{color:var(--color-dark-grey);padding-right:30px}.main-button:hover:after,.wpcf7-submit:hover:after{transform:scaleX(1)}}@media (hover:none){.main-button:after,.wpcf7-submit:after{transform:scaleX(1)}}.slide-nav{display:flex}@media (width>=992px){.slide-nav{justify-content:end}}.slide-nav .count{font-family:var(--font-ff-more);color:var(--color-mystic-magenta);margin-right:50px;font-size:30px;font-weight:500}.slide-nav .count:before{content:attr(data-current);vertical-align:super}.slide-nav .count:after{content:attr(data-total);vertical-align:sub}@media (width<=991.98px){.slide-nav .count{display:none}}.slide-nav .btn{text-indent:-9999px;cursor:pointer;background:0;border:0;align-items:center;padding:10px 0;display:inline-flex;box-shadow:none!important;outline:0!important}.slide-nav .btn:after{content:"";background-color:var(--color-dark-grey);opacity:.1;transition:width .3s var(--ease-out-quadratic),opacity .3s var(--ease-out-quadratic);width:50px;height:4px;display:block}.slide-nav .btn:not(:last-child){margin-right:10px}.slide-nav .btn:hover:after{opacity:.5}.slide-nav .btn.current:after{background-color:var(--color-mystic-magenta);opacity:1;width:70px}.slider{display:flex;position:relative;overflow:hidden}.slider .holder{transition:transform .5s var(--ease-out-quadratic);gap:40px;display:flex;position:absolute;transform:translate(-5px)}.slider-item{color:var(--color-dark-grey);z-index:2;transition:box-shadow .3s var(--ease-out-quintic),transform .3s var(--ease-out-quintic);background-color:#fff;width:max(25vw,360px);max-width:60vw;padding:50px;text-decoration:none;position:relative}.slider-item .slider-image{text-align:center;justify-content:center;height:220px;min-height:220px;display:flex}.slider-item .slider-image img{object-fit:scale-down}.slider-item .slider_titel{z-index:2;margin-top:40px}.slider-item .slider-number{line-height:10px;font-family:var(--font-ff-more);opacity:.2;color:var(--color-leery-lemon);margin-top:-120px;font-size:150px;font-weight:500;position:absolute;right:40px}.slider-item .slider-text{margin-top:40px}.projects-holder{grid-column:2/-2;display:flex}.projects-holder--recent{flex-wrap:wrap;gap:40px 60px}@media (width<=991.98px){.projects-holder{row-gap:105px}}.projects-holder .projects-holder__title{grid-column:1/-1;justify-content:space-between;align-items:center;width:100%;display:flex}@media (width<=991.98px){.projects-holder .projects-holder__title{margin-bottom:0}}@media (width<=767.98px){.projects-holder .projects-holder__title{display:contents}.projects-holder .projects-holder__title .main-button,.projects-holder .projects-holder__title .wpcf7-submit{order:3}}.project-item{color:var(--color-dark-grey);flex:40ch}.project-item__thumb{overflow:hidden}.project-item__thumb img{transition:transform .5s var(--ease-out-circular);object-fit:contain;object-position:center;width:100%;height:auto}.project-item__title{margin-top:40px}.project-item:hover .project-item__thumb img{transform:scale(1.1)}body:before{content:"";background-color:var(--color-dark-grey);opacity:.8;z-index:999;opacity:0;transition:opacity .3s var(--ease-out-circular),display .3s var(--ease-out-circular)allow-discrete;display:none;position:fixed;inset:0}body.main-nav-open{overflow:hidden}body.main-nav-open:before{opacity:.8;display:block}@starting-style{body.main-nav-open:before{opacity:0}}.main-navigation{z-index:99999;box-sizing:border-box;background-color:var(--color-dark-grey);color:#fff;transition:translate .3s var(--ease-out-circular);min-width:50%;max-width:100vw;padding:50px clamp(30px,20vw - 4rem,200px);position:fixed;top:0;bottom:0;right:0;overflow:auto}.main-navigation[aria-hidden=true]{translate:100%}.main-navigation a{color:#fff}.main-navigation .notification p{max-width:400px}.main-navigation__menu{flex-direction:column;gap:15px;margin:60px 0 0;padding:0;list-style:none;display:flex}.main-navigation__menu a{font-size:3.125rem;font-family:var(--font-ff-more);padding:0;font-weight:500;position:relative}.main-navigation__menu a .count{background-color:var(--color-leery-lemon);color:var(--color-dark-grey);border-radius:50%;justify-content:center;align-items:center;width:40px;height:36px;padding-top:4px;font-size:1.25rem;display:flex;position:absolute;top:-22px;right:-55px}.main-navigation .main-address,.main-navigation .socials{margin-top:40px}[data-fade-icon]{position:relative}[data-fade-icon]:before{content:"";opacity:0;transition:transform .3s var(--ease-out-cubic),opacity .3s var(--ease-out-cubic);background:50% no-repeat;width:36px;height:36px;display:block;position:absolute;top:calc(50% - 18px);left:-56px}[data-fade-icon][data-fade-icon=location]:before{background-image:url(//www.yellowlemontree.nl/wp-content/themes/ylt-theme/assets/dist/location.d2c3d037.svg)}[data-fade-icon][data-fade-icon=mail]:before{background-image:url(//www.yellowlemontree.nl/wp-content/themes/ylt-theme/assets/dist/mail.9a0bf5ce.svg)}[data-fade-icon][data-fade-icon=phone]:before{background-image:url(//www.yellowlemontree.nl/wp-content/themes/ylt-theme/assets/dist/phone.6090d96b.svg)}[data-fade-icon]:hover:before{opacity:1;transform:translate(10px)}.notification-bar{background-color:var(--color-leery-lemon);color:var(--color-dark-grey);transition:margin-top .3s var(--ease-out-circular);padding:1rem 0}.notification-bar__container{grid-column:2/-2;justify-content:center;align-items:center;padding:0 2rem;display:flex;position:relative}.notification-bar__message{align-items:center;gap:1rem;display:flex}.notification-bar__close-btn{text-indent:-9999px;cursor:pointer;transition:rotate .3s var(--ease-out-circular);background:url(//www.yellowlemontree.nl/wp-content/themes/ylt-theme/assets/dist/cross.cfcc1a8d.svg) 50%/1rem no-repeat;border:0;border-radius:50%;width:32px;height:32px;position:absolute;right:0}.notification-bar__close-btn:hover{rotate:90deg}.content-block-holder{grid-template-columns:repeat(auto-fit,minmax(30ch,1fr));gap:60px 40px;display:grid}.content-block{color:var(--color-dark-grey);padding:40px;box-shadow:0 0 30px #00000029}.content-block__title{align-items:center;gap:10px;margin-bottom:0;font-size:2.125rem;display:flex}.content-block__content{margin-top:20px}.content-block__sub-content{z-index:0;background-color:var(--color-blended-light);margin:60px -40px -40px;padding:40px;position:relative}.content-block__sub-title{font-family:Lato,sans-serif;font-size:1.75rem}.content-block .line-arrow-link{margin-top:1rem}@media (width<=767.98px){.content-block{cursor:pointer}.content-block__title:before{content:"";transition:rotate .3s var(--ease-out-circular);background:url(//www.yellowlemontree.nl/wp-content/themes/ylt-theme/assets/dist/arrow-down.daf57538.svg) 50% no-repeat;border:1px solid #000;border-radius:50%;width:50px;height:50px;display:block}.content-block:has(.visible) .content-block__title:before{rotate:180deg}.content-block__content:not(.visible){height:0;margin-top:0;overflow:hidden}.content-block__sub-content{display:none}}.content-text-holder{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.content-text-holder>*{grid-column:content}.content-text-holder--highlighted{background-color:var(--color-sea-salt-sherbet);padding-top:30px;padding-bottom:80px}@media (width>=992px){.content-text-holder--highlighted{padding-top:90px}}@media (width>=1200px){.content-text-holder--highlighted{padding-top:150px}}.content-text-holder--highlighted:has(+.full-content-image){margin-bottom:0}.content-text-holder--full-content>*{grid-column:1/-1}.content-text-holder--full-content h2{margin-top:3rem}.content-text-holder:has(.slider){row-gap:15px}@media (width>=1200px){.content-text-holder:has(.slider) .content-text{grid-area:2/1/auto/span 3;grid-template-rows:1fr 100%}.content-text-holder:has(.slider) .content-text p{font-size:1.5rem}}.content-text-holder:has(.slider) .slider{grid-column:content/-1;margin-left:60px}@media (width<=1199.98px){.content-text-holder:has(.slider) .content-text,.content-text-holder:has(.slider) .slider{grid-column:2/-1}.content-text-holder:has(.slider) .slider{margin-left:0}}.content-text{grid-template-columns:subgrid;display:grid}.content-text>*{grid-column:content}@media (width>=992px){.content-text>*{grid-column:2/content}}.content-text>h2,.content-text__title{align-items:baseline;font-size:clamp(1.875rem,20vw - 8rem,3.75rem);display:grid}.content-text>p:first-of-type{font-size:clamp(1.5rem,10vw - 5rem,2.5rem);font-family:var(--font-ff-more)}@media (width<=767.98px){.content-text.clients .main-button,.content-text.clients .wpcf7-submit{margin-top:30px}}@media (width>=768px){.content-text.clients :not(.main-button):not(.wpcf7-submit):not(.content-text__title){grid-column:1/4}.content-text.clients .main-button,.content-text.clients .wpcf7-submit{grid-area:3/5/auto/-1}}@media (width>=992px){.content-text.clients :not(.main-button):not(.wpcf7-submit):not(.content-text__title){grid-column:2/5}.content-text.clients .main-button,.content-text.clients .wpcf7-submit{place-self:start end}}.main-content--numbered-titles{counter-reset:contentTitle}@media (width>=992px){.main-content--numbered-titles .content-text>*{grid-column:2/content}}.main-content--numbered-titles .content-text>h2,.main-content--numbered-titles .content-text .content-text__title{grid-column:content;grid-template-columns:1fr 5fr}@media (width<=991.98px){.main-content--numbered-titles .content-text>h2,.main-content--numbered-titles .content-text .content-text__title{gap:1rem;display:flex}}.main-content--numbered-titles .content-text>h2:before,.main-content--numbered-titles .content-text .content-text__title:before{counter-increment:contentTitle;content:counter(contentTitle,decimal-leading-zero);color:var(--color-mystic-magenta);font-size:clamp(3.75rem,20vw - 8rem,9.375rem);line-height:.8;font-family:var(--font-ff-more);font-weight:500}.team-members-holder{grid-column:1/-1;grid-template-columns:subgrid;grid-template-areas:inherit;display:grid;position:relative}.team-members-holder .team-members-container{grid-column:content;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 15px;display:grid}.team-members-holder .team-member{grid-row:span 5;grid-template-rows:subgrid;display:grid}.team-members-holder .team-member:before{content:"";background:var(--color-white-smoke);z-index:-1;width:100%;height:320px;display:block;position:absolute;left:0}@media (width>=768px){.team-members-holder .team-member__content{grid-template-rows:subgrid;grid-row:span 2;display:grid}}.team-member{padding-bottom:30px}.team-member__image{object-fit:contain;object-position:center bottom;width:auto;max-width:100%;height:290px;margin-top:30px;margin-bottom:30px}.team-member__name{margin-bottom:0;font-size:3.75rem}.team-member__function{margin-bottom:30px}.team-member__bio{margin-bottom:80px}.team-member__description{margin-bottom:0;font-size:1rem;font-style:italic}.team-member__description:before{content:"";background:var(--color-leery-lemon);width:40px;height:4px;margin-bottom:30px;display:block}@media (width<=767.98px){.team-member{cursor:pointer}.team-member:after{content:"";transition:rotate .3s var(--ease-out-circular);background:url(//www.yellowlemontree.nl/wp-content/themes/ylt-theme/assets/dist/arrow-down.daf57538.svg) 50% no-repeat;width:50px;height:50px;margin:auto;display:block}.team-member:has(.visible):after{rotate:180deg}.team-member__content:not(.visible){height:0;overflow:hidden}.team-member__image{justify-self:center}.team-member__name,.team-member__function{text-align:center}}.client-logos{background:var(--color-white-smoke);flex-wrap:wrap;padding:40px;display:flex}@media (width<=991.98px){.client-logos{grid-column:1/-1}.client-logos:last-of-type{margin-bottom:0}}.client-logos .client-logo{transition:scale .3s var(--ease-out-circular);flex:200px;justify-content:center;align-items:center;height:200px;display:flex}.client-logos .client-logo:is(a):hover{scale:1.05}.content-banner{text-align:center;background-color:var(--color-white-smoke);grid-column:1/-1;padding:8rem 15px;display:block}.content-banner__title{font-size:2.5rem}.content-banner--highlighted{background-color:var(--color-sea-salt-sherbet);font-size:1.5rem}.content-banner--highlighted .content-banner__title{color:var(--color-mystic-magenta);font-size:3.75rem}.content-banner p{max-width:50ch;margin-left:auto;margin-right:auto}.side-nav{counter-reset:title;box-sizing:border-box;background-color:#fff;grid-column:1;max-width:calc(50vw - 420px);padding:170px 65px 170px max(50vw - 800px,15px);font-size:1.5rem;position:absolute;top:0;left:0}.side-nav ol{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.side-nav li{position:relative}.side-nav li:before{content:"";background-color:var(--color-mystic-magenta);transform-origin:0;transition:scale .3s var(--ease-out-circular).3s;width:calc(max(50vw - 800px,15px) - 60px);height:4px;display:block;position:absolute;top:calc(50% - 2px);left:calc(-1*max(50vw - 800px,15px));scale:0 1}.side-nav li a{color:var(--color-dark-grey);align-items:baseline;gap:20px;display:flex}.side-nav li a:before{counter-increment:title;content:counter(title,decimal-leading-zero);font-family:var(--font-ff-more);font-size:1.875rem}.side-nav li.active:before{scale:1}@media (width<=1399.98px){.side-nav{padding:90px 60px 90px 90px}.side-nav li:before{width:60px;left:-90px}.side-nav li a{text-indent:-9999px;width:2rem;display:block;position:relative}.side-nav li a:before{text-indent:0;position:absolute;left:0}}.side-nav li.active a,.side-nav a:hover{color:var(--color-mystic-magenta)}.side-nav.sticky{position:fixed}@media (width<=991.98px){.side-nav{display:none}}.top-bar .top-bar__container{grid-column:2/-2;justify-content:space-between;align-items:center;height:90px;display:flex;position:relative}@media (width>=576px){.top-bar .top-bar__container{height:120px}}.top-bar .top-bar__nav-toggle{z-index:999999;text-indent:-9999px;border:0;border-color:var(--color-dark-grey);cursor:pointer;transition:height .3s var(--ease-out-circular),width .3s var(--ease-out-circular);background:0 0;border-style:solid;border-top-width:2px;border-bottom-width:2px;outline:0;width:30px;height:20px;display:block;position:relative}.top-bar .top-bar__nav-toggle:before,.top-bar .top-bar__nav-toggle:after{content:"";background-color:var(--color-dark-grey);height:2px;display:block;position:absolute;top:calc(50% - 1px);left:0;right:0}.top-bar .top-bar__nav-toggle:after{display:none}.top-bar .top-bar__nav-toggle:hover{height:24px}.top-bar .logo{width:300px;height:auto}@media (width<=575.98px){.top-bar .logo{display:none}}.top-bar .logo_mobile{width:30px;height:30px}@media (width>=576px){.top-bar .logo_mobile{display:none}}body.main-nav-open .top-bar__nav-toggle{border:1px solid #ffffff4d;border-radius:50%;width:60px;height:60px;position:absolute;right:0}body.main-nav-open .top-bar__nav-toggle:before,body.main-nav-open .top-bar__nav-toggle:after{transition:rotate .3s var(--ease-out-quartic);background-color:#fff;width:30px;display:block;left:calc(50% - 15px)}body.main-nav-open .top-bar__nav-toggle:before{rotate:45deg}body.main-nav-open .top-bar__nav-toggle:after{rotate:-45deg}body.main-nav-open .top-bar__nav-toggle:hover{height:60px}body.main-nav-open .top-bar__nav-toggle:hover:before{rotate:135deg}body.main-nav-open .top-bar__nav-toggle:hover:after{rotate:45deg}.kruimelpad{font-family:var(--font-ff-more);font-weight:500}.kruimelpad .page,.kruimelpad .archive{border-bottom:4px solid var(--color-leery-lemon);width:fit-content}.kruimelpad .scheiding{padding-left:20px;padding-right:20px}.wpcf7{grid-column:content;margin-top:3rem}@media (width>=992px){.wpcf7{grid-column:3/-3}}.wpcf7-text,.wpcf7-textarea{border:1px solid var(--color-dark-grey-50);box-sizing:border-box;font-size:inherit;border-radius:.25rem;outline:0;width:100%;margin-top:.5rem;padding:1rem}.wpcf7-text:focus,.wpcf7-textarea:focus{border-color:var(--color-mystic-magenta)}.submit-holder{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}@media (width>=768px){.submit-holder{justify-content:end}.submit-holder .wpcf7-submit{order:2}}.wpcf7-submit{cursor:pointer;background:0 0;border:0}.wpcf7-spinner{margin:0}.wpcf7 form .wpcf7-response-output{box-sizing:border-box;text-align:center;width:100%;margin:2rem 0 0;padding:.5rem}.clients-list{grid-column:1/-1;grid-template-columns:subgrid;background-color:var(--color-sea-salt-sherbet);padding-top:5rem;padding-bottom:2.5rem;display:grid}.clients-list:last-of-type{margin-bottom:0}.clients-list__title{text-align:center;grid-column:2/-2}.clients-list__slider{grid-column:1/-1;grid-template-columns:subgrid;gap:2rem 0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.clients-list__slide{grid-area:1/1/auto/-1;grid-template-columns:subgrid;transition:translate .8s var(--ease-out-quartic),opacity .8s var(--ease-out-quartic);opacity:0;display:grid;translate:-100%}.clients-list__slide.current{opacity:1;translate:0}.clients-list__slide.current~.clients-list__slide{translate:100%}.clients-list__content{grid-column:2/-2;justify-content:space-around;align-items:center;gap:6rem;padding:0 2rem;display:flex}@media (width<=991px){.clients-list__content{gap:2rem}}.clients-list__client img{width:100%;height:auto;display:block}.clients-list__navigation{grid-column:2/-2;justify-content:center;gap:.5rem;display:flex}.clients-list__navigation button{text-indent:-9999px;cursor:pointer;background:0;border:0;align-items:center;padding:10px 0;display:inline-flex;box-shadow:none!important;outline:0!important}.clients-list__navigation button:after{content:"";background-color:var(--color-dark-grey);opacity:.1;transition:width .3s var(--ease-out-quadratic),opacity .3s var(--ease-out-quadratic),background-color .3s var(--ease-out-quadratic);width:38px;height:4px;display:block}.clients-list__navigation button:hover:after{opacity:.5}.clients-list__navigation button.current:after{opacity:1;background-color:var(--color-mystic-magenta);width:50px}.error404 .main-header{margin-bottom:90px}body.home .content-text-holder--highlighted{padding-top:175px}body.home .content-text-holder--highlighted .content-text p{font-family:var(--font-lato)!important}@media (width<=991.98px){body.home .content-text-holder--highlighted{padding-top:30px}}body.home .main-header__title{--height:150px}@media (width<=991.98px){body.home .main-header__title:before{content:"";height:var(--height);shape-outside:circle(110px at 50% 100%);float:right;width:150px;display:block}}body.home .main-header__image{grid-column:6/-2;height:574px;position:relative}body.home .main-header__image img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;max-height:100%;mask:url(//www.yellowlemontree.nl/wp-content/themes/ylt-theme/assets/dist/logo-mask.e7554335.svg) 100% no-repeat}body.home .main-header__image:after{content:"";background:var(--color-leery-lemon);z-index:-1;width:100%;height:100%;display:block;position:absolute;top:-2%;left:-2%;mask:url(//www.yellowlemontree.nl/wp-content/themes/ylt-theme/assets/dist/logo-mask.e7554335.svg) 100% 0 no-repeat}@media (width<=991.98px){body.home .main-header__image{width:10rem;height:10rem;position:absolute;bottom:0;right:15px;translate:0 50%}}.single-onswerk .projects-holder,.post-type-archive-onswerk .projects-holder{grid-template-columns:subgrid;display:grid}.single-onswerk .project-item,.post-type-archive-onswerk .project-item{grid-column:1/-1}@media (width>=992px){.single-onswerk .project-item,.post-type-archive-onswerk .project-item{grid-template-columns:subgrid;display:grid}.single-onswerk .project-item__thumb,.post-type-archive-onswerk .project-item__thumb{grid-column-end:span 4;margin-right:30px}.single-onswerk .project-item__content,.post-type-archive-onswerk .project-item__content{grid-column:span 3;padding-left:90px}.single-onswerk .project-item__title,.post-type-archive-onswerk .project-item__title{margin-left:-40px}.single-onswerk .project-item__thumb,.single-onswerk .project-item__content,.post-type-archive-onswerk .project-item__thumb,.post-type-archive-onswerk .project-item__content{grid-row:1}}.post-type-archive-onswerk .projects-holder{row-gap:105px}@media (width>=1200px){.post-type-archive-onswerk .projects-holder,.post-type-archive-onswerk .more-work-list{grid-column-start:3}}@media (width>=768px){.post-type-archive-onswerk .project-item:nth-child(2n) .project-item__thumb{grid-column-start:-5;margin-left:30px;margin-right:0}.post-type-archive-onswerk .project-item:nth-child(2n) .project-item__content{padding-left:40px;padding-right:90px}}.single-onswerk .projects-holder{grid-column:content}@media (width<=991.98px){.single-onswerk .projects-holder{flex-wrap:wrap;display:flex}}.single-onswerk .project-item__thumb{grid-column:span 3}.more-work-list .three-column-content p{margin:0}.content-text__project-images{flex-wrap:wrap;grid-column:content;gap:80px;margin-top:90px;display:flex}.content-text__project-images img{max-width:100%;height:auto}.content-text__project-images--half img:not(:first-child){flex:max(300px,50% - 40px);width:100%}.client-quote{padding-top:40px;padding-left:50px;position:relative;grid-column-end:span 4!important}.client-quote__quote{font-size:2.5rem;font-family:var(--color-ff-more);line-height:1.6}.client-quote__name{margin:30px 0 0;font-size:1.75rem}.client-quote__function{margin:10px 0 0}.client-quote:before{content:"“";color:var(--color-mystic-magenta);font-size:4.375rem;font-family:var(--font-ff-more);position:absolute;top:0;left:0}body.page-template-over-ons .clients-list__title{display:none}body.page-template-over-ons .clients-list__content{grid-column:content}.quote {
text-align: center;
background-color: #fef4f8;
padding: 2rem 30px 1rem 30px;
display: block;
margin-top: 80px;
margin-bottom: 80px;
line-height: 80px;
}
@media screen and (max-width: 768px) {
.quote {
line-height: 40px;
}
.quote .content-banner__title {
font-size: 1.5rem;
}
}
.slider-box {
z-index: 999;
}
.slider-title {
font-size: 60px;
}
.dienst-contact-holder {
z-index: 999;
background-color: #FFF;
margin-top: -100px;
padding-top: 100px;
}
.wpcf7 {
grid-column: 3 / -3 !important;
}
.header-icon {
margin-top: 30px;
margin-bottom: -30px;
}
.header-icon img {
width: 116px;
height: 113px;
}