/* Accessibility */
/* Global focus indicator */
 :focus {
	 border: 2px solid #ffffff !important;
	 outline: #003fbb solid 3px !important;
}
/* Skip to Main Content */
 #skiptocontent a {
	 padding:6px;
	 position: absolute;
	 top:-400px;
	 left:0px;
	 color:white;
	 border-right:1px solid white;
	 border-bottom:1px solid white;
	 border-bottom-right-radius:8px;
	 background:transparent;
	 -webkit-transition: top 1s ease-out, background 1s linear;
	 transition: top 1s ease-out, background 1s linear;
	 z-index: 100;
}
 #skiptocontent a:focus {
	 position:absolute;
	 left:0px;
	 top:0px;
	 background:#A9141E;
	 outline:0;
	 -webkit-transition: top .1s ease-in, background .5s linear;
	 transition: top .1s ease-in, background .5s linear;
}
/* Left menu - adding visible focus style */
 ul.sidebar-nav li a:focus {
	 border: 2px solid #ffffff !important;
	 outline: #003fbb solid 3px !important;
}
 ul.sidebar-nav li a:focus, ul.sidebar-nav li a:visited:focus {
	 border: 2px solid #ffffff !important;
	 outline: #003fbb solid 3px !important;
}
 ul.sidebar-nav li.sidebar-has-sub a.toggle-sidebar-sub:focus, ul.sidebar-nav li.sidebar-has-sub a:focus {
	 border: 2px solid #ffffff !important;
	 outline: #003fbb solid 3px !important;
}
/* Increasing contrast of carousel pagination link squares */
 #slider-mod .selectors-panel .item {
	 background-color: #4b4b4b;
}
 #slider-mod .selectors-panel .item:hover {
	 background: #FFFFFF !important;
	;
	 border: 2px solid #000000 !important;
}
/* Hidden class used on homepage form to fix form field is not labeled on four fields */
 .hidden {
	 display: none !important;
}
/* Accordion visible focus style */
 .slab a.accordion-toggle:focus {
	 border: 2px solid #ffffff !important;
	 outline: #003fbb solid 3px !important;
}
/* Main content link visibility beyond color */
 .html-content p a {
	 text-decoration: underline;
}
 .html-content p a:hover {
	 font-weight: bold;
}
 .html-content p a:focus {
	 font-weight: bold 
}
 .menu-bottom .jump-nav li .icon-flex:focus, .nav-trigger:focus{
	 outline: #ffffff solid 3px !important;
}
 footer a:focus{
	 margin: 5px;
	 padding: 5px;
	 outline: #ffffff solid 3px !important;
}
 .image-teaser-button a:focus{
	 outline: #000000 solid 4px !important;
}
/* Accessibility fix for Hero section when zoomed >= 400% */
 .message-wrap img, .message-wrap .overlay{
	display:none;
}
 @media only screen and (max-width:480px) {
	 .media{
		 display:none;
	}
	 .message-wrap{
		 height: 480px;
		 width: 100%;
		 position: relative !important;
		 overflow: hidden;
	}
	 .message-wrap img{
		 width: 100%;
		 height: 100%;
		 object-fit: cover;
		 object-position: center;
		 position: absolute;
		 z-index: -1;
		 display: block;
	}
	 .message-wrap .overlay{
		 z-index: -1;
		 height: 100%;
		 position: absolute;
		 top: 0;
		 right: 0;
		 bottom: 0;
		 left: 0;
		 margin: 0 auto;
		 background: linear-gradient(transparent 0,#000 95%);
		 display: block;
	}
}
/* Accessibility fix: Adding contrast to inputs and selects borders */
 .slab .program-finder .form .inner .pf-search input, .slab .program-finder .form .inner .select-items .select-item select, .form .inner .pf-search input, .form .inner .select-items .select-item select{
	 border: 1px solid #000000 !important;
}
/* Accessibility fix: Changed div to H2 so it now needs color white */
 .image-teaser .image-teaser-wrapper .image-teaser-inner .image-teaser-body .headgroup .headline{
	 color:white !important;
}
/* Accessibility fix: Title and subtitle text didn't have enough contrast so adding this overlay will help increase contrast */
 .slab .hero .media .overlay, .slab .hero .media.landing-short .overlay{
	 /*background: linear-gradient(to left, transparent 0%, #000 90%), linear-gradient(to bottom, transparent 0%, #000 95%);*/
}
.slab .hero.home .message-wrap .inner .message .title{
    filter: drop-shadow(5px 5px 5px black);
    text-shadow: 5px 5px 5px black;
}
.slab .hero.home .message-wrap .inner .message .subtitle{
    filter: drop-shadow(5px 5px 5px black);
    text-shadow: 5px 5px 5px black;
    font-weight: bold;
}

/* Accessibility fix: Breadcrumbs need to be inside <nav> */
 nav.breadcrumbs li {
	 display: inline-block;
	 margin: 0;
	 padding: 0;
	 color: #fff;
	 font-size: .875rem;
	 line-height: .75rem;
	 text-transform: uppercase;
	 font-weight: 400;
}
 nav.breadcrumbs li a, nav.breadcrumbs li a:visited {
	 font-weight: unset;
}
 nav.breadcrumbs li a, nav.breadcrumbs li a:visited {
	 text-transform: uppercase;
	 text-decoration: none;
	 font-size: .875rem;
	 line-height: 1.2rem;
	 color: #fff;
	 padding: 0;
	 font-weight: 700;
}
 nav.breadcrumbs>li+li:before {
	 padding: 0 5px 0 2px;
	 font-family: "Font Awesome 6 Pro";
	 font-size: 12px;
	 font-weight: 300;
	 color: #fff;
	 content: '\f054';
	 color: #cb4900;
}

ul.breadcrumbs li{
    text-transform: capitalize;
}

ul.breadcrumbs li a, ul.breadcrumbs li a:visited{
    text-transform: capitalize;
}

.searchContainer button:focus{ 
	 border: 2px solid #cb4900 !important;
	 outline: #cb4900 solid 3px !important; 
}
    /* Accessibility Fix */
    .pl-2{
        padding-left: .5rem;
    }
    .h-links-zone-mobile{
        display: none;
    }
    .mobile-nav-bar{
        display: none;
    }
    @media (max-width: 991px) {
        .menu-title-top{
            display:none;
        }
        .h-links-zone-mobile{
            display: block;
        }
        .mobile-nav-bar{
            display: block;
        }
    }