/* Rotary Nederland PoC. Official Royal Blue and Gold, on a white canvas. */
.district-explorer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 400px); gap: 48px; align-items: start; }
.district-map { margin: 0; width: 100%; }
.district-map svg { display: block; width: 100%; height: auto; }
.district-map a { cursor: pointer; }
.district-map path { fill: #f7a81b; fill-opacity: 0; stroke: #17458f; stroke-width: 0; transition: fill-opacity .15s; }
.district-map a:hover path, .district-map a:focus path { fill-opacity: .42; stroke-width: 2; }
.district-map a:focus { outline: none; }
.district-map figcaption { text-align: center; color: #54565a; font-size: 16px; margin-top: 12px; }
@media (max-width: 800px) { .district-explorer { grid-template-columns: 1fr; gap: 24px; } .district-map { max-width: 400px; margin-inline: auto; } }
body[class][class] {
  --color-primary-100: #17458f;
  --color-primary-75: #17458f;
  --color-neutral-0: #fff;
  --color-neutral-10: #f5f6f7;
  --color-neutral-20: #e8ebef;
  --color-neutral-80: #333;
  --color-neutral-90: #222;
  --headline-family: "Open Sans", Arial, sans-serif;
  --headline-weight: 700;
  background: #fff;
  color: #333;
}
body .header {
  background: #fff;
  color: #17458f;
  border-bottom: 4px solid #f7a81b;
  height: auto;
  padding-block: 20px;
}
body .header__content { justify-content: space-between; flex-wrap: wrap; }
body .header__menu-button { display: none; }
body .header__menu { display: block; }
body .header__nav-list { display: flex; gap: 8px; }
body .header__logo { height: auto; line-height: normal; flex-shrink: 0; }
body .header__logo img.rotary-logo { width: 210px; height: auto; max-height: 76px; }
body .header__nav-item { color: #17458f; font-weight: 600; }
body .header__nav-item:hover,
body .header__nav-item--active { text-decoration-color: #f7a81b; text-decoration-thickness: 3px; text-underline-offset: 8px; }
body .header__language-nav { display: none; }
body .header__menu-button .button { color: #17458f; background: #fff; border: 1px solid #17458f; }
body .component--page-footer {
  background: #fff;
  color: #17458f;
  border-top: 2px solid #f7a81b;
  padding-block: 28px;
}
body .footer__logo img.rotary-logo { width: 170px; height: auto; }
body .footer__meta { margin-top: 0; }
body .headline { color: #17458f; font-family: "Open Sans", Arial, sans-serif; font-weight: 700; }
body .component a { color: #17458f; text-underline-offset: 3px; }
body a:focus-visible { outline: 3px solid #f7a81b; outline-offset: 5px; }
@media (max-width: 600px) {
  body .header__logo img.rotary-logo { width: 165px; }
  body .header { padding-block: 16px; }
  body .header__content { justify-content: center; }
  body .header__menu { width: 100%; }
  body .header__nav-list { justify-content: center; }
  body .header__nav-item { padding-inline: 12px; }
}
/* Light Rotary navigation: white, Royal Blue and Gold. */
body .rotary-shared-header{border-bottom:3px solid #f7a81b}
body .rotary-national-panel{background:#fff;color:#17458f;border-top:3px solid #f7a81b;border-bottom:1px solid #e5e8ec;box-shadow:0 8px 18px #17458f14}
body .rotary-national-panel a{color:#17458f!important}
body .rotary-national-panel .rotary-national-title{padding-bottom:10px;border-bottom:2px solid #f7a81b}
body .rotary-national-panel a:hover,body .rotary-national-panel a:focus-visible{color:#17458f!important;text-decoration:underline;text-decoration-color:#f7a81b;text-decoration-thickness:2px;text-underline-offset:4px}
body .rotary-national-menu>summary{color:#17458f}
body .rotary-national-menu>summary:hover{background:#fafbfc}