/* Theme Name: Hello Elementor Child Theme URI: https://github.com/elementor/hello-theme-child/ Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team Author: Elementor Team Author URI: https://elementor.com/ Template: hello-elementor Version: 2.1.0 Text Domain: hello-elementor-child License: GNU General Public License v3 or later. License URI: https://www.gnu.org/licenses/gpl-3.0.html Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready */ /* ===================================================================== Puur Anoek — all site CSS in one place (Flerque). Units: em everywhere, so everything scales with the body size below. Colours: only Elementor globals (--e-global-color-*), so dark mode just swaps those values (section 2). Global colour ids: primary = sage, secondary = olive (accent text), text, accent = deep olive, b0a0001 background, b0a0002 sand, b0a0003 card, b0a0004 muted, b0a0005 sage light, b0a0006 line, b0a0007 band, b0a0008 band text, b0a0009 cream (fixed), b0a000a ink (fixed) ===================================================================== */ /* ---------- 1. Base + Flerque Magic (body size scales with the viewport) ---------- */ header { width: 100% !important; } html, body { overflow-x: clip; overflow-y: visible; position: relative; } ::selection { background: var(--e-global-color-secondary) !important; color: #fff; } .doorlopend .swiper { overflow: visible !important; } body { font-size: 1.0vw !important; } @media screen and (min-width: 1920px) { body { font-size: 20px !important; } } @media screen and (min-width: 1101px) and (max-width: 1400px) { body { font-size: 1.2vw !important; } } @media screen and (min-width: 768px) and (max-width: 1100px) { body { font-size: 1.8vw !important; } } @media screen and (max-width: 767px) { body { font-size: 3.2vw !important; } } @media screen and (max-width: 380px) { body { font-size: 12px !important; } } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overscroll-behavior: none; } html { scroll-padding-top: 7em; } :focus-visible { outline: .125em solid var(--e-global-color-secondary); outline-offset: .2em; } @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } } /* ---------- 2. Dark mode: same globals, darker values (plugin sets data-theme) ---------- */ html[data-theme="dark"] body { --e-global-color-text: #ECE8DF; /* 14:1 on background */ --e-global-color-secondary: #C9CAAE; /* accent text 9.2:1 */ --e-global-color-b0a0001: #1B1C17; /* background */ --e-global-color-b0a0002: #24251F; /* sand */ --e-global-color-b0a0003: #2A2B24; /* card */ --e-global-color-b0a0004: #A9A89B; /* muted 7.2:1 */ --e-global-color-b0a0006: rgba(236, 232, 223, .14); /* line */ --e-global-color-b0a0007: #3A3C2E; /* band */ --e-global-color-b0a0008: #ECE8DF; /* band text 9.2:1 */ } html[data-theme="dark"] { color-scheme: dark; } /* ---------- 3. Type details ---------- */ .elementor-heading-title { text-wrap: balance; } .elementor-heading-title em { font-style: italic; font-weight: 400; color: var(--e-global-color-secondary); } .elementor-widget-text-editor p:last-child { margin-bottom: 0; } /* links inside running text keep the size of the text around them */ .elementor-widget-text-editor a { font: inherit; color: inherit; text-decoration: underline; text-underline-offset: .2em; } /* eyebrow: small caps label with the mirror ring */ .pa-eyebrow .elementor-heading-title { display: flex; align-items: center; gap: .6em; } .pa-eyebrow .elementor-heading-title::before { content: ""; flex: none; width: .85em; height: .85em; border: .15em solid var(--e-global-color-primary); border-radius: 50%; } /* text link with arrow */ .pa-link a { display: inline-flex; gap: .45em; font-weight: 600; color: var(--e-global-color-secondary); text-decoration: none; } .pa-link a::after { content: "→"; transition: translate .3s; } .pa-link a:hover::after { translate: .3em 0; } /* ---------- 4. Logo: container (link) with two headings + the mirror mark ---------- */ .pa-logo { position: relative; text-decoration: none; } .pa-logo::before, .pa-logo::after { content: ""; position: absolute; top: 50%; translate: 0 -50%; border-radius: 50%; } .pa-logo::before { left: 0; width: 1.9em; height: 1.9em; border: .125em solid var(--e-global-color-primary); } /* the round mirror */ .pa-logo::after { left: .78em; width: .7em; height: 1.05em; background: var(--e-global-color-primary); } /* the light in it */ .pa-logo .elementor-heading-title { line-height: 1; white-space: nowrap; text-wrap: nowrap; } .pa-logo .elementor-heading-title em { font-weight: 300; color: inherit; } .pa-logo__sub .elementor-heading-title { font-size: .85em; font-weight: 400; letter-spacing: .14em; } .pa-logo__sub .elementor-heading-title::before { display: none; } .pa-logo--plain::before { border-color: var(--e-global-color-b0a0008); } .pa-logo--plain::after { background: var(--e-global-color-b0a0008); } .pa-logo--plain .pa-logo__sub { opacity: .8; } /* ---------- 5. Header ---------- */ @media (max-width: 767px) { .pa-utility-info .elementor-icon-list-item:nth-child(2) { display: none; } } .pa-utility-link p { margin: 0; } .pa-utility-link a { text-decoration: none; } .pa-utility-link a:hover { text-decoration: underline; } /* theme toggle: reset the kit's button style that targets every