/* GENERATED by bin/import-design.py from her design: fonts and her own rules. */
/* cyrillic-ext */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/design/8b4f5f6fdd855e61.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/design/ad254e46b7ae239e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/design/c9f8b7d3da5efe0c.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/design/c529ef93f7493f04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/design/5a4fed2551187780.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/design/737ec8f28006b815.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/design/8b4f5f6fdd855e61.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/design/ad254e46b7ae239e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/design/c9f8b7d3da5efe0c.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/design/c529ef93f7493f04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/design/5a4fed2551187780.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/design/737ec8f28006b815.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/design/8b4f5f6fdd855e61.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/design/ad254e46b7ae239e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/design/c9f8b7d3da5efe0c.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/design/c529ef93f7493f04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/design/5a4fed2551187780.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/design/737ec8f28006b815.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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/design/8b4f5f6fdd855e61.woff2") format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/design/ad254e46b7ae239e.woff2") format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/design/c9f8b7d3da5efe0c.woff2") format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/design/c529ef93f7493f04.woff2") format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/design/5a4fed2551187780.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Commissioner';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/design/737ec8f28006b815.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;
}


body{margin:0;background:#F5F7F6}
a{color:#1D3C78}a:hover{color:#142B57}
nav[aria-label="Main"] a{border-bottom:2px solid transparent}
nav[aria-label="Main"] a:hover{color:#1D3C78;border-bottom-color:#E06A10}
.mnav-toggle{display:none}
@media (max-width: 760px){
.mnav-toggle{display:inline-flex !important;order:2}
.hdr-book{order:3}
nav.mainnav{display:none !important;order:4}
nav.mainnav.open{display:flex !important;flex-direction:column;width:100%;border-top:1px solid #DDE6E4;padding-top:8px}
nav.mainnav.open a{padding:12px 0 !important;font-size:1.125rem}
}


/* ---- Ours, not her design (bin/import-design.py OUR_CSS) ---- */

/* The menu marks the page you are on, the way her design marks a hovered link. */
nav[aria-label="Main"] a[aria-current="page"]{color:#1D3C78;border-bottom-color:#E06A10}

/* Her header is one wrapping row: logo, menu, button. The Greek menu alone is
   ~1080px against a 1200px container, so in Greek it always broke into three
   lines (logo / menu / button), and English did below ~1220px. Wide screens
   get two deliberate rows instead, the same in both languages so switching
   language does not move the header: logo left and button right, then the
   menu on its own line. Where even the Greek menu no longer fits one line,
   her phone menu (the button that opens it) takes over. */
@media (min-width: 1141px){
  header .hdr-book{order:2}
  header nav.mainnav{order:3;flex-basis:100%}
}
@media (max-width: 1140px){
  .mnav-toggle{display:inline-flex !important;order:2;margin-left:auto}
  .hdr-book{order:3}
  nav.mainnav{display:none !important;order:4}
  nav.mainnav.open{display:flex !important;flex-direction:column;width:100%;border-top:1px solid #DDE6E4;padding-top:8px}
  nav.mainnav.open a{padding:12px 0 !important;font-size:1.125rem}
}

/* Phones: ONE line in the blue bar and ONE in the white (Jake, 2026-10-29).
   Blue: the phone number (tap to call) and EN / ΕΛ; the towns and the email
   are on the Contact page and in the footer. White: logo and menu button;
   the booking button moves into the opened menu, under the links (her hero's
   own booking button is just below the header anyway). */
@media (max-width: 640px){
  .topbar > div{flex-wrap:nowrap !important;gap:12px !important}
  .topbar > div > div:first-child > span, .topbar a[href^="mailto:"]{display:none !important}
  header > div{gap:12px !important}
  header > div > a:first-child img{height:52px !important}
  header .hdr-book{display:none !important;order:5}
  header nav.mainnav.open ~ .hdr-book{display:inline-flex !important;margin-bottom:12px}
}

/* For families, as a page of its own (Jake, 2026-10-29: "looks weird"). Her
   two columns centred a short intro beside a ~40-item list, so the page
   opened on an empty left half with the title halfway down. Now: the intro
   across the top (words left, photo right, the words centred against it),
   then the leaflets and the useful links in two columns. Phones: one column,
   photo under the words, as she had it. */
#families > div{grid-template-columns:1fr !important;align-items:start !important;gap:40px !important}
#families > div > div:first-child{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,420px);grid-template-rows:1fr auto auto 1fr;column-gap:56px;row-gap:14px}
#families > div > div:first-child > h2{grid-column:1;grid-row:2}
#families > div > div:first-child > p{grid-column:1;grid-row:3}
#families > div > div:first-child > img{grid-column:2;grid-row:1 / 5;margin-top:0 !important;align-self:center}
#families > div > div:nth-child(2){display:grid !important;grid-template-columns:repeat(auto-fill,minmax(min(460px,100%),1fr));gap:12px 20px !important}
#families > div > div:nth-child(2) > span{grid-column:1 / -1;margin-top:28px !important}
@media (max-width: 760px){
  #families > div > div:first-child{grid-template-columns:1fr;grid-template-rows:none}
  #families > div > div:first-child > h2, #families > div > div:first-child > p{grid-row:auto}
  #families > div > div:first-child > img{grid-column:1;grid-row:auto;margin-top:14px !important}
}