:root {
	--color-blue: #134781;
	--color-grey: #C0C0C0;
	--color-light-grey: #F0F0F0;

	--color-highlight: var(--color-blue);

	--color-form-button-text: white;
	--color-form-button-background: var(--color-blue);
	--color-form-border: var(--color-grey);

	--shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.25);
}

a {
	color: var(--color-blue, initial);
}

/************************************************************************
 * Global styling
 ***********************************************************************/

.responsivemenu-fold-toggle {
	color: var(--color-blue);
}

/************************************************************************
 * Block styling
 ***********************************************************************/

.block-system-branding-block {
	padding: 1em 0;
}

.block-system-branding-block .block-content {
	max-width: 12em;
	font-size: 75%;
	text-align: center;
}

.block-system-branding-block a {
	color: inherit;
	font-weight: normal;
}

.block-system-branding-block svg {
	display: block;
}

.block--type-banner .block-content {
	height: 50vh;
	min-height: 600px;
}

.block-language {
	margin: 1em 0;
}

.block-language ul.links li {
	display: inline-block;
}

.block-language ul.links li > * {
	display: block;

	padding: 0 1em;

	text-transform: uppercase;

	border-width: 0 1px 0 0;
	border-style: solid;
}

.block-language ul.links li:last-child > * {
	border-width: 0;
}

.block--type-image img {
	display: block;
	width: 100%;
	height: auto;
}

/************************************************************************
 * Layout styling
 ***********************************************************************/

.layout-container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

main {
	flex-grow: 1;
}

.region-header {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
}

.region-header ul.menu li > a,
.region-header ul.menu li > span {
	display: block;
	padding: 1em;
}

.region-fp-content .block-inner {
	padding: 2rem 0;
}

footer {
	--logo-color: white;

	padding: 2em 0;

	color: white;
	background-color: var(--color-blue);
}
