@charset "UTF-8";
html, html * {
	font-family: "Montserrat", sans-serif
}
h1, h2, h3, h4, .h2 {
	font-family: "Oswald", sans-serif;
	color: var(--bs-primary);
	text-align: center;
	margin-bottom: 1rem
}
h1 {
	font-size: 2.2rem
}
footer {
	background-image: url("../images/circle-of-creation.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ddd8e5
}
footer a, footer a:hover {
	text-decoration: none
}
footer svg.svg-inline--fa {
	margin-right: 0.5rem;
	opacity: 0.5
}
footer .muted {
	opacity: 0.6
}
#page-title {
	padding: 0;
	padding-top: 1rem;
	background-image: url("../images/clouds-v2.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed
}
#page-title h1 {
	text-shadow: 0 0 10px #fff
}
#page-title-gradient {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0), #fff);
	background-image: linear-gradient(rgba(255, 255, 255, 0), #fff)
}
.alert.bg-circle-of-creation {
	background-blend-mode: soft-light
}
.bg-circle-of-creation {
	background-image: url("../images/circle-of-creation.svg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center
}
.bg-jumbotron {
	background-color: #FBF7F3 !important
}	
.breadcrumb-item {
	text-align: center
}
.container-body {
	padding-bottom: 0
}
.dropdown-menu {
	background: rgba(255, 255, 255, 1.0);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px)
}
.footer-quote {
	font-family: "Arapey", serif;
	font-style: italic;
	font-size: 3.5rem;
	line-height: 110%;
	text-align: center;
	opacity: 0.4
}
.list-group-item a {
	text-decoration: none !important
}
.nav-logo {
	width: 270px
}
.navbar-toggler:hover {
	background-color: hsla(0, 0%, 100%, 0.15)
}
.nav-item .nav-link:hover {
	background-color: hsla(0, 0%, 0%, 0.07)
}
.nav-item .nav-link {
	font-size: 1.25rem;
	text-transform: uppercase;
	border-radius: 50rem !important;
	padding-left: 0.8rem !important;
	padding-right: 0.8rem !important;
	transition: background-color 0.25s ease-in-out
}
.nav-link svg.svg-inline--fa {
	margin-right: 1rem;
	opacity: 0.60
}
@media (min-width: 992px) {
	.dropdown-menu {
		background: rgba(255, 255, 255, 0.7)
	}
}
@media print {
	#page-title, #page-title-gradient {
		padding-top: 0;
		background-image: none
	}
}
@page {
	margin: 0.5in
}