:root {
	--color-custom-red: #cc3b4d;
	--color-custom-blue: #001eaf;
	--color-custom-medium-blue: #728ced;
	--color-custom-light-blue: #ccd2ef;
}
.text-custom-red { color: var(--color-custom-red) !important; }
.text-custom-blue { color: var(--color-custom-blue) !important; }
.text-custom-medium-blue { color: var(--color-custom-medium-blue) !important; }
.text-custom-light-blue { color: var(--color-custom-light-blue) !important; }
.bg-custom-red { background-color: var(--color-custom-red) !important; }
.bg-custom-blue { background-color: var(--color-custom-blue) !important; }
.bg-custom-medium-blue { background-color: var(--color-custom-medium-blue) !important; }
.bg-custom-light-blue { background-color: var(--color-custom-light-blue) !important; }

/*****************************************************/

.appearOnScroll { transition-delay: 300ms; }
.appearOnScroll { opacity: 0; transition: all .4s; }
.appearOnScroll.appearOnScroll-visible { opacity: 1; }

.appearOnScroll.aosTranslateShow { transform: scale(.9) translateY(2rem); }
.appearOnScroll.aosTranslateShow.appearOnScroll-visible { transform: scale(1) translateY(0); }

.appearOnScroll.aosTranslateHide { transform: scale(.9) translateY(0rem); }
.appearOnScroll.aosTranslateHide.appearOnScroll-visible { transform: scale(1) translateY(-2rem); }

/*****************************************************/

body { font-family: "Funnel Display", sans-serif; }
#mainContainer, #siteContainer { min-height: 100%; }

/*****************************************************/

.fs-1-responsive { font-size: min(5rem, calc(3.1vw + 1rem)); }
.fs-2-responsive { font-size: min(4rem, calc(2.2vw + 1rem)); }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }

.legend-block.active { border-color: var(--color-custom-blue) !important; }

#graph-foreground { transition: all .5s; }

.bg-custom-pattern-1 { background-image: url('../img/organic-pattern-1.svg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }