/* ============================================================ Care Skills (careskills.gr) — prototype styles Palette: «Vital» · Type: EB Garamond + Manrope · WCAG 2.2 AA Scaling contract: rem-based, body NOT pinned in px (a11y-v2 sets --a11y-scale on and a11y.css multiplies the root font-size). ============================================================ */ :root { --bg:#FBFAF9; --surface:#FFFFFF; --tint:#F4EFEB; --calm-tint:#E9F1F1; --ink:#241F1D; --ink-soft:#5C544F; --line:#ECE7E3; --accent:#C2392E; --accent-deep:#A22E25; --calm:#0C5453; --font-head:"EB Garamond", Georgia, "Times New Roman", serif; --font-body:"Manrope", system-ui, -apple-system, sans-serif; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px; --container:1160px; --ease:cubic-bezier(0.23,1,0.32,1); --z-nav:100; --z-sticky:90; --z-cta:95; } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}} body{ background:var(--bg); color:var(--ink); font-family:var(--font-body); font-size:1rem; line-height:1.65; font-weight:400; -webkit-font-smoothing:antialiased; overflow-x:hidden; min-height:100dvh; display:flex; flex-direction:column; } h1,h2,h3{font-family:var(--font-head); font-weight:600; line-height:1.12; color:var(--ink); text-wrap:balance} h2{font-size:clamp(1.75rem,4vw,2.6rem); letter-spacing:-.01em} h3{font-size:1.25rem} p{text-wrap:pretty} a{color:var(--accent); text-underline-offset:3px} img{max-width:100%; display:block} .container{max-width:var(--container); margin:0 auto; padding:0 24px} .section{padding:clamp(56px,8vw,96px) 0} .section--tint{background:var(--tint)} .section--calm{background:var(--calm-tint)} .section__head{max-width:60ch; margin-bottom:36px} .section__head p{color:var(--ink-soft); margin-top:10px} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} /* Focus visibility — WCAG 2.2 */ :focus-visible{outline:3px solid var(--accent); outline-offset:2px; border-radius:4px} .skip-link{position:absolute;left:12px;top:-50px;background:var(--surface);color:var(--ink); padding:10px 16px;border-radius:var(--r-sm);z-index:200;transition:top .2s var(--ease);font-weight:600} .skip-link:focus{top:12px} /* Buttons — min target 44px */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px; min-height:48px;padding:0 22px;border-radius:var(--r-pill); font-family:var(--font-body);font-size:1rem;font-weight:700;cursor:pointer; border:1.5px solid transparent;text-decoration:none;transition:transform .16s var(--ease),background .2s var(--ease)} .btn:active{transform:scale(.97)} .btn--primary{background:var(--accent);color:#fff} .btn--primary:hover{background:var(--accent-deep)} .btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)} .btn--ghost:hover{border-color:var(--accent)} .btn--ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)} .btn--ghost-light:hover{border-color:#fff;background:rgba(255,255,255,.12)} .btn--sm{min-height:40px;padding:0 16px;font-size:.9rem} .btn--block{width:100%} @media (prefers-reduced-motion:reduce){.btn:active{transform:none}} /* ---------- Nav ---------- */ .nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-nav); background:color-mix(in srgb,var(--surface) 94%,transparent); backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line); transition:box-shadow .25s var(--ease)} .nav__inner{max-width:var(--container);margin:0 auto;padding:14px 24px; display:flex;align-items:center;justify-content:space-between;gap:20px} .brand{display:flex;align-items:center;gap:10px;font-family:var(--font-head); font-weight:700;font-size:1.3rem;color:var(--ink);text-decoration:none;transition:color .25s} .wordmark{font-family:"Quicksand",var(--font-body);font-weight:700;letter-spacing:-.01em;text-transform:lowercase;font-size:1.4rem} .wm-care{color:var(--accent)} .wm-acad{color:var(--calm)} /* On dark backgrounds (hero-overlay nav + footer) lighten for WCAG readability, same hues */ .footer .wm-care,.footer .wm-acad{color:#fff} .brand__icon{width:32px;height:32px;flex:none;object-fit:contain} .nav__links{display:flex;align-items:center;gap:26px} .nav__links a:not(.btn){color:var(--ink-soft);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s} .nav__links a:not(.btn):hover{color:var(--accent)} .nav.is-scrolled{box-shadow:0 6px 20px -14px rgba(10,20,40,.4)} .nav__toggle{display:none;background:none;border:1.5px solid var(--line); border-radius:var(--r-sm);width:48px;height:48px;cursor:pointer;color:var(--ink)} /* ---------- Hero (full page) ---------- */ .hero{position:relative;min-height:100dvh;display:flex;align-items:center; color:#fff;overflow:hidden} .hero__bg{position:absolute;inset:0;object-fit:cover;object-position:center 42%;width:100%;height:100%;z-index:-2} .hero::after{content:"";position:absolute;inset:0;z-index:-1; background:linear-gradient(100deg,rgba(20,15,14,.82) 0%,rgba(20,15,14,.55) 45%,rgba(20,15,14,.25) 100%)} .hero__inner{max-width:var(--container);margin:0 auto;padding:120px 24px 80px;width:100%} .hero__content{max-width:620px} .hero h1{color:#fff;font-size:clamp(2.6rem,6.5vw,4.6rem);letter-spacing:-.02em;margin-bottom:18px;text-shadow:0 1px 14px rgba(0,0,0,.45)} .hero p{font-size:clamp(1.05rem,2vw,1.3rem);color:#fff;max-width:48ch;margin-bottom:30px;text-shadow:0 1px 10px rgba(0,0,0,.4)} .hero__cta{display:flex;flex-wrap:wrap;gap:14px} /* ---------- Trust strip ---------- */ .trust{background:var(--ink);color:#fff} .trust__inner{max-width:var(--container);margin:0 auto;padding:20px 24px; display:flex;flex-wrap:wrap;gap:14px 36px;justify-content:center;align-items:center} .trust__item{display:flex;align-items:center;gap:9px;font-weight:600;font-size:.98rem} .trust__item i{color:var(--accent);font-style:normal;font-size:1.1rem} /* ---------- Mission («Γιατί το κάνουμε») ---------- */ .mission__inner{max-width:64ch;margin:0 auto;text-align:center} .mission__icon{width:54px;height:54px;border-radius:var(--r-pill);display:inline-grid;place-items:center; background:var(--surface);color:var(--accent);font-size:26px;margin-bottom:20px;border:1px solid var(--line)} .mission h2{margin-bottom:16px} .mission__lead{font-family:var(--font-head);font-size:clamp(1.3rem,2.8vw,1.75rem);color:var(--ink); line-height:1.4;margin-bottom:18px;text-wrap:balance} .mission__inner p:not(.mission__lead){color:var(--ink-soft);max-width:58ch;margin:0 auto 12px} .mission__inner strong{color:var(--accent)} /* ---------- Seminars (expandable) ---------- */ .seminars__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;align-items:start} .seminars__group + .seminars__group{margin-top:46px} .seminars__subhead{display:flex;align-items:center;gap:10px;font-size:1.4rem;margin-bottom:18px} .seminars__subhead i{color:var(--accent);font-style:normal;font-size:1.5rem} .seminars__cta{text-align:center;margin-top:34px} .seminars__cta-note{color:var(--ink-soft);font-size:.92rem;margin:14px auto 0;max-width:62ch} .seminars__cta-note i{color:var(--calm);font-size:1.7em;vertical-align:-0.35em;margin-right:6px} .seminars__cta-note a{color:var(--accent);font-weight:600} .seminar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden; display:flex;flex-direction:column} .seminar__media{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;background:var(--tint)} .seminar__body{padding:18px} .seminar__body > * + *{margin-top:10px} .seminar__title{font-size:1.2rem;font-family:var(--font-head);font-weight:600} .badge{display:inline-flex;align-items:center;gap:6px;background:var(--calm-tint);color:var(--calm); border:1px solid color-mix(in srgb,var(--calm) 25%,transparent); border-radius:var(--r-pill);padding:4px 12px;font-size:.82rem;font-weight:700;width:fit-content} .seminar__teaser{color:var(--ink-soft);font-size:.95rem} .seminar__toggle{display:inline-flex;align-items:center;gap:8px; background:none;border:0;color:var(--accent);font-family:var(--font-body);font-weight:700; font-size:.95rem;cursor:pointer;padding:8px 0;min-height:44px} .seminar__toggle .chev{transition:transform .2s var(--ease)} .seminar__toggle[aria-expanded="true"] .chev{transform:rotate(180deg)} .seminar__detail{display:none} .seminar.is-open .seminar__detail{display:block;animation:disclose .2s var(--ease)} .seminar__detail-inner{border-top:1px solid var(--line);margin-top:4px} @keyframes disclose{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}} .seminar__detail .pad{padding:16px 0 4px} .seminar__detail h5{font-family:var(--font-body);font-size:.95rem;font-weight:700;margin-bottom:8px;color:var(--ink)} .seminar__list{list-style:none;display:grid;gap:7px;margin-bottom:16px} .seminar__list li{display:flex;gap:9px;color:var(--ink-soft);font-size:.95rem} .seminar__list i{color:var(--calm);font-style:normal;flex:none} .seminar__goal{color:var(--ink-soft);font-size:.95rem;margin-bottom:16px} .seminar__detail-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px} .seminar__price{color:var(--ink-soft);font-size:.88rem} @media (prefers-reduced-motion:reduce){.seminar.is-open .seminar__detail{animation:none}.seminar__toggle .chev{transition:none}} /* ---------- Steps ---------- */ .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;margin:0;padding:0} .step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;position:relative} .step__n{width:38px;height:38px;border-radius:var(--r-pill);background:var(--accent);color:#fff; display:grid;place-items:center;font-weight:800;margin-bottom:14px} .step h3{margin-bottom:6px} .step p{color:var(--ink-soft);font-size:.95rem} /* ---------- Instructors ---------- */ .inst{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center} .inst__photo{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;border-radius:var(--r-lg);background:var(--tint)} .inst__body p{color:var(--ink-soft);margin-top:14px} .inst__quote{margin:22px 0 0;padding-left:18px;border-left:3px solid var(--accent); font-family:var(--font-head);font-style:italic;font-size:1.18rem;line-height:1.45;color:var(--calm)} /* ---------- Why choose us ---------- */ .why__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px} .feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px} .feature__icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px; border-radius:var(--r-pill);background:var(--tint);color:var(--accent);font-size:1.45rem;margin-bottom:14px} .feature h3{margin-bottom:8px;font-size:1.12rem} .feature p{color:var(--ink-soft);font-size:.95rem;line-height:1.5} /* ---------- Reviews ---------- */ .reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .review{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:10px} .review__stars{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:700} .review__stars .score{color:var(--ink-soft);font-weight:600;font-size:.85rem} .review__quote{color:var(--ink);font-size:1rem} .review__who{color:var(--ink-soft);font-size:.88rem;font-weight:700;margin-top:auto} /* ---------- Price callout ---------- */ .price{text-align:center;background:var(--surface);border:1px solid var(--line); border-radius:var(--r-lg);padding:clamp(32px,5vw,52px);max-width:680px;margin:0 auto} .price__amount{font-family:var(--font-head);font-weight:700;font-size:clamp(3rem,8vw,4.5rem);line-height:1;color:var(--ink)} .price__vat{color:var(--ink-soft);font-weight:600;margin-left:8px;font-family:var(--font-body);font-size:1.1rem} .price__incl{color:var(--ink-soft);margin:14px 0 24px} /* ---------- FAQ ---------- */ .faq{max-width:760px;margin:0 auto;border-top:1px solid var(--line)} .faq__item{border-bottom:1px solid var(--line)} .faq__q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px; background:none;border:0;text-align:left;padding:20px 4px;min-height:44px;cursor:pointer; font-family:var(--font-body);font-size:1.05rem;font-weight:600;color:var(--ink)} .faq__q .plus{color:var(--accent);font-size:1.4rem;transition:transform .2s var(--ease);flex:none} .faq__q[aria-expanded="true"] .plus{transform:rotate(45deg)} .faq__a{display:none} .faq__item.is-open .faq__a{display:block;animation:disclose .2s var(--ease)} .faq__a p{padding:0 4px 20px;color:var(--ink-soft)} @media (prefers-reduced-motion:reduce){.faq__item.is-open .faq__a{animation:none}.faq__q .plus{transition:none}} /* ---------- Forms (booking) ---------- */ .form{max-width:760px;margin:0 auto;background:var(--surface);border:1px solid var(--line); border-radius:var(--r-lg);padding:clamp(24px,4vw,40px)} .form__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px} .field{display:flex;flex-direction:column;gap:6px;min-width:0} .field--full{grid-column:1/-1} .field label{font-weight:600;font-size:.92rem} .field .req{color:var(--accent)} .field input,.field select{width:100%;max-width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--r-sm); padding:0 14px;font-size:1rem;font-family:var(--font-body);background:var(--surface);color:var(--ink)} .field input:focus-visible,.field select:focus-visible{outline:3px solid var(--accent);outline-offset:1px;border-color:var(--accent)} .field--check{flex-direction:row;align-items:flex-start;gap:10px} .field--check input{min-height:auto;width:22px;height:22px;margin-top:3px;flex:none;accent-color:var(--accent)} .field--check label{font-weight:400;color:var(--ink-soft);font-size:.92rem} .form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:8px} .form__note{color:var(--ink-soft);font-size:.9rem} .form__msg{margin-top:14px;padding:14px 16px;border-radius:var(--r-sm);display:none} .form__msg.is-ok{display:block;background:#E9F4EC;color:#1d5e34;border:1px solid #bfe0c9} .form__msg.is-err{display:block;background:#FBEAE8;color:#8e241c;border:1px solid #f0c2bd} /* ---------- ESPA band ---------- */ .espa{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .espa__inner{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center} .espa__banner{max-width:880px;width:100%;height:auto} .espa__desc{max-width:72ch;color:var(--ink-soft);font-size:.95rem} /* ---------- Footer ---------- */ .footer{background:var(--ink);color:rgba(255,255,255,.85);padding:48px 0 40px;margin-top:auto} .footer__inner{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between} .footer .brand{color:#fff;margin-bottom:10px} .footer__brand{display:inline-flex;align-items:center;gap:11px;margin-bottom:14px;text-decoration:none;color:#fff} .footer__brand .brand__icon{width:42px;height:42px} .footer__brand .wordmark{font-size:1.6rem;color:#fff} .footer__links{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.92rem} .footer__links a{color:rgba(255,255,255,.8);text-decoration:none} .footer__links a:hover{color:#fff;text-decoration:underline} .footer__social{display:flex;align-items:center;gap:12px;margin-top:14px} .footer__social a{width:44px;height:44px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.25); display:grid;place-items:center;color:#fff;text-decoration:none;font-size:1.2rem;transition:background .2s} .footer__social a:hover{background:rgba(255,255,255,.12)} .footer__espa{width:300px;max-width:100%;height:auto;background:#fff;padding:8px 12px;border-radius:8px} .footer__legal{width:100%;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15); font-size:.82rem;color:rgba(255,255,255,.6)} /* ---------- Mobile sticky CTA ---------- */ .mcta{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-cta);display:none; padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)); background:color-mix(in srgb,var(--surface) 94%,transparent); backdrop-filter:blur(10px);border-top:1px solid var(--line)} .mcta .btn{width:100%} /* ---------- Responsive ---------- */ @media (max-width:860px){ .nav:has(.nav__toggle) .nav__links{position:fixed;inset:64px 0 auto 0;flex-direction:column;align-items:stretch; gap:0;background:var(--surface);padding:8px 16px 16px;box-shadow:0 12px 24px -12px rgba(0,0,0,.25); transform:translateY(-130%);transition:transform .3s var(--ease);max-height:calc(100dvh - 64px);overflow:auto} .nav:has(.nav__toggle).is-open .nav__links{transform:translateY(0)} .nav:has(.nav__toggle) .nav__links a:not(.btn){color:var(--ink-soft)!important;padding:14px 4px;border-bottom:1px solid var(--line)} .nav:has(.nav__toggle) .nav__links .btn{margin-top:12px} .nav__toggle{display:grid;place-items:center} .steps{grid-template-columns:1fr} .inst{grid-template-columns:1fr;gap:20px} .inst__photo{max-width:none} .reviews__grid{grid-template-columns:1fr 1fr} .form__grid{grid-template-columns:1fr} .espa__inner{grid-template-columns:1fr} .espa__poster{width:160px} .mcta{display:block} body{padding-bottom:84px} } @media (max-width:540px){ .reviews__grid{grid-template-columns:1fr} .trust__inner{justify-content:flex-start} } /* Accessible-participation note */ .access-note{margin-top:14px;display:flex;align-items:flex-start;gap:9px; background:var(--calm-tint);border:1px solid color-mix(in srgb,var(--calm) 22%,transparent); border-radius:var(--r-md);padding:12px 14px;color:var(--ink-soft);font-size:.92rem;max-width:60ch} .access-note i{color:var(--calm);font-size:1.2rem;flex:none;line-height:1.3} .access-note a{color:var(--accent);font-weight:600} /* Cookie / storage notice */ .cookiebar{position:fixed;left:16px;right:16px;bottom:16px;z-index:130; max-width:580px;margin:0 auto;background:var(--surface); border:1px solid var(--line);border-radius:var(--r-lg); box-shadow:0 18px 44px -18px rgba(10,30,70,.4); padding:16px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px; animation:disclose .25s var(--ease)} .cookiebar__txt{flex:1;min-width:220px;margin:0;color:var(--ink-soft);font-size:.9rem;line-height:1.5} .cookiebar__txt a{color:var(--accent)} .cookiebar .btn{flex:none} html.a11y-reduce-motion .cookiebar{animation:none} @media (max-width:520px){.cookiebar{flex-direction:column;align-items:stretch}.cookiebar .btn{width:100%}} /* Error pages (404 / 500) */ .errorpage{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center} .errorpage__inner{max-width:48ch} .errorpage__code{font-family:var(--font-head);font-weight:700;font-size:clamp(4rem,14vw,8rem); line-height:1;color:var(--accent);letter-spacing:-.02em} .errorpage h1{font-size:clamp(1.5rem,4vw,2.2rem);margin:8px 0 12px} .errorpage p{color:var(--ink-soft);margin:0 auto 24px;max-width:42ch} .errorpage__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center} /* Sub-pages (legal / accessibility) — offset under fixed nav */ .subpage{padding-top:104px} .prose{max-width:760px;margin:0 auto} .prose h1{font-family:var(--font-head);font-size:clamp(1.9rem,4vw,2.7rem);letter-spacing:-.01em;margin-bottom:6px} .prose .lead{color:var(--ink-soft);margin-bottom:8px} .prose h2{font-size:1.25rem;margin:30px 0 10px} .prose p,.prose li{color:var(--ink-soft);line-height:1.7} .prose p{margin-bottom:12px} .prose ul{margin:0 0 16px 1.2rem;display:grid;gap:7px} .prose a{color:var(--accent)} .prose .meta{font-size:.88rem;color:var(--ink-soft);border-top:1px solid var(--line);margin-top:28px;padding-top:14px} /* Accessibility widget: raise above the mobile sticky CTA bar (index only) */ @media (max-width:860px){ body:has(.mcta) .a11y__trigger{bottom:calc(90px + env(safe-area-inset-bottom,0px)) !important} body:has(.mcta) .a11y__panel{bottom:calc(158px + env(safe-area-inset-bottom,0px)) !important} } /* ============================================================ Per-client contrast block for a11y-v2 (maps Care Skills tokens) ============================================================ */ html.a11y-contrast-light{ --bg:#fff; --surface:#fff; --tint:#fff; --calm-tint:#fff; --line:#000; --ink:#000; --ink-soft:#1a1a1a; --accent:#A0211A; --accent-deep:#000; --calm:#0a4f52; } html.a11y-contrast-light .hero::after{background:rgba(0,0,0,.78)} html.a11y-contrast-dark{ --bg:#000; --surface:#0a0a0a; --tint:#0a0a0a; --calm-tint:#0a0a0a; --line:#ffe600; --ink:#fff; --ink-soft:#e8e8e8; --accent:#ffe600; --accent-deep:#ffe600; --calm:#7fd4d8; } html.a11y-contrast-dark .btn--primary{background:#ffe600;color:#000} html.a11y-contrast-dark .trust__item i, html.a11y-contrast-dark .review__stars, html.a11y-contrast-dark .faq__q .plus{color:#ffe600} html.a11y-contrast-dark .hero::after{background:rgba(0,0,0,.82)} /* ===== merged: fonts.css (self-hosted faces) ===== */ /* Care Skills — self-hosted fonts (greek+latin). No third-party font requests. */ @font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/ebgaramond-400-greek.woff2") format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/ebgaramond-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/ebgaramond-500-greek.woff2") format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/ebgaramond-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/ebgaramond-600-greek.woff2") format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;} @font-face{font-family:'EB Garamond';font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/ebgaramond-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/manrope-400-greek.woff2") format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;} @font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/manrope-400-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/manrope-500-greek.woff2") format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;} @font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/manrope-500-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/manrope-600-greek.woff2") format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;} @font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/manrope-600-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/manrope-700-greek.woff2") format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;} @font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/manrope-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/manrope-800-greek.woff2") format("woff2");unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;} @font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/manrope-800-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Quicksand';font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/quicksand-700-latin.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} /* ===== merged: tabler-subset.css (icon glyphs) ===== */ /* Tabler Icons - self-hosted subset (17 glyphs). From @tabler/icons-webfont@3.24.0 (MIT). */ @font-face{font-family:"tabler-icons";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/tabler-subset.woff2") format("woff2")} .ti{font-family:"tabler-icons" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .ti-accessible:before{content:"\eba9"} .ti-arrow-left:before{content:"\ea19"} .ti-brand-facebook:before{content:"\ec1a"} .ti-certificate:before{content:"\ed76"} .ti-check:before{content:"\ea5e"} .ti-checklist:before{content:"\f074"} .ti-chevron-down:before{content:"\ea5f"} .ti-clock:before{content:"\ea70"} .ti-coin-euro:before{content:"\f2bf"} .ti-device-laptop:before{content:"\eb64"} .ti-heart-handshake:before{content:"\f0f3"} .ti-heartbeat:before{content:"\ef92"} .ti-home:before{content:"\eac1"} .ti-menu-2:before{content:"\ec42"} .ti-messages:before{content:"\eb6c"} .ti-sun:before{content:"\eb30"} .ti-user-heart:before{content:"\f7cd"} .footer__badge{display:inline-block;margin-top:14px} .footer__badge img{display:block;border-radius:4px}