/*
Implementation Skeleton v3 - 12/6/18
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/

li.chevron-bullets:before {
	content: "\f101";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-right: 0.5em;
	color: var(--green-006233);
	list-style:none;
}

.page-item.active > .page-link{
	background-color:#006233;
}

.page-link{
	color:#006233;
}

body:has(.alert-emergency) header {
	padding-top:0px;
}

.accordion .accordion-item .accordion-body a {
	display:inline;
}

.alert-success {
	width:auto;
}

.article-add:not(:last-child):after {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f111";
	font-size: 0.3em;
	margin-left: 5px;
	margin-top: 10px;
	position: absolute;
}

.article-author:after {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f111";
	font-size: 0.3em;
	text-align: center;
	vertical-align: middle;
	margin-left: 1em;
	margin-right: 1em;
}

.card-img-top-crop {
	aspect-ratio: 16/9;
	overflow: hidden;
}

.hero-banner.taller {
	min-height: 500px;
}

.fast-facts .fact .number {
	background-size: 25% !important;
	font-size: 2em !important;
}

@media screen and (min-width: 768px) {
	.fast-facts .fact .number {
		background-size: 80% !important;
	}
}

@media screen and (min-width: 992px) {
	.fast-facts .fact .number {
		font-size: 4em !important;
		background-size: auto !important;
	}
}

.profile-card img {
	height: auto !important;
}

footer .col-12.text-center {
	padding-top: 10px:
}

.footer-link-column-title {
	height: 48px;
}

.footer-link-column ul {
	min-height: calc(100% - 48px);
}

.hero-banner-text .h2{
	font-size: 24px;
}

@media only screen and (max-width: 767px) {
	.hero-banner-text .h2{
		font-size: 16px;
	}
}

html {
	overflow: scroll;
	scroll-padding-top: 280px;
}

.btn-align-bottom {
	margin-top: auto;
}

.pf-no-results {
	columns: 1 !important;
}

.hero-banner-forest.grayscale li.chevron-bullets:before {
	color: var(--bhsu-black);
}