body,
html {}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: navigo, sans-serif !important;
	font-weight: 500 !important;
	font-style: normal;
}

p,
div,
li,
a {
	font-family: soleil, sans-serif;
	font-weight: 300;
	font-style: normal;
}

.box-shadow-up {
	box-shadow: inset 0px 300px 800px var(--color-alt-content-bg-alt);
}

.box-shadow-down {
	box-shadow: inset 0px -300px 800px var(--color-alt-content-bg-alt);
}

.box-shadow-up-event {
	box-shadow: inset 0px -300px 800px var(--color-content-bg-alt);
}

.box-shadow-down-up {
	box-shadow: inset 0px -300px 800px var(--color-alt-content-bg-alt), inset 0px 300px 200px 0px var(--color-alt-content-bg-alt);
}

.box-background-black {
	box-shadow: var(--color-alt-content-bg-alt);
}

.box-shadow-wrapper {
	filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.9));
}

.box-shadow {
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 50px 5px 15px 15px rgba(0, 0, 0, 0);
	box-shadow: 0px 10px 13px -7px #000000, 50px 5px 15px 15px rgba(0, 0, 0, 0);
}

.img-grey {
	filter: grayscale(100%);
}

.background-blur {
	background-color: var(--color-alt-content-bg);
	backdrop-filter: blur(50px);
	-webkit-backdrop-filter: blur(50px);
}

section#communities-section {
	background-position: -55rem 8rem;
	background-repeat: no-repeat;
}

@media (max-width: 599px) {
	section#communities-section {
		background-position: -100rem 20rem;
	}
}