/* Custom DHS styles that override paiv2_agency.css and paiv2_paths.css */

/* Fix the black footer text alignment */
	nav.row.clearfix#copyright ul li {
	margin-top: -11px;
}
	nav.row.clearfix#copyright p {
	margin-top: 0px;
}

/* Remove underlines from dropdown menu hover */
ul.submenu.vertical li:hover {
    text-decoration: none !important;
}

/* Fix search on slider static layer to one line */
input.searchbutton {
	white-space: no-wrap;
	float: none;
}

/* Adjust the top left DHS logo */
nav.top-bar h1 a {margin-left: 5px; margin-top: -3px; height: 50px; width: 300px; float: left; }

/* Adjust the top menu to be extra wide */
@media only screen and (min-width: 40em) {
	.contain-to-grid .top-bar {
    	max-width: none;
    	margin: 0 auto;
	}
}
.top-bar-right {
    margin-right: 20px;
}
.top-bar {
    position: static;
}

/* Fix the width of all images */
.homeWrap .PageContent img{
	width: auto !important;
}




/* Change the chevron of the footer */
.accordion-title::before {
    content: '\2227';
}
.is-active > .accordion-title::before {
    content: '\2228';
}


/* Add white space above the footer */

#divAgencyFooter {
    margin-top: 45px;
}


/* Adjust this padding on the social media bar */
.socialmediabar .center ul li {
	padding:13px 15px 12px 15px;
}


/* Adjust this width as needed for the top nav dropdown menus */
.is-dropdown-submenu>li { 
	width: 500px;
}
@media (max-width: 767px){
	.is-dropdown-submenu>li {
    	width: 500px;
	}
}


/* Center any text */
.CenterText {
	text-align: center;
}


/* Add some shading and round edges to the agency logo */
.agency-logo {
    background: rgba(0,0,0,.55);
    border-radius: 10px;
}


/* Add some shading to the quick links on the mobile menu */
.quick-link-mobile {
    background: rgba(0,0,0,.20);
}


/* Lower case the menu items */
.top-bar-right ul li {
    text-transform: none;
}


/* Change colors of menu */
ul.submenu.vertical li {
	background: #013e7f;
}
ul.submenu.vertical li a:link, ul.submenu.vertical li a:visited {
	color: #FFF;
}


/* Adjust the banner to the top of the area */
.banner {
	background: url("/cs/groups/webcontent/documents/media/PAI_PEOPLEBANNER.jpg") top center no-repeat;
	background-size: cover;
}
#wrap.Information .banner, #wrap.Home .banner {
	background-position: top;
}


/* Lower case the quick links */
.secondary-features a {
	text-transform: none;
}


/* Lower case the governor and secretary */
div.names {
    text-transform: none;
}


/* Change the background color of the menu bar */
.contain-to-grid.navigation {
	background: #003e7e ;
}


/* Change the padding on the items in the menu */
.top-bar-right ul li a:link, .top-bar-right ul li a:visited {
    padding: 0 20px;
}


/* Increase the size of the DHS white logo on mobile */
nav.top-bar h1 a {
	/*
    width: 825px;
    */
}


/* Align the bottom of the quick links with the bottom of the logo box */
ul.secondary-features{
	padding-bottom: 10px;
}


/* Change the color of the chevrons on the menus */

@media screen and (min-width: 40em){
	.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
    	border-color: #ffffff transparent transparent;
	}
}
.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
    border-color: #ffffff transparent transparent;
}

/* Small and Medium*/
@media only screen and (max-width: 64em){
	footer#main-footer {
		padding-bottom:52px !important;
		background-color: #000000;
	}
	nav#state-footer-nav {
		background-color: #4d4d4d;
	}
}
@media only screen and (max-width: 40em){
	nav#state-footer-nav ul > li ul,
	nav#state-footer-nav ul > li ul > li {
		background-color: #808080;
	}
	.is-dropdown-submenu>li { 
		width: 100%;
	}	
	.top-bar-right {
		margin-right: 0px;
	}
	.contain-to-grid.navigation {
		height: auto;
	}
}