/* HEADINGS */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Nunito+Sans:wght@400;600;700;900&display=swap');

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { 
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-family: "Anton", sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	text-transform: uppercase;
}

h1 { 
	font-size: calc(1.59375rem + 4.125vw);
	line-height: 1;
    color: #00a0d8;
}

@media (min-width: 992px) { 
	h1 { 
		font-size: 12vh; 
	} 
}
@media (min-width: 1200px) { 
	h1 { 
		font-size: 4.6875rem;
	}
}

h2 { 
	font-size: calc(1.475rem + 2.7vw);
	line-height: 1;
    color: #ec008c;
}

@media (min-width: 992px) { 
	h2 { 
		font-size: 3.5rem;
	} 
}

h3 { 
	font-size: calc(1.378125rem + 1.5375vw);
	line-height: 1;
    color: #00a0d8;
}

@media (min-width: 992px) { 
	h3 { 
		font-size: 2.53125rem;
	} 
}

h4 { 
    font-size: calc(1.28125rem + 0.375vw);
    margin-bottom: 17px;
}

@media (min-width: 992px) { 
	h4 { 
	    font-size: 1.5625rem;
	}
}


p { 
	margin-top: 0;
	margin-bottom: 1rem;
}

/* GENERAL */

html, body {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 16px;
	color: black;
}

/* LOGO */

.logo {
	width: 130px;
}

/* COLORS */

a {
	color: #00a0d8;
}
a:hover {
	color: #ec008c;
}

.color-primary {
	color: #00a0d8;
}
.color-secondary {
	color: #ec008c;
}

ol li:before {
	background: #ec008c;
}

.file-field .btn {
	color: #00a0d8;
	border-color: #00a0d8;
}
.file-field:hover .btn {
	background-color: #00a0d8;
}
.file-field .btn.error {
	background-color: transparent;
	color: #00a0d8;
	text-decoration: underline;
	border-color: #00a0d8;
}
.file-field.file-field--selected .btn {
	background-color: #00a0d8;
}
.fixed-action-btn.toolbar {
	background-color: #00a0d8;
}
.fixed-action-btn.toolbar ul li a {
	color: rgba(0,0,0,0.87);
}

[type="checkbox"].filled-in:checked+label:after {
    border-color: #00a0d8;
    background-color: #00a0d8;
}
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after {
    border-color: #00a0d8;
}
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after {
	background-color: #00a0d8;
}
.dropdown-content li>a, .dropdown-content li>span {
    color: #00a0d8;
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-color: #00a0d8;
    box-shadow: none;
}
input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: #00a0d8;
}
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea, .select-wrapper input.select-dropdown {
	border-color: #00a0d8;
}
.input-field label, label:not([for]) {
	color: #555;
}
.picker__weekday-display {
    background-color: #00a0d8;
}
.picker__date-display {
    background-color: #009ED4;
}
.picker__close, .picker__today {
    color: #00a0d8;
}
button.picker__today:focus, button.picker__clear:focus, button.picker__close:focus {
    background-color: #009ED4;
    color: white;
}
.picker__day.picker__day--today {
    color: #00a0d8;
}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
    background-color: #00a0d8;
}
.picker__nav--prev:hover, .picker__nav--next:hover {
    background: rgba(0,0,0,0.1);
}
.multiple-buttons .material-icons:hover {
    border-color: #00a0d8;
    color: #00a0d8;
}
.spinner div:nth-child(1) {
	background: #00a0d8;
}
.spinner div:nth-child(2) {
	background: #ec008c;
}
.spinner div:nth-child(3) {
	background: #00a0d8;
}
.spinner div:nth-child(4) {
	background: #ec008c;
}

/* BUTTONS */

.btn, .btn-large {
	border-radius: 0;
    background-color: #ec008c;;
    border: 1px solid #ec008c;
    color: white;
    font-family: "Anton", sans-serif;
    font-weight: normal;
    line-height: 20px;
    padding: 6px 16px;
    text-transform: uppercase;
}
.btn:focus, .btn-large:focus, .btn:hover, .btn-large:hover {
    background-color: #a0005f;
    border: 1px solid #a0005f;
    color: white;
}
.btn:focus, .btn-large:focus {
	box-shadow: 0 0 0 0.25rem rgb(236 0 140 / 25%);
}
.btn:active, .btn-large:active {
	color: #000;
}
.btn:active:focus, .btn-large:active:focus {
	box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%), 0 0 0 0.25rem rgb(201 0 119 / 50%);
    color: white;
}

