/*
####################################################
SW styles
####################################################
*/

body {
  font-family: 'Lato', 'Trebuchet MS', Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.7;
}
h1, .h1 {
  font-size: 2.2rem
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: 'Crimson', serif;
}
h2, .h2, h4, .h4, h3, .h3 {
  margin-bottom: 1rem;
}
h1.page-title {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 0.6rem;
  font-weight: 500;
}

.page-header .h2,
.page-header h2{
  font-weight: bold;
  margin-bottom: 0;
  color: #0c5460;
}
* {
  border-radius: 0 !important;
}
.page-content a:link,
.page-content a:visited{
	text-decoration: underline;
}
a:hover {
    color: #806806;
    text-decoration: underline;
}

h2 a:link,
.h2 a:link,
h3 a:link,
.h3 a:link,
h4 a:link,
.h4 a:link,
h5 a:link,
.h5 a:link,
h6 a:link,
.h6 a:link{
	text-decoration: none !important;
}
.subnav a:link,
a.btn:link,
.colorboxes-container a,
.tabs-container .nav-item a{
	text-decoration: none;
}
.card h3.card-title a:hover{
  color: #806806;
}
/* sw banner */

.swBanner {
  background: #004895;
  padding: 0;
}
.headerBarContainer {
  background: #1e252b;
  font-size: 90%;
  padding-right: 1rem;
}
.resourcesContainer {
  padding-right: 1.5rem;
}
.quickLinks .btn, .swSearch .btn {
  font-size: .8rem;
  text-transform: uppercase;
  color: #fff;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  border-right: 1px solid #999;
  padding: 0.7rem 2.2rem;
  transform: skew(-45deg, 0);
}
.quickLinks .btn div, .swSearch .btn div {
  -moz-transform: skew(45deg, 0);
  -ms-transform: skew(45deg, 0);
  -webkit-transform: skew(45deg, 0);
  transform: skew(45deg, 0);
}
.quickLinks .btn:focus, .quickLinks .btn:hover, .swSearch .btn:focus, .swSearch .btn:hover {
  color: #fff;
  background-color: #1e252b;
  border-right: 1px solid #555;
  box-shadow: none;
}
.searchContainer form {
  padding: 0 1rem;
}
.searchContainer .form-control {
  border: 0;
  width: 14rem;
  margin-right: 0.5rem;
}
.headerBarContainer a:link, .headerBarContainer a:visited {
  color: #eee;
}
.headerBarContainer a:hover {
  color: #666;
}
.headerBarContainer .nav-link {
  padding: 1rem 1rem;
}
.headerLeft {
  display: none;
  position: absolute;
  background-color: #004895;
  box-shadow: 5px 2px 3px rgba(0, 0, 0, 0.3);
  -moz-transform: skew(-45deg, 0);
  -ms-transform: skew(-45deg, 0);
  -webkit-transform: skew(-45deg, 0);
  transform: skew(-45deg, 0);
  left: 0;
  width: 10rem;
  z-index: 1000;
  left: -110px;
  width: 17rem;
  background: #005C97;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #363795, #005C97);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #363795, #005C97);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.swBanner svg {
  width: 7rem;
  height: 5rem;
}
.siteLogo img{
	width: 9rem;
    padding: 0.5rem 0 1rem 0;
}

.siteLogo {
  display: block;
  width: 100%;
  padding: 0.5rem 0 0 9rem;
  position: relative;
  margin: auto;
  -moz-transform: skew(45deg, 0);
  -ms-transform: skew(45deg, 0);
  -webkit-transform: skew(45deg, 0);
  transform: skew(45deg, 0);
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.headerRight {
  width: 100%;
  position: relative;
  z-index: 998;
  box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.3);
  background: #eee;
}
.siteBarContainer {
  position: relative;
  z-index: 10;
  padding-right: 0rem;
  transition: margin .6s cubic-bezier(.77, 0, .175, 1);
  color: #fff;
  -ms-flex-order: 1;
  order: 1;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  padding-right: 2rem;
  background: #005C97;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #363795, #0c5460);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #363795, #0c5460);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.mauContainer {
  background: #f8f9fa;
  padding-right: 0rem;
}
.mauContainer .nav-link {
  padding: 0.5rem 1rem 0;
}
.mauContainer .nav-item {
  padding-right: 2rem;
}
.mauContainer .nav-link:hover {
  color: #222;
}
.mauContainer .nav-item::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 1.5rem;
  top: 2.7rem;
  display: block;
  background: #5cacb978;
  height: 141.421356%;
  top: -20.710678%;
  transform: translate(-45%, 0) rotate(45deg);
}
.uafColor {
  color: #236192;
}
.uaaColor {
  color: #207B66;
}
.uasColor {
  color: #286f84;
}
/* banner end */

