/* housing/styles.css
 * Housing site only
 * ===================================
 * =================================== */

@charset "utf-8";

/* TOP NAV */

/* Department Notification Banner */
#seagovBanner.departmentAlertBanner {
	background-color: #DEDEDF;
}

#seagovBanner.departmentAlertBanner>div.container {
	background-color: #DEDEDF;
}

#seagovBanner.departmentAlertBanner .fa-exclamation-triangle {
	display: none;
}

.departmentAlertBanner a.pull-right {
	position: relative;
	right: 20px;
}

/* Contact Customization -- hide main link */

#mainColMain .contactText > .contactDeptLink, #rightCol .ContactComponent .contactText > a.contactDeptLink, #rightCol .ContactComponent .contactText > br {
	display:none;
}

#x54025 #rightCol h2 {
	padding-bottom: 0;
	font-size: 115%;
} 
#x54025 #mainColMain #x259 .phoneMain, #x54025 #mainColMain .mailingAddress, #x54025 #mainColMain .physicalAddress, #x54025 #mainColMain .contactText {
	padding-top:10px;
}
/* Footer Customizations */



/* Small devices (phone, up to 767px) */
@media (max-width: 767px) {
  	#deptFooter div#deptColumn1 #deptFooterTitle {padding-left:0}	
  	#deptFooterLogo {float:none}
	#deptColumn2 {display:block}

}


/* Medium devices (tablet, 768px to 992px) */
@media (min-width: 768px) and (max-width: 991px) {
	#deptFooterLogo {display:none}
	#deptFooterTitle {padding-left:0;}
}


/* Desktop (992px + ) */

@media (min-width: 992px) {
	

	#deptFooter div#deptColumn1 {
		width: 66%;
	}
	#deptFooter div#deptColumn2 {
    	width: 16%;
		margin-top:30px;
	}
	#deptFooter div#deptColumn3 {
    	width: 18%;
		margin-top:30px;
	}
	#deptFooter div#deptColumn1 #deptFooterTitle #addressStreet,
	#deptFooter div#deptColumn1 #deptFooterTitle #addressMailing {
		float:left;
		width:30%;
	}
	#deptSocialMediaFooter {
	    padding: 2px 0 0 87px;
	}
}

#tableau-wide-view, #tableau-mid-view, #tableau-narrow-view {
    display: none;
}

#tableau-wide-view {height:715px}

#x104557 #mainColMain h1.pageTitle{
	margin-bottom: 0px;
}

/*
#x104557 #mainColMain div, #mainColMain p {
    margin-bottom: 0px; 
}
*/

#x104557 #leftMainRight {
    padding-top: 10px !important;
}

#x104557 #mainColMain span, #x104557 #mainColMain p{
  max-width: 100%;
}

@media (min-width: 769px) {
    #tableau-wide-view {
        display: block;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    #tableau-mid-view {
        display: block;
    }
}

@media (max-width: 768px) {
    #tableau-narrow-view {
        display: block;
    }
}