header.wp-block-template-part { position: sticky !important; top: 0 !important; z-index: 99999 !important; } /* VVP Toponyms — one visual system for legacy and batch cards */ .vvp-toponym { max-width:920px; margin:0 auto; padding:12px 0 56px; color:#171717; line-height:1.72; } .vvp-toponym > h1 { display:none !important; } .vvp-toponym > p:first-child { margin:8px 0 24px; padding-bottom:18px; border-bottom:1px solid #d8d3c8; font-size:13px; font-weight:700; letter-spacing:.13em; color:#6b665c; } .vvp-toponym > h2 { margin:40px 0 14px; font-size:32px; font-weight:500; line-height:1.2; } .vvp-toponym > h2:first-of-type { margin-top:34px; } .vvp-toponym > h2:first-of-type + p { margin:0 0 42px; padding:20px 24px; border-left:4px solid #28261f; background:#f6f4ef; line-height:1.9; } .vvp-toponym > h2 + p strong { font-weight:700; } .vvp-toponym > h2:nth-last-of-type(2) + p strong { display:inline-block; margin-bottom:12px; padding:5px 10px; background:#29271f; color:#fff; font-size:11px; letter-spacing:.12em; } .vvp-toponym > p:last-child { margin:38px 0 0; padding-top:16px; border-top:1px solid #d8d3c8; font-size:12px; color:#746f66; letter-spacing:.04em; } .vvp-toponym section { margin-bottom:46px; } /* Hide Open Questions on all toponym cards */ .vvp-toponym > h2:nth-last-of-type(2), .vvp-toponym > h2:nth-last-of-type(2) + p, .vvp-toponym > h2:nth-last-of-type(2) + p + p { display:none !important; } .vvp-toponym section:has(> div[style*="background:#29271f"]) { display:none !important; } @media (max-width:700px) { .vvp-toponym { padding-left:0; padding-right:0; } .vvp-toponym > h2 { font-size:29px; } .vvp-toponym > h2:first-of-type + p { padding:18px; } .vvp-toponym section > div[style*="display:grid"][style*="grid-template-columns"] { grid-template-columns:1fr !important; gap:4px 0 !important; } .vvp-toponym section > div[style*="border-left"] > div[style*="display:grid"] strong { margin-top:14px !important; } .vvp-toponym section > div[style*="border-left"] > div[style*="display:grid"] strong:first-child { margin-top:0 !important; } .vvp-toponym section > div[style*="border-left"] { padding:18px !important; } } /* VVP Editorial Design System 2026 */ :root{ --vvp-paper:#f4f1e9; --vvp-surface:#fffdf8; --vvp-ink:#24251f; --vvp-muted:#686b60; --vvp-forest:#30372d; --vvp-olive:#78823f; --vvp-stone:#c9c0ae; --vvp-line:#ddd6c8; --vvp-content:760px; --vvp-wide:1180px; --vvp-radius:3px; --vvp-shadow:0 14px 40px rgba(39,42,32,.08); } html{scroll-behavior:smooth} body{ background:var(--vvp-paper); color:var(--vvp-ink); font-family:Inter,system-ui,sans-serif; font-size:17px; line-height:1.72; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; } body .wp-site-blocks{overflow:clip} body h1,body h2,body h3,body h4{ color:var(--vvp-ink); font-family:Cardo,Georgia,serif; letter-spacing:-.018em; text-wrap:balance; } body h1{font-size:clamp(2.65rem,5.5vw,5.25rem);line-height:1.02;font-weight:400} body h2{font-size:clamp(2rem,3.6vw,3.35rem);line-height:1.1;font-weight:400} body h3{font-size:clamp(1.42rem,2.1vw,2rem);line-height:1.18;font-weight:400} body p{max-width:72ch} body a{color:inherit;text-decoration-color:rgba(48,55,45,.45);text-underline-offset:.18em;text-decoration-thickness:1px} body a:hover{color:#596126;text-decoration-color:currentColor} body :focus-visible{outline:3px solid #98a653!important;outline-offset:4px} /* Header */ header.wp-block-template-part{ position:sticky!important;top:0!important;z-index:99999!important; background:rgba(48,55,45,.97)!important; border-bottom:1px solid rgba(255,255,255,.12); box-shadow:0 8px 30px rgba(25,27,22,.12); backdrop-filter:blur(14px); } header.wp-block-template-part>.wp-block-group, header.wp-block-template-part .wp-block-group.has-background{ min-height:68px; background:transparent!important; color:#f8f5ec!important; } header.wp-block-template-part nav a{ color:#f8f5ec!important; font-size:15px; font-weight:600; letter-spacing:.01em; text-decoration:none!important; padding:.75rem .85rem; border-radius:2px; transition:background-color .2s ease,color .2s ease; } header.wp-block-template-part nav a:hover, header.wp-block-template-part nav .current-menu-item>a{ background:rgba(255,255,255,.09); color:#d6dd9b!important; } header.wp-block-template-part .wp-block-site-title a{color:#f8f5ec!important;text-decoration:none} header.wp-block-template-part .wp-block-site-logo img{max-height:44px;width:auto} /* Core page frame */ main{background:var(--vvp-paper)} main>.wp-block-group:first-child, main>.wp-block-post-content{position:relative} .wp-block-breadcrumbs{ max-width:var(--vvp-wide)!important; margin:0 auto!important; padding:22px clamp(20px,4vw,48px)!important; color:var(--vvp-muted); font-size:12px!important; font-weight:700; letter-spacing:.075em; text-transform:uppercase; } .wp-block-breadcrumbs a{text-decoration:none;border-bottom:1px solid var(--vvp-stone)} .wp-block-post-content>.wp-block-group.alignwide, .wp-block-post-content>.wp-block-group>.alignwide{ max-width:var(--vvp-wide)!important; } .wp-block-post-content>.wp-block-group[style*="padding-top:48px"]{ padding-top:clamp(34px,5vw,72px)!important; padding-bottom:clamp(54px,7vw,92px)!important; } /* Page introductions */ .page-id-21 .wp-block-post-content>h1, .page-id-29 .wp-block-post-content>h1, .page-id-31 .wp-block-post-content>h1, .page-id-1 .wp-block-post-content>h1{max-width:var(--vvp-wide);margin-inline:auto} .page-id-21 .wp-block-post-content>.wp-block-group.alignwide>h1, .page-id-29 .wp-block-post-content>.wp-block-group.alignwide>h1, .page-id-31 .wp-block-post-content>.wp-block-group.alignwide>h1, .page-id-1 .wp-block-post-content>.wp-block-group.alignwide>h1{ margin-bottom:18px; } .page-id-21 .wp-block-post-content>.wp-block-group.alignwide>p:first-of-type, .page-id-29 .wp-block-post-content>.wp-block-group.alignwide>p:first-of-type, .page-id-31 .wp-block-post-content>.wp-block-group.alignwide>p:first-of-type, .page-id-1 .wp-block-post-content>.wp-block-group.alignwide>p:first-of-type{ color:var(--vvp-muted); font-size:clamp(1.05rem,1.5vw,1.22rem); line-height:1.65; } /* Editorial category cards */ .page-id-21 .wp-block-post-content .wp-block-columns, .page-id-29 .wp-block-post-content .wp-block-columns, .page-id-31 .wp-block-post-content .wp-block-columns, .page-id-1911 .wp-block-post-content .wp-block-columns, .page-id-1985 .wp-block-post-content .wp-block-columns{ gap:clamp(24px,3vw,38px)!important; align-items:stretch!important; margin-bottom:clamp(28px,4vw,48px)!important; } .page-id-21 .wp-block-post-content .wp-block-column, .page-id-29 .wp-block-post-content .wp-block-column, .page-id-31 .wp-block-post-content .wp-block-column, .page-id-1911 .wp-block-post-content .wp-block-column, .page-id-1985 .wp-block-post-content .wp-block-column{ display:flex; flex-direction:column; min-width:0; background:var(--vvp-surface); border:1px solid var(--vvp-line); box-shadow:0 1px 0 rgba(35,37,30,.04); overflow:hidden; transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease; } .page-id-21 .wp-block-post-content .wp-block-column:hover, .page-id-29 .wp-block-post-content .wp-block-column:hover, .page-id-31 .wp-block-post-content .wp-block-column:hover, .page-id-1911 .wp-block-post-content .wp-block-column:hover, .page-id-1985 .wp-block-post-content .wp-block-column:hover{ transform:translateY(-4px); box-shadow:var(--vvp-shadow); border-color:#bbb39f; } .page-id-21 .wp-block-column figure, .page-id-29 .wp-block-column figure, .page-id-31 .wp-block-column figure, .page-id-1911 .wp-block-column figure, .page-id-1985 .wp-block-column figure{margin:0!important;background:#ded8ca;overflow:hidden} .page-id-21 .wp-block-column figure img, .page-id-29 .wp-block-column figure img, .page-id-31 .wp-block-column figure img, .page-id-1911 .wp-block-column figure img, .page-id-1985 .wp-block-column figure img{ display:block;width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important; transition:transform .55s cubic-bezier(.2,.65,.3,1); } .page-id-21 .wp-block-column:hover figure img, .page-id-29 .wp-block-column:hover figure img, .page-id-31 .wp-block-column:hover figure img, .page-id-1911 .wp-block-column:hover figure img, .page-id-1985 .wp-block-column:hover figure img{transform:scale(1.025)} .page-id-21 .wp-block-column>h2, .page-id-29 .wp-block-column>h2, .page-id-31 .wp-block-column>h2, .page-id-1911 .wp-block-column>h2, .page-id-1985 .wp-block-column>h2{ margin:0!important;padding:24px 24px 6px!important;font-size:clamp(1.42rem,2.1vw,2rem)!important; } .page-id-21 .wp-block-column>h2 a, .page-id-29 .wp-block-column>h2 a, .page-id-31 .wp-block-column>h2 a, .page-id-1911 .wp-block-column>h2 a, .page-id-1985 .wp-block-column>h2 a{text-decoration:none!important} .page-id-21 .wp-block-column>p, .page-id-29 .wp-block-column>p, .page-id-31 .wp-block-column>p, .page-id-1911 .wp-block-column>p, .page-id-1985 .wp-block-column>p{ margin:0!important;padding:8px 24px 27px!important;color:var(--vvp-muted);font-size:15px;line-height:1.65; } /* Article presentation */
body:not(.home) .wp-block-post-content{
  padding-bottom:clamp(48px,6vw,80px);
}
.page-id-21 .wp-block-post-content,
.page-id-29 .wp-block-post-content,
.page-id-31 .wp-block-post-content,
.page-id-1911 .wp-block-post-content,
.page-id-1985 .wp-block-post-content{
  padding-bottom:0;
}
body:not(.home) .wp-block-post-content>p, body:not(.home) .wp-block-post-content>ul, body:not(.home) .wp-block-post-content>ol{font-size:clamp(1rem,1.1vw,1.105rem)} body:not(.home) .wp-block-post-content>h2{margin-top:clamp(46px,7vw,76px);margin-bottom:18px} body:not(.home) .wp-block-post-content>h3{margin-top:40px;margin-bottom:14px} body:not(.home) .wp-block-post-content>figure:not(.alignwide):not(.alignfull){ margin-top:34px;margin-bottom:34px; } .wp-block-image figcaption{ color:var(--vvp-muted);font-size:12px;line-height:1.45;border-left:2px solid var(--vvp-stone);padding-left:12px; } .wp-block-quote{ margin-block:38px;padding:24px 28px;background:#ebe7dc;border-left:4px solid var(--vvp-olive); } /* Media polish */ .wp-block-image img{background:#ded8ca} .wp-block-image a{display:block} .wp-block-button__link{ border-radius:2px!important; font-weight:700; letter-spacing:.035em; transition:transform .18s ease,box-shadow .18s ease; } .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,40,31,.16)} /* Footer */ footer.wp-block-template-part{ margin-top:0!important; background:var(--vvp-forest)!important; color:#f4f0e7!important; border-top:5px solid var(--vvp-olive); } footer.wp-block-template-part>.wp-block-group{background:transparent!important;padding-top:clamp(48px,7vw,86px)!important;padding-bottom:clamp(38px,5vw,64px)!important} footer.wp-block-template-part h2,footer.wp-block-template-part h3,footer.wp-block-template-part a{color:#f4f0e7!important} footer.wp-block-template-part p{color:#d9dbd2!important} footer.wp-block-template-part a{text-decoration-color:rgba(255,255,255,.35)} /* Desktop */ @media (min-width:1100px){ .page-id-21 .wp-block-post-content .wp-block-columns[style*="margin-top:32px"]{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important} .wp-block-post-content>.wp-block-group.alignwide{padding-inline:24px} .page-id-21 .wp-block-post-content>.wp-block-group.alignwide, .page-id-29 .wp-block-post-content>.wp-block-group.alignwide, .page-id-31 .wp-block-post-content>.wp-block-group.alignwide{padding-inline:0} } /* Tablet */ @media (min-width:700px) and (max-width:1099px){ body{font-size:16.5px} header.wp-block-template-part nav a{padding:.7rem .58rem;font-size:14px} .page-id-21 .wp-block-post-content .wp-block-columns, .page-id-29 .wp-block-post-content .wp-block-columns, .page-id-31 .wp-block-post-content .wp-block-columns, .page-id-1911 .wp-block-post-content .wp-block-columns, .page-id-1985 .wp-block-post-content .wp-block-columns{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} .page-id-21 .wp-block-post-content .wp-block-column, .page-id-29 .wp-block-post-content .wp-block-column, .page-id-31 .wp-block-post-content .wp-block-column, .page-id-1911 .wp-block-post-content .wp-block-column, .page-id-1985 .wp-block-post-content .wp-block-column{width:auto!important;flex-basis:auto!important} } .entry-content>.wp-block-group.alignfull[style*="background-color:#000000"],.entry-content>.wp-block-group.alignfull.has-contrast-background-color{border-top:3px solid #7d8a43!important;border-bottom:3px solid #7d8a43!important} .page-id-1148 .wp-block-post-content>.wp-block-buttons{display:grid!important;grid-template-columns:repeat(4,62px)!important;gap:10px!important;justify-content:center!important;margin-block:16px!important} .page-id-1148 .wp-block-post-content>.wp-block-buttons:has(>.wp-block-button:only-child){grid-template-columns:62px!important} .page-id-1148 .wp-block-post-content>.wp-block-buttons .wp-block-button,.page-id-1148 .wp-block-post-content>.wp-block-buttons .wp-block-button__link{width:100%!important;text-align:center!important} /* Mobile */ @media (max-width:699px){ body{font-size:16px;line-height:1.65} header.wp-block-template-part>.wp-block-group, header.wp-block-template-part .wp-block-group.has-background{min-height:58px} header.wp-block-template-part .wp-block-navigation__responsive-container{ background:var(--vvp-forest)!important;color:#fff!important;padding:28px!important; } header.wp-block-template-part .wp-block-navigation__responsive-container a{ font-family:Cardo,Georgia,serif;font-size:1.55rem!important;font-weight:400;padding:9px 0; } .wp-block-breadcrumbs{padding:15px 18px!important;font-size:10px!important;white-space:nowrap;overflow-x:auto} .wp-block-post-content>.wp-block-group[style*="padding-top:48px"]{ padding-top:30px!important;padding-bottom:54px!important; } .page-id-21 .wp-block-post-content .wp-block-columns, .page-id-29 .wp-block-post-content .wp-block-columns, .page-id-31 .wp-block-post-content .wp-block-columns, .page-id-1911 .wp-block-post-content .wp-block-columns, .page-id-1985 .wp-block-post-content .wp-block-columns{ display:grid!important;grid-template-columns:1fr!important;gap:22px!important;margin-bottom:22px!important; } .page-id-21 .wp-block-column>h2, .page-id-29 .wp-block-column>h2, .page-id-31 .wp-block-column>h2, .page-id-1911 .wp-block-column>h2, .page-id-1985 .wp-block-column>h2{padding:20px 20px 5px!important} .page-id-21 .wp-block-column>p, .page-id-29 .wp-block-column>p, .page-id-31 .wp-block-column>p, .page-id-1911 .wp-block-column>p, .page-id-1985 .wp-block-column>p{padding:7px 20px 23px!important} .wp-block-post-content{overflow-wrap:anywhere} .wp-block-table{overflow-x:auto;display:block;-webkit-overflow-scrolling:touch} .vasta-home-hero{height:auto!important;aspect-ratio:1671/941!important;overflow:hidden!important} .vasta-home-hero>img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:left top!important;display:block!important} .vasta-home-name{left:7%!important;right:7%!important;top:12%!important;font-size:clamp(1.9rem,9vw,3rem)!important;line-height:1.06!important} .vasta-home-topics{left:7%!important;right:7%!important;top:64%!important;font-size:clamp(.62rem,2.8vw,.82rem)!important;letter-spacing:.045em!important} .vasta-home-motto{left:7%!important;right:7%!important;top:74%!important;transform:none!important;text-align:center!important;font-size:clamp(.95rem,4.4vw,1.25rem)!important} } .page-id-21 .wp-block-post-content .wp-block-column:empty, .page-id-29 .wp-block-post-content .wp-block-column:empty, .page-id-31 .wp-block-post-content .wp-block-column:empty, .page-id-1911 .wp-block-post-content .wp-block-column:empty, .page-id-1985 .wp-block-post-content .wp-block-column:empty{display:none!important} @media (min-width:1100px){ .page-id-21 .wp-block-post-content .wp-block-column, .page-id-29 .wp-block-post-content .wp-block-column, .page-id-31 .wp-block-post-content .wp-block-column, .page-id-1911 .wp-block-post-content .wp-block-column, .page-id-1985 .wp-block-post-content .wp-block-column{flex:1 1 0!important} } /* Homepage editorial cards */ .vasta-home-hero,.vasta-home-hero img{background:#000!important} .home .wp-block-post-content .wp-block-columns:not(.are-vertically-aligned-center){ gap:clamp(24px,3vw,38px)!important;align-items:stretch!important;margin-bottom:clamp(24px,3vw,38px)!important; } .home .wp-block-post-content .wp-block-columns:not(.are-vertically-aligned-center)>.wp-block-column{ display:flex;flex-direction:column;background:var(--vvp-surface);border:1px solid var(--vvp-line); overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease; } .home .wp-block-post-content .wp-block-columns:not(.are-vertically-aligned-center)>.wp-block-column:hover{ transform:translateY(-4px);box-shadow:var(--vvp-shadow);border-color:#bbb39f; } .home .wp-block-post-content .wp-block-columns:not(.are-vertically-aligned-center) figure{margin:0!important;background:#ded8ca;overflow:hidden} .home .wp-block-post-content .wp-block-columns:not(.are-vertically-aligned-center) figure img{ display:block;width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important;transition:transform .55s cubic-bezier(.2,.65,.3,1); } .home .wp-block-post-content .wp-block-columns:not(.are-vertically-aligned-center) .wp-image-125{object-fit:contain!important;object-position:center!important;background:#f3f0e7!important;padding:18px!important;box-sizing:border-box!important} .home .wp-block-post-content .wp-block-columns:not(.are-vertically-aligned-center)>.wp-block-column:hover figure img{transform:scale(1.025)} .home .wp-block-post-content .wp-block-columns:not(.are-vertically-aligned-center) h3{margin:0!important;padding:23px 23px 5px!important} .home .wp-block-post-content .wp-block-columns:not(.are-vertically-aligned-center) h3 a{text-decoration:none!important} .home .wp-block-post-content .wp-block-columns:not(.are-vertically-aligned-center) .wp-block-column>p{margin:0!important;padding:7px 23px 25px!important;color:var(--vvp-muted);font-size:15px;line-height:1.65} @media (min-width:700px) and (max-width:1099px){ .home .wp-block-post-content .wp-block-columns:not(.are-vertically-aligned-center){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} .home .wp-block-post-content .wp-block-columns:not(.are-vertically-aligned-center)>.wp-block-column{width:auto!important;flex-basis:auto!important} } @media (max-width:699px){ .home .wp-block-post-content .wp-block-columns:not(.are-vertically-aligned-center){display:grid!important;grid-template-columns:1fr!important;gap:22px!important} } /* Language switcher and Greek breadcrumbs */ #gt_float_wrapper{position:fixed!important;top:6px!important;left:10px!important;right:auto!important;z-index:100000!important} .gt_float_switcher{ position:relative!important;top:auto!important;left:auto!important;right:auto!important; background:transparent!important;box-shadow:none!important;border:0!important;font-family:Inter,system-ui,sans-serif!important; } .gt_float_switcher .gt-selected{background:transparent!important} .gt_float_switcher .gt-selected .gt-current-lang{ padding:8px 10px!important;color:#f8f5ec!important;font-size:13px!important;font-weight:700!important; } .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code{color:#f8f5ec!important} .gt_float_switcher img{width:20px!important;height:auto!important} .gt_float_switcher .gt_options{ top:calc(100% + 8px)!important;right:0!important;left:auto!important; min-width:190px!important;max-height:360px!important;background:#fffdf8!important; border:1px solid #d8d1c3!important;box-shadow:0 16px 40px rgba(30,32,26,.18)!important; } .gt_float_switcher .gt_options a{color:#24251f!important;font-size:13px!important;padding:9px 13px!important} .wp-block-breadcrumbs li:first-child a{font-size:0} .wp-block-breadcrumbs li:first-child a::after{content:"ΑΡΧΙΚΗ";font-size:12px} @media (max-width:699px){ .menu-item-gtranslate{display:block!important;width:100%!important;position:relative!important} #gt_float_wrapper{ position:static!important;inset:auto!important;z-index:auto!important; width:auto!important;margin:14px 0 0!important; } .gt_float_switcher{ display:block!important;width:100%!important;max-width:220px!important; position:relative!important; } .gt_float_switcher .gt-selected .gt-current-lang{ display:flex!important;align-items:center!important;gap:9px!important; min-height:44px!important;padding:9px 0!important;color:#f8f5ec!important; } .gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code{font-size:14px!important} .gt_float_switcher .gt_options{ position:relative!important;top:auto!important;right:auto!important;left:auto!important; width:100%!important;max-height:260px!important;margin-top:6px!important; } .page-id-27 .podcast-intro{margin-bottom:48px!important} .wp-block-breadcrumbs li:first-child a::after{font-size:10px} } @media (prefers-reduced-motion:reduce){ *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important} }
/* VVP migration year buttons */
.migration-years-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:10px!important;
  max-width:400px;
  margin-left:auto!important;
  margin-right:auto!important;
}
.migration-years-grid .wp-block-button{
  margin:0!important;
}
.migration-years-grid .wp-block-button__link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:68px!important;
  min-width:68px!important;
  min-height:56px!important;
  padding:10px 8px!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  line-height:1!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
@media (min-width:700px){
  .page-id-1148 .wp-block-post-content>.wp-block-buttons.migration-years-grid{
    display:grid!important;
    grid-template-columns:repeat(5,68px)!important;
    width:max-content!important;
    max-width:none!important;
    gap:10px!important;
    justify-content:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media (max-width:600px){
  .migration-years-grid{
    max-width:236px;
    gap:10px!important;
  }
  .migration-years-grid .wp-block-button__link{
    width:72px!important;
    min-width:72px!important;
    min-height:54px!important;
    padding:10px 6px!important;
  }
}