:root {
	--bs-body-font-size: 14px;
}

footer {
	background-color: #474747;
	color: #fff;
	padding: 2rem 2rem 1rem 2rem;
	margin-top: 2rem;
}

footer ul {
	list-style-type: none;
	padding: 0;
}

footer .footer-logo {
	height: 111px;
	width: 200px;
}

footer ul li p > * {
	color: #fff;
	text-decoration: none;
}

footer ul li p a:active,
footer ul li p a:focus,
footer ul li p a:hover {
	text-decoration: underline;
}

@media (min-width: 768px) {
	footer ul {
		align-items: baseline;
		display: flex;
		justify-content: space-between;
	}

	footer ul li {
		align-self: flex-end;
	}

	footer ul li:nth-child(2) {
		display: flex;
	}

	footer ul li:nth-child(2) p:first-child {
		margin-right: 1.5rem;
		position: relative;
	}

	footer ul li:nth-child(2) p:first-child::after {
		content: "|";
		position: absolute;
		right: -.85rem;
	}

	footer ul li p > * {
		color: #fff;
		text-decoration: none;
		margin-bottom: 0;
	}
}

h1 {
	display: inline-block;
	vertical-align: middle;
	margin-left: 50px;
	font-size: 1.8rem;
	color: #888;
}

h2 {
    font-size: 1.2rem;
    padding: 1rem 0;
}

.form-label {
	font-weight: bold;
	font-size: 1.1rem;
	margin-top: 2rem;
}

.nav.nav-tabs {
	border-bottom-width: 2px;
}

.nav-tabs .nav-link  {
    border: 0;
	border-bottom: 2px solid transparent;
    color: #666666;
	transition: all ease .25s;
	text-align: center;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-bottom-color: #84a4a3;
	font-weight: bold;
}

.nav-tabs .nav-link.active {
    color: #000000;
    border-radius: 0;
    border-bottom: 2px solid #356b6a;
	font-weight: bold;
}

.nav-link a:link, .nav-link a:visited {
	color: #000000;
	text-decoration: none;
}

.accordion-button:not(.collapsed),
.accordion-button {
	background-color: #c0d2d1;
	color: #000000;
}

.accordion-button:focus {
	border-color: #84a4a3;
	box-shadow: 0 0 0.25rem rgba(132, 164, 163, 0.25);
}

.pagination {
	display: inline-block;
  }
  
  .pagination a {
	color: black;
	float: left;
	padding: 4px 8px;
	text-decoration: none;
  }

  .pagination a.active {
	background-color: #6c757d;
	color: white;
  }
  
  .pagination a:hover:not(.active) {background-color: #ddd;}