@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;}
.merriweather {font-family: 'Merriweather', serif;}
.uafBanner.bg-primary {
    background: #16489d !important;
}
.headerLeft {width:99%;}
.siteLogo {margin-right:.4rem;}
.siteLogo a.linked-img img {height:80px; width:auto;}
.uafLogoText {display:block !important; font-size:.842rem; line-height:.842rem; max-width:224px; text-wrap:balance;}
.uafLogoText a.linked-img img {height:37px; width:auto;}
.uafLogoText a.linked-img:link, .uafLogoText a.linked-img:visited {border-bottom: 5px solid #16489d !important; display:block; text-decoration:none;}
.uafLogoText a.linked-img:hover, .uafLogoText a.linked-img:active {border-bottom: 5px solid #ffcd00 !important; display:block; text-decoration:none;}
.uafLogoText a.linked-img .department-graphic {display:none;}
.uafLogoText .merriweather .department-name-line {font-size:1.5rem; line-height:1rem; font-weight:600;}
.uafLogoText .merriweather .department-name-line-small {display:block; font-size:0.75rem; line-height:1rem; text-transform: initial;}
.headerRight {width:1%;}
.nav-gradient-border {
background: linear-gradient(#ff7400, #ffcd00) 50% 50%/calc(100% - 40px) calc(100% - 40px) no-repeat,
            linear-gradient(90deg, rgba(255,116,0,1) 0%, rgba(255,205,0,1) 100%);
border-radius: 0px;
padding: 40px;
box-sizing: content-box;
}
.menuPrimary {
    background: #16489d;
}
.site-header {
	display:none;
}
main#content {
	background-image: url('/asuaf/images/asuaf-bear.png');
    background-position: bottom right;
    background-repeat: no-repeat;
}
h1, h2, h3, h4, h5, h6 {font-family: 'Merriweather', serif !important; font-weight:700;}
.h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Merriweather', serif !important; font-weight:700;}
h1.page-title.pb-2 {font-family: 'Merriweather', serif;}
.fas {
    font-weight: 300;
    font-family: "Font Awesome 6 Sharp";
}
.btn {
	border-radius:100px !important;
	font-weight:700 !important;
	text-transform: uppercase !important;
}
.bg-primary {
    background: #16489d !important;
}
a.btn {
	font-family:'Saira Condensed', 'Barlow', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}
a.btn-primary:link, a.btn-primary:visited, btn.btn-primary, button.btn-primary {
    background: #16489d !important;
}
.main-content {
    padding: 2rem 1rem 12rem 1rem;
}
.box-wrapper.themeOne {
    background: #16489d;
}
.box-wrapper.themeTwo {
	background: linear-gradient(#ffcd00, #ff7400) 50% 50%/calc(100% - 40px) calc(100% - 40px) no-repeat, linear-gradient(rgba(255,205,0,1) 0%, rgba(255,116,0,1) 100%);
}
.box-wrapper.gradient-border {
	background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 40px) calc(100% - 40px) no-repeat, linear-gradient(rgba(255,116,0,1) 0%, rgba(255,205,0,1) 100%);
}
.box-wrapper.themeCustom {
	background-color: #16489d;
	padding:0;
}
.box-wrapper.themeCustom .multicolumn-container {
	padding: 0;
}
.box-wrapper.themeCustom .multicolumn-container .row .mb-3 {
	margin-bottom:0 !important;
}
.box-wrapper.themeCustom .ou-component-icon-card .card:hover {
	-moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
  	background-color: #ffcd00;
  	color: #000000;
}
.box-wrapper.themeCustom .ou-component-icon-card .card:hover a {
	color: #000000 !important;
}
.customicon-card-transparent {
	background-color: transparent;
	color: #fff;
	padding:1rem;
}
.customicon-card-transparent .h3 {
	font-size: x-large;
}
.customicon-card-transparent .h3 a:link, .customicon-card-transparent .h3 a:visited {
	color: #fff !important;
}
.customicon-card-transparent .h3 a:hover, .customicon-card-transparent .h3 a:active {
	color: #ffcd00 !important;
}
.tabs-container.custom-tabs .fa-2x {
	font-size: xxx-large;
	margin-bottom: 1rem;
}
.tabs-container.custom-tabs .nav.nav-tabs {
	background-color: #16489d ;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.tabs-container.custom-tabs .nav.nav-tabs .nav-item .nav-link {
	color: #ffffff !important;
	font-family: 'Merriweather', serif;
	font-size: x-large;
	font-weight:700;
	padding: 1.5rem;
	position: relative;
	margin-bottom: -2px;
}
.tabs-container.custom-tabs .nav.nav-tabs .nav-item .nav-link.active {
	background-color: #ffcd00;
	border: none;
	color: #111c4e !important;
}
.ou-component-person-profile {
	background-color: #fff;
	background-image:	radial-gradient(circle at 100% 100%, transparent 0px, #ff7400 0px, #ff7400 0px, transparent 0px), linear-gradient(to right, #16489d, #16489d),
						radial-gradient(circle at 0% 100%, transparent 0px, #ffcd00 0px, #ffcd00 0px, transparent 0px), linear-gradient(to bottom, #16489d, #16489d),
						radial-gradient(circle at 0% 0%, transparent 0px, #16489d 0px, #16489d 0px, transparent 0px), linear-gradient(to left, #ffffff, #ffcd00),
						radial-gradient(circle at 100% 0%, transparent 0px, #ffcd00 0px, #ffcd00 0px, transparent 0px), linear-gradient(to top, #ffcd00, #ff7400);
	background-size: 1px 1px, calc(100% - 0px) 10px, 1px 1px, 10px calc(100% - 0px);
	background-position: top left,top center,top right,center right, bottom right,bottom center,bottom left,center left;
	background-repeat: no-repeat;
	padding:10px;
}
.ou-component-person-profile .transition-shadow:hover {
    -webkit-box-shadow: initial;
    box-shadow: initial;
}
.person {border: none; margin-bottom:0;}
.person .fa, .person .fas {
    color: #16489d !important;
}
footer.page-footer div.global-footer.text-white {
    background-color: #16489d;
}
@media (min-width: 576px) {
	.uafLogoText {max-width:413px;}
	.uafLogoText a.linked-img img {height:32px; width:auto;}
	.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:100px; width:auto; margin-right:0.8rem;}
	.uafLogoText {max-width:605px;}
	.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:2rem; line-height:2rem; margin-left:-2px; margin-top:1px; position:relative;}
	.uafLogoText .merriweather .department-name-line-small {display:block; font-size:1rem; line-height:1.5rem;}
	main#content {
	background-image: url('/asuaf/images/mountain-peaks.png'), url('/asuaf/images/asuaf-bear.png');
    background-position: bottom left, bottom right;
    background-repeat: no-repeat;
	}
}
@media (min-width: 992px) {
	.menuPrimary .navbar-nav li {
    	padding: 0;
	}
	.tabs-container.custom-tabs .card {
		border:none;
	}
	.tabs-container.custom-tabs .card .accordion-container .card {
		border:1px solid rgba(0,0,0,.125);
	}
	.tabs-container.custom-tabs .card-body {
		border: 1px solid #ddd;
		position: relative;
    	margin-top: -1px;
	}
	.tabs-container.custom-tabs .card-body .accordion-container .card-body {
		border: none;
		position: initial;
    	margin-top: initial;
	}
	.tabs-container.custom-tabs .nav.nav-tabs {
		border-top-left-radius: 5px !important;
    	border-top-right-radius: 5px !important;
	}
	.tabs-container.custom-tabs .nav.nav-tabs .nav-item .nav-link.active {
    	border-top: 10px solid #ffcd00;
    	position: relative;
    	margin-top: -10px;
    	border-left: none;
    	border-bottom: none;
    	border-right: none;
    	border-top-right-radius: 5px !important;
    	border-top-left-radius: 5px !important;
	}
}
@media (min-width: 1200px) {
	.menuPrimary .navbar-nav li {
    	padding: 0 0.5rem;
	}
	.main-content {
    		padding: 2rem 0 12rem 0;
		}
	.box-wrapper.themeCustom .ou-component-icon-card .card {
		min-height:275px;
	}
}