.file-field .btn, .file-field:hover .btn {
	line-height: 20px;
    padding: 15px 25px;
    height: auto;
    font-size: 16px;
}

.file-field.file-field--selected .btn {
	line-height: 50px;
    padding: 0 18px;
    height: 50px;
    font-size: 16px;
}

/* MATERIALIZE OVERRIDES */

input:not([type])+label, input[type=text]+label, input[type=password]+label, input[type=email]+label, input[type=url]+label, input[type=time]+label, input[type=date]+label, input[type=datetime]+label, input[type=datetime-local]+label, input[type=tel]+label, input[type=number]+label, input[type=search]+label, textarea.materialize-textarea+label, .select-wrapper+label {
	top: 0.8rem;
	transform: translateY(-140%);
	line-height: 24px;
	font-size: .8rem;
	max-width: calc(100% - 1.5rem);
	overflow-x: hidden;
	overflow-y: visible;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: table;
	transition: none;
}
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea, .select-wrapper input.select-dropdown {
	border-width: 2px !important;
	border: 2px solid #F2F2F2;
	height: 2rem;
	padding: 0 5px;
    max-width: calc(100% - 14px);
	transition: none;
	box-shadow: none;
}
input[type=text]+label:not(.active):after, input[type=number]+label:not(.active):after, input[type=password]+label:not(.active):after, input[type=email]+label:not(.active):after, input[type=tel]+label:not(.active):after, input[type=url]+label:not(.active):after, textarea.materialize-textarea+label:not(.active):after {
	top: 52px;
}
input[type=text]+label.active:after, input[type=number]+label.active:after, input[type=password]+label.active:after, input[type=email]+label.active:after, input[type=tel]+label.active:after, input[type=url]+label.active:after, textarea.materialize-textarea+label.active:after, .select-wrapper+label:after {
	top: 52px;
}
.input-field label:not(.label-icon).active {
	top: 0.8rem;
}
input:not([type]).error, input:not([type]):focus.error, input[type=text].error, input[type=text]:focus.error, input[type=password].error, input[type=password]:focus.error, input[type=email].error, input[type=email]:focus.error, input[type=url].error, input[type=url]:focus.error, input[type=time].error, input[type=time]:focus.error, input[type=date].error, input[type=date]:focus.error, input[type=datetime].error, input[type=datetime]:focus.error, input[type=datetime-local].error, input[type=datetime-local]:focus.error, input[type=tel].error, input[type=tel]:focus.error, input[type=number].error, input[type=number]:focus.error, input[type=search].error, input[type=search]:focus.error, textarea.materialize-textarea.error, textarea.materialize-textarea:focus.error, .select-wrapper input.select-dropdown.error {
	border: 2px solid #ec008c;
}
label:not([for]) {
	font-size: .8rem;
}
.select-wrapper span.caret {
	right: 5px;
	font-size: 0;
	line-height: 0;
	height: 0;
	width: 0;
	border-left: 6px solid #ec008c;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
input:not([type]).error+label:after, input[type=text].error+label:after, input[type=password].error+label:after, input[type=email].error+label:after, input[type=url].error+label:after, input[type=time].error+label:after, input[type=date].error+label:after, input[type=datetime].error+label:after, input[type=datetime-local].error+label:after, input[type=tel].error+label:after, input[type=number].error+label:after, input[type=search].error+label:after, textarea.materialize-textarea.error+label:after {
    color: #ec008c;
}
input:not([type]):focus.error+label:after, input[type=text]:focus.error+label:after, input[type=password]:focus.error+label:after, input[type=email]:focus.error+label:after, input[type=url]:focus.error+label:after, input[type=time]:focus.error+label:after, input[type=date]:focus.error+label:after, input[type=datetime]:focus.error+label:after, input[type=datetime-local]:focus.error+label:after, input[type=tel]:focus.error+label:after, input[type=number]:focus.error+label:after, input[type=search]:focus.error+label:after, textarea.materialize-textarea:focus.error+label:after {
    color: #ec008c;
}
.select-wrapper.error+label:after {
	color: #ec008c;
}
[type="checkbox"].filled-in:not(:checked).error+label:after, [type="radio"].filled-in:not(:checked).error+label:after, [type="checkbox"].filled-in:not(:checked).error:focus+label:after, [type="radio"].filled-in:not(:checked).error:focus+label:after {
	border-color: #ec008c;
}
input[type=checkbox].error+label, input[type=radio].error+label {
	color: #ec008c;
}

/* CUSTOM */

label[for^="initialSelection"] {
	padding-bottom: 10px;
	font-size: 18px !important;
	font-weight: bold;
}