@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Tangerine&family=Oswald&family=Quicksand:wght@300;400;600&&family=Raleway:wght@300;400;600&display=swap");
html, html * {
	font-family: "Quicksand", sans-serif
}
h1 {
	font-family: "Tangerine", cursive;
	font-size: 3.3rem;
	color: var(--bs-primary);
	text-shadow: 4px 2px 4px rgba(212, 153, 51, 0.60)
}
h2 {
	font-family: "Oswald", sans-serif;
	font-size: 1.5rem;
	color: var(--bs-primary)
}
body {
	background-image: url("../images/header-beads.webp");
	background-repeat: repeat-x;
	background-position: center top;
	background-size: 2400px
}
footer a {
	color: hsl(from var(--bs-primary) h calc(s * 0.7) calc(l * 1.5))
}
footer a:hover {
	color: hsl(from var(--bs-primary) h calc(s * 0.7) calc(l * 1.3))
}
/*
	Site-specific Bootstrap overrides...
*/
#main-menu.offcanvas {
	max-width: 14rem
}
.accordion-button, .card-header {
	font-size: 1.25rem
}
.accordion-button::after {
	opacity: 0.25
}
.navbar {
	transition: background-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out
}
.navbar-toggler:hover {
	background-color: hsla(0, 0%, 100%, 0.15)
}
.nav-link {
	font-size: 1.25rem;
	text-transform: uppercase;
	border-radius: var(--bs-border-radius-pill) !important;
	padding-left: 0.8rem !important;
	padding-right: 0.8rem !important;
	transition: background-color 0.25s ease-in-out
}
.nav-link:hover {
	background-color: hsla(0, 0%, 0%, 0.05)
}
.navbar-nav .nav-link {
	font-size: 1rem
}
.navbar-nav .nav-link:hover {
	background-color: hsla(0, 0%, 100%, 0.15)
}
.nav-link svg.svg-inline--fa, .dropdown-item svg.svg-inline--fa {
	margin-right: 0.75rem;
	opacity: 0.7
}
/*
	Site-specific custom styles...
*/
.container-body {
	padding-top: 1rem
}
.nautilus-primary {
	filter: invert(45%) sepia(10%) saturate(3150%) hue-rotate(153deg) brightness(89%) contrast(78%)
}
.spa-301-logo {
	width: 150px;
	margin-top: -0.3rem !important
}
@media print {
	.container-body {
		padding-top: 0
	}
}
@page {
	margin: 0.5in
}