/* site title */

.site-header{
  /*background-color:#003764;
     */
  background-color: #113b5e;
  border-top: 0.5rem rgba(0, 123, 255, .5) solid;
}
.site-nanook {
    display: none;
}
.site-header div.row, .site-header div.col {
  justify-content: flex-end;
}
#main-slider~section .site-header div.row {
  justify-content: flex-start !important;
}
/* site title end */

/* site nav dropdown */

.menuPrimary {
  background: #113b5d;
  border-top: 1px solid #0e5897;
}
.menuPrimary .navbar-nav .active>.nav-link, .menuPrimary .navbar-nav .nav-link.active, .menuPrimary .navbar-nav .nav-link.show, .menuPrimary .navbar-nav .show>.nav-link {
  color: #ffffff;
}
.menuPrimary .navbar-nav .nav-link {
  border-bottom: transparent solid 5px;
  color: rgba(255, 255, 255, .8);
}
.menuPrimary .navbar-nav .nav-link:hover {
  border-bottom: #FFC107 solid 5px;
}
.menuPrimary .navbar-nav .active>.nav-link, .menuPrimary .navbar-nav .nav-link.active, .menuPrimary .navbar-nav .nav-link.show, .menuPrimary .navbar-nav .show>.nav-link {
  border-bottom: #FFC107 solid 5px;
}
/* site nav dropdown end */

/* .carousel .dark-overlay { position: absolute; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); top: 0; right: 0; bottom: 0; left: 0; z-index: 10;} */


