:root {
	--bs-primary: maroon;
	--bs-link-color-rgb: maroon;
	--bs-navbar-toggler-focus-width: .25rem;
}

h1 {
	color: #3d3d3d !important;
	font-family: "Saira Stencil One", sans-serif;
	font-weight: 400;
	font-style: normal;
}

a {
	color: maroon;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active {
	background: maroon;
	border: maroon;
	transition: all 0.3s;
}

.btn-primary:hover {
	opacity: 0.8;
}

.font-saira-stencil-one-regular {
	font-family: "Saira Stencil One", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.page-wrapper {
	max-height: 100vh;
	overflow: auto;
}

.lightbox-caption em {
	color: #fff !important;
}

.profile-col {
	text-align: center;
}

.profile-img {
	margin-top: 2rem;
	text-align: center;
	max-height: 200px;
}

.location-map::before {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	background-image: url(images/minnesota.png?v=1);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	opacity: 0.2;
	pointer-events: none;
}

.text-nowrap {
	white-space: nowrap;
}

.navbar-toggler-icon {
	background-image: url(images/menu-icon.svg);
	width: 24px;
	height: 24px;
}

.jobber-spinner {
	position: relative !important;
	height: auto !important;
	min-height: 100px;
}

.link-underline-inverted {
	text-decoration: none !important;
}

.link-underline-inverted:hover {
	text-decoration: underline !important;
}

@media (min-width: 768px) {
	.profile-img {
		margin-top: 0;
	}

	.location-map::before {
		height: 120px;
	}
}

@media (min-width: 992px) {
	ul.cols-two {
		display: grid;
		grid-template-columns: repeat(2, auto);
		justify-content: space-around;
	}
}

@media (min-width: 1200px) {
	.location-map::before {
		height: 100%;
	}
}