:root {
	--defaultRadius: 16px;
	--buttonPrimaryColor: #2c3b96;
	--buttonHoverColor: #1a2257;
	--buttonPressColor: #739ce7;
	--mobileMenuHeight: 60px;
	--mobileHeaderHeight: 75px;
	--mobilePagePadding: 0 16px;
	--error-color: #e8430e;
	--route-margin-desktop: 30px 46px 0 46px;
	--route-maxwidth-desktop: 1300px;
	--tilsig-light-blue: #9aeced;
	--health-good: #5cc55a;
	--health-medium: #ffab52;
	--health-critical: #e8430e;
}

.capitalize {
	text-transform: capitalize;
}

body {
	background-color: #f1f1f1;
	font-family: 'Montserrat', sans-serif;
}

h1 {
	font-family: 'Bebas Neue';
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 48px;
	margin: 0;
	margin-top: 1.25rem;
}

h2 {
	font-family: 'Bebas Neue';
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 36px;
}

p {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 28px;
	margin: 0;
}

svg:focus {
	outline: none;
}

label {
	font-family: 'Montserrat';
	font-size: 14px;
	font-weight: 500;
}

button {
	color: black;
	font-family: 'Montserrat';
	font-weight: 500;
}

a {
	color: var(--buttonPrimaryColor);
	font-family: 'Montserrat';
	font-weight: 500;
}

input::placeholder {
	color: #828282;
}

input[type='checkbox'],
input[type='radio'] {
	all: revert;
}

/** Styling of simple-svelte-autocomplete component */
.input-container {
	height: 40px;
}
.autocomplete-input {
	background-color: #f9f9f9;
	border-radius: var(--defaultRadius);
	border: none;
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/montserrat-v26-400.ttf) format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(fonts/montserrat-v26-500.ttf) format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(fonts/montserrat-v26-600.ttf) format('truetype');
}
@font-face {
	font-family: 'Bebas Neue';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(fonts/bebasneue-v14-400.ttf) format('truetype');
}