/*
Theme Name: 3Tops Consultancy
Description: Een persoonlijk, modern block-thema in donkerblauw en turquoise.
Version: 1.3.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: threetops
License: GPL-2.0-or-later
*/
:root{--navy:#082849;--teal:#009eaa;--ink:#142e45;--muted:#516476}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid #009eaa;outline-offset:5px}.wp-site-blocks{padding:0}.shell{max-width:1180px;margin:auto!important;padding-left:28px;padding-right:28px}.site-header{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #e1e9ef}.brand img{display:block;width:245px;height:auto}.site-header .wp-block-navigation{font-size:14px;font-weight:600}.hero{padding-top:100px;padding-bottom:105px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px!important;font-weight:700;color:#087b85}.hero h1{font-size:clamp(42px,5.6vw,76px);line-height:1.06;letter-spacing:-.055em;max-width:820px;margin:22px 0 28px}.hero .intro{max-width:590px;font-size:20px;line-height:1.7;color:var(--muted)}.hero .wp-block-buttons{margin-top:32px}.hero-visual{min-height:340px;display:flex;align-items:center;justify-content:center;background:#eaf4f5;border:1px solid #c8dfe2;clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%);padding:35px}.hero-visual img{width:100%;height:auto}.intro-band{background:var(--navy);color:white;padding:32px 0}.intro-band p{margin:0}.section{padding-top:84px;padding-bottom:84px}.section h2{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-.035em;margin:14px 0 24px}.section-intro{max-width:610px;color:var(--muted)}.service-grid{gap:30px;margin-top:45px}.service{padding:28px 0;border-top:2px solid #009eaa}.service h3{font-size:24px;letter-spacing:-.025em}.service p{color:var(--muted);line-height:1.75}.number{font-family:monospace;color:#087b85;font-size:14px}.about{background:#f1f5f7}.about p{line-height:1.8}.principle{border-bottom:1px solid #cfdae1;padding:20px 0}.principle h3{margin:0 0 8px;font-size:21px}.principle p{margin:0;color:var(--muted)}.steps{gap:38px;margin-top:44px}.steps h3{font-size:23px}.steps p{color:var(--muted)}.contact-wrap{background:var(--navy);color:white;padding:65px 55px;clip-path:polygon(0 0,96% 0,100% 12%,100% 100%,0 100%)}.contact-wrap h2{max-width:700px;margin-top:0}.contact-wrap p{color:#d7e5ee;max-width:650px}.contact-wrap a{color:#8ce3e7}.site-footer{padding-top:30px;padding-bottom:30px;border-top:1px solid #dbe5eb;color:var(--muted);font-size:13px}.wp-block-button__link{border-radius:3px!important;font-weight:650;padding:15px 24px!important}.wp-block-button.is-style-outline .wp-block-button__link{border:1px solid #acbdc9!important;color:var(--navy)!important;background:transparent!important}section[id]{scroll-margin-top:30px}.wp-block-post-content{line-height:1.8}.wp-block-query-title{font-size:40px}@media(max-width:781px){.shell{padding-left:22px;padding-right:22px}.hero{padding-top:55px;padding-bottom:55px}.hero-visual{min-height:220px;max-width:450px}.section{padding-top:58px;padding-bottom:58px}.service-grid,.steps{gap:12px}.contact-wrap{padding:38px 25px}.brand img{width:200px}.site-header{gap:16px}.hero h1{letter-spacing:-.04em}.intro-band .wp-block-columns{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.server-banner{background:linear-gradient(90deg,rgba(5,28,51,.94),rgba(5,28,51,.45)),url(assets/source-6.jpg) center/cover;color:white}.server-banner .intro{color:#e0eaf0}.server-banner .eyebrow{color:#7edfe2}.server-banner .hero{padding-top:125px;padding-bottom:115px}.server-banner .is-style-outline .wp-block-button__link{color:white!important;border-color:#a5c5d1!important}.source-row .wp-block-columns{align-items:center}.source-row img{width:100%;height:auto;border-radius:5px}.more-link{padding-bottom:55px}.page-title{padding-top:45px;padding-bottom:30px;border-bottom:1px solid #d6e3e9}.page-title h1{font-size:48px}.service img{width:100%;height:210px;object-fit:cover}.site-footer{background:#f1f5f7}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #a9bdc9;padding:12px;font:inherit;border-radius:3px}.contact-form label{display:block;font-weight:600;margin-bottom:5px}.contact-form button{background:#082849;color:white;padding:14px 24px;border:0;font:inherit;cursor:pointer}.trap{position:absolute;left:-9999px}.brand img{height:75px;object-fit:cover}.service-grid .wp-block-button__link{font-size:14px}.site-footer a{overflow-wrap:anywhere}

.service-grid{align-items:stretch!important}.service-grid>.wp-block-column{display:flex;flex-direction:column}.service-grid .service{display:flex;flex-direction:column;width:100%;height:540px;padding:24px 0}.service-grid .service figure{flex:none;margin:0}.service-grid .service img{display:block;height:210px;object-fit:cover}.service-grid .service h3{font-size:23px;line-height:1.3;margin:22px 0}.service-grid .service .wp-block-buttons{margin-top:auto;padding-top:12px}.service-detail{max-width:920px}.service-detail h1{font-size:clamp(34px,4vw,54px);line-height:1.15}.service-detail h2{font-size:30px;margin-top:48px}.service-detail h3{font-size:23px;margin-top:32px}.service-detail p,.service-detail li{line-height:1.8}.service-detail figure{margin:32px 0}.service-detail img{width:100%;max-height:450px;object-fit:contain}.service-detail .wp-block-buttons{margin-top:28px}@media(max-width:781px){.service-grid .service{height:auto;min-height:450px}.service-grid .service h3{min-height:0}}

/* Dienstpagina’s 1.3 */
.service-hero{background:#082849;color:#fff;padding:56px 0 65px;position:relative;border-bottom:6px solid #009eaa}.service-hero-columns{align-items:center!important;gap:60px!important}.service-hero h1{font-size:clamp(38px,4.4vw,62px);letter-spacing:-.045em;line-height:1.08;margin:20px 0 24px}.service-hero .service-lead{font-size:21px;color:#d5e6ed;line-height:1.6;max-width:580px}.service-kicker{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:#087b85}.service-hero .service-kicker,.service-cta .service-kicker{color:#80dfe3}.service-breadcrumb{font-size:13px;color:#bfd5e0;margin-bottom:42px}.service-breadcrumb a{color:#b4edf0}.service-hero figure{margin:0}.service-hero img{display:block;width:100%;height:390px;object-fit:cover;border-radius:4px 4px 65px 4px;box-shadow:18px 18px 0 #006e7c}.service-hero .wp-block-buttons{margin-top:30px}.service-hero .wp-block-button__link{background:#009eaa;color:#fff;border:1px solid #37bec7}.service-overview{padding-top:70px;padding-bottom:70px}.service-overview .wp-block-columns{gap:65px}.service-overview h2{font-size:34px;line-height:1.2;letter-spacing:-.025em}.service-overview-text{font-size:19px;color:#516476;line-height:1.85}.service-story-band.is-tinted{background:#edf5f6}.service-story-band.is-white{background:#fff}.service-story{padding-top:65px;padding-bottom:65px}.service-story-columns{gap:75px!important;align-items:flex-start!important}.service-story-columns>.wp-block-column:first-child{flex-basis:38%!important;flex-grow:0}.service-story-columns>.wp-block-column:last-child{flex-basis:62%!important}.service-section-number{font-family:monospace;font-size:16px;color:#087b85;border-top:2px solid #009eaa;padding-top:15px;margin-bottom:20px;width:65px}.service-story h2{font-size:31px;line-height:1.2;letter-spacing:-.025em;margin-top:0}.service-story p,.service-story li{line-height:1.85}.service-story li{padding-bottom:12px}.service-story figure{margin:28px 0 0}.service-story img{width:100%;height:auto;border-radius:5px;border:1px solid #c7dde3}.service-gallery-wrap{padding-top:65px;padding-bottom:65px}.service-gallery img{width:100%;height:250px;object-fit:contain;background:#edf5f6;border-radius:5px;padding:10px}.service-cta{background:#082849;color:#fff;padding:65px 0;border-top:5px solid #009eaa}.service-cta-columns{align-items:center!important;gap:50px!important}.service-cta-columns>.wp-block-column:first-child{flex-basis:70%!important}.service-cta h2{font-size:clamp(30px,3.3vw,44px);line-height:1.2;margin:12px 0 20px;letter-spacing:-.03em}.service-cta p{color:#d5e6ed}.service-cta .wp-block-button__link{background:#009eaa;color:white;white-space:nowrap}@media(max-width:781px){.service-hero{padding:32px 0 48px}.service-hero-columns{gap:35px!important}.service-hero img{height:250px;box-shadow:10px 10px 0 #006e7c}.service-breadcrumb{margin-bottom:28px}.service-overview,.service-story,.service-gallery-wrap{padding-top:42px;padding-bottom:42px}.service-overview .wp-block-columns,.service-story-columns{gap:22px!important}.service-hero .service-lead{font-size:19px}.service-story h2{font-size:28px}.service-cta{padding:45px 0}.service-cta-columns{gap:22px!important}}