/**
 * General
 */


html {
	font-family: 'Regesto Grotesk', sans-serif;

	/* Fix Chrome bug, where slider has transform: translateX(0.92%) on initial load */
	/* https://github.com/metafizzy/flickity/issues/1062 */
	overflow-y: scroll;
}

body {
	font-size: 16px;
	line-height: 25px;
	font-weight: 400;
}

a {
	text-decoration: none;
	cursor: pointer;
}

h1 {
	font-size: 54px;
	line-height: 64px;
	font-weight: 400;
}

@media (max-width: 1023px) {
	h1 {
		font-size: 36px;
		line-height: 42px;
	}
}

h2 {
	font-size: 38px;
	line-height: 50px;
	font-weight: 400;
}

@media (max-width: 1023px) {
	h2 {
		font-size: 28px;
		line-height: 36px;
	}
}

h3 {
	font-size: 30px;
	line-height: 42px;
	font-weight: 400;
}

@media (max-width: 1023px) {
	h3 {
		font-size: 20px;
		line-height: 30px;
	}
}

h4 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
}

@media (max-width: 1023px) {
	h4 {
		font-size: 18px;
		line-height: 27px;
	}
}

/* Patch sanitize.css H1 bug */
:where(h1) {
	margin: 0px;
}

button, input[type=submit] {
	cursor: pointer;
}

.container {
	margin: 0 auto;
	max-width: 1440px;
	padding: 0px 74px;
}

@media (max-width: 1023px) {
	.container {
		padding: 0px 22px;
	}
}

/**
 * Colors
 */
.background-white {
	background-color: #ffffff;
}

.background-off-white {
	background-color: #f7f8f4;
}

.background-off-lyselilla {
	background-color: #ededfd;
}

.background-blue {
	background-color: #1c3f94;
}

.background-fersken {
	background-color: #efe0ce;
}

.background-gul {
	background-color: #f8f1a1;
}

.background-black {
	background-color: #000000;
}

.background-brown {
	background-color: #3d231b;
}

.color-black {
	color: #000000;
}

.color-white {
	color: #ffffff;
}

.color-lyselilla {
	color: #ebebfd;
}

/**
 * Helpers
 */
.seperator {
	height: 16px;
}

.inline-seperator {
	display: inline-block;
	height: 1px;
	width: 5px;
}

.margin-auto {
	margin: 0 auto;
}

.display-block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.overflow-hidden {
	overflow: hidden;
}

.line-height-one {
	line-height: 1;
}

.width-full {
	width: 100%;
}

.height-full {
	height: 100%;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.uppercase {
	text-transform: uppercase;
}

.position-relative {
	position: relative;
}

.underline {
	text-decoration: underline;
}

.underline-hover:hover {
	text-decoration: underline;
}

.fw-500 {
	font-weight: 500;
}

.fw-600 {
	font-weight: 500;
}

.fw-700 {
	font-weight: 500;
}

.fw-800 {
	font-weight: 500;
}

.fs-13 {
	font-size: 13px;
}

.fs-14 {
	font-size: 14px;
}

.fs-15 {
	font-size: 15px;
}

.fs-16 {
	font-size: 16px;
}

.fs-17 {
	font-size: 17px;
}

.fs-18 {
	font-size: 18px;
}

/**
 * Flex
 */
.flex {
	display: flex;
}

.flex-inline {
	display: flex-inline;
}

.space-between {
	justify-content: space-between;
}

.space-around {
	justify-content: space-around;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-right {
	justify-content: right;
}

.items-center {
	align-items: center;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-column {
	flex-direction: column;
}

.flex-initial {
	flex: initial;
}

.flex-1 {
	flex: 1;
}

.align-items-center {
	align-items: center;
}

.row-reverse {
	flex-direction: row-reverse;
}

.icons.flex a {
	width: 25px;
}