h1, h2, h3, h4, h5, h6 {font-family: 'Lato', sans-serif;}
p, ul, td. th {font-family: 'Roboto', sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Lato', sans-serif;}
.h3-highlight {font-size: 1.2rem}

.h5-roboto {font-family: 'Roboto', sans-serif; font-size: 21px}
.display-2 {font-family: 'Lato', sans-serif; font-size: 2.7em; line-height: 1}
.display-3 {font-family: 'Lato', sans-serif; font-size: 2.4em; line-height: 1}
.dot-img {width: 55px} /* width: 60 68px */
.text-roboto {font-family: 'Roboto', sans-serif;}


/* LANGUAGES DIV */

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


a {color: #4D4D4D; text-decoration: underline}
a:hover {color: #061f5c}

/* vaccine styles */
.bg-vaccineblue {background-color: #061f5c}
.bg-vaccinelblue {background-color: #3b7cca}
.bg-vaccineyellow {background-color: #f6b220}
.bg-vaccinepurple {background-color: #807DAB}
.bg-vaccinemagenta {background-color: #ae3b72}
.bg-vaccineteal {background-color: #28998b}

.text-vaccineblue {color: #061f5c}
.text-vaccineyellow {color: #f6b220}
.text-vaccinemagenta {color: #ae3b72}

.highlight-vaccineblue {background-color: #061f5c}
.highlight-vaccinelblue {background-color: #3b7cca}

.highlight-vaccineblue-h3 {background-color: #061f5c; padding: 0.1em; box-decoration-break: clone; line-height: 1.2}
.highlight-vaccinelblue-h3 {background-color: #3b7cca; padding: 0.1em; box-decoration-break: clone; line-height: 1.2}
.highlight-vaccinemagenta-h3 {background-color: #ae3b72; padding: 0.1em; box-decoration-break: clone; line-height: 1.2}



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

.resource-top-section {}


/* BANNER SLIDE */
.bg-vaccine-img {
  background-image: url("../images/photo-vaccine.png");
  background-size: cover;
  background-position: right center;
  border-radius: 0;
}

/* BANNER SLIDE */
.bg-hcw-img {
  background-image: url("../images/photo-hcw.png");
  background-size: cover;
  background-position: right top;
  border-radius: 0;
}

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


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

	.h5-roboto {font-size: 28px}
	.display-2 {font-size: 3rem;} /* font-size: 4rem; */
	.dot-img {width: 69px} /* width: 90 94px */
	.h3-highlight {font-size: 1.2rem}
	
}


/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) { 
	body {
		
	}
	
	.display-2 {font-size: 5rem;}
	.dot-img {width: 112px} 
	.h3-highlight {font-size: 1.75rem}

	.resource-top-section {padding-left: 5px; padding-right: 5px}

}