/* ==========================================================================
   FAG Advies – theme styles (Hello Elementor child)
   Colors: navy #003674 · yellow #FFE716 · cream #FFFDE9
   ========================================================================== */

@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ubuntu-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Ubuntu;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ubuntu-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/ubuntu-latin-700-normal.woff2) format("woff2")}

:root{
	--fag-navy:#003674;--fag-navy-2:#0a2f5c;--fag-yellow:#FFE716;--fag-yellow-2:#FFF27A;
	--fag-cream:#FFFDE9;--fag-ink:#0B2A55;--fag-muted:#5B6B82;--fag-line:#E7E3C4;--fag-r:14px;
	--fag-shadow:0 16px 34px rgba(0,54,116,.12)
}
body{font-family:Ubuntu,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--fag-ink);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
body a{color:var(--fag-navy)}
h1,h2,h3,h4,h5,h6{font-family:Ubuntu,system-ui,sans-serif;font-weight:700;line-height:1.2;color:var(--fag-navy)}
.fag-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.fag-ico{flex:none}

/* ---------- Buttons (shared) ---------- */
.fag-button,
.elementor .fag-btn .elementor-button,
.elementor .fag-form .elementor-field-type-submit .elementor-button{
	display:inline-flex;align-items:center;gap:8px;background:var(--fag-yellow);color:var(--fag-navy);
	font-family:Ubuntu,sans-serif;font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;
	text-decoration:none;padding:13px 26px;border-radius:99px;border:0;line-height:1.2;transition:background .2s,transform .2s,color .2s,box-shadow .2s;fill:currentColor
}
.fag-button:hover,
.elementor .fag-btn .elementor-button:hover,
.elementor .fag-form .elementor-field-type-submit .elementor-button:hover{background:var(--fag-yellow-2);color:var(--fag-navy);transform:translateY(-1px)}
.elementor .fag-btn--navy .elementor-button{background:var(--fag-navy);color:#fff}
.elementor .fag-btn--navy .elementor-button:hover{background:var(--fag-navy-2);color:#fff}
.elementor .fag-btn--white .elementor-button{background:#fff;color:var(--fag-navy)}
.elementor .fag-btn--white .elementor-button:hover{background:var(--fag-cream)}
.elementor .fag-btn--ghost .elementor-button{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.elementor .fag-btn--ghost .elementor-button:hover{background:transparent;color:var(--fag-yellow);box-shadow:inset 0 0 0 2px var(--fag-yellow)}
.elementor .fag-btnrow{gap:12px!important;--gap:12px}
.elementor .fag-btnrow > .elementor-widget{width:auto!important;flex:none}

/* ---------- Top bar + toggle ---------- */
.fag-topbar{background:var(--fag-navy);color:#fff;font-size:13.5px}
.fag-topbar .fag-wrap{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:16px}
.fag-toggle{display:inline-flex;background:rgba(255,255,255,.12);border-radius:99px;padding:3px}
.fag-toggle a{padding:5px 16px;border-radius:99px;text-decoration:none;font-weight:700;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:#fff;transition:background .2s,color .2s}
.fag-toggle a:hover{color:var(--fag-yellow)}
.fag-toggle a.is-active{background:var(--fag-yellow);color:var(--fag-navy)}
.fag-topbar__meta{display:flex;gap:22px}
.fag-topbar__meta a{display:inline-flex;gap:7px;align-items:center;color:#fff;text-decoration:none;opacity:.92}
.fag-topbar__meta a:hover{opacity:1;color:var(--fag-yellow)}

/* ---------- Header ---------- */
.fag-header{background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 rgba(0,54,116,.08)}
body.admin-bar .fag-header{top:32px}
.fag-header .fag-wrap{display:flex;align-items:center;gap:24px;min-height:88px}
.fag-header__logo{display:inline-flex;flex:none}
.fag-logo{width:92px;height:auto;display:block}
.fag-header__nav{margin-left:auto}
.fag-nav{display:flex;gap:4px;list-style:none;margin:0;padding:0;align-items:center}
.fag-nav>li{position:relative}
.fag-nav>li>a{display:block;padding:10px 14px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:var(--fag-navy);position:relative}
.fag-nav>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:3px;border-radius:3px;background:var(--fag-yellow);transform:scaleX(0);transition:transform .2s}
.fag-nav>li>a:hover::after,.fag-nav>li.current-menu-item>a::after,.fag-nav>li.current-menu-ancestor>a::after,.fag-nav>li.current-page-ancestor>a::after{transform:scaleX(1)}
.fag-nav .sub-menu{position:absolute;top:100%;left:0;min-width:270px;background:#fff;border-radius:12px;box-shadow:0 18px 40px rgba(0,30,70,.16);padding:10px;margin:0;list-style:none;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s;z-index:10}
.fag-nav>li:hover>.sub-menu,.fag-nav>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.fag-nav .sub-menu a{display:block;padding:9px 12px;border-radius:8px;text-decoration:none;font-size:15px;color:var(--fag-navy)}
.fag-nav .sub-menu a:hover,.fag-nav .sub-menu .current-menu-item>a{background:var(--fag-cream)}
.fag-header__li{color:var(--fag-navy);display:inline-flex}
.fag-burger{display:none;margin-left:auto;background:none;border:0;color:var(--fag-navy);cursor:pointer;padding:6px}
.fag-burger:hover,.fag-burger:focus{background:none;color:var(--fag-navy)}
.fag-header__mobile-extra{display:none}
.fag-nav-empty{margin:0;font-size:13px;color:#b00}
.fag-subtoggle{display:none}

/* ---------- Footer ---------- */
.fag-footer{background:#fff;padding:64px 0 0;font-size:14px;border-top:1px solid #eee}
.fag-footer__cols{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px}
.fag-footer .fag-logo{width:96px;margin-bottom:14px}
.fag-footer address{font-style:normal;color:var(--fag-muted);line-height:1.7}
.fag-footer address strong{color:var(--fag-navy)}
.fag-footer address a{text-decoration:none;color:var(--fag-muted)}
.fag-footer h4{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;margin:6px 0 14px}
.fag-footer ul{list-style:none;margin:0;padding:0}
.fag-footer li{margin:5px 0}
.fag-footer ul a{text-decoration:none;color:var(--fag-navy)}
.fag-footer ul a:hover{text-decoration:underline}
.fag-footer__legal{margin-top:48px;border-top:1px solid #eee;padding:18px 0;color:var(--fag-muted);font-size:13px}
.fag-footer__legal .fag-wrap{display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between;align-items:center}
.fag-footer__legal ul{display:flex;gap:16px;flex-wrap:wrap}
.fag-footer__legal li{margin:0}
.fag-footer__legal a{color:var(--fag-muted)!important}

/* ==========================================================================
   Elementor content
   ========================================================================== */
.elementor .elementor-heading-title{font-family:Ubuntu,sans-serif;font-weight:700;color:var(--fag-navy);line-height:1.2}
.elementor h1.elementor-heading-title{font-size:clamp(30px,4vw,44px)}
.elementor h2.elementor-heading-title{font-size:clamp(26px,3vw,32px)}
.elementor h3.elementor-heading-title{font-size:20px}
.elementor .elementor-heading-title a{color:inherit}
.elementor .elementor-widget-text-editor{color:var(--fag-ink)}
.elementor .elementor-widget-text-editor p:last-child{margin-bottom:0}
.elementor .fag-lead{font-size:19px;max-width:740px}
.elementor .fag-sub p{margin:0;opacity:.9}
.elementor .fag-mt{margin-top:18px}

/* sections */
.elementor .e-con.fag-section{--gap:28px;gap:28px}
.elementor .fag-cream{background-color:var(--fag-cream)}
.elementor .fag-dark{color:#fff}
.elementor .fag-dark .elementor-heading-title{color:var(--fag-yellow)}
.elementor .fag-dark .elementor-widget-text-editor{color:#fff}
.elementor .fag-dark a:not(.elementor-button){color:var(--fag-yellow)}

/* heading row with "more" link */
.elementor .e-con.fag-headrow{gap:8px 20px!important}
.elementor .fag-headrow .elementor-heading-title{margin:0}
.elementor .fag-headrow__r{width:auto!important}
.elementor .e-con.fag-headrow__l{width:auto!important;flex:1 1 320px;--gap:6px;gap:6px}
.elementor .fag-more,.elementor a.fag-more{font-weight:700;text-decoration:none;font-size:15px;color:var(--fag-navy);white-space:nowrap}
.elementor .fag-more:hover{text-decoration:underline}

/* grids */
.elementor .e-con.fag-grid{display:grid!important;gap:28px!important;align-items:stretch}
.elementor .e-con.fag-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px!important}
.elementor .e-con.fag-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px!important}
.elementor .e-con.fag-grid-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px!important}
.elementor .e-con.fag-grid > .elementor-element{width:auto!important;max-width:none!important;margin:0!important}
.elementor .e-con.fag-grid > .elementor-widget > .elementor-widget-container{height:100%}
.elementor .fag-icard .elementor-icon-box-wrapper,.elementor .fag-tile .elementor-icon-box-wrapper{position:relative}

/* split (two columns) */
.elementor .e-con.fag-split{display:grid!important;grid-template-columns:1.05fr 1fr;gap:64px!important;align-items:start}
.elementor .e-con.fag-split > .e-con{width:auto!important;--gap:18px;gap:18px}

/* hero (homepages) */
.elementor .e-con.fag-hero{position:relative}
.elementor .e-con.fag-hero > .e-con-inner{justify-content:flex-end}
.elementor .e-con.fag-hero-box{background:rgba(255,231,22,.94);padding:26px 32px!important;max-width:620px;width:100%;--gap:8px;gap:8px}
.elementor .fag-hero-box h1.elementor-heading-title{font-size:clamp(21px,2.3vw,27px);color:var(--fag-navy)}
.elementor .fag-hero-box .elementor-widget-text-editor{font-size:16px}

/* USP row */
.elementor .fag-usps{border-bottom:1px solid #f0edd6}
.elementor .fag-usp .elementor-icon-box-wrapper{display:flex!important;flex-direction:row!important;text-align:left!important;gap:14px;align-items:flex-start!important}
.elementor .fag-usp .elementor-icon-box-icon{margin:0!important;flex:none}
.elementor .fag-usp .elementor-icon{width:44px;height:44px;border-radius:50%;background:var(--fag-cream);box-shadow:inset 0 0 0 2px var(--fag-yellow);display:grid;place-items:center;font-size:18px;color:var(--fag-navy);fill:var(--fag-navy)}
.elementor .fag-usp .elementor-icon svg{width:18px;height:18px}
.elementor .fag-usp .elementor-icon-box-title{font-size:16px;margin:0 0 2px;color:var(--fag-navy)}
.elementor .fag-usp .elementor-icon-box-description{font-size:14.5px;color:var(--fag-muted);margin:0}

/* photo card */
.elementor .e-con.fag-pcard{--gap:6px;gap:6px}
.elementor .fag-pcard .elementor-widget-image{width:100%}
.elementor .fag-pcard .elementor-widget-image a{display:block;border-radius:var(--fag-r);overflow:hidden}
.elementor .fag-pcard img{width:100%!important;aspect-ratio:270/240;object-fit:cover;border-radius:var(--fag-r);transition:transform .5s;display:block}
.elementor .fag-pcard:hover img{transform:scale(1.05)}
.elementor .fag-pcard h3.elementor-heading-title{font-size:19px;margin-top:10px}
.elementor .fag-pcard .elementor-widget-text-editor{font-size:15px;color:var(--fag-muted)}

/* icon card */
.elementor .fag-icard .elementor-icon-box-wrapper{background:#fff;border:1.5px solid var(--fag-line);border-radius:var(--fag-r);padding:30px;position:relative;transition:transform .25s,box-shadow .25s}
.elementor .fag-icard:hover .elementor-icon-box-wrapper{transform:translateY(-4px);box-shadow:var(--fag-shadow)}
.elementor .fag-icard--static:hover .elementor-icon-box-wrapper{transform:none;box-shadow:none}
.elementor .fag-icard .elementor-icon-box-wrapper{text-align:left!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;height:100%;box-sizing:border-box}
.elementor .fag-icard,.elementor .fag-tile{height:100%}
.elementor .fag-icard .elementor-icon-box-icon{margin:0 0 18px!important}
.elementor .fag-icard .elementor-icon{width:58px;height:58px;border-radius:16px;background:var(--fag-navy);color:var(--fag-yellow);fill:var(--fag-yellow);display:grid;place-items:center;font-size:26px}
.elementor .fag-icard .elementor-icon svg{width:26px;height:26px}
.elementor .fag-icard .elementor-icon-box-title{font-size:20px;margin:0 0 6px;color:var(--fag-navy)}
.elementor .fag-icard .elementor-icon-box-title a{color:inherit;text-decoration:none}
.elementor .fag-icard .elementor-icon-box-title a::before{content:"";position:absolute;inset:0;border-radius:var(--fag-r)}
.elementor .fag-icard .elementor-icon-box-description{color:var(--fag-muted);font-size:15.5px;margin:0}
.elementor .fag-icard:not(.fag-icard--static) .elementor-icon-box-content::after{content:"Lees meer \2192";display:block;margin-top:16px;font-weight:700;font-size:15px;color:var(--fag-navy)}
.elementor .fag-icard .elementor-icon-box-content{display:flex;flex-direction:column;flex:1}

/* sector tile (on navy) */
.elementor .fag-tile .elementor-icon-box-wrapper{background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.16);border-radius:var(--fag-r);padding:28px 18px;text-align:center;position:relative;transition:.25s;height:100%}
.elementor .fag-tile:hover .elementor-icon-box-wrapper{background:var(--fag-yellow);border-color:var(--fag-yellow);transform:translateY(-4px)}
.elementor .fag-tile .elementor-icon-box-wrapper{text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;box-sizing:border-box}
.elementor .fag-tile .elementor-icon-box-icon{margin:0 0 10px!important}
.elementor .fag-tile .elementor-icon{font-size:40px;color:var(--fag-yellow);fill:var(--fag-yellow);transition:.25s}
.elementor .fag-tile .elementor-icon svg{width:40px;height:40px}
.elementor .fag-tile .elementor-icon-box-title{font-size:19px;margin:0 0 4px;color:#fff}
.elementor .fag-tile .elementor-icon-box-title a{color:#fff!important;text-decoration:none}
.elementor .fag-tile .elementor-icon-box-title a::before{content:"";position:absolute;inset:0}
.elementor .fag-tile .elementor-icon-box-description{font-size:14px;color:rgba(255,255,255,.8);margin:0}
.elementor .fag-tile:hover .elementor-icon{color:var(--fag-navy);fill:var(--fag-navy)}
.elementor .fag-tile:hover .elementor-icon-box-title a,.elementor .fag-tile:hover .elementor-icon-box-description{color:var(--fag-navy)!important}

/* chips */
.fag-chips{display:flex;flex-wrap:wrap;gap:10px}
.fag-chip{display:inline-flex;align-items:center;background:#fff;border:1.5px solid var(--fag-line);border-radius:99px;padding:8px 16px;font-size:15px;font-weight:500;text-decoration:none;color:var(--fag-navy)!important;transition:border-color .2s}
a.fag-chip:hover{border-color:var(--fag-navy)}

/* check lists */
.elementor .fag-checks .elementor-icon-list-items{display:grid;gap:12px}
.elementor .fag-checks--two .elementor-icon-list-items{grid-template-columns:1fr 1fr}
.elementor .fag-checks .elementor-icon-list-item{display:flex;align-items:flex-start;gap:12px;padding:0!important;margin:0!important}
.elementor .fag-checks .elementor-icon-list-item::after{display:none!important}
.elementor .fag-checks .elementor-icon-list-icon{width:24px;height:24px;min-width:24px;border-radius:50%;background:var(--fag-yellow);display:grid!important;place-items:center;margin:2px 0 0!important;padding:0!important}
.elementor .fag-checks .elementor-icon-list-icon i{font-size:11px;color:var(--fag-navy)!important;width:auto}
.elementor .fag-checks .elementor-icon-list-icon svg{width:11px!important;height:11px!important;fill:var(--fag-navy)!important}
.elementor .fag-checks .elementor-icon-list-text{color:inherit;font-size:17px;padding:0!important}
.elementor .fag-dark .fag-checks .elementor-icon-list-text{color:#fff}
.elementor .fag-risks .elementor-icon-list-icon{background:#fff;box-shadow:inset 0 0 0 1.5px var(--fag-line)}

/* note */
.elementor .e-con.fag-note{background:var(--fag-cream);border-radius:var(--fag-r);padding:32px!important;border-left:6px solid var(--fag-yellow);--gap:10px;gap:10px}
.elementor .e-con.fag-note--plain{border-left:0;padding:36px!important}
.elementor .fag-note ul{margin:0;padding-left:20px}
.elementor .fag-note li{margin:6px 0}

/* page hero */
.elementor .e-con.fag-pagehero{position:relative;overflow:hidden;--gap:14px;gap:14px}
.elementor .e-con.fag-pagehero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;border:60px solid rgba(255,231,22,.08);pointer-events:none}
.elementor .fag-pagehero h1.elementor-heading-title{color:#fff;max-width:820px}
.elementor .fag-pagehero .fag-lead{opacity:.92;color:#fff}
.elementor .fag-crumb p{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--fag-yellow);font-weight:700;margin:0}
.elementor .fag-crumb a{color:var(--fag-yellow)!important;text-decoration:none}
.elementor .fag-crumb a:hover{text-decoration:underline}
.elementor .fag-crumb span{margin:0 4px}
.elementor .fag-hero-icon{position:absolute!important;right:8%;top:50%;transform:translateY(-50%);width:auto!important}
.elementor .fag-hero-icon .elementor-icon{font-size:130px;color:var(--fag-yellow);fill:var(--fag-yellow)}
.elementor .fag-hero-icon .elementor-icon svg{width:130px;height:130px}

/* CTA band */
.elementor .fag-ctaband .elementor-heading-title{font-size:26px;margin:0}
.elementor .e-con.fag-ctaband__l{width:auto!important;--gap:4px;gap:4px}
.elementor .e-con.fag-ctaband__row{gap:24px!important}

/* forms */
.elementor .fag-form .elementor-field-group{margin-bottom:18px}
.elementor .fag-form .elementor-field-label{color:var(--fag-navy);font-weight:700;font-size:17px;margin-bottom:8px}
.elementor .fag-form--dark .elementor-field-label{color:var(--fag-yellow)}
.elementor .fag-form .elementor-field-textual,
.elementor .fag-form .elementor-select-wrapper select{border:0;border-radius:99px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--fag-line);padding:13px 20px;font-family:Ubuntu,sans-serif;font-size:16px;color:var(--fag-ink);min-height:50px}
.elementor .fag-form textarea.elementor-field-textual{border-radius:18px;min-height:120px}
.elementor .fag-form--dark .elementor-field-textual,
.elementor .fag-form--dark .elementor-select-wrapper select{background:var(--fag-cream);box-shadow:none}
.elementor .fag-form .elementor-field-textual:focus,
.elementor .fag-form select:focus{outline:3px solid rgba(255,231,22,.7);outline-offset:1px}
.elementor .fag-form .elementor-field-type-submit{justify-content:flex-end}
.elementor .fag-form .elementor-message{font-weight:700}
.elementor .fag-form--dark .elementor-message{color:var(--fag-yellow)}

/* misc */
.elementor .fag-rounded img{border-radius:var(--fag-r);aspect-ratio:4/3;object-fit:cover;width:100%}
.elementor .fag-prose{max-width:760px}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1024px){
	.fag-header__nav,.fag-header__cta,.fag-header__li{display:none}
	.fag-burger{display:block}
	.fag-header.is-open .fag-header__nav{display:block;position:absolute;top:100%;left:0;right:0;background:#fff;padding:12px 24px 24px;box-shadow:0 18px 30px rgba(0,0,0,.08);max-height:calc(100vh - 140px);overflow:auto}
	.fag-header.is-open .fag-nav{flex-direction:column;align-items:stretch}
	.fag-header.is-open .fag-nav>li{border-bottom:1px solid #f0f0f0}
	.fag-header.is-open .fag-nav>li>a{padding:14px 40px 14px 0}
	.fag-header.is-open .fag-nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 10px 10px;display:none}
	.fag-header.is-open .fag-nav li.is-sub-open>.sub-menu{display:block}
	.fag-subtoggle{display:block;position:absolute;right:0;top:6px;background:none!important;border:0;color:var(--fag-navy)!important;padding:10px;cursor:pointer}
	.fag-header__mobile-extra{display:block;margin-top:16px}
	.fag-header__mobile-extra .fag-toggle{background:var(--fag-navy)}
	.elementor .e-con.fag-grid-3,.elementor .e-con.fag-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.elementor .e-con.fag-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}
	.elementor .e-con.fag-split{grid-template-columns:1fr;gap:36px!important}
	.elementor .fag-hero-icon{display:none}
	.fag-footer__cols{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
	body{font-size:16px}
	.fag-topbar__meta span{display:none}
	.elementor .e-con.fag-grid-3,.elementor .e-con.fag-grid-4,.elementor .fag-checks--two .elementor-icon-list-items{grid-template-columns:1fr}
	.elementor .e-con.fag-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}
	.elementor .e-con.fag-hero{padding:0!important}
	.elementor .e-con.fag-hero-box{max-width:none}
	.elementor .fag-headrow__r{width:100%!important}
	.fag-footer__cols{grid-template-columns:1fr}
}
@media (max-width:782px){body.admin-bar .fag-header{top:0}}

/* ---------- refinements ---------- */
.elementor .elementor-widget.fag-lead{max-width:740px!important}
.elementor .e-con.fag-btnrow{width:auto!important;flex:0 0 auto}
.elementor .e-con.fag-ctaband__l{flex:1 1 380px}
.fag-burger,.fag-burger:hover,.fag-burger:focus,.fag-burger:active{background:none!important;border:0!important;box-shadow:none!important}