/***********************************************************
/* Custom styles to be called after bootstrap-custom-ac.css
/***********************************************************/
*::selection {
	background: #ffff00;
	color: #000;
}
a.sr-only {  }
a.sr-only:focus {
	clip: unset;
	width: auto;
	height: auto;
	overflow: auto;
	display: inline-block;
	position: relative;
	margin: .5rem 0 0 .5rem;
	padding: .3rem 1rem;
	font-size: 1.2rem;
	text-decoration: none;
	border: 2px solid #003b5c;
}
.newWindowAlert {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
.grow {
	transition: all .05s ease-in-out;
	}
.grow:hover {
	transform: scale(1.05);
	}
#mainHeader {
	line-height: 1.5rem;
	}
#mainHeader a {
	text-decoration: none;
	}
#mainHeader .navSearch {
	width: 80%;
	}
#mainHeader .logo { 
	position: relative; 
	top: 1rem; 
	}
#mainHeader { 
	transition: all 0.5s ease; 
	box-shadow:0px 2px 5px rgba(0,0,0,0.1);
        position:relative;
        z-index: 1020;
	}
#mainHeader.stuck {
	position: fixed;  
	top: 0;
	width: 100%;
	z-index: 1020;
	}
/* This is a fix for senior leadership so that dual logos dont create so much white space on mobile */
#mobileMenu { text-align: center; }
#mobileMenu nav { text-align: left; }
#mobileMenu .mx-auto.d-block.my-2 { display: inline !important; } 
#mainNav .nav-link:hover {
	background-color: #003b5c;
	color: #fff;
	}
#mainNav .nav-item {
	font-size: 1.2rem;
	}
#mainNav .nav-item.dropdown:hover,
#mainNav .nav-item.dropdown.show {
	background-color: #003B5C;
	}
#mainNav .nav-item.dropdown.show .nav-link {
	color: #fff;
	}
#mainNav .dropdown-menu { 
	box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
	border: none; 
	}
#mainNav .dropdown-menu div[class*="col-"] .dropdown-item {
	white-space: normal;
	}
#mainNav .nav-item .menuCallout {
	background-color: #a9a9a9;
	}
#mainNav .nav-item .menuCallout .btn {
	line-height: 1.9rem;
	background-color: #002940;
	}
#mainNav .nav-item .menuCallout .btn:hover {
	background-color: #001623;
	}
#mainNav .nav-item .nav-item a, #mainNav .dropdown-item {
	border-bottom: 1px solid #eeeeee;
	}
#mainNav .menuCallout .buttonFlair {
	width: 2rem;
	}
#mainNav .menuCallout .arrow {
	width: .7rem;
	}
.searchResultsContainer a {
	text-decoration: none;
	}
#footer {
	margin-top: 5rem !important;	
	border-top: 3px solid #d22630;
	} 
#footer .legalFooter a {
        color: #f0f0f0!important;
        }
#footerNav a {
	color:#212529
	}
#footerNav a:hover {
	color:#d22630
	}
#footer .footerFlair {
	margin-top: -35px;
	}
.accordionList .card-header {
	padding: 0; 
	}
.accordionList .card-header a {
	padding: .75rem 1.25rem;
	}
.accordionList .card-header a:hover {  }
.accordionList .card-header a:focus {
	border: 3px solid #003b5c;
}
.videoStill {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
	}
.videoBanner video {
        display: none;
	}
.bg-primary h1, .bg-primary h2, .bg-primary h3, .bg-primary h4, .bg-primary h5, .bg-primary h6, .bg-primary p, .bg-primary a {
        color: #ffffff;
        }
.accordionList h1, .accordionList h2, .accordionList h3, .accordionList h4, .accordionList h5, .accordionList h6 {
         display:inline;
        } 
.alert a {
	text-decoration: underline!important;
	}
.alert a.btn {
	text-decoration: none!important;
	}
    
.overlayTextBox {
	z-index: 10
	}
.overlayTextBox .pauseButton { 
	position: absolute; 
	left: 1rem; 
	cursor: pointer;
	}
.borderTopOnePixel {
	border-top: 1px solid #003b5c;
	}   
   
.borderRightOnePixel {
	border-right: 1px solid #003b5c;
	}
