/*
Theme Name: Ambition4Clients — Klantrelaties die werken
Theme URI: https://ambition4clients.nl/
Author: Ambition4Clients
Description: Conversion-first B2B theme for Ambition4Clients.
Version: 1.0.6
WPVibe: yes
*/
.skip-link { background:var(--color-coral); color:var(--color-ink); left:1rem; padding:.75rem 1rem; position:absolute; top:-100px; z-index:100; }.skip-link:focus { top:1rem; }
.container { margin-inline:auto; width:min(calc(100% - 3rem),1240px); }
.site-header { background:var(--color-white); border-bottom:0; color:var(--color-ink); position:relative; z-index:10; }.site-header__inner { align-items:center; display:flex; justify-content:space-between; min-height:82px; }.brand { align-items:center; display:inline-flex; text-decoration:none; }.brand__logo-wrap { display:block; height:78px; overflow:hidden; position:relative; width:160px; }
.brand__logo { display:block; height:auto; left:-8px; max-width:none; position:absolute; top:-7px; width:160px; }
.brand--footer .brand__logo-wrap { height:auto; overflow:visible; width:auto; }
.brand--footer .brand__logo--footer { background:transparent; height:auto; left:auto; max-width:180px; padding:0; position:static; top:auto; width:180px; }.site-nav { align-items:center; display:flex; gap:1.8rem; }.site-nav a { color:var(--color-ink); font-size:.9rem; font-weight:700; text-decoration:none; }.site-nav a:hover { color:var(--color-teal); }.site-nav__cta { background:var(--color-ink); color:var(--color-white) !important; padding:.7rem 1rem; }.site-nav__cta:hover { background:var(--color-teal); color:var(--color-ink) !important; }
.site-footer { background:var(--color-ink); color:var(--color-white); padding-top:4rem; }.site-footer__top { display:grid; gap:3rem; grid-template-columns:1.4fr 1fr 1fr; padding-bottom:4rem; }.brand--footer { margin-bottom:1.2rem; }.site-footer__top p { color:#a9c2c3; font-size:.95rem; }.footer-label { color:var(--color-teal) !important; font-size:.75rem !important; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }.footer-contact { color:var(--color-white); display:block; margin-bottom:.3rem; text-decoration:none; }.site-footer__bottom { border-top:1px solid rgba(255,255,255,.16); color:#91abad; display:flex; font-size:.78rem; gap:2rem; justify-content:space-between; padding:1.2rem 0; }.site-footer__bottom a { color:var(--color-white); text-decoration:none; }
@media (max-width:850px) { .site-header__inner { align-items:center; flex-direction:row; gap:0; padding-block:0; }.site-nav { flex-wrap:nowrap; gap:.8rem; }.site-footer__top { grid-template-columns:1fr 1fr; }.site-footer__bottom { align-items:flex-start; flex-direction:column; gap:.5rem; } }
@media (max-width:520px) { .container { width:calc(100% - 2rem); }.brand__logo-wrap { height:62px; width:140px; }.brand__logo { left:-6px; top:-6px; width:127px; }.hero__visual { width:100%; }.site-footer__top { grid-template-columns:1fr; } }