/* ----------------------------------- */
/* START custom header include styles */
/* --------------------------------- */
.site-header {display:none;}
.merri¾Ã¾ÃÈÈÊÓƵ {font-family: 'Merri¾Ã¾ÃÈÈÊÓƵ', serif;}
.headerLeft {width:99%;}
.siteLogo {margin-right:.4rem;}
.siteLogo a.linked-img img {height:45px; 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 .department-graphic {display:none;}
.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;
}
@media (min-width: 576px) {
	.siteLogo a.linked-img img {height:40px; width:auto;}
	.uafLogoText {max-width:413px;}
	.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 .merri¾Ã¾ÃÈÈÊÓƵ .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;}
	h1.page-title:before {top: 50%;}
}
@media (min-width: 768px) {
	.siteLogo a.linked-img img {height:50px; 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 .merri¾Ã¾ÃÈÈÊÓƵ .department-name-line {display:block; font-size:1.49rem; line-height:1.4rem; margin-left:-2px; margin-top:1px; position:relative;}
}
/* ----------------------------------- */
/*  END custom header include styles  */
/* --------------------------------- */
.site-header {display: none; visibility:none;}
 /* ------- Mega Menu ------- */

.navContainer, #megaNavContainer {
    background: #373e5b;
    border-top: 0;
}
 
    .menuNav,
    .menuNav a,
    .menuNav ul,
    .menuNav li,
    .menuNav div,
    .menuNav form,
    .menuNav input {
        padding: 0;
        border: none;
        outline: none;
    }
    .menuNav ul ul {
        margin-left: 2rem;
    }
    .menuNav a {
        text-decoration: none;
	}
	.menuNav > li {
		list-style: none;
	}
    .menuNav {
        display: inline-block;
        position: relative;
        cursor: default;
        z-index: 500;
		font-size: 0.9rem;
		width: 100%;
		margin-bottom: 0rem;
    }
	.menuNav h2 {
    	border-bottom: 2px solid var(--yellow);
    	margin: 1rem 0 0.5rem 1rem;
    	padding-bottom: 0.5rem;
    	width: 40%;
		color:#fff;
	}
	.menuNav ul {
		padding-bottom: 1.5rem;
		list-style-type: none;
	} 
    .menuNav > li {
        display: block;
        float: left;
		list-style: none;
    }
    .menuNav > li > a, .menuNav >li > .nav-link {
        position: relative;
        display: block;
        z-index: 510;
        height: 40px;
        padding: 0 .9rem !important;
        line-height: 40px;
        font-family: Helvetica, Arial, sans-serif;
        color: #fcfcfc !important;
        background: #373e5b;
        border-right: 1px solid #777777;
        text-transform: uppercase;
    }

    .menuNav > li:hover > a {
        background: #0c457d;
        color: #eee;
    }

@media (min-width: 767.98px) {
    .menuNav .nav-item.show > a {
        background: #87d1eb;
		color: #373e5b;
    }
}
    .menuNav > li:first-child > a {
        
        border-left: none;
    }
    
    .menuNav > li > div {
		font-size: 1.1rem;
        border-top: 5px solid #0c457d;
        position: absolute;
        width: 100%;
        top: 40px;
        left: 0;
        overflow: hidden;
        background: #0c457d;
		padding-bottom:3rem;
		
    }

    .menuNav .nav-column {
		padding: 1rem 2rem 0rem;
    }
    .menuNav .nav-column h3 {
        color: #F4D03F;
        font-size: 1.2rem;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: uppercase;
    }
	.menuNav h3 a:link,
	.menuNav h3 a:visited{
		color: #f5d03f;
	}
    .menuNav h3 a:hover {
		color: #a7b6d6;
	}
    .menuNav .nav-column h3.orange {
        color: #ffbe4f;
    }
    .menuNav .nav-column li a {
        color: white;
        display: block;
        font-weight: 500;
    }
    .menuNav .nav-column li li a {
        font-weight: normal;
        color: #ccc;
    }
    .menuNav .nav-column li a:hover {
        color: #a7b6d6;
    }
    #megaNavContainer nav {
        margin: 0;
        padding: 0;
    }
.navbar .dropdown.show .dropdown-menu {border-top: solid 5px #87d1eb;}
.nav-item.has-megamenu {position:static!important;}
@media (min-width: 992px) { 
	.navbar .dropdown.show .dropdown-menu {
        -webkit-transform: translate3d(0, 38px, 0) !important;
        -moz-transform: translate3d(0, 38px, 0) !important;
        -o-transform: translate3d(0, 38px, 0) !important;
        -ms-transform: translate3d(0, 38px, 0) !important;
        transform: translate3d(0, 38px, 0) !important;
    }
}
/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
#megaNavContainer {
        height: 56px;
    }
.menuNav .nav-column.col-md-3.offset-md-1 {display:none;}
.menuNav .nav-column img {
	display:none;
}
  .menuNav > li {
        float: none;
}
.menuNav > li > div {
   padding: 1rem;
}}
    /* end menu */
.custominfoBoxes {margin-bottom:2rem;}
#facIndex .box-wrapper.custom-bx {background-color:#fff; padding:0rem; margin-bottom:2rem;}
#facIndex .page-title {text-align: center;}
.featured-bg-container.pinkWrapper {background-color: #F45197 !important; background-image: url("/music/images/music-polar-bear.png")!important; background-position: top left !important;  background-repeat: no-repeat !important;background-size:cover;}
.customclearBoxes, .clearBoxes {background-color:rgba(255, 255, 255, 0.85) !important;}
.flush-img-container.bg-blue .person p.h4 {color:#236192 !important;}
.flush-img-container.bg-warning .text-white {color:#000 !important;}
.card.customTitle-center .card-title.h3 {text-align: center;}
footer.page-footer.center-on-small-only.bg-primary.pt-5 {padding-top:0 !important;}
footer div.featured-bg-container.full-width.light {background-color:#ffcd00 !important;}
footer .featured-bg-container.light a:link, .featured-bg-container.light a:visited, .featured-bg-container.full-width.light a:link, .featured-bg-container.full-width.light a:visited {color: #fff !important; text-decoration: none !important;}
#google_translate_element {background: #236192 !important;}
footer.page-footer a:link.goog-te-menu-value, footer.page-footer a:visited.goog-te-menu-value, footer.page-footer a:hover.goog-te-menu-value, footer.page-footer a:active.goog-te-menu-value {color: #333 !important;}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}