@layer swift3 {:root { --wp-block-synced-color: #7a00df; --wp-block-synced-color--rgb: 122,0,223; --wp-bound-block-color: var(--wp-block-synced-color); --wp-editor-canvas-background: #ddd; --wp-admin-theme-color: #007cba; --wp-admin-theme-color--rgb: 0,124,186; --wp-admin-theme-color-darker-10: #006ba1; --wp-admin-theme-color-darker-10--rgb: 0,107,160.5; --wp-admin-theme-color-darker-20: #005a87; --wp-admin-theme-color-darker-20--rgb: 0,90,135; --wp-admin-border-width-focus: 2px; }@media (min-resolution: 192dpi){:root { --wp-admin-border-width-focus: 1.5px; }}:root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; }.screen-reader-text { border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; word-break: normal !important; }.wp-block-separator { border-width: 2px medium medium; border-style: solid none none; border-color: currentcolor; border-image: initial; }pre.wp-block-verse { box-sizing: border-box; min-width: 1em; overflow: auto; white-space: pre-wrap; word-break: break-word; }:where(pre.wp-block-verse) { font-family: inherit; }:root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,#0693e3 0%,#9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,#7adcb4 0%,#00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,#fcb900 0%,#ff6900 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,#eeeeee 0%,#a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,#ffceec 0%,#9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,#caf880 0%,#71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,#020381 0%,#2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px #ffffff, 6px 6px #000000; --wp--preset--shadow--crisp: 6px 6px 0px #000000; }:where(body) { margin: 0px; }body { padding: 0px; }.has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; }:root { --aida-bruin: #3d2008; --aida-mid: #8B5E3C; --aida-goud: #c8973a; --aida-goud-licht: #e8c99a; --aida-groen: #2d5a27; --aida-bg: #f8f5f0; --aida-wit: #ffffff; --aida-tekst: #1a1a1a; --aida-mid-tekst: #555; --aida-licht: #888; --aida-rand: rgba(0,0,0,0.1); --aida-radius: 10px; }@keyframes spin { 100% { transform: rotate(360deg); } }:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer."; }:root { --aida-groen: #4a6b3a; --aida-groen-donker: #3a5a2a; --aida-bruin: #795548; --aida-bruin-donker: #5d4037; --aida-creme: #ebe9e2; --aida-licht: #f8f7f3; --aida-tekst: #2d3f24; --aida-tekst-licht: #4a5a3e; --aida-tekst-grijs: #6b7280; --aida-wit: #ffffff; --aida-rand: #e5e7eb; --aida-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); --aida-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12); --aida-radius: 8px; }* { box-sizing: border-box; }body { margin: 0px; padding: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; color: var(--aida-tekst); background: var(--aida-wit); line-height: 1.6; -webkit-font-smoothing: antialiased; }a { color: var(--aida-bruin); text-decoration: none; transition:color 0.2s ease; }a:hover { color: var(--aida-bruin-donker); }img { max-width: 100%; height: auto; display: block; }h1, h2, h3, h4, h5, h6 { color: var(--aida-tekst); font-weight: 600; line-height: 1.3; margin-top: 0px; }.container { max-width: 1200px; margin: 0px auto; padding: 0px 24px; }.header-inner { display: flex; justify-content: space-between; gap: 20px; }.site-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }.site-header { background: var(--aida-groen); box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; position: relative; z-index: 100; }.header-inner { display: flex; align-items: stretch; justify-content: space-between; padding: 0px !important; max-width: 100% !important; }.main-navigation { display: flex; align-items: stretch; flex: 1 1 0%; background: #5d4037; gap: 0px; justify-content: flex-end; }.nav-menu { display: flex; list-style: none; margin: 0px 0px 0px auto; padding: 0px; align-items: stretch; }.nav-menu > li { position: relative; margin: 0px; border-right: 1px solid rgba(255, 255, 255, 0.08); }.nav-menu > li > a { display: flex; align-items: center; justify-content: center; color: #ffffff; text-decoration: none; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; padding: 18px 24px; background: transparent; border-radius: 0px; transition:background 0.25s ease; height: 100%; line-height: 1.2; position: relative; }.nav-menu > li > a:hover { background: rgba(255, 255, 255, 0.08); color: #ffffff; }.nav-menu > li.current-menu-item > a, .nav-menu > li.current-menu-parent > a, .nav-menu > li.current_page_item > a, .nav-menu > li.current-menu-ancestor > a { background: var(--aida-groen); color: #ffffff; }.nav-menu > li.current-menu-item > a::after, .nav-menu > li.current-menu-parent > a::after, .nav-menu > li.current_page_item > a::after, .nav-menu > li.current-menu-ancestor > a::after { content: ""; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid var(--aida-groen); z-index: 5; }.nav-menu > li.menu-item-has-children > a::before { content: " ▾"; font-size: 9px; margin-left: 6px; opacity: 0.7; position: absolute; right: 8px; top: 50%; transform: translateY(-50%); }.nav-menu .sub-menu { position: absolute; top: 100%; left: 0px; right: 0px; width: 100vw; margin-left: calc(50% - 50vw); background: #ffffff; list-style: none; margin-top: 0px; padding: 0px; border-radius: 0px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px; border-top: 0px; border-bottom: 1px solid #e5e7eb; opacity: 0; visibility: hidden; transform: translateY(0px); transition: 0.2s; z-index: 110; display: flex; align-items: stretch; justify-content: flex-start; }.nav-menu > li:hover > .sub-menu, .nav-menu > li:focus-within > .sub-menu, .nav-menu > li.current-menu-parent > .sub-menu, .nav-menu > li.current-menu-ancestor > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0px); }.nav-menu .sub-menu li { margin: 0px; border: 0px; flex-shrink: 0; }.nav-menu .sub-menu a { display: flex; align-items: center; padding: 14px 22px; color: #5d4037; text-decoration: none; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; background: transparent; transition:background 0.15s ease; border: 0px; height: 100%; line-height: 1.2; }.nav-menu .sub-menu a:hover { background: #5d4037; color: #ffffff; }.magister-button { background: var(--aida-bruin); padding: 18px 24px; text-decoration: none; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; transition:background 0.25s ease; display: flex; align-items: center; color: var(--aida-wit) !important; }.magister-button:hover { background: var(--aida-bruin-donker); }.header-inner { min-height: 60px; }.site-logo { padding: 14px 28px; background: var(--aida-wit); display: flex; align-items: center; text-decoration: none; }.menu-toggle { display: none; background: transparent; border: 2px solid var(--aida-wit); color: var(--aida-wit); padding: 8px 12px; border-radius: 6px; cursor: pointer; font-size: 14px; margin-bottom: 14px; }.site-footer { background: var(--aida-groen); color: var(--aida-wit); padding: 48px 0px 24px; border-top: 4px solid var(--aida-bruin); }.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px; margin-bottom: 32px; }.footer-block h3 { color: var(--aida-wit); font-size: 16px; font-weight: 600; margin: 0px 0px 12px; }.footer-block p, .footer-block a { color: rgba(255, 255, 255, 0.85); font-size: 14px; line-height: 1.8; text-decoration: none; }.footer-block a:hover { color: var(--aida-wit); text-decoration: underline; }.footer-block ul { list-style: none; padding: 0px; margin: 0px; }.footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 20px; text-align: center; color: rgba(255, 255, 255, 0.7); font-size: 13px; }.footer-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }.footer-logo img { max-height: 40px; width: auto; }.page-header { background: var(--aida-creme); padding: 25px 0px; text-align: center; }.page-title { font-size: 30px; color: var(--aida-tekst); margin: 0px; }.page-content { padding: 60px 40px; max-width: 100%; margin: 0px auto; }.page-content p { font-size: 16px; line-height: 1.8; color: var(--aida-tekst-licht); margin: 0px 0px 16px; }.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; overflow: hidden; position: absolute !important; }:root { --aida-groen: #4a6b3a; --aida-bruin: #795548; }.site-header { background: #4a6b3a; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; position: relative; z-index: 100; }.header-inner { display: flex; align-items: stretch; justify-content: space-between; min-height: 60px; padding: 0px !important; max-width: 100% !important; }.site-logo { padding: 14px 28px; background: #ffffff; display: flex; align-items: center; text-decoration: none; }.nav-menu > li > a { display: flex; align-items: center; justify-content: center; color: #ffffff; text-decoration: none; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; padding: 18px 24px; background: transparent; transition:background 0.25s ease; height: 100%; line-height: 1.2; }.nav-menu > li > a:hover { background: rgba(255, 255, 255, 0.08); }.nav-menu > li.current-menu-item > a, .nav-menu > li.current-menu-parent > a, .nav-menu > li.current_page_item > a, .nav-menu > li.current-menu-ancestor > a { background: #4a6b3a; }.nav-menu > li.current-menu-item > a::after, .nav-menu > li.current-menu-parent > a::after, .nav-menu > li.current_page_item > a::after, .nav-menu > li.current-menu-ancestor > a::after { content: ""; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #4a6b3a; z-index: 5; }.nav-menu li { position: relative; }.nav-menu .sub-menu { display: none; position: absolute; top: 100%; left: 0px; width: 220px; background: #5d4037; border-radius: 0px 0px 8px 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 20px; z-index: 9999; padding: 6px 0px; list-style: none; margin: 0px; }.nav-menu li:hover > .sub-menu, .nav-menu li:focus-within > .sub-menu { display: block; }.nav-menu .sub-menu li { margin: 0px; border: 0px; }.nav-menu .sub-menu li a { display: block; padding: 12px 18px; color: #ffffff; font-size: 13px; font-weight: 500; white-space: nowrap; text-decoration: none; text-transform: none; letter-spacing: normal; transition:background 0.15s ease; }.nav-menu .sub-menu li a:hover { background: rgba(255, 255, 255, 0.15); }.nav-menu > li.menu-item-has-children > a::after { content: " ▾"; font-size: 10px; margin-left: 6px; opacity: 0.85; }.magister-button { background: #795548; padding: 18px 24px; text-decoration: none; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; transition:background 0.25s ease; display: flex; align-items: center; color: #ffffff !important; }.magister-button:hover { background: #5d4037; }.site-logo, .site-logo a, .site-branding, .site-branding a { background: #ffffff !important; padding: 14px 28px !important; display: flex !important; align-items: center !important; margin: 0px !important; text-decoration: none !important; }.site-logo img, .site-branding img, .custom-logo { background: transparent !important; max-height: 60px !important; width: auto !important; display: block !important; }html, body { overflow-x: hidden !important; margin: 0px !important; padding: 0px !important; width: 100% !important; }.container, .site-content, .entry-content, main, .page-content, .content-area, .vrije-inhoud-binnen, .vrije-inhoud, .page-content-inner, article, #main, #content, #primary, .wp-site-blocks { max-width: 100% !important; width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important; box-sizing: border-box !important; }.page-content, .entry-content, .vrije-inhoud { padding: 40px 60px !important; }.page-header { max-width: 100% !important; width: 100% !important; padding: 25px 60px !important; text-align: center !important; }.entry-content > div, .page-content > div, .wp-block-html, .wp-block-html > div { max-width: 100% !important; width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; }.site-footer, footer { width: 100% !important; max-width: 100% !important; }.site-footer .container { max-width: 1200px !important; margin: 0px auto !important; padding: 0px 40px !important; }.site-logo, .site-logo a, .site-branding, .site-branding a, .custom-logo-link, header .site-logo, .site-header .site-logo { background: #ffffff !important; padding: 14px 28px !important; display: flex !important; align-items: center !important; margin: 0px !important; text-decoration: none !important; }.site-logo img, .site-branding img, .custom-logo, .custom-logo-link img { background: transparent !important; max-height: 60px !important; width: auto !important; display: block !important; }.site-header > .header-inner > div:first-child, .header-inner > a:first-child, .header-inner > .site-branding { background: #ffffff !important; }.av-wrap { font-family: "Segoe UI", system-ui, sans-serif; width: 100%; }.av-filter-wrap { background: #ffffff; border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding: 1rem 2rem; }.av-filter-balk { display: flex; gap: 12px; flex-wrap: wrap; align-items: flex-end; max-width: 100%; }.av-filter-groep { flex: 1 1 0%; min-width: 160px; display: flex; flex-direction: column; gap: 5px; }.av-filter-label { font-size: 11px; font-weight: 600; color: #888888; text-transform: uppercase; letter-spacing: 0.5px; }.av-select { padding: 9px 12px; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 8px; background: #fafafa; font-family: inherit; font-size: 14px; color: #1a1a1a; cursor: pointer; width: 100%; }.av-select:focus { outline: none; border-color: #c8973a; }.av-reset-btn { padding: 9px 20px; background: #8b5e3c; color: #ffffff; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 8px; font-family: inherit; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; }.av-reset-btn:hover { background: #3d2008; }.av-telling { text-align: center; font-size: 14px; color: #888888; margin: 1rem 0px; }.av-telling strong { color: #8b5e3c; font-size: 17px; }.av-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 1.5rem; padding: 0px 2rem 2.5rem; }.av-kaart { background: #ffffff; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.08); overflow: hidden; display: flex; flex-direction: column; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px; transition:transform, box-shadow, border-color 0.2s, 0.2s, 0.2s ease, ease, ease; }.av-kaart:hover { transform: translateY(-4px); box-shadow: rgba(61, 32, 8, 0.12) 0px 10px 28px; border-color: rgba(200, 151, 58, 0.4); }.av-banner { min-height: 130px; position: relative; overflow: hidden; display: flex; align-items: flex-end; }.av-banner-pat { position: absolute; inset: 0px; width: 100%; height: 100%; opacity: 0.18; }.av-fte { position: absolute; top: 10px; left: 10px; background: rgba(0, 0, 0, 0.4); color: #e8c99a; font-size: 11px; font-weight: 600; padding: 3px 10px; border-radius: 12px; }.av-school-ic { position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; background: rgba(255, 255, 255, 0.92); border-radius: 50%; display: flex; align-items: center; justify-content: center; }.av-banner-info { position: relative; z-index: 1; padding: 10px 14px; }.av-banner-info h3 { font-size: 15px; font-weight: 700; color: #f5e6cc; line-height: 1.35; margin: 0px; }.av-banner-info p { font-size: 11px; color: rgba(245, 230, 204, 0.75); margin: 3px 0px 0px; }.av-body { padding: 14px; flex: 1 1 0%; }.av-body p { font-size: 13px; color: #555555; line-height: 1.65; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; margin: 0px; }.av-meta { padding: 10px 14px; border-top: 1px solid rgba(0, 0, 0, 0.07); display: flex; gap: 12px; flex-wrap: wrap; }.av-meta-chip { display: flex; align-items: center; gap: 7px; }.av-meta-ic { width: 24px; height: 24px; border-radius: 6px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }.av-ml { font-size: 10px; color: #aaaaaa; display: block; }.av-mv { font-size: 12px; font-weight: 600; color: #1a1a1a; display: block; }.av-footer { padding: 10px 14px; display: flex; gap: 8px; }.av-lees-btn { flex: 1 1 0%; padding: 9px; background: #f8f5f0; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 7px; font-family: inherit; font-size: 12px; font-weight: 600; color: #1a1a1a; cursor: pointer; transition: 0.2s; }.av-lees-btn:hover { background: #f0e8d8; border-color: #c8973a; }.av-soll-btn { flex: 1 1 0%; padding: 9px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: 7px; font-family: inherit; font-size: 12px; font-weight: 600; color: #ffffff; cursor: pointer; transition:opacity, transform 0.2s, 0.15s ease, ease; }.av-soll-btn:hover { opacity: 0.88; transform: translateY(-1px); }.av-modal-bg { display: none; position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.55); z-index: 99999; align-items: flex-start; justify-content: center; padding: 20px; overflow-y: auto; }.av-modal-box { background: #ffffff; border-radius: 14px; width: 100%; max-width: 580px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 60px; margin: auto; }.av-modal-hdr { padding: 1.25rem 1.5rem; display: flex; align-items: center; justify-content: space-between; transition:background 0.3s ease; }.av-modal-hdr h2 { font-size: 17px; font-weight: 700; color: #e8c99a; margin: 0px; }.av-modal-hdr p { font-size: 12px; color: rgba(232, 201, 154, 0.7); margin: 3px 0px 0px; }.av-modal-sluit { background: rgba(255, 255, 255, 0.15); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: #e8c99a; width: 30px; height: 30px; border-radius: 50%; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }.av-modal-sluit:hover { background: rgba(255, 255, 255, 0.25); }.av-modal-body { padding: 1.5rem; max-height: 72vh; overflow-y: auto; }html body {font-family: sans-serif;}html{opacity:1}}