.borderBottomOnePixel {
	border-bottom: 1px solid #003b5c;
	}
.borderLeftOnePixel {
	border-left: 1px solid #003b5c;
	}
      
.btn {
	text-decoration: none;
	}
      
.btn-outline-light:hover {
	color: #333f48!important;
	}
      
.banner {
        background-size: cover;
        min-height: 420px;
        height: 100%
      	}
    
.backgroundFull {
	background: no-repeat center center;
	background-size: cover;
	}
    
.backgroundFullFixed {
	background: no-repeat center center fixed;
  	background-size: cover;}   
   
.backgroundImageFlagGray {
	background-image: url(/global/assets/images/background-flag-gray.png)
	}
.backgroundImageFlagWhite {
	background-image: url(/global/assets/images/background-flag-white.png)
	}
    
.transparent {
	background: rgb(255, 255, 255);
	opacity: .9;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000)";
	/* Below IE7 supported */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000);
	}
  
.iconCard {
	max-width: 120px;
      	}
.accordionArrowDown {
	float: right;
	margin-top: .8rem;
	display: inline-block;
	width: 0;
	height: 0;
	border-left: .5rem solid transparent;
	border-right: .5rem solid transparent;
	border-top: .5rem solid #f00;
	}
.scrollIndicatorArrow {
        display: table; 
        margin: auto; 
        margin-top: -50px;
}
.homepageFeature {max-width:350px;}
.backgroundFullFixed div .row {margin:0;}
/* -- CAMPAIGN BANNER SYTLES -- */
.card.campaign .card-img-overlay {
	margin: 0; 
	top: unset; 
	right: unset; 
	left: unset; 
	bottom: unset; 
	height: fit-content!important
	}
.card.campaign .card-img-overlay ul li {
	list-style: disc;
	margin-left: 1.35rem;
	line-height: 1.65rem;
	margin-bottom: .65rem;
	}
  
.card.campaign .card-img-overlay ul li a {
	text-decoration:underline;
	color: inherit!important;
	}
.card.campaign .card-img-overlay ul li a:hover {
	color: inherit!important;
	text-decoration: none!important;
	}
  
.card.campaign, .card-img {
	border-radius: 0;
	border: none
	}
.card.campaign .card-img {
	max-width: 2000px
	}
/* -- TOGGLE LIST INDICATOR ARROW STYLES -- */ 
.card-header .fas {
	transition: .3s transform ease-in-out;
	}
.card-header .collapsed .fas {
	transform: rotate(90deg);
	}
#content .footnote {
	margin-top: 4rem;
	border-top: 1px solid #dbdada;
	padding-top: 1rem;
	font-size: 1rem;
	color: #7c848d;
	padding-left: 1rem;
}
      
/* -- LEFT NAV STYLES -- */ 
/* -- LEFT NAV STYLES -- */ 
/* -- LEFT NAV STYLES -- */ 
/* -- LEFT NAV STYLES -- */ 
/* -- LEFT NAV STYLES -- */ 
/* -- LEFT NAV STYLES -- */ 
/* -- LEFT NAV STYLES -- */ 
/* -- LEFT NAV STYLES -- */ 
/* -- LEFT NAV STYLES -- */ 
      
.leftNavContainer {
	font-weight: 600;
	line-height: 1.3rem;
	border-right: 1px solid #eee;
	}
  
.leftNavContainer .leftNavTitle {
	display: block;
	color: #fff;
	background-color: #003b5c;
	padding: .5rem .8rem;
	font-size: 1.3rem;
	font-weight: 600;
	}
.leftNavContainer a {
	padding: .6rem 1rem;
	text-decoration: none;
	color: #003b5c;
	}
.leftNavContainer .leftNavTitle a {
	color: #fff;
	padding-left: .2rem;
	}
  
.leftNavContainer a:hover {
	color: #d22630;
	text-decoration: underline;
	}
.leftNavContainer .leftNavTitle a:hover {
	color: #fff;
	}  
.leftNavContainer ul ul {
	margin-left: 1.5rem;
	font-size: .9rem;
	}
  
.leftNavContainer ul ul li:last-of-type {
	margin-bottom: 1rem;
	}
  
