body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
	Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
	"Noto Color Emoji";
	font-size:20px;
}

.form-control {
	font-size:20px;
}

/*
.unresolved = until the page loads
.transparent = manually resolved
.fadeIn = wait 1 second and then slowly unresolve
*/
.unresolved, .transparent, .fadeIn {
	opacity:.01
}
.card-header {
	min-height:47px
}

.btn-primary, .bg-primary, .btn-outline-primary:hover {
	background-color: hsl(193, 32%, 49%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b8d3da", endColorstr="#5493a4");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#b8d3da), to(#5493a4));
	background-image: -moz-linear-gradient(top, #b8d3da, #5493a4);
	background-image: -ms-linear-gradient(top, #b8d3da, #5493a4);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8d3da), color-stop(100%, #5493a4));
	background-image: -webkit-linear-gradient(top, #b8d3da, #5493a4);
	background-image: -o-linear-gradient(top, #b8d3da, #5493a4);
	background-image: linear-gradient(#b8d3da, #5493a4);
	border-color: #5493a4 #5493a4 hsl(193, 32%, 41.5%);
	color: #333 !important;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
	-webkit-font-smoothing: antialiased;
}

.btn-outline-primary {
	border-color: #5493a4 #5493a4 hsl(193, 32%, 41.5%);
}
.btn-danger {
	background-color: hsl(0, 69%, 22%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b42121", endColorstr="#a31f34");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#b42121), to(#a31f34));
	background-image: -moz-linear-gradient(top, #b42121, #a31f34);
	background-image: -ms-linear-gradient(top, #b42121, #a31f34);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b42121), color-stop(100%, #a31f34));
	background-image: -webkit-linear-gradient(top, #b42121, #a31f34);
	background-image: -o-linear-gradient(top, #b42121, #a31f34);
	background-image: linear-gradient(#b42121, #a31f34);
	border-color: #a31f34 #a31f34 hsl(0, 69%, 17%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
	-webkit-font-smoothing: antialiased;
}
.alert-primary {
	background-color:#cfe2ff !important;
}
.alert-success {
	background-color:#d1e7dd !important;
}
.alert-danger {
	background-color:#f8d7da !important;
	color: #842029 !important;
	border-color: #f5c2c7 !important;
}
.alert-info {
  background-color: #0dcaf0 !important
}
.modal-header {
	background-color:#cfe2ff !important;
}
.progress {
	border-radius: 0;
}
.btn-link {
	padding-top:0;
	padding-bottom:0;
}
a.link-dark {
	text-decoration: none;
}

a.link-dark:hover {
	text-decoration: underline;
}
.nav-link:hover {
	color:white
}
#LetsGo {
  height: 2rem
}
label {
	cursor:pointer
}

.accordion-button::after {
	display: none; /* hide default chevron */
}
.accordion-button .bi {
	transition: transform 0.3s ease;
}
.accordion-button.collapsed .bi {
	transform: rotate(0deg);
}
.accordion-button:not(.collapsed) .bi {
	transform: rotate(90deg);
}

/* Reset Bootstrap's tweaks and use native UA look */
fieldset, legend {
	all: revert;
}

fieldset {
	border-radius:.5rem;
	margin-bottom:2rem;
	border-color: var(--bs-primary);
}

legend {
	padding-left:.5rem;
	padding-right:1rem;
	text-shadow: 4px 4px 3px rgba(0,0,0,0.25); /* horizontal-offset vertical-offset blur-radius color; */
	font-family: 'Roboto Slab', serif;
}

p {
	margin-top:1rem
}