/* ---- US GOVERNMENT BANNER STYLES ---- */
/* -- Styling overrides for the US Govt banner that DMA added to all pages in August 2022 -- */
/* -- DMA's new banner fails to display properly on full-width-centered-inner themed pages, our code fixes that -- */
/* -- If DMA fixes their own AFPIMS code, remove all of the code within this section of Portal.css -- */

/* Move DLA header 30px below the US Gov banner */
.dma-full-width-centered .skin-header-background {
	margin-top:30px;
}
 
/* Override US Govt banner to have light gray bg and dark text */
.header_banner_container {
	background-color: #f3f3f3 !important;
	background: linear-gradient(to bottom, #f3f3f3 30px, #ccC 30px 100%);
	color: #1b1b1b !important;
	position: fixed !important;
	top: 0;
	z-index: 9999;
	width: 100%;
}

/* Makes US Gov banner font size smaller */
.header_banner_container .header_banner_flag {
	font-size:11px !important;
}
 
/* Override US Govt banner "here's how you know" text */
.header_banner_container .header_banner_accordion {
	color: #1b1b1b !important;
	font-size:11px !important;
}
 
/* Mobile: Adjust height of margin before page content for additional height of header including the US govt banner */
.dma-full-width-centered #content {
    margin-top: 90px !important;
}

@media (min-width: 768px) {
/* Tablets and larger: Adjust height of margin before page content for additional height of header including the US govt banner */
.dma-full-width-centered #content {
    margin-top: 175px !important;
}
}
 
/* Changes positioning of header */
.dma-full-width-centered #main-header,
.dma-full-width-centered.scroll  #main-header {
	position:fixed!important;
}

@media (min-width: 460px) and (max-width: 767px) {
.header_banner_container .header_banner_flag {
	height:30px !important;   
}
}

/* On mobile, gives space above header for US govt banner */
@media (max-width: 460px) {
.dma-full-width-centered.v2-template .skin-header {
	margin-top:50px !important;
    
}
/* On mobile, adjusts color gradient for US govt banner, text is now two lines */
.header_banner_container {
	background: linear-gradient(to bottom, #f3f3f3 50px, #ccC 50px 100%) !important;
}
}

/* Establish maximum width on a desktop view to be 1170px */
@media (min-width: 1170px) {
.header_banner_container .header_banner_inner{
	width: 1170px !important;	
}
}