/*
Theme Name: De Koning
Author: Bart / maatwerk
Description: Verzorgde onepagewebsite met het originele blauw-gele bedrijfslogo. Rechtstreeks bewerkbaar in WordPress.
Version: 1.5.1
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: de-koning
License: GPL-2.0-or-later
*/
:root{--dk-navy:#102e52;--dk-yellow:#f2d328;--dk-ink:#233344;--dk-muted:#566574;--dk-paper:#f7f7f3;--dk-line:#d7dde1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--dk-paper);color:var(--dk-ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.8}a{text-underline-offset:.25em;color:var(--dk-navy)}a:focus-visible,button:focus-visible{outline:3px solid #9d8100;outline-offset:5px}.wp-site-blocks{padding:0}.wp-site-blocks>*,.wp-site-blocks>main,.wp-block-post-content>*{margin-block-start:0}.wp-site-blocks>main,.wp-site-blocks>main>.wp-block-post-content{max-width:none;width:100%}
.dk-shell{padding-inline:max(30px,calc((100vw - 1180px)/2))}.wp-block-post-content>.dk-shell,.editor-styles-wrapper .dk-shell{max-width:none!important;width:100%;margin-inline:0!important}.dk-shell>:not(.alignfull){max-width:1180px;margin-inline:auto}.dk-shell>.wp-block-columns{display:flex;flex-wrap:nowrap}.dk-shell .wp-block-column{min-width:0;flex:1 1 0}.dk-shell .wp-block-image img{max-width:100%}.dk-shell p,.dk-shell .wp-block-heading,.dk-shell .wp-block-button__link{hyphens:none;-webkit-hyphens:none;word-break:normal;overflow-wrap:normal}.dk-keep-word{white-space:nowrap}.dk-shell h1,.dk-shell h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.dk-shell h3{font-family:Arial,Helvetica,sans-serif}.dk-shell .wp-block-heading{overflow-wrap:normal}.dk-shell .wp-block-columns>.wp-block-column>:first-child{margin-top:0}
/* The original logo sits naturally on white. No recolouring, cropping or distortion. */
.dk-header{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:17px 20px;background:#fff;border-bottom:1px solid #e2e7eb;position:static!important;top:auto!important}.dk-header>*{margin:0!important;max-width:none}.dk-logo{margin:0}.dk-logo img{width:202px;height:auto;display:block;object-fit:contain}.dk-header .dk-nav{display:flex;align-items:center;flex-wrap:wrap;gap:32px}.dk-nav p{margin:0}.dk-nav a{font-size:14px;font-weight:600;text-decoration:none;color:var(--dk-navy);position:relative}.dk-nav a::after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--dk-yellow);transform:scaleX(0);transform-origin:left;transition:transform .3s}.dk-nav a:hover::after,.dk-nav a:focus-visible::after{transform:scaleX(1)}.dk-nav p:last-child a{display:inline-block;border:1px solid #c5cfd8;padding:11px 19px}.dk-nav p:last-child a::after{display:none}.wp-site-blocks>.wp-block-template-part:has(.dk-header),.admin-bar .wp-site-blocks>.wp-block-template-part:has(.dk-header){position:static!important;top:auto!important}
/* Editorial introduction, with a small accent drawn from the vehicle livery. */
.dk-hero{padding-block:68px 82px;background:var(--dk-paper);position:relative;isolation:isolate}.dk-hero-columns{align-items:center!important;gap:64px!important}.dk-hero-columns>.wp-block-column:first-child{flex-basis:52%!important;padding-inline:clamp(12px,2vw,28px) 6px}.dk-hero-columns>.wp-block-column:last-child{flex-basis:48%!important}.dk-kicker{font-family:Arial,Helvetica,sans-serif;font-size:11px!important;font-weight:700;line-height:1.6;letter-spacing:.17em;text-transform:uppercase;color:#516172}.dk-hero .dk-kicker::before{content:'';display:block;width:44px;height:3px;background:var(--dk-yellow);margin-bottom:24px}.dk-title{color:var(--dk-navy);font-family:Georgia,'Times New Roman',serif;font-weight:400!important;font-size:clamp(43px,4.8vw,66px)!important;letter-spacing:-.045em;line-height:1.12!important;margin-block:24px 28px;text-wrap:balance}.dk-intro{font-size:18px;line-height:1.85;color:var(--dk-muted);max-width:32em;margin-block:0 24px}.dk-hero .dk-muted{font-size:12px;letter-spacing:.03em;color:#62717e;margin-top:25px}.dk-hero .wp-block-buttons{display:flex;margin-top:30px}.dk-hero-art{position:relative;margin:0!important;overflow:hidden;box-shadow:12px 14px 0 -1px var(--dk-paper),12px 14px 0 0 #b9c4cf}.dk-hero-art img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:0;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.dk-hero-art:hover img{transform:scale(1.03)}.dk-hero-art::after{content:'';position:absolute;inset:12px;border:1px solid #ffffff66;pointer-events:none}
.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;max-width:100%;font:600 14px/1.5 Arial,Helvetica,sans-serif;padding:17px 24px;border-radius:0!important;background:var(--dk-navy);color:#fff;text-decoration:none;transition:transform .25s,box-shadow .25s}.dk-hero .wp-block-button__link{background:var(--dk-yellow);color:var(--dk-navy)}.wp-block-button__link:hover{transform:translateY(-3px);box-shadow:0 8px 20px #102e5220}.dk-hero .wp-block-button__link:hover{background:#e8ca20}
.dk-band{padding-block:20px;background:var(--dk-navy);border:none}.dk-band>div{display:flex;justify-content:space-between;gap:20px}.dk-band p{font-size:12px;font-weight:500;letter-spacing:.04em;color:#fff;margin:0}.dk-band p::before{content:'';display:inline-block;width:5px;height:5px;background:var(--dk-yellow);margin-right:12px;vertical-align:middle}
.dk-section{position:relative;isolation:isolate;padding-block:88px}.dk-heading{color:var(--dk-navy);font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3.6vw,45px)!important;font-weight:400!important;letter-spacing:-.035em;line-height:1.18!important;margin-block:18px 24px;text-wrap:balance}.dk-section>.dk-kicker::before{content:'';display:inline-block;width:27px;height:2px;background:#c9ad13;margin-right:12px;vertical-align:middle}.dk-services{gap:32px!important;margin-top:44px}.dk-service{padding:26px 22px 18px;background:#fff;border-top:2px solid var(--dk-navy);border-bottom:1px solid #e2e6e9;transition:transform .35s,border-color .35s}.dk-service:hover{transform:translateY(-5px);border-top-color:#d4b519}.dk-number{font-family:Georgia,'Times New Roman',serif;font-size:30px!important;font-weight:400;color:#8699aa;margin-bottom:14px}.dk-service h3{color:var(--dk-navy);font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.4}.dk-service p:not(.dk-number){font-size:16px;color:var(--dk-muted);line-height:1.85}.dk-section .wp-block-column>p{margin-block:0 22px}.dk-section .dk-service>p.dk-number{margin-bottom:14px}.has-sage-background-color{background:#edf0f2!important}.dk-about{gap:92px!important}.dk-about p{font-size:17px;color:#526170}.dk-about .dk-kicker{font-size:11px!important}.dk-note{border-left:3px solid #d6bb23;padding-left:24px;margin-top:30px}.dk-note p{font-family:Georgia,'Times New Roman',serif;font-size:21px;font-style:italic;line-height:1.6;color:#2c4359}.dk-step{border-top:1px solid #bfcbd4;padding-top:22px}.dk-step h3{color:var(--dk-navy);font-size:18px;font-weight:600;line-height:1.4}.dk-step p{font-size:16px;color:var(--dk-muted);line-height:1.85}.dk-section>.wp-block-columns:not(.dk-about){gap:32px}
.dk-contact{position:relative;isolation:isolate;background:var(--dk-navy)!important;padding-block:80px}.dk-contact .wp-block-columns{gap:70px}.dk-contact .dk-kicker{color:#f2d328!important}.dk-contact .dk-heading{color:white;font-size:clamp(39px,4vw,54px)!important}.dk-contact p{font-size:16px;color:#d8e2ea}.dk-contact .wp-block-button__link{background:#fff!important;color:var(--dk-navy)!important}.dk-contact a:not(.wp-block-button__link){color:#fff}.dk-contact a[href^="mailto:"]:not(.wp-block-button__link){overflow-wrap:anywhere;word-break:normal;hyphens:none}.dk-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;padding-block:27px}.dk-footer>*{margin:0!important}.dk-footer p{font-size:12px;color:#677886}.dk-footer a,.dk-footer strong{color:var(--dk-navy)}
/* Restrained architectural linework replaces the calligraphic flourishes. */
.dk-hero::before,.dk-contact::before{content:'';position:absolute;z-index:-1;pointer-events:none;width:min(570px,58vw);aspect-ratio:7/5;background:url('assets/ornament.svg') center/contain no-repeat;animation:dk-drift 20s ease-in-out infinite alternate}.dk-hero::before{left:-110px;bottom:15px;opacity:.12}.dk-contact::before{right:12px;bottom:5px;filter:brightness(0) invert(1);opacity:.1;animation-direction:alternate-reverse}.dk-hero::after{content:'';position:absolute;z-index:-1;pointer-events:none;width:190px;height:190px;border:1px solid #b7c8d650;border-radius:50%;left:37%;top:50px;animation:dk-orbit 24s linear infinite}.dk-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--dk-yellow);transform-origin:left;transform:scaleX(0);z-index:99999;pointer-events:none}.admin-bar .dk-progress{top:32px}.dk-back-top{position:fixed;right:24px;bottom:24px;z-index:60;width:46px;height:46px;border:1px solid #8fa5b9;background:var(--dk-navy);color:#fff;border-radius:50%;font-size:22px;cursor:pointer;box-shadow:0 5px 18px #102e5220}.dk-back-top[hidden]{display:none}.dk-motion-toggle{display:none!important}.dk-arrive{animation:dk-arrive .85s cubic-bezier(.2,.7,.2,1) both}.editor-styles-wrapper .dk-arrive,.editor-styles-wrapper .dk-hero::before,.editor-styles-wrapper .dk-contact::before,.editor-styles-wrapper .dk-hero::after{animation:none!important}@keyframes dk-arrive{from{opacity:.12;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes dk-drift{from{transform:translate(0,0)}to{transform:translate(12px,-8px)}}@keyframes dk-orbit{from{transform:rotate(0deg) translateX(7px) rotate(0deg)}to{transform:rotate(360deg) translateX(7px) rotate(-360deg)}}
@media(max-width:781px){.dk-shell{padding-inline:28px}.dk-shell>.wp-block-columns{display:block}.dk-shell .wp-block-column{margin:0}.dk-shell .wp-block-column+.wp-block-column{margin-top:32px}.dk-header{flex-wrap:wrap;gap:17px;padding-block:16px 20px}.dk-logo img{width:180px}.dk-header .dk-nav{width:100%;justify-content:space-between;gap:12px!important}.dk-nav a{font-size:13px}.dk-nav p:last-child a{padding:8px 12px}.dk-hero{padding-block:38px 50px}.dk-hero-columns{gap:30px!important}.dk-hero-columns>.wp-block-column:first-child{padding-inline:10px}.dk-title{font-size:44px!important}.dk-hero-art img{aspect-ratio:5/4;object-position:center 50%}.dk-hero-art{box-shadow:7px 8px 0 -1px var(--dk-paper),7px 8px 0 0 #b9c4cf}.dk-section{padding-block:55px}.dk-heading{font-size:34px!important}.dk-services{gap:28px!important}.dk-band>div{flex-wrap:wrap;gap:12px}.dk-band p{font-size:11px}.dk-about{gap:28px!important}.dk-contact{padding-block:52px}.dk-contact .wp-block-column+.wp-block-column{margin-top:26px}.dk-footer{flex-wrap:wrap;align-items:start}.dk-hero::before{width:330px;left:-140px;opacity:.09}.dk-contact::before{width:330px;opacity:.08}.dk-hero::after{width:130px;height:130px;left:auto;right:18px;top:20px}.dk-back-top{right:16px;bottom:16px}.admin-bar .dk-progress{top:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dk-arrive,.dk-hero::before,.dk-contact::before,.dk-hero::after{animation:none!important}.dk-hero-art img,.dk-service,.wp-block-button__link,.dk-nav a::after{transition:none!important}.dk-hero-art:hover img,.dk-service:hover,.wp-block-button__link:hover{transform:none!important}}