/* v1.5.8: locally hosted Roboto */
@font-face{font-family:'Roboto';src:url('assets/fonts/roboto-regular.woff2') format('woff2');font-style:normal;font-weight:300 500;font-display:swap}
@font-face{font-family:'Roboto';src:url('assets/fonts/roboto-bold.woff2') format('woff2');font-style:normal;font-weight:600 700;font-display:swap}
/*
Theme Name: ATUFS
Theme URI: https://atufs.nl/
Author: ATUFS
Description: Maatwerk WordPress one-page theme voor Andre Toonen - Uw Financiele Sparringpartner.
Version: 1.5.8
Text Domain: atufs
*/
:root{--turquoise:#00B1B3;--petrol:#025269;--dark:#1d3353;--text:#004249;--light:#f2f4f8;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Roboto,Arial,sans-serif;color:var(--text);background:#fff}a{color:inherit}.wrap{width:min(1380px,calc(100% - 40px));margin:auto}.wrap.medium{width:min(1100px,calc(100% - 40px))}.wrap.small{width:min(700px,calc(100% - 40px))}.site-header{position:fixed;z-index:1000;top:0;left:0;width:100%;background:#fff;box-shadow:0 0 10px #0003}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{display:block;width:280px;max-width:100%;height:auto}.nav-wrap{display:flex;align-items:center;gap:20px}.nav{display:flex;list-style:none;margin:0;padding:0}.nav a{display:block;padding:12px 15px;text-decoration:none;font-size:18px;color:var(--dark)}.nav a:hover{background:var(--light)}.btn{display:inline-block;border:1px solid var(--petrol);background:var(--petrol);color:#fff;padding:14px 28px;text-decoration:none;font-size:17px;font-weight:500}.btn:hover{background:#014256}.social{width:43px;height:43px;display:inline-grid;place-items:center;background:var(--light);color:var(--petrol);text-decoration:none;font-weight:700}.menu-toggle{display:none;border:0;background:transparent;font-size:30px;color:var(--dark)}main{padding-top:100px}.hero{min-height:700px;background:var(--turquoise) url('assets/images/pasfoto.png') no-repeat bottom right/33% auto;display:flex;align-items:center;position:relative;overflow:hidden}.hero-inner{width:48%;text-align:center}.hero-logo{width:min(520px,100%);height:auto}.hero .btn{margin-top:30px}.section{padding:120px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section h1,.section h2{font-size:22px;line-height:1.5;margin:0 0 20px;font-weight:600}.section p{font-size:18px;line-height:1.9;margin:0}.portrait{width:60%;aspect-ratio:1;border-radius:50%;object-fit:cover;display:block;margin:auto;border:20px solid #eee}.portrait.placeholder{background:linear-gradient(145deg,var(--turquoise),var(--petrol));display:grid;place-items:center;color:white;text-align:center;padding:25px}.services{background:var(--turquoise);color:#fff;text-align:center}.service-icon{width:110px;height:auto;padding:18px;border:16px solid #ffffff99}.review{margin-top:60px;padding:50px;background:#ffffffcc;color:var(--dark)}.stars{color:#ed9a08;font-size:24px;letter-spacing:6px;margin:0 0 12px}.contact-card{background:var(--light);padding:45px}.direct{margin-top:30px;background:#fff;padding:25px;box-shadow:0 0 6px #0002}.direct a{text-decoration:none;font-size:18px;font-weight:600}.site-footer{text-align:center}.footer-logo{width:280px;max-width:80%;margin:50px auto 0}.footer-bottom{background:var(--light);margin-top:40px;padding:60px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;text-align:left;font-size:18px;line-height:1.8}.notice{background:#fff8d8;border-left:4px solid #dca900;padding:15px;margin-top:20px;line-height:1.6}.shape{height:80px;background:linear-gradient(175deg,var(--turquoise) 49%,#fff 50%)}
@media(max-width:930px){.header-inner{height:62px}.brand img{width:170px}.menu-toggle{display:block}.nav-wrap{position:absolute;top:62px;left:0;width:100%;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:0 20px 20px}.nav-wrap.open{display:flex}.nav{flex-direction:column}.nav a{font-size:15px;border-bottom:1px solid #eee}.nav-wrap .btn{align-self:flex-start}.social{position:absolute;right:70px;top:-52px}main{padding-top:62px}.hero{min-height:650px;background-size:55% auto;background-position:bottom right}.hero-inner{width:100%;padding-bottom:300px}.hero-logo{width:min(480px,90%)}.section{padding:75px 0}.two-col{grid-template-columns:1fr;gap:35px}.portrait{width:min(420px,80%)}.footer-grid{grid-template-columns:1fr;text-align:center}}
@media(max-width:600px){.hero{min-height:600px;background-size:75% auto}.hero-inner{padding-bottom:300px}.section p{font-size:16px;line-height:1.75}.contact-card{padding:28px}.review{padding:30px}}

.nav a.active{color:var(--turquoise);font-weight:600}

/* v1.3 staging refinements */
@media (min-width:931px){
.wrap{width:min(1320px,calc(100% - 72px))}.header-inner{height:94px}.brand img{width:330px}main{padding-top:94px}.hero{min-height:680px;background-size:36% auto;background-position:right bottom}.hero-inner{width:52%;text-align:left;padding-left:70px}.hero-logo{width:min(620px,100%);height:auto}.hero .btn{margin-left:135px;margin-top:26px}.section{padding:105px 0}.section h1,.section h2{font-size:25px;line-height:1.45}.section p{font-size:18px;line-height:1.85}.two-col{gap:95px}}
@media (min-width:1450px){.wrap{width:min(1420px,calc(100% - 110px))}.hero-inner{padding-left:90px}}


/* v1.4 visual polish based on staging review */
@media (min-width:931px){
  .nav a{font-size:19px}
  .hero-inner{width:50%;padding-left:40px;display:flex;flex-direction:column;align-items:center;text-align:center}
  .hero-logo{width:min(555px,100%)}
  .hero .btn{margin:24px 0 0}
  #over-ons.section{padding-top:65px}
  #over-ons .two-col{grid-template-columns:.9fr 1.1fr;gap:72px}
  #over-ons .portrait{width:58%}
}
@media (min-width:1450px){
  .hero-inner{padding-left:30px}
  #over-ons .wrap{width:min(1320px,calc(100% - 110px))}
}


/* v1.5 lower-page redesign */
.services{padding:85px 0 95px}
.services .wrap.small{width:min(900px,calc(100% - 40px))}
.services .service-icon{width:86px;padding:14px;border-width:12px}
.services h2{margin-top:15px}
.services>div>p{max-width:880px;margin:0 auto;font-size:18px;line-height:1.8}
.review{max-width:700px;margin:48px auto 0;padding:38px 46px;border-radius:3px;background:#fff;color:var(--dark);box-shadow:0 10px 35px #003b4924}
.review .review-stars{color:#eda208;font-size:24px;letter-spacing:5px;margin:0 0 10px}
.review .review-avatar{width:76px;height:76px;border-radius:50%;object-fit:cover;margin:0 auto 14px;display:block}
.review h2{margin-bottom:10px}
.review p{font-size:17px;line-height:1.7}
#contact.section{padding:90px 0 80px}
#contact .wrap.medium{width:min(1050px,calc(100% - 40px));gap:70px}
#contact .contact-card{padding:42px;background:#eef2f7;box-shadow:0 12px 30px #1d335312}
#contact .direct{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border-left:4px solid var(--turquoise)}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.contact-actions .btn{margin:0!important}
.site-footer{background:var(--light);padding:64px 0 0}
.site-footer .footer-logo{width:250px;margin:0 auto 35px}
.site-footer .footer-bottom{margin:0;padding:36px 0 46px;background:transparent;border-top:1px solid #dfe5eb}
.site-footer .footer-grid{width:min(720px,calc(100% - 40px));grid-template-columns:1fr 1fr;align-items:start}
@media(max-width:930px){.services{padding:70px 0}.review{padding:32px 25px}#contact.section{padding:70px 0}.site-footer{padding-top:50px}.site-footer .footer-grid{grid-template-columns:1fr}.contact-actions{flex-direction:column}.contact-actions .btn{text-align:center}}

/* v1.5.1: only the two approved contact improvements */
.direct-person{display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:center}
.direct-person img{width:62px;height:62px;object-fit:cover;border-radius:50%;border:4px solid #eef2f7}
.direct-person a{font-size:16px}
@media(max-width:930px){.direct-person{grid-template-columns:54px 1fr}.direct-person img{width:54px;height:54px}}

/* v1.5.2: hide duplicate title on Privacyverklaring ATUFS (page ID 3) */
.page-id-3 .section > .wrap > h1{display:none}

/* v1.5.3: Forminator contact form #15 */
.atufs-forminator{margin:20px 0 26px}
.atufs-forminator .forminator-ui.forminator-custom-form{margin:0!important}
.atufs-forminator .forminator-label{color:var(--dark)!important;font-weight:600!important;font-size:15px!important}
.atufs-forminator input:not([type="checkbox"]):not([type="radio"]),.atufs-forminator textarea,.atufs-forminator select{background:#fff!important;border:1px solid #cfd8df!important;border-radius:2px!important;color:var(--text)!important;box-shadow:none!important}
.atufs-forminator input:focus,.atufs-forminator textarea:focus,.atufs-forminator select:focus{border-color:var(--turquoise)!important;box-shadow:0 0 0 2px rgba(0,177,179,.12)!important}
.atufs-forminator .forminator-button-submit{background:var(--petrol)!important;color:#fff!important;border:1px solid var(--petrol)!important;border-radius:0!important;padding:14px 28px!important;font-size:17px!important;font-weight:500!important;box-shadow:none!important}
.atufs-forminator .forminator-button-submit:hover{background:#014256!important}
.atufs-forminator .forminator-checkbox-label,.atufs-forminator .forminator-description{color:var(--text)!important;font-size:14px!important;line-height:1.5!important}
.atufs-forminator .forminator-response-message{border-radius:2px!important}
.atufs-forminator .cf-turnstile{margin:8px 0 18px}
@media(max-width:930px){.atufs-forminator .forminator-button-submit{width:100%!important}.atufs-forminator{margin-bottom:22px}}


/* v1.5.4: contact section stacked vertically */
#contact .contact-stack{width:min(900px,calc(100% - 40px));display:flex;flex-direction:column;gap:52px;align-items:center}
#contact .contact-intro{width:min(760px,100%);text-align:center}
#contact .contact-intro h2{max-width:680px;margin-left:auto;margin-right:auto}
#contact .contact-intro p{max-width:720px;margin-left:auto;margin-right:auto}
#contact .contact-intro .contact-actions{justify-content:center}
#contact .contact-card-wide{width:min(700px,100%);padding:48px}
#contact .contact-card-wide>h2{text-align:center;margin-bottom:26px}
#contact .contact-card-wide .direct{margin-top:30px}
#contact .contact-actions-center{justify-content:center;margin-top:18px}
#contact .atufs-forminator{width:100%}
@media(max-width:930px){#contact .contact-stack{gap:36px}#contact .contact-card-wide{padding:30px 24px}#contact .contact-intro{text-align:left}#contact .contact-intro .contact-actions{justify-content:flex-start}#contact .contact-actions-center .btn{width:100%}}

/* v1.5.5: contact spacing and width refinements */
#contact.section{padding-top:55px}
#contact .contact-stack{gap:34px}
#contact .contact-card-wide{width:min(760px,100%)}
@media(max-width:930px){#contact.section{padding-top:50px}#contact .contact-stack{gap:30px}}

/* v1.5.6: full-width Forminator submit button */
.atufs-forminator .forminator-button-submit{
    width:100%!important;
    display:block!important;
}

/* v1.5.7: optimized responsive LCP hero image */
.hero{
    background-image:url('assets/images/pasfoto-hero.webp');
}
@media(max-width:930px){
    .hero{background-image:url('assets/images/pasfoto-hero-mobile.webp');}
}