@import url("/kernelltest/header-signature.css");

html {scroll-behavior: smooth;}

.icon {	color: #236192; width: 100%; font-size: 82px; text-align: center !important;}

.blue-banner .themeCustom {background-color: #111c4e; margin-bottom:0rem; background-image: url(https://www.uaf.edu/_resources/images/themes/Troth-Yeddha-topo-border_2766.svg); background-size: contain;}

.no-bg-banner .themeCustom {background-color: transparent; margin-bottom: 0rem;	padding: unset;}

.icon {color: #236192; width: 100%; font-size: 82px; text-align: center !important;}

.img-divider {width: 50%;}

.bg-darkblue {background-color: #111c4e;}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {font-family: "Merriweather", serif !important;}

.blue {color: #111c4e !important;}

.yellow {color: #ffcd00 !important;	text-shadow: black 1px 0 4px;}

.white {color: white !important;}

.big-text {font-size: 3em;}

.img-divider {width: 50%;}

.blurb-with-circle {align-items: center;}

.circle-frame-yellow, .circle-frame-blue {overflow: visible !important; padding: 0px;}

.circle-frame-yellow img {border-radius: 50% !important; outline: 12px dashed #111c4e; outline-offset: -6px; overflow: hidden; border: 12px solid #ffcd00; width: 100%; object-fit: cover;}

.circle-frame-blue img {border-radius: 50% !important; outline: 12px dashed #ffcd00; outline-offset: -6px; overflow: hidden; border: 12px solid #111c4e; width: 100%; object-fit: cover;}

.blue-box {
	color: white;
	background-color: #111C4E;
	padding: 3em;
	background-image: url('https://www.uaf.edu/_resources/images/themes/Cartography-symbols_116.png'), url('https://www.uaf.edu/_resources/images/themes/Cartography-symbols_116-horizontal.png'); 
	background-repeat: no-repeat, no-repeat;
	background-position: left, top right;
	align-self: center;
}

.yellow-box {
	color: #111c43;
	background-color: #ffcd00;
	padding: 3em;
	background-image: url('https://www.uaf.edu/_resources/images/themes/Cartography_symbols_2766.png'), url('https://www.uaf.edu/_resources/images/themes/Cartography_symbols_2766-horizontal.png'); 
	background-repeat: no-repeat, no-repeat;
	background-position: right, top left;
	align-self: center;
}

.yellow-dots-bg {
	padding-top: 3em;
	padding-bottom: 3em;
	background-image: url('https://www.uaf.edu/parents/images/Multiple%20blobs%20116.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.card-footer {
	background-color: rgba(0,0,0,0);
	border-top: none;
}

h3.card-title {
	padding: 0.75rem 0rem;
}

.aos-init.aos-animate {	overflow: unset;}
.index-header img {width: 100%;	height: 100%;}
.bg-blueyellow {background-image: linear-gradient(#87D1E6, #ffcd00);}
.bg-bluedarkblue {background-image: linear-gradient(#236192, #87D1E6);}
.img-cutout-1 {position: absolute;	bottom: 0;	left: -60%;	max-width: 150% !important;	width: 150%;}
.img-cutout-2 {position: absolute; bottom: 0; right: -60%; max-width: 150% !important; width: 150%; z-index: 2;}
.container-facts {margin-top: -13em; position: relative;}
.themeCustom .gradient-border {width: 50%;}
.container-big-text {position: absolute; text-align: center; top: 7%; left: 0; right: 0; margin: auto;}
.page-header {padding-bottom: 0em;}

@media only screen and (max-width: 600px){
	.page-header {padding-bottom: unset;}
	
	.img-divider {width: 100%;}

	.blue-box {	background-image: url('https://www.uaf.edu/_resources/images/themes/Cartography-symbols_116-horizontal.png') !important; background-position: top !important; padding: 3em 1em 1em 1em !important;}

	.circle-frame-yellow {padding: 3em; order: -1;	background-clip: border-box; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #111c4e 50%, #111c4e);}

	.circle-frame-yellow img {width: 90% !important;}
	
	.themeCustom .gradient-border {width: 100%; margin-top: 35%;}
	
	.container-big-text {top: 110%}
	
	.container-facts {margin-top: unset;}

	.img-cutout-1, .img-cutout-2 {position: unset;}
			
	.img-cutout-1, .img-cutout-2 {width: 100%;}

	.bg-blueyellow, .bg-bluedarkblue {background-image: linear-gradient(to right, #236192, #87D1E6);}
}