@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap");

:root {
  --sans:"Open Sans",Arial,sans-serif;
  --serif:"Open Sans",Arial,sans-serif;
}
body { font-family:"Open Sans",Arial,sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family:"Open Sans",Arial,sans-serif!important; }
.hero h1,
.page-hero h1 { line-height:1.12!important; padding-block:.06em; overflow:visible; }

.site-header .header-utility {
  min-height:36px;
  padding:0 max(20px,calc((100% - 1200px)/2));
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:.45rem;
  color:#27313b;
  background:#fff;
  border-bottom:1px solid #d9dee3;
  font-size:.76rem;
  font-weight:700;
}
.site-header .header-utility-label { margin-right:.25rem; color:#59636d; font-weight:600; }
.site-header .header-utility a {
  min-height:27px;
  padding:.26rem .62rem;
  display:inline-flex;
  align-items:center;
  gap:.38rem;
  color:#111;
  background:#f5f6f7;
  border:1px solid #d9dee3;
  border-radius:999px;
  text-decoration:none;
  line-height:1.2;
  transition:color .18s ease,background .18s ease,border-color .18s ease;
}
.site-header .header-utility a:hover,
.site-header .header-utility a:focus-visible { color:#000; background:#dff7f4; border-color:#58bdb4; }
.site-header .utility-icon { font-size:.86rem; font-weight:900; }
.site-header .nav {
  width: min(1200px, calc(100% - 40px));
  min-height: 94px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: clamp(1rem, 2vw, 2rem);
  border-bottom: 1px solid #d9dee3;
  background:#fff;
}
.site-header { color:#111!important; background:#fff!important; }
.site-header .brand { display:flex; align-items:center; color:#111; text-decoration:none; }
.site-header .brand-name { margin-left:.85rem; color:#111; font-family:"Open Sans",Arial,sans-serif; font-size:1.12rem; font-weight:600; line-height:1; letter-spacing:.01em; white-space:nowrap; }
.site-header .brand img,
.site-header .brand-logo { width:auto; height:72px; }
.site-header .links,
.site-header .nav-links { margin-left:auto; display:flex; align-items:center; gap:clamp(.85rem,1.65vw,1.6rem); }
.site-header .links a,
.site-header .nav-links a { padding:.28rem 0; color:#111; text-decoration:none; font-size:.83rem; font-weight:700; line-height:1.5; text-transform:none; letter-spacing:.01em; overflow:visible; }
.site-header .links a:hover,
.site-header .links a:focus-visible,
.site-header .links a[aria-current="page"],
.site-header .nav-links a:hover,
.site-header .nav-links a:focus-visible,
.site-header .nav-links a[aria-current="page"] { color:#9b1b2d; }
.site-header .menu,
.site-header .menu-button { display:none; width:44px; height:44px; border:1px solid #bbc2c8; border-radius:12px; color:#111; background:#f5f6f7; font-size:1.2rem; cursor:pointer; }
.site-header .bank-brand { flex:0 0 auto; margin-left:0; padding-left:clamp(.4rem,1vw,.8rem); display:flex; align-items:center; }
.site-header .bank-logo { display:none!important; }
.site-header .bank-brand::after {
  content:"Τράπεζα της Ελλάδος";
  color:#111;
  font-size:.92rem;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.01em;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
  white-space:nowrap;
}
.site-header .brand img,
.site-header .brand-logo,
.site-header .bank-logo { filter:brightness(0); }
.hero,
.page-hero {
  background-image:url("airy-header-background.png")!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.hero.education-hero,
.page-hero.education-hero {
  background-image:linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.72)),url("education-header.jpg")!important;
  background-position:center!important;
}
.page-hero.art-hero {
  background-image:linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.72)),url("art-exhibitions-header.jpg")!important;
  background-position:center!important;
}
.page-hero { color:#10283b!important; }
.page-hero .eyebrow { color:#376f78!important; }
.page-hero .hero-lead { color:#4f6675!important; }
.hero:not([aria-roledescription="καρουσέλ"]) { color:#10283b!important; }
.hero:not([aria-roledescription="καρουσέλ"]) .eyebrow { color:#376f78!important; }
.hero:not([aria-roledescription="καρουσέλ"]) .lead { color:#4f6675!important; }
.hero:not([aria-roledescription="καρουσέλ"]) .tags span { border-color:rgba(16,40,59,.22)!important; }
.hero:not([aria-roledescription="καρουσέλ"]) .button.secondary { color:#10283b!important; border-color:rgba(16,40,59,.3)!important; background:rgba(255,255,255,.64)!important; }
.hero::before,
.hero::after,
.page-hero::before,
.page-hero::after { content:none!important; }
footer {
  color:#536579!important;
  background:#fff!important;
  border-top:1px solid rgba(7,26,47,.12);
}
footer a { color:#10283b!important; }
footer .footer-see-also {
  width:min(1200px,calc(100% - 40px));
  margin:1.15rem auto 0;
  padding-top:1rem;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.45rem .8rem;
  border-top:1px solid rgba(7,26,47,.12);
  color:#536579;
  font-size:.8rem;
}
footer .footer-see-also strong { color:#10283b; }
footer .footer-see-also a {
  color:#a31e32!important;
  font-weight:750;
  text-decoration:none;
}
footer .footer-see-also a:hover,
footer .footer-see-also a:focus-visible { color:#10283b!important; }
@media(max-width:960px){
  .site-header .menu,
  .site-header .menu-button { display:grid; place-items:center; order:3; margin-left:.25rem; }
  .site-header .bank-brand { order:2; margin-left:auto; }
  .site-header .bank-brand::after { font-size:.82rem; }
  .site-header .links,
  .site-header .nav-links { position:absolute; z-index:30; top:130px!important; right:20px; left:20px; margin-left:0; padding:1rem 1.2rem 1.25rem; display:none; align-items:stretch; flex-direction:column; gap:.15rem; border:1px solid #d9dee3; border-radius:0 0 18px 18px; background:#fff; box-shadow:0 20px 40px rgba(0,0,0,.18); }
  .site-header .links.open,
  .site-header .nav-links.open { display:flex; }
  .site-header .links a,
  .site-header .nav-links a { padding:.7rem 0; }
}
@media(max-width:650px){
  .site-header .header-utility { min-height:34px; padding:0 14px; gap:.32rem; font-size:.7rem; }
  .site-header .header-utility-label { display:none; }
  .site-header .header-utility a { min-height:25px; padding:.22rem .5rem; }
  .site-header .utility-long { display:none; }
  .site-header .nav { width:min(100% - 28px,1200px); min-height:82px; }
  .site-header .brand img,
  .site-header .brand-logo { height:62px; }
  .site-header .links,
  .site-header .links,
  .site-header .nav-links { top:116px!important; right:14px; left:14px; }
  .site-header .bank-brand { display:none; }
  .site-header .brand-name { margin-left:.55rem; font-size:.8rem; }
  .hero,
  .page-hero { background-position:58% center!important; }
  footer .footer-see-also { width:min(100% - 28px,1200px); align-items:flex-start; flex-direction:column; }
  footer .footer-see-also span { display:none; }
}