@font-face {
    font-family: "Bebas Bold";
    src: url('/afe/_font/BebasNeue Bold.ttf') format("truetype");
}
@font-face {
    font-family: "Bebas Regular";
    src: url('/afe/_font/BebasNeue Regular.ttf') format("truetype");
}
@font-face {
    font-family: "Bebas Light";
    src: url('/afe/_font/BebasNeue Light.ttf') format("truetype");
}
@font-face {
    font-family: "Bebas Thin";
    src: url('/afe/_font/BebasNeue Thin.ttf') format("truetype");
}
@font-face {
    font-family: "Adobe Bold";
    src: url('/afe/_font/AdobeClean-Bold.ttf') format("truetype");
}
@font-face {
    font-family: "Adobe Regular";
    src: url('/afe/_font/AdobeClean-Regular.ttf') format("truetype");
}

html, body {
    font-family: Arial,Helvetica,"Helvetica Neue",sans-serif;
    width: 100%;
    height: 100%;
    margin: 0;
}
*[data-bs-theme="dark"] iframe[allowtransparency] {
	/* Fix bootstrap breaking iframe transparency in dark mode */
	color-scheme: light !important; 
	background-color:transparent;
}

.bebas-bold, .bebas .fw-bold { 
    font-family: "Bebas Bold", Arial, sans-serif;
}
.bebas-light { 
    font-family: "Bebas Light", Arial, sans-serif;
}
.bebas-thin { 
    font-family: "Bebas Thin", Arial, sans-serif;
}
.bebas { 
    font-family: "Bebas Regular", Arial, sans-serif;
}
.adobe-bold-ttf, .adobe-ttf .fw-bold { 
    font-family: "Adobe Bold", Arial, sans-serif;
}
.adobe-ttf { 
    font-family: "Adobe Regular", Arial, sans-serif;
}

.redhr, .grayhr {
	/* Dont use anymore */
    padding: 1vw;
    margin: 0 30px;
    height: 18px; 
}
.redhr {
    background: url('/afe/_img/redhr.png') repeat-x center center scroll;
}
.grayhr {
    background: url('/afe/_img/grayhr.png') repeat-x center center scroll;
}
hr.red, hr.gray {
	/*Mimic redhr/grayhr*/
	border-top: 3px solid;
    opacity: .40;
	margin: 0 30px;
}
hr.red { color: var(--bs-red); /*requires bootstrap*/ }
hr.gray { color: var(--bs-gray-600); /*requires bootstrap*/ }

figure.inline {
	display: flex;
	align-items: center;
}
figure.inline figcaption {
	margin: 0 12px;
	font-size: inherit;
}

ul.list-group > li {
	margin-left: 1rem;
}
ul.list-group > li:not(:last-child) {
    padding-bottom: .5rem;
}

/* Specialty classes */
.logo-banner div#logo {
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
	height: 4vw;
}
.bio-img {
    width: auto;
    max-width: 240px;
    height: 240px;
    max-height: 240px;
}
.bio-img + figcaption {
    font-size: 1.42em; 
}

@media only screen and (max-width: 1200px) {
	/* Force responsive H5 & H6 cause bootstrap 5 doesn't */
	.h5, h5 {
		font-size: calc(1.05rem + .3vw);
	}
	.h6, h6 {
		font-size: calc(0.8rem + .3vw);
	}
	.small, small {
		font-size: calc(0.4rem + 0.3vw);
	}
}

/* START: Trying to fix old (non-retina) iOS browser with img only showing left half */ 
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 1) {
  html,
  body{
    width: 100%;
    overflow-x: hidden;
  }
}
/* END */