/* Fonts */
html { font-family: "Geist" }
nav a, h1, h2 { font-family: "Geist Mono" }
/* Colours: blue = #025BB4 / red = #DD1E39 / green = #7AC753 */
/* home */
main { padding-top: 0px !important }
header { background: #025BB4; border-bottom: none; padding-right: 32px !important; position: relative; }
header #menu:checked~nav { background: #025BB4 }
nav a { color: #fff }
body.home h1 { color: #025BB4 }
body.home #about p, #about p a { color: #025BB4; text-shadow: none; white-space: wrap }
header .menu::before { color: #fff }
body.home #timeline, body.home #timeline a { color: #025BB4 }
body:not(.page) #timeline time:after { background: #025BB4 }
#timeline ol { border-color: #025BB4 }
#timeline li a { color: #025BB4; border-bottom: 3px dotted #025BB4; display: inline-block !important }
#timeline li a h3:after { content: "↗"; font-size: 0.8em; padding-left: 0.25em }
body.home #timeline { background: #CACACA }
body.home #gallery { color: #fff !important; background: #7AC753 }
body.home #gallery a { color: #fff !important; font-weight: 500 }
#collaborators h2 { color: #025BB4 }
footer { border-top: none; color: #fff !important; background: #DD1E39 }
footer a { color: #fff }
@media(min-width:1150px){ body.home #timeline, body.home #gallery, footer { max-width: 100vw; padding-left: calc(16px + (50% - 575px)); padding-right: calc(16px + (50% - 575px)) } }
@media(max-width:768px){ header img { margin-left: -45px }}
#ticker {margin-top: -42px}
#ticker iframe { width: 1920px; margin: 0 auto }
/*About Page */
body.about, body.about footer { background: #025BB4 !important; color: #fff !important }
body.about p a {color: #fff !important; overflow: hidden; max-width: 90vw; display: inline-block; white-space: nowrap !important; }
#about .wp-caption p:empty { display: none !important }
/* Timeline Page */
body.page.timeline header { background: #fff }
body.page.timeline header .menu::before { color: #025BB4 }
body.page.timeline header #menu:checked+.menu::before { color: #fff; text-shadow: none }
@media(min-width:768px){ body.page.timeline nav a { color: #025BB4 } }
body.page.timeline { color: #025BB4 }
body.page #timeline ol { border-color: #025BB4 }
body.page #timeline ol li time { font-family: "Geist Mono"; font-size: 1.2em; font-weight: bold }
body.page #timeline ol li h3 {font-size: 1.2em }
body.page #timeline ol li { margin-bottom: 60px }
body.page.timeline footer { background: #fff !important; color: #025BB4 !important }
body.page.timeline footer p a {color: #025BB4 !important }
body.page.timeline footer li a {color: #025BB4 !important }
/* Gallery Page */
body.page.making-of header { background: #fff }
body.page.making-of header .menu::before { color: #025BB4 }
body.page.making-of header #menu:checked+.menu::before { color: #fff; text-shadow: none }
@media(min-width:768px){ body.page.making-of nav a { color: #025BB4 } }
body.page.making-of h2 {color: #025BB4 !important; font-family: "Geist Mono";}
body.page.making-of footer { background: #fff !important; color: #025BB4 !important }
body.page.making-of footer p a {color: #025BB4 !important }
/* Sizing */
header img { height: 118px }
header nav a { font-weight: 400; font-size: 1em; padding-left: 1.1em }
#ticker iframe { margin-top: -19px !important }
body.home h1 { margin-bottom: -24px }
/* Spacing */
section:not(.cover), header, footer { padding: 60px 16px 60px }
header { padding-top: 18px; padding-bottom: 18px }
/* Styling */
body.home #about a.outline { background: #000 !important; color: #fff; border: 2px solid #fff; padding: 12px 18px; margin-bottom: 48px; }
footer { border-top: none }
/* Black background added 2 Oct */
body, body.page.timeline header, body.page.timeline footer, body.page.making-of header, body.page.making-of footer { background: #000 !important }
body.home h1, body.home #about p, #about p a, #collaborators h2, #collaborators p, #collaborators, body.page.timeline, body.page.making-of, #timeline li a, body.page.timeline footer, body.page.making-of footer, body.page.timeline footer li a, body.page.making-of footer li a, body.page.timeline footer p a, body.page.making-of footer p a, body.page.timeline header .menu::before, body.page.making-of header .menu::before, body.page.making-of h2, #collaborators li a { color: #fff !important; }
body.home #about a.outline { background: #fff }
body.page #timeline ol, #timeline li a { border-color: #fff }
/* Quick coloured nav buttons */
header nav a {
font-weight: 400;
font-size: 1.05em;
text-align: center;
padding-right: 0.8em;
padding-top: 0.2em;
padding-bottom: 0.2em;
padding-left: 0.8em;
transform: scaleY(1.1);
text-transform: uppercase;
font-weight: 700;
margin-right: 0.25em;
letter-spacing: 0.1em;
border: 4px solid #025BB4;
}
/* Colours: blue = #025BB4 / red = #DD1E39 / green = #7AC753 */
header nav ul li:nth-child(1) a { color: #025BB4 !important; background: #DD1E39; border-color: #025BB4}
header nav ul li:nth-child(2) a { color: #7AC753 !important; background: #025BB4; border-color: #7AC753}
header nav ul li:nth-child(3) a { color: #DD1E39 !important; background: #7AC753; border-color: #DD1E39}
header nav ul li:nth-child(4) a { color: #025BB4 !important; background: #7AC753; border-color: #025BB4}
header nav ul li:nth-child(5) a { color: #025BB4 !important; background: #DD1E39; border-color: #025BB4}
header nav ul li:nth-child(6) a { color: #7AC753 !important; background: #025BB4; border-color: #7AC753}
@media (max-width: 767px) {
#ticker::after {
content: "";
position: absolute;
inset: 0;
z-index: 10;
height: 750px;
}
}
header { z-index: 11 }
#about p { width: 100% !important;
max-width: none !important;
display: block !important;
}
#gallery li a.lightbox {
width: 100%;
}
}
html:has(.lightbox:target) {
overflow: hidden;
height: 100%;
}
body:has(.lightbox:target) {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
}
.lightbox:target {
inset: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
touch-action: pan-x;
}
@media(max-width:1100px){
header nav ul li:nth-child(1) a { display: none }
}
/* Added 2nd Oct 2026 - make the Ticker 100% wide on screens over 1920 wide */
@media(min-width:1920px){body { zoom: calc(100vw / 1920px) !important }}