@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');
.saira-condensed {font-family: 'Saira Condensed', sans-serif;
}
.barlow {font-family: 'Barlow', sans-serif !important;}
.fas {
  font-weight: 300;
  font-family:"Font Awesome 6 Sharp";
}
#backTopButton {background-color:#87D1E6;}
#backTopButton:after {color:#000000;}
#backTopButton:hover {background-color:#C4CFDA; color:#666666;}
.headerLeft {width:99%;}
.siteLogo {margin-right:.4rem;}
.siteLogo a.linked-img img {height:37px; width:auto;}
.uafLogoText {display:block !important; font-size:.842rem; line-height:.842rem; max-width:600px; text-wrap:balance;}
.uafLogoText a.linked-img img {height:45px; width:auto;}
.uafLogoText a.linked-img .department-graphic {display:none;}
a.linked-img.merriweather:link, a.linked-img.merriweather:visited {color:#003764;}
a.linked-img.merriweather:hover {color:#e29617;}
.nav-gradient-border {
background: -webkit-linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 20px) calc(100% - 20px) no-repeat, -webkit-linear-gradient(left, rgba(135,209,230,1) 0%, rgba(196,207,218,1) 50%, rgba(255,205,0,1) 100%);
background: -o-linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 20px) calc(100% - 20px) no-repeat, -o-linear-gradient(left, rgba(135,209,230,1) 0%, rgba(196,207,218,1) 50%, rgba(255,205,0,1) 100%);
background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 20px) calc(100% - 20px) no-repeat, linear-gradient(to right, rgba(135,209,230,1) 0%, rgba(196,207,218,1) 50%, rgba(255,205,0,1) 100%);
border-radius: 0px;
padding: 10px;
box-sizing: border-box;
}
a.btn-outline-dark:link, a.btn-outline-dark:visited{background:#f1af1b !important;}a.btn-outline-dark:hover{background:#e29617 !important;}
@media (min-width: 576px) {
	.siteLogo a.linked-img img {height:40px; width:auto;}
	.uafLogoText {max-width:600px;}
	.uafLogoText a.linked-img img {height:32px; width:auto;}
	.uafLogoText .barlow .department-name-line {display:block; font-size:1.16rem; line-height:1.16rem; margin-left:-1px; position:relative;}
	.uafLogoText .merriweather .department-name-line {font-size:1.15rem; line-height:1.15rem;}
	.uafLogoText a.linked-img .department-graphic {display:inline;}
	.uafLogoText a.linked-img .department-graphic-mobile {display:none;}
}
@media (min-width: 768px) {
	.siteLogo a.linked-img img {height:50px; width:auto; margin-right:0.8rem;}
	.uafLogoText {max-width:700px;}
	.uafLogoText a.linked-img img {height:42px; width:auto;}
	.uafLogoText .barlow .department-name-line {display:block; font-size:1.53rem; line-height:1.5rem; margin-left: -2px; margin-top:-1px; position:relative;}
	.uafLogoText .merriweather .department-name-line {display:block; font-size:1.49rem; line-height:1.4rem; margin-left:-2px; margin-top:1px; position:relative;}
}
.site-header {display: none; visibility:none;}
/* CAROUSEL STYLES */
	.carousel-caption {
		font-size:0.9rem !important;
		line-height:1.25rem !important;
		min-height:250px !important;
		text-wrap:balance;
	}
	.carousel-caption .h2 {
		font-family:'Factoria', serif !important;
		font-size:1.25rem !important;
		text-transform:uppercase;
			text-wrap:balance;
		color:#ffcd00;
	}
	.carousel-caption.text-right {padding-right:10% !important;}
	.carousel-caption p a.btn:link, .carousel-caption p a.btn:visited, .carousel-caption p a.btn:hover, .carousel-caption p a.btn:active  {
		background:#ffcd00 !important;
		color:#000 !important;
		display:inline-block;
	}
			

@media (min-width: 768px) {
	.carousel-item .container-fluid {
		display:flex !important;
		flex-wrap:wrap !important;
	}
	.carousel-caption {
		color: #fff !important;
		display:flex !important;
		flex-direction:column !important;
		justify-content:center !important;
		position:absolute !important;
		top: 0 !important;
		right: 0 !important;
		bottom:0 !important;
		left:0 !important;
		width:100%;
		padding-top:0 !important;
		min-height:200px !important;
	}
	.carousel-caption.text-left {
		background: linear-gradient(45deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.25) 100%) !important;
		padding-left:6% !important;
		padding-right:6% !important;
	}
	.carousel-caption.text-right {
		background: linear-gradient(135deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.75) 100%) !important;
		padding-left:6% !important;
		padding-right:10% !important;
	}
	.carousel-caption .h2 {
		background-image: url(/_resources/images/themes/cartography-marks-gold-horizontal.svg) !important;
		background-repeat:no-repeat !important;
		background-size:50% !important;
		padding-top:2rem !important;
	}
	.carousel-caption.text-left .h2 {background-position: top left;}
	.carousel-caption.text-right .h2 {background-position: top right;}
}
@media (min-width: 992px) {
	.carousel-caption {
		font-size:0.95rem !important;
		padding-top:10% !important;
	}
	.carousel-caption.text-left {
		background: linear-gradient(45deg, rgba(0,0,0,0.7) 0%, rgba(255,255,255,0) 100%) !important;
		padding-left:10% !important;
		padding-right:50% !important;
	}
	.carousel-caption.text-right {
		background: linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 100%) !important;
		padding-left:50% !important;
		padding-right:10% !important;
	}
	.carousel-caption .h2 {
		background-size:75% !important;
		font-size: 2.25rem !important;
	}
}
@media (min-width: 1230px) {
	.carousel-caption .h2 {
		font-size: 3rem !important;
		padding-top:3rem !important;
	}
    .carousel-caption.text-right, .carousel-caption.text-left {
        right: 0 !important;
        left: 0 !important;
		width:100% !important;
    }
}
/* END CAROUSEL STYLES */
.page-footer.bg-primary {background: #003764 !important;}
footer.page-footer .acep-mail {background-color: rgba(0, 132, 193, .3);}
.main-content {font-size: 1.2rem;}
h1, h2, .h1, .h2 {color: #0084c1 !important;}
#homepage .main-content {padding-top:0rem;}
#homepage .featured-bg-container.light {background-color: #fff !important;
    background-image: url(/arena/images/homepage/cranearrival-25.jpg) !important;
    background-position: top left !important;
    background-repeat: no-repeat !important;
background-attachment: fixed !important;
height:100%;
min-height: 600px;
max-height: 600px;}
#homepage .box-wrapper.themeCustom {background:#fff;}
#homepage .box-wrapper.default {background-color:#0084c1 !important;}
#homepage .box-wrapper.default h2 {color: #fff !important; text-transform:uppercase;}
.news-container .card {margin-left: 25px;}
.card.customImpact-bx {background-color:#111C4E; color:#fff; min-height:240px;}
.card.customImpact-bx .card-title.h3 {text-align:center;}
#programs .box-wrapper.default {background-color:#111C4E !important;}
#programs .card.customObject-bx {min-height: 217px;}
.box-wrapper.themeOne {background-color:#0084c1 !important; color:#000;}
.box-wrapper.themeOne h2, .box-wrapper.themeOne h3, .box-wrapper.themeOne h4 {color:#fff !important;}
.box-wrapper.themeOne p a:link, .box-wrapper.themeOne p a:visited, .box-wrapper.themeOne li a:link, .box-wrapper.themeOne li a:visited  {color:#fff !important;}
.box-wrapper.themeOne p {color:#fff !important;}
.box-wrapper.themeTwo {background-color:#fad900 !important;}
.box-wrapper.themeTwo h2, .box-wrapper.themeTwo h3, .box-wrapper.themeTwo h4 {color:#005075 !important;}
.box-wrapper.themeCustom {background-color:#fff !important;}
.box-wrapper.themeCustom img, .box-wrapper.themeCustom p {text-align:center;}