/* /aanmelden — supplementary styles on top of the WordPress (Twenty Sixteen + coloclue child theme) stylesheets that are loaded from coloclue.net in the page . WP handles typography, header, nav, footer, base form-control look. We layer the form-row grid, success/error banners, and a few small overrides here. */ /* Self-host the WP theme fonts. WP serves the woff2 files from coloclue.net without CORS headers, so cross-origin font loading silently falls back to system fonts. By shipping the latin subset locally we get the same Montserrat / Merriweather that coloclue.net renders. */ @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/merriweather-latin-400.woff2') format('woff2'); } @font-face { font-family: 'Merriweather'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/merriweather-latin-700.woff2') format('woff2'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/montserrat-latin-400.woff2') format('woff2'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url('/fonts/montserrat-latin-700.woff2') format('woff2'); } /* WP injects this inline on the live site to hide the textual site-title/description when a custom logo is present. Replicate so the markup matches WP exactly even though we currently omit the elements. */ .site-branding { margin: 0 auto 0 0; } .site-branding .site-title, .site-description { clip-path: inset(50%); position: absolute; } /* wpglobus language-switcher flag icons — same PNGs the live site uses. The flag span wraps the language label, so position the bg-image at the left and pad the text over to the right of it. */ .wpglobus_flag { background-repeat: no-repeat; background-position: 0 50%; background-size: 16px 11px; padding-left: 22px; } .wpglobus_flag_nl { background-image: url(https://coloclue.net/wp-content/plugins/wpglobus/flags/nl.png); } .wpglobus_flag_en { background-image: url(https://coloclue.net/wp-content/plugins/wpglobus/flags/us.png); } /* Multi-column form rows */ .aanmeld-form .form-group { display: flex; gap: 1em; margin-bottom: 1.5em; align-items: flex-end; } .aanmeld-form .form-field { display: flex; flex-direction: column; flex: 1; min-width: 0; } /* Twenty Sixteen styles labels in Montserrat uppercase via .post-password-form label — we mirror that look for our form labels. */ .aanmeld-form .form-field label { color: #686868; display: block; font-family: Montserrat, "Helvetica Neue", sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.076923077em; line-height: 1.6; margin-bottom: 0.4em; text-transform: uppercase; } /* Twenty Sixteen styles inputs + textarea but leaves