:root {
--brand: hsl(16, 91%, 49%);
--text: #111;
--text-on-red: #fff;
} .static-links .container {
border-bottom: 3px dotted var(--brand);
padding: 0.75rem 1rem;
}
.static-links .container:last-child {
border-bottom: 3px solid var(--brand);
} .static-link {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
color: var(--brand);
font-size: 1.5rem;
font-weight: 600;
transition: color .2s ease;
}
.static-link:hover {
text-decoration: underline 2px solid var(--brand);
text-underline-offset: 3px;
}
.static-link i {
font-size: 1.25rem;
margin-left: .5rem;
} .site-nav {
position: relative;
z-index: 50;
display: flex;
align-items: center;
gap: 1rem;
} .site-nav .brand { order: 0; }
.site-nav .links { order: 1; display: flex; gap: 1.25rem; margin-left: auto; }
.lang-switch      {
order: 2;
margin-left: 0;
} .menu-button      { order: 3; display: none; } .site-nav .brand img { height: auto; }  .menu-button {
position: relative;
z-index: 101;
width: 40px;
height: 40px;
background: white;
border: 0;
cursor: pointer;
align-items: center;
border-radius: .5em;
justify-content: center;
}
.menu-button .bar {
position: absolute;
width: 24px;
height: 2px; background: var(--brand); transition: transform 200ms ease, opacity 200ms ease, top 200ms ease;
left: 50%;
transform: translateX(-50%);
}
.menu-button .bar:nth-child(1) { top: 12px; }
.menu-button .bar:nth-child(2) { top: 19px; }
.menu-button .bar:nth-child(3) { top: 26px; } .mobile-only { display: none; } @media (max-width: 980px) {
.html { max-width: 100vw; } .site-nav {
flex-direction: row;
}
.site-nav .brand img {
height: 50px;
}
.site-nav .brand img:last-child {
height: 40px;
max-width: 120px;
}
.site-nav .lang-btn {
padding: 4px 8px;
gap: 0;
} .header-image { height: 300px; }
.image-wrapper { padding: 0; } .site-nav .links { display: none; }
.header-text h1 { font-size: 2.2rem; }
.container > .collapsible { font-size: 1.5rem; }
figcaption { display: none; }
h2 { font-size: 1.9rem; line-height: 1; }
.events h2 { padding-bottom: 1rem; }
.section-title > a { font-size: 1.3rem; }
p { font-size: 1.3rem; line-height: 1.5; } .quick-links a { font-size: 1.5rem; }
.news-body { flex-direction: column; gap: 1rem; }
.news-body > * { flex: 1 1 auto; width: 100%; }
.news-body .text { gap: 0; }
.mobile-only { display: block; }
} @media (max-width: 800px) {
.image-wrapper-top .quick-links {
flex-direction: column;
padding-top: 1em;
padding-bottom: 2em;
}
} @media (max-width: 600px) {
.featured-events .container { padding: 1em; }
.quick-links a { font-size: 1.25rem; }
.quick-links a.btn { border: 2px solid; }
} @media (max-width: 1120px) { .site-nav { gap: .5rem; }
.site-nav .brand { order: 0; }
.menu-button {
order: 3;
margin-left: 0;
display: inline-flex;
}
.lang-switch {
order: 2;
display: none;
} .site-nav .links {
position: fixed;
inset: 0;
display: flex; flex-direction: column;
justify-content: center;
align-items: flex-start; gap: 0.75rem;
background: var(--brand); transform: translateY(-100%);
opacity: 0;
pointer-events: none;
transition: transform 220ms ease, opacity 220ms ease;
z-index: 100;
padding: 2rem;
}
.site-nav .links p { margin: 0; }
.site-nav .links a {
display: block;
text-decoration: none;
color: inherit;
font-size: clamp(20px, 6vw, 34px);
line-height: 1.2;
padding: 0.4rem 0;
} .site-nav.open .links {
transform: translateY(0);
opacity: 1;
pointer-events: auto;
gap: 0;
} .site-nav.open .lang-switch {
display: block;   z-index: 102;
} body.menu-open { overflow: hidden; touch-action: none; } .site-nav.open .menu-button .bar:nth-child(1) {
top: 19px; transform: translateX(-50%) rotate(45deg);
}
.site-nav.open .menu-button .bar:nth-child(2) {
opacity: 0; transform: translateX(-50%) scaleX(0);
}
.site-nav.open .menu-button .bar:nth-child(3) {
top: 19px; transform: translateX(-50%) rotate(-45deg);
} .site-nav .brand {
order: 0;
z-index: 1000;
}
.lang-btn i {
margin-left: 0;
}
header .links li p{
font-size: 2.2rem;
font-weight: 600;
color: #fff;
}
}