@font-face {
	font-family: "Platform medium";
	src: url("../font/Platform-Medium-Web.woff2") format("woff2");
	font-weight: var(--text-normal);
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: "Platform light";
	src: url("../font/Platform-Regular-Web.woff2") format("woff2");
	font-weight: var(--text-normal);
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: "Reckless Light";
	src: url("../font/Reckless-Light.woff2") format("woff2");
	font-weight: var(--text-light);
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: "Reckless Regular";
	src: url("../font/Reckless-Regular.woff2") format("woff2");
	font-weight: var(--text-light);
	font-style: normal;
	font-display: fallback;
}


*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	        text-size-adjust: 100%;
	scroll-behavior: smooth;
}

body {
   font-family: 'Reckless Regular', sans-serif;
   font-size: 18px;
   line-height: normal;
   color: var(--color-darkblue);
   background-color: var(--color-light);
   margin: 0;
   padding: 1rem;
}


@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

::selection {
	background-color: var(--color-blue);
	color: var(--color-light);
}

::before,
::after {
	text-decoration: inherit;
	vertical-align: inherit;
}

svg,
body,
main,
fieldset,
label,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
figure,
hr {
	margin: 0;
	padding: 0;
	display: block;
}



a {
	color: inherit;
	background-color: transparent;
	text-decoration: none;

	&:focus {
		outline: none;
	}
}

main p a {
	text-decoration: underline;
	transition: .2s;

	&:hover {
		color: var(--color-lightblue);
	}
}

b,
strong {
	font-family: 'Platform medium';
	font-weight: normal;
}

svg,
img {
	border-style: none;
	max-width: 100%;
	height: auto;
	-webkit-user-select: none;
	        user-select: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
button,
input,
select,
textarea {
	color: inherit;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	text-transform: none;
}

fieldset,
button,
input,
textarea,
select {
	overflow: visible;
	border: 0;
	border-radius: 0;
}

fieldset {
	padding: 0;
	margin: 0;
	min-width: 0;
	display: block;
}

textarea {
	resize: vertical;
	border: 0;
}

input::-webkit-contacts-auto-fill-button {
	background-color: currentColor;
}

hr {
	border: 0;
	height: 1px;
	background-color: currentColor;
}

[hidden] {
	display: none;
}

p {
	font-size: var(--font-size-s);
	line-height: var(--line-height-s);
	margin-bottom: var(--spacing-s);
}

.has-preamble-font-size {
	font-size: var(--font-size-xl) !important;
	font-family: 'Reckless Light';
	margin-bottom: var(--spacing-m);
	line-height: var(--line-height-l);
}




h1,
.u-styleH1 {
	font-family: 'Platform medium';
	font-size: var(--font-size-xxxl);
	margin-bottom: var(--spacing-s);
}

h2 {
	font-size: var(--font-size-xxl);
	margin-bottom: var(--spacing-xs);
}

h3 {
	font-family: 'Platform medium';
	font-size: 32px;
	margin-bottom: var(--spacing-xs);
}

h4 {
	font-family: 'Platform medium';
	font-size: var(--font-size-m);
	margin-bottom: var(--spacing-xs);
}

bold {
	font-weight: 600;
}

.flatpickr-months {
	background-color: #0c3a62 !important;
	padding: 10px;
} 
	.flatpickr-months > span {
		padding: 20px !important;
		fill: white !important;
	}
	.flatpickr-months select,
	.flatpickr-months input,
	.flatpickr-months div,
	.flatpickr-months span {
		color: white !important;
	}
.flatpickr-current-month {
	display: flex !important;
    gap:10px !important;
	align-items: center;
	padding: 0 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
	background: #0c3a62 !important;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
	    border-bottom-color: #ffffff !important;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after{
	    border-top-color: #ffffff !important;
}
.numInputWrapper span {
	right:3px !important;
}
.flatpickr-current-month .numInputWrapper {
	width:auto;
}

:root {
	--color-dark: #000;
	--color-light: #FEFCF9;
	--color-dark-light: #FEFAF4;
	--color-orange: #E55A2D;
	--color-orangeDark: #B74825;
	--rgb-green: 177, 178, 133;
	--color-dark-green: rgb(var(--rgb-green));
	--color-green: rgba(var(--rgb-green), 0.5);
	--color-lightgreen: rgba(var(--rgb-green), 0.3);
	--color-lightergreen: rgba(var(--rgb-green), 0.2);
	--color-greenText: #5D5D48;
	--color-blue: #e4eaf1;
	--color-darkblue: #0C3A62;
	--color-lightblue: #7C9ED2;
	--font-size-xxxs: calc(0.2vw + 9px);
	--font-size-xxs: calc(0.39vw + 12.47px);
	--line-height-xxs: 1.3em;
	--font-size-xs: min(25px, calc(1.18vw + 7.41px));
	--line-height-xs: 1.4em;
	--font-size-s: calc(0.59vw + 14.71px);
	--line-height-s: 1.3em;
	--font-size-m: calc(1.08vw + 12.29px);
	--line-height-m: 1.2em;
	--font-size-l: calc(0.98vw + 21.18px);
	--font-size-xl: calc(1.3vw + 17.41px);
	--line-height-l: 1.2em;
	--font-size-xxl: 4.8rem;
	--line-height-xxl: 1.2em;
	--font-size-xxxl: min(calc(2vw + 30px), 6.5rem);
	--line-height-xxl: 2em;
	--letter-spacing: 0.03em;

	--spacing-border: 2.5rem;
	--spacing-xxs: 0.5rem;
	--spacing-xs: 1rem;
	--spacing-s: 2rem;
	--spacing-m: 4rem;
	--spacing-l: 8rem;
	--spacing-xl: 10rem;
	--spacing-xxl: 23rem;
	--gutter-size: 1.5rem;
	--column-size: calc(( 100vw - var(--gutter-size) ) / 12 - var(--gutter-size));

	--hover-transition: all .2s ease-out;
	--border: 1px solid var(--color-dark);
	--doc-height: 100%; /* Set with javascript */
}