h1, h2, h3, h4, h5, h6, p, ul, td. th {font-family: Arial, sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6 {font-family: Arial, sans-serif;}

p {font-size: 16px; line-height: 22px}
.h2 {font-size: 24px; font-weight: bold; letter-spacing: 0.63px}
.h3 {font-size: 20px; font-weight: bold; letter-spacing: 0.53px}

.card-title {font-size: 16px; color: #48525b; font-weight: bold}
.card {border: solid 1px #979797; border-radius: 0px}
.card-img-top {border-bottom: solid 1px #979797; border-radius: 0px}

.h1-adjusted {font-size: 2em}


p, ul, blockquote, pre, td, th, label {margin-top: 0px; color: #48525b}
li {padding-bottom: 19px}
li:last-child {padding-bottom: 0px}

.ul-right {text-align: right; direction: rtl;}

/* LANGUAGES DIV */

a:lang(en) {color: #175f72} /* english */
a:lang(ar) {color: #175f72} /* arabic */
a:lang(hy) {color: #175f72} /* armeanian */
a:lang(km) {color: #175f72} /* khmer */
a:lang(zh-Hans) {color: #175f72; word-break: keep-all;} /* simplified chinese */
a:lang(zh-Hant) {color: #175f72; word-break: keep-all;} /* traditional chinese */
a:lang(fa) {color: #175f72} /* farsi */
a:lang(ja) {color: #175f72; word-break: keep-all;} /* japanese */
a:lang(ko) {color: #175f72; word-break: keep-all;} /* korean */
a:lang(ru) {color: #175f72} /* russian */
a:lang(es) {color: #175f72} /* spanish */
a:lang(tl) {color: #175f72} /* tagalog */
a:lang(vi) {color: #175f72} /* vietnamese */




/* PAGE DIV */
.dph-width {display: block; position: relative}
.logo-dph {max-width: 200px; margin: 20px}
.container-fluid {padding-left: 0px; padding-right: 0px}


/* DPH CSS EDITED - DPH MEDIA HEADER and FOOTER */
.indexDivMedia{height:30px; /*padding-top:10px*/}
.colAtoZ1 {}
.colAtoZ2 {}
.colGrey1Media{float:left;  margin-left:20px; width: 160px;}
.colGrey3 {}
.colFontSize {width: 140px}
.colGrey2 {width: 210px; margin-left: 0px}
.colGrey4Media {float:right; padding-top:10px; padding-right: 20px}
.colBlue2 {width: 16.5%; padding-bottom: 8px}
.globalNavGreyMedia a:link, .globalNavGreyMedia a:visited {color:#2D3F77; text-decoration:none; font-weight: bold; font-size: 15px}
.globalNavGreyBlueDivMedia {background-color: #061C60; height:70px; padding-top: 2px} /* 38px height */
.globalNavGreyDivMedia {background-color:#DCDDDE; height:50px; padding-top:7px; position: inline-block}
.footdropdown {border-bottom: solid 1px gray}
..footdropdown span ul {top: 0%}
.droplinks {padding-bottom: 0px; margin-top: 3px}
.contTitle4_Blue2 a:link, .contTitle4_Blue2 a:visited{color: #243877; text-decoration:none; }



/* DPH Footer */
.column3alt {font-size: 11px; font-family: Arial, Helvetica, sans-serif}
.column3alt-2 {width: 100%; display: inline-block; vertical-align: top; margin-bottom: 20px}
.column3alt-1 {padding-left: 0%; width: 100%; display: inline-block; text-align: center; margin-bottom: 20px}



/* MAIN NAVIGATION CLASSES */
#header {} /* contains mobile menu icon and text */
.li-margin-left-20 {margin-left: 20px}
.mobile-icon {cursor: pointer}
.logo-placement {margin-top: -46px}
.dph-logo {width: 100%; max-width: 160px} /* display: block; max-width: 528px */
.close-placement {margin-top: -46px}

#mobile-menu-div {position: fixed; height: auto; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1; padding-top: 4px; width: 100%; overflow: scroll}
#open-header {width: 100%} /* contains mobile close menu icon and text */
#menu {margin-top: 66px} /* div that contains the nav text */
.cursor {cursor: pointer}
.media-nav-div {display: grid; position: relative; margin: 0 auto}
.mobile-menu {font-size: 16px; font-weight: bold; padding-left: 20px}
.mobile-menu a:link, .mobile-menu a:visited {color:#2D3F77; text-decoration: underline}



/* added javascript class */
.open-fixed-menu {position: fixed; top: 0px; padding-top: 4px; padding-bottom: 4px; width: 100%; z-index: 1} /* fixed item on scrollable mobile menu */
.btn {border-radius: 0px}
/* .btn-outline-white {border: solid 2px #ffffff} */
/* .btn-outline-aqua {border: solid 2px #007483} */
.section-buttons {}
.resource-top-section {}
.mobile-infographic {}
.desktop-infographic {display: none}


/* COLORS, LINES, HYPERKINKS */
.text-blue {color: #175f72}
.bluegreen {background-color: #16586a}

a {color: #4D4D4D; text-decoration: underline}
/*a:hover {color: #1C1C1C} */



/* BANNER SLIDE */
.jumbotron-flu {
  background-image: url("../../images/photo-flu-banner.jpg");
  background-size: cover;
  background-position: center center;
  border-radius: 0;
  height: 280px;
}

.banner-rectangle {height: 8px; width: 130px; background-color: #4dbcb5; text-align: left;}
.banner-horiz-gradient {height: 24px; background-image: linear-gradient(to right, rgba(120,149,205,1), rgba(141,213,235,1), rgba(0,127,172,1))}
.banner-vert-gradient {background-image: linear-gradient(to bottom, rgba(120,149,205,1), rgba(141,213,235,1), rgba(0,127,172,1))}
.social-icons {width: 75px; height: 75px}




/* OTHER */
.center {text-align: center}
.right {text-align: right}
.justify {text-align: justify}
.center-mobile {text-align: center}

.fixed-footer {position: fixed; width: 100%; height: 40px; bottom: 0; z-index: 1}

.video-100 {width: 100%; height: 130%; padding-bottom: 20%}
.w-100-img {width: 100%; height: auto; margin-bottom: 20px}


/* MOBILE PORTRAIT */
@media only screen and (min-width: 0px) {
	body {
		
	}

	/* MAIN NAVIGATION CLASSES */
	#desktop-menu {display: none}
	#mobile-menu-div {display: none}
	.media-nav-div {width: 88%}

	/* DIV CLASSES */
	.dph-width {width: 100.0%; padding: 0%}

	/* DPH MEDIA HEADER */
	.colAtoZ1, .colAtoZ2 {display: none}
	.colGrey3 {display: none}
}



/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
	body {
		
	}

	/* MAIN NAVIGATION CLASSES */
	#desktop-menu {display: none}
	#mobile-menu-div {display: none}
	.media-nav-div {width: 88%}

	/* DPH MEDIA HEADER */
	.colAtoZ1, .colAtoZ2 {display: none}
	.colGrey3 {display: none}
}



/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
	body {
		
	}


}



/* SMALL TABLET */
@media only screen and (min-width: 600px) {
	body {
		
	}
	
}



/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) { 
	body {
		
	}
	
	
	.dph-logo {display: none}
	.column3alt-1 {display: block}

		
	/* MAIN NAVIGATION CLASSES */
	#header {padding-top: 26px} /* contains mobile menu icon and text */
	#desktop-menu {display: block}
	#mobile-icon {display: none}
	.logo-placement {margin-top: -34px; margin-left: 0px; text-align: left}
	#mobile-menu-div {display: none}


	/* DIV CLASSES */
	.dph-width {width: 88%; float: none; margin: 0 auto; padding: 0%}
	.center-mobile {text-align: left}
	

	.jumbotron-flu {height: 330px}
	.resource-top-section {padding-left: 5px; padding-right: 5px}
	.social-icons {width: 50px; height: 50px}
	.video-100 {width: 690px; height: 388px; padding-bottom: 0}
	.section-buttons {padding-left: 10px; padding-right: 10px}
	.mobile-infographic {display: none}
	.desktop-infographic {display: block;}
}


/* TABLET/NETBOOK */
@media only screen and (min-width: 945px) { 
	body {
		
	}

	.w-100-img {margin-bottom: 0px}
	.h1-adjusted {font-size: 2.5em}

}




/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) { 
	body {

	}
	
	/* DPH MEDIA HEADER */
	.colAtoZ1, .colAtoZ2 {display: block}
	.colGrey3 {display: block}
	.colGrey4{float:right; width: 300px; padding-top:10px;}
	.globalNavGreyMedia a:link, .globalNavGreyMedia a:visited {font-size: 18px}
	
	/* DPH MEDIA FOOTER */
	.column3alt {font-size: 11px; font-family: Arial, Helvetica, sans-serif; width: 70%; margin-left: 15%; margin-right: 15%}
	.column3alt-1 {padding-left: 2%; width: 30%; display: inline-block}
	.column3alt-2 {width: 66%; display: inline-block; vertical-align: top}

	.media-nav-div {width: 1003px; float: none}	
	.dph-width {width: 1003px; float: none; margin: 0 auto; padding: 0%}
	
	.social-icons {width: 32px; height: 32px}

}

@media only print and (min-width: 768px) {
	body {

	}
	#mobile-icon {display: none}
	#mobile-menu-div {display: none}
	.logo-placement {display: none}
}