/* carousel custoimzations */
.carousel .dark-overlay {background: #16191a;}
.hero-md,.hero-lg {overflow:hidden;}
.carousel-item {height:initial !important;}
.carousel-item > img {position: relative !important; height: initial !important;}
.carousel-item .container-fluid {padding-left:initial !important; padding-right:initial !important;}
.carousel-inner {position:initial !important; width: initial !important; overflow: initial !important;}
/* .carousel-caption {background:#000 !important; color:#fff !important; display:block !important; padding: 1rem 2.5rem 2rem 2.5rem !important; width:100% !important; margin:0 !important; position:relative !important; left:0 !important; right:0 !important; bottom:0 !important;} */
.carousel-caption {-webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%) !important; /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#99000000',GradientType=0 ) !important; /* IE6-9 */color:#fff !important;display:block !important;padding: 1rem 2.5rem 1rem 2.5rem !important;width:100% !important;margin:0 !important;position: inherit;left:0 !important;right:0 !important;bottom:0 !important;}
.carousel-caption.text-left .h2, .carousel-caption.text-left p {float:initial !important;margin-bottom: 0;}
.carousel-caption.text-right .h2, .carousel-caption.text-right p {float:initial !important;margin-bottom: 0;}
.carousel a.btn-primary { border: 0; background-color: #ffd700;color: #000000;text-shadow: none;text-transform: uppercase;font-size: 1rem;margin-top: 0.5rem;width: 13rem;}

@media (min-width: 700px) {.carousel-caption { position: absolute !important;}}

@media (min-width: 960px) {
.hero-md .carousel-inner {max-height:20rem !important; overflow:hidden !important;}
.hero-lg .carousel-inner {max-height:35rem!important;overflow:hidden !important;}
.hero-md .carousel-caption {top: 14% !important;}
.hero-md .carousel-caption .h2 {font-size:2.5rem !important; line-height:2.2rem; margin-bottom: 1rem;}
.carousel-caption {-webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.7) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#99000000',GradientType=0 ) !important; /* IE6-9 */ ; position:absolute !important; bottom:inherit !important; top:23% !important; width:35% !important; }
.carousel-caption, .carousel-caption.text-left {left: 10rem !important;right:initial !important;}
.carousel-caption.text-right {right:10rem !important; left:initial !important;}
.carousel-caption.text-left .h2, .carousel-caption.text-left p {width:initial !important;margin-bottom: 0.5rem;}
.carousel-caption.text-right .h2, .carousel-caption.text-right p {width:initial !important;margin-bottom:0.5rem;}
.carousel-caption .h2 {font-size:2.7rem !important; font-weight: 500 !important; line-height:2.7rem; margin-bottom: 1rem;}
.carousel-caption p {font-size:1.2rem !important;line-height:1.5rem;}}
@media (min-width: 1350px) {
.carousel-caption .h2 {font-size:3.25rem !important;line-height:3.25rem;margin-bottom: 1rem;}
.carousel-caption p {font-size: 1.5rem !important;line-height:1.75rem;}}

/* .carousel-container  .carousel-caption{
position: relative !important;
top: auto !important;
width: inherit !important;
left: auto !important;
} */


/* sidenav menu */
.subnav {
  background: #f8f9fa;
  border-top: 7px solid #FFC107;
}
.subnav .active a {
  color: #020202;
}
.subnav .nav {
flex-wrap: inherit;
}
.subnav .dropdown-toggle:after {
    margin-left: 0;
}
.subnav .nav-link {
    color: #2c3c6c;
    padding: 0.7rem 0rem 0.7rem 0.5rem;
    width: 85%;
}
@media (min-width: 991.98px) {
	.subnav .nav-link {
    width: 89%;
	}}

.subnav .nav-link.dropdown-toggle {
  padding-left: 0rem;
  padding-right: 0.5rem;
}
.subnav > li:hover {
    background: transparent;
}
.subnav > li a:hover {
    color: #1c82d4 !important;
}
.subnav ul .nav-link {
    color: #333;
    padding: 0.4rem 0.2rem 0.5rem 1.2rem;
}
.subnav li.nav-item div.menu-toggle-icon {
    background-color: transparent;
}
.subnav .subnav-nested {
    font-size: 1rem;
    padding: 0rem 0rem 0.7rem 0;
	  background:transparent;
}

/* main area */

.page-content {
  padding-bottom: 3rem;
}

main {
  height: auto;
}
main a.btn-outline-primary {
  border-color: #236192 !important;
}
main a.btn-outline-primary:hover {
  background-color: #236192 !important;
}
main div.featured-container, main div.facts-container {
  background-color: #236192 !important;
  background-position: top;
  background-repeat: no-repeat;
}
main div.featured-container h3 a.text-warning, main div.events-container h3 a.text-white, main div.facts-container h3 a.text-warning {
  color: #ffcd00 !important;
}
main div.featured-container a.btn-outline-warning, main div.facts-container a.btn-outline-warning {
  border-color: #ffcd00 !important;
  color: #fff !important;
}
main div.featured-container a.btn-outline-warning:hover, main div.facts-container a.btn-outline-warning:hover {
  background-color: #ffcd00 !important;
  color: #000 !important;
}
main div.facts-container .text-warning {
  color: #ffcd00 !important;
}
/* main area end */

/* footer */

footer {
  background: url(/_resources/images/mountains.svg) no-repeat center top;
  padding-top: 92px !important;
}
.footerContainer {
    background: #004895;
    padding: 3rem 2rem;
}
footer div.container-fluid .text-white, footer div.container-fluid a:link, footer div.container-fluid a:visited {
  color: #fff !important;
}
footer div.container-fluid a:hover, footer div.container-fluid a:active {
  color: #ffcd00 !important;
}
footer hr {
  visibility: hidden;
}
/* misc */
.uaa-color {
	background: #00583d;
    border: 1px solid #00583d;
	color:white;
}
.uaf-color {
	background: #236192;
    border: 1px solid #236192;
	color:white;
}
.uas-color {
	background: #8dca46;
    border: 1px solid #8dca46;
	color:black;
}

/* external link  
#content a[href]:not([href*="uaf.edu"]):not([href*="alaska.edu"]):not([href^="mailto\\:"]):not([href^="#"]):not([href^="/"]):after {    
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
    content: "\f08e";
    font-size: 12px;
    color: #999;
    padding: 0 5px;
	}

    a.btn:after,
	a.linked-img:after,
	.card-icon a:after,
	.card-title a:after,
	.colorboxes-container a:after,
	.news-container .title a:after,
	.ou-component-simple-card a:after,
    .social-media-container a:after,
	.ou-component-icon-card a:after{
	content:"" !important;
	}
/* -- */

a {
  color: #004895;
}
.callout-container a.btn-secondary {
  /* background-color: #009688;
    border-color: #009688; */
  background-color: #6b5402;
  border-color: #6b5402;
  color: #fff;
  margin-top: 1rem !important;
  width: 70%;
  max-width: 30rem;
}
.carousel a.btn-primary:hover, .callout-container a.btn-primary:hover, .callout-container a.btn-secondary:hover {
  background-color: #888888;
}
.btn-primary {
  color: #fff;
  background-color: #005C97;
  border-color: #005C97;
}
a.btn-primary-dark {
  border: 0;
  background-color: #00356b;
  color: #fff;
}
.bg-primary {
  background-color: #005C97 !important;
}
.btn-primary:hover {
  color: #fff;
  background-color: #666666;
  border-color: #666666;
}
.btn-info {
    color: #fff;
    background-color: #087182;
    border-color: #087182;
}
.text-primary {
  color: #236192;
}
.breadcrumb-item.active {
  color: #333;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f3f3f3;
}
.envelopeBg {
  background-color: #083857;
  background-image: url(/_resources/css/"data:image/svg+xml,%3Csvg xmlns='http:/www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='1' gradientTransform='rotate(41,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23083857'/%3E%3Cstop offset='1' stop-color='%233e8585'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1' gradientTransform='rotate(160,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23323bed' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23323bed' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2' gradientTransform='rotate(236,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23323bed' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23323bed' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.47'%3E%3Cpolygon fill='url(%23b)' points='0 1 0 0 2 0'/%3E%3Cpolygon fill='url(%23c)' points='2 1 2 0 0 0'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}
/* full-width * aspect-ratio */

.full-width {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
/* ---- snippets ----- */

.multicolumn-container {
  padding: 0;
}
.spotlights-container .card-header {
    background-color: #1f5075
    }
/* accordion */

.accordion-container .card-header {
  background-color: #006195;
}
.accordion-container .card-header a:hover{
  color:#2196F3 !important;
}
/* Callout snippet */

.card-header {
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  color: #fff;
  font-weight: normal;
}
.card-header a {
  color: #fff;
}
.callout-container .card-header {
  background-color: #444444;
}
.events-container .card-header, .news-container .card-header {
  background-color: #006195;
}
/* facts */

.facts-container {
  padding: 0;
}
.featured-bg-container h3.text-uppercase {
  padding-bottom: 0rem;
  color: #fff;
  font-style: normal;
  letter-spacing: 1px;
}
.facts-container h3.text-uppercase {
  padding-bottom: 0rem;
  color: rgb(255, 191, 0);
  font-style: italic;
}
.facts-container .rowFact {
  margin: 0;
}
.facts-container .fact-wrapper {
  height: 150px;
  width: 150px;
  background: #006d95;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px !important;
  margin: auto;
}
.facts-container .card-title {
  padding-top: 3rem;
  margin-bottom: 0.2rem;
}
.facts-container .mb-3{
  margin-bottom: 0!important;
}
/* Color Boxes */
/* Blue default theme - themeOne  */ 
.colorboxes-container .colorbox:first-child .card,
.colorboxes-container .colorbox:nth-child(4) .card {background-color: #006d95;}
.colorboxes-container .colorbox:nth-child(2) .card,
.colorboxes-container .colorbox:nth-child(5) .card  {background-color: #005495;}
.colorboxes-container .colorbox:nth-child(3) .card,
.colorboxes-container .colorbox:nth-child(6) .card  {background-color: #04367c;}
.colorboxes-container .card:hover {background-color: rgba(81, 205, 205, 0.25);cursor: pointer;}

/* gold theme - themeTwo */ 
.colorboxes-container.themeTwo p, 
.colorboxes-container.themeTwo .card-header.h4 {color: #000;}
.colorboxes-container.themeTwo .colorbox:first-child .card,
.colorboxes-container.themeTwo .colorbox:nth-child(4) .card {background-color: #FFCD00;}
.colorboxes-container.themeTwo .colorbox:nth-child(2) .card,
.colorboxes-container.themeTwo .colorbox:nth-child(5) .card {background-color: #ffd733;}
.colorboxes-container.themeTwo .colorbox:nth-child(3) .card,
.colorboxes-container.themeTwo .colorbox:nth-child(6) .card {background-color: #ffe166;}
.colorboxes-container.themeTwo .card:hover {background-color: rgba(255, 255, 255, 0.25);}
.colorboxes-container.themeTwo .card:after {background-color: rgba(255, 255, 255, 0.25);}

/* gray theme - themeThree */ 
.colorboxes-container.themeThree p, 
.colorboxes-container.themeThree .card-header.h4 {color: #000;}
.colorboxes-container.themeThree .colorbox:first-child .card,
.colorboxes-container.themeThree .colorbox:nth-child(4) .card {background-color: #8a9fad;}
.colorboxes-container.themeThree .colorbox:nth-child(2) .card,
.colorboxes-container.themeThree .colorbox:nth-child(5) .card {background-color: #A7B8C3;}
.colorboxes-container.themeThree .colorbox:nth-child(3) .card,
.colorboxes-container.themeThree .colorbox:nth-child(6) .card {background-color: #C3CED6;}
.colorboxes-container.themeThree .card:hover {background-color: rgba(255, 255, 255, 0.25);}
.colorboxes-container.themeThree .card:after {background-color: rgba(255, 255, 255, 0.25);}

/* Box Wrapper*/
.box-wrapper.themeOne,
.featured-bg-container, .featured-bg-fullwidth-container {
background-color:#fff;
background: linear-gradient(45deg, rgba(47, 72, 125, 0.59) 25%, rgba(40, 50, 74, 0.3) 25%, rgba(23, 130, 241, 0.35) 90%, rgba(80, 114, 189, .7) 90%), linear-gradient(-45deg, rgba(6, 29, 93, 0.28) 30%, rgba(13, 11, 111, 0.41) 30%, rgba(21, 21, 146, 0.26) 60%, rgba(33, 40, 84, 0.03) 60%, rgba(0, 49, 196, 0.64) 60%);
background-color: #054387;
color: #eee;
}
.box-wrapper.themeTwo {
    background: #f2d972;
}
.box-wrapper.gradient-border {
	background-color:#fff;
	background-image: 	radial-gradient(circle at 100% 100%, transparent -15px, #004895 -15px, #004895 1px, transparent 1px), 
						linear-gradient(to right, #004895, #028e8a), 
						radial-gradient(circle at 0% 100%, transparent -15px, #1f51d7 -15px, #1f51d7 1px, transparent 1px), 
						linear-gradient(to bottom, #028e8a, #2196F3), 
						radial-gradient(circle at 0% 0%, transparent -15px, #2196F3 -15px, #2196F3 1px, transparent 1px), 
						linear-gradient(to left, #2196F3, #028e8a), 
						radial-gradient(circle at 100% 0%, transparent -15px, #1f51d7 -15px, #1f51d7 1px, transparent 1px), 
						linear-gradient(to top, #009688, #004895);
	background-size: 1px 1px, calc(100% - 2px) 16px, 1px 1px, 16px calc(100% - 2px);
	background-position: top left,top center,top right,center right, bottom right,bottom center,bottom left,center left;
	background-repeat: no-repeat;
}

.featured-bg-container h3.text-uppercase {
  padding-bottom: 0rem;
  color: #ffbf00;
}
h3.text-uppercase a {
  color: #000;
}
/* ---------- Media Queries --------------------- */

/* Small devices (landscape phones, 544px and up) */

@media (min-width: 544px) {
  .searchContainer .form-control {
    border: 0;
    width: 20rem;
    margin-right: 0;
  }
  .searchContainer form {
    padding: 1rem 0;
  }
  .resourcesContainer {
    padding-right: 0;
  }
  .mauContainer {
    padding-right: 2rem;
  }
}
/* Medium devices (tablets, 700px and up) The navbar toggle appears at this breakpoint */

@media (min-width: 700px) {
  .smLogo-banner {
    display: none;
  }
  .headerLeft {
    display: block;
    width: 23rem;
  }
  .pl {
    padding-left: 3rem;
  }
  .pr {
    padding-right: 3rem;
  }
}

@media (min-width: 768px){
.main-content {
    padding: 2rem 0;
}}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {}
/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {}