/* OwlBoard Global CSS */

/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
 * Copyright (c) 2014,2015 by (URW)++ Design & Development
 */
@font-face {
	font-family: 'URW Gothic';
	src: url('/type/urwgothic/urwgothic-book-webfont.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
 * Copyright (c) 2014,2015 by (URW)++ Design & Development
 */
@font-face {
	font-family: 'URW Gothic';
	src: url('/type/urwgothic/urwgothic-bookoblique-webfont.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
 * Copyright (c) 2014,2015 by (URW)++ Design & Development
 */
@font-face {
	font-family: 'URW Gothic';
	src: url('/type/urwgothic/urwgothic-demi-webfont.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/* * URW Gothic is licensed under the SIL Open Font License, Version 1.1.
 * Copyright (c) 2014,2015 by (URW)++ Design & Development
 */
@font-face {
	font-family: 'URW Gothic';
	src: url('/type/urwgothic/urwgothic-demioblique-webfont.woff2') format('woff2');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

/* 100: Thin */
@font-face {
	font-family: 'JetBrains Mono';
	src: url('/type/jetbrains-mono/JetBrainsMono-Thin.woff2') format('woff2');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'JetBrains Mono';
	src: url('/type/jetbrains-mono/JetBrainsMono-ThinItalic.woff2') format('woff2');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

/* 200: ExtraLight */
@font-face {
	font-family: 'JetBrains Mono';
	src: url('/type/jetbrains-mono/JetBrainsMono-ExtraLight.woff2') format('woff2');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

/* 300: Light */
@font-face {
	font-family: 'JetBrains Mono';
	src: url('/type/jetbrains-mono/JetBrainsMono-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

/* 400: Regular / Italic */
@font-face {
	font-family: 'JetBrains Mono';
	src: url('/type/jetbrains-mono/JetBrainsMono-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'JetBrains Mono';
	src: url('/type/jetbrains-mono/JetBrainsMono-Italic.woff2') format('woff2');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

/* 500: Medium */
@font-face {
	font-family: 'JetBrains Mono';
	src: url('/type/jetbrains-mono/JetBrainsMono-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/* 600: SemiBold */
@font-face {
	font-family: 'JetBrains Mono';
	src: url('/type/jetbrains-mono/JetBrainsMono-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/* 700: Bold */
@font-face {
	font-family: 'JetBrains Mono';
	src: url('/type/jetbrains-mono/JetBrainsMono-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

/* 800: ExtraBold */
@font-face {
	font-family: 'JetBrains Mono';
	src: url('/type/jetbrains-mono/JetBrainsMono-ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

/* Inconsolata Variable */
@font-face {
	font-family: 'Inconsolata Variable';
	font-style: normal;
	font-display: swap;
	font-weight: 200 900;
	font-stretch: 50% 200%;
	src: url(/type/inconsolata/latin-wdth-normal.woff2) format('woff2-variations');
	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;
}

:root {
	/* Fixed Heights */
	--header-height: 80px;
	--nav-height: 60px;

	/* Brand Colours */
	--color-brand: #4fd1d1;
	--color-accent: #3c6f79;
	--color-title: #ebebeb;
	--color-bg-light: #404c55;
	--color-bg-dark: #2b343c;

	/* Shadows */
	--color-shadow: hsla(210, 20%, 5%, 0.35);
	--shadow-std: 0 4px 12px var(--color-shadow);
	--shadow-small: 0 4px 6px var(--color-shadow);
	--shadow-up: 0 -4px 12px var(--color-shadow);
	--shadow-right: 4px 0 12px var(--color-shadow);

	/* Functional Colours */
	--location-yellow: #edff22;
	--delay-orange: #ff914d;
	--alert-orange: #f87728;
	--cancel-red: #c60000;
	--early-blue: #5ec1ff;
}

/* Pulse Animations */
@keyframes pulse {
	0%,
	100% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
}

@keyframes fast-pulse {
	0%,
	50%,
	100% {
		opacity: 1;
	}
	25%,
	75% {
		opacity: 0.25;
	}
}

body {
	margin: 0;
	padding: 0;
	background-color: var(--color-accent);
	color: white;
	-webkit-font-smoothing: antialiased;
	-mos-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

a {
	color: var(--color-brand);
}

a:visited {
	color: var(--color-brand);
}

a:hover {
	color: var(--color-accent);
}
