﻿body{
	position: relative;
    min-height: 100vh;
    font-size: 16px /*NEW*/;
}

/*************************GLOBAL BANNER STYLES******************************/
#wigov-bar{
	background:#003663;
	font-size:.75em;
}

#wigov-bar #wi-gov-logo{
	height:25px;
}

#banner{
	background:#ffffff;
	border-bottom:10px solid #003663;
}

#banner h1{
	color:#000000;
	font-size:1.5em;
	padding:0; /*override app css*/
	margin:0; /*override app css*/
	position:inherit; /*override app css*/
}

#banner #dwd-logo{
	max-width:250px;
}

#banner-dept{
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:1px;
}




/**********************GLOBAL MAIN NAV***********************************/

.navbar-dark .navbar-toggler{
	border-color:#ffffff;
	background:#013f73;
}

.navbar-toggler{
	margin:5px 0;

}




/**************************GLOBAL FOOTER STYLES****************************/
#footer{
	background:#003663;
	background-size:auto 60%;
	font-size:80%;
	position:absolute;
	bottom:0;
	width:100%;
	text-align:left;
	text-align:initial;
}

#footer hr{
	background-color:#F7921E;
	margin:5px 0;
}

#footer ul{
	list-style-type:none;
	padding-left:0;
	margin:0 0 1rem 0;
}

#footer #american-job-center{
	background: #ffffff;
    color: #797979;
    padding: 5px 0;
    text-align: center;
    margin-bottom: 0;
}

#footer #american-job-center img{
	vertical-align: inherit;
}

.white-txt, a.white-txt, .white-txt a{
	color:#ffffff;
}

.fs-initial{
	font-size:auto;
	font-size:initial;
}

.btn {
    font-size: 1em;
}


/*********************************MEDIA QUERIES********************************/



/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
		
	#banner-img:before{
		background: rgba(0,0,0,0.15);
	}
	
	#banner-img h1{
		left:auto;
		bottom:auto;
		top:20px;
		right:10%;
		height:auto;
		white-space:nowrap;
	}
}

@media (min-width: 1140px) {
	body{
		background: url(/images/internet/background.jpg);
		background: url(/images/internet/background.jpg) no-repeat center center fixed #ffffff;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
}




/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	
	#banner-head{
		margin: 5px 0;
	}
	
}
/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	/****************************************MOBILE MENU*************************************/

	.container-fluid-md {
		width: 100%;
		max-width: 100%;
	}
	
}
	/**************************************END MOBILE MENU***********************************/




/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	#banner-head{
		font-size:.9em;
	}
	
	.hidden-xs{display:none;}
}

@media (max-width: 400px) {
	#banner-head{
		font-size:.8em;
	}
}





/***********************************CUSTOM MEDIA QUERIES********************************/

@media (max-width: 385px) { 
	#banner-head{
		width: 75%;
	}
}


/************************APP OVERRIDES***********************************/
#wrapper{
	margin-top:10px;
	margin-bottom:10px;
}

#dvrwrapper{
	margin-bottom:10px;
}


#wrapper *, #dvrwrapper *{
	box-sizing:content-box !important;	
}

#footer a:hover:not(.btn), #wigov-bar a:hover{
	background:none;
	text-decoration:underline;
}

#footer a, #wigov-bar a{
	text-decoration:none;
}

#footer p{
	line-height:1.1;
}
.formRow label{
	font-size:10pt;
}

@media (max-width: 575.98px) {
	h1{
		font-size:2em;
	}

}




