/*
	Site-specific overrides for Debattierclub Aachen.
	Loaded after main.css. Keep template changes here where possible,
	so main.css can be regenerated from the SASS sources.
*/

/* Self-hosted font (replaces the Google Fonts import - GDPR) */
	@font-face {
		font-family: 'Source Sans Pro';
		font-style: normal;
		font-weight: 300;
		font-display: swap;
		src: url('../webfonts/source-sans-pro-latin-300.woff2') format('woff2');
	}

	@font-face {
		font-family: 'Source Sans Pro';
		font-style: normal;
		font-weight: 400;
		font-display: swap;
		src: url('../webfonts/source-sans-pro-latin-400.woff2') format('woff2');
	}

/* Logo: dark green on transparent, so give it a white disc on the green background */
	#header .logo img {
		width: 8em;
		height: 8em;
		padding: 0.75em;
		background: #ffffff;
		border-radius: 100%;
		box-shadow: 0 0.25em 1em rgba(0, 0, 0, 0.2);
	}

/* Language switch (top right of the header) */
	.lang-switch {
		position: absolute;
		top: 1.25em;
		right: 1.5em;
		margin: 0;
		font-size: 0.9em;
		z-index: 1;
	}

	.lang-switch a {
		border-bottom: none;
		color: #ffffff;
		opacity: 0.75;
	}

	.lang-switch a:hover,
	.lang-switch a[aria-current="true"] {
		opacity: 1;
	}

	#wrapper {
		position: relative;
	}

/* Format diagrams (BPS / OPD): smaller than full column width, centered */
	.image.fit.diagram {
		max-width: 18em;
		margin: 2.5em auto 3em auto;
	}

/* Termine: cancellation / note badges rendered by termine.js */
	.termine-notice {
		display: inline-block;
		margin-top: 0.5em;
		padding: 0.1em 0.6em;
		border-radius: 0.5em;
		font-size: 0.9em;
		background: #f3e9a8;
		color: #4a4300;
	}

	.termine-notice.cancelled {
		background: #f5c6c6;
		color: #6b0000;
	}