.leftNavContainer li.active {
	border-left: 3px solid #003b5c;
	margin-left: -3px;
	font-weight: 800;
	background: #eee url(/assets/images/icon-arrow-right-blue.svg) no-repeat 95% 50%;
	background-size: 10px;
	}
  
.leftNavContainer li.active:hover {
	background: #eee url(/assets/images/icon-arrow-right-blue.svg) no-repeat 95% 50%;
	background-size: 10px;
	}
  
.leftNavContainer li.active a:hover { 
	color: #003b5c; 
	cursor: auto;
	text-decoration: none;
	}
      
/* -- BIOS PAGE TOGGLES -- */
      
.toggleClick span.more {
	display:inline;
	}
.toggleClick.open span.more {
	display:none;
	}
  
.toggleClick span.less {
	display:none;
	}
.toggleClick.open span.less {
	display:inline;
	}
      
/* -- SEARCH RESULTS PAGE -- */
      
.searchResults .searchResultsContainer a {
	text-decoration: none;
	padding: 2rem;
	}
  
.searchResults a h2,
.searchResults a p,
.searchResults a:hover h2,
.searchResults a:hover cite,
.searchResults a:hover p { 
	color: #333f48; 
	}
  
.searchResults .searchResultsContainer a:hover {
	background-color: #eee;
	}
  
.searchResults a cite {
	color: #d22630;
	}
  
.searchResults a h2 {
	font-size: 1.3rem;
	margin-bottom: .3rem;
	}
  
.pagination .pageControl {
	overflow: auto;
	font-weight: bold;
	text-decoration: none;
	}
.pagination .paginationPrev, 
.pagination .paginationNum, 
.pagination .paginationNext {
	min-width: 1rem;
	line-height: .6rem;
	text-align: center;
	background-color: #eee;
	text-decoration: none;
	border: 1px solid #fff;
	}
.pagination .paginationPrev:hover, 
.pagination .paginationNum:hover, 
.pagination .paginationNext:hover {
	background-color: #003da5;
	color: #fff;
	text-decoration: none;
	}
       
/* -- MEDIUM DEVICES (tablets, 768px and up) -- */
@media (min-width: 768px) {
body {
	padding-top: 194px;
	}
.display-3 {
        font-size: 4rem;
	}
.videoBanner {
        position: relative;
        height: 60vh;
        min-height: 25rem;
        max-height: 650px;
        background-size: cover;
        background-position: center center;
        z-index: 1;
        background-image: none;
        background-color: #000000;
        width: 100%;
        overflow: hidden;
	}
.videoStill {
        display: none;
	}
.videoBanner video {
        display: block;
        position: relative;
        top: 200px;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: 0;
        -ms-transform: translateX(-50%) translateY(-35%);
        -moz-transform: translateX(-50%) translateY(-35%);
        -webkit-transform: translateX(-50%) translateY(-35%);
        transform: translateX(-50%) translateY(-35%);
	}
.videoContentContainer {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        bottom: 3%;
	}
.videoContentBox {
        background: rgba(255,255,255,0.7);
        padding: 20px;
        border-radius: .25rem;
        margin: 0 8%;
	}
} 
.disclaimer { 
        font-size: .8rem; 
        margin-top: 2rem;
        padding-top: 1rem;
        border-top: 1px solid #eee;
        color: #545454; 
}
/* -- SMALL AND MEDIUM DEVICES (phones and tables 992 and below) -- */
@media (max-width: 992px) {
.card.campaign .card-img-overlay {
	position: relative;
	}
} 
/* -- LARGE DEVICES (desktops, 992px and up) -- */
@media (min-width: 992px) {
body {
	padding-top: 138px;
	}
} 
/* -- EXTRA LARGE DEVICES (large desktops, 1200px and up) -- */
    @media (min-width: 1200px) {
}
@media only screen and (min-width: 1600px){
.card.campaign .card-img-overlay {
	left: 5%;
	max-width: 35%;
	}
} 
/* -- IE10+ STYLES -- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.card {
	display: table; 
	}
.card.campaign .card-img-overlay {
	display: table;
	}
.accordionList.accordion .card  {
  width: 100%;
  }
.d-flex {
	display: block!important; 
	max-width:2000px;
	}
.pagination .pageControl { 
	overflow: inherit !important;
	margin-top: 1rem;
}
.card-img-overlay.alternate {
	left: auto
	}
} 