/*
Theme Name: Delaware Coronavirus
Theme URI: http://coronavirus.delaware.gov
Author: Delaware GIC 
Author URI: http://gic.delaware.gov
Description: Custom WordPress theme designed exclusively for the coronavirus
Version: CLF 4.0.1
Tags: Bootstrap, mobile first, State of Delaware
Text Domain: dosgic_coronavirus_theme
*/

/* ############################################################################################## */

/*  D E V E L O P E R   C U S T O M I Z A B L E   S T Y L E S  */
/*  State of Delaware - CLF4 2016  */
/*  Developed by the GIC (Julianne Solum)  */

/* ############################################################################################## */

/*==========  Bootstrap 3 Mobile First Method CSS  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

/* ============================= ELEMENTS ============================= */
html {
-webkit-font-smoothing: antialiased !important;
position: relative;
min-height: 100%;
}
body {
width: 100%;
min-height: 100%;
font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;
font-size: 18.666666666666664px !important;
-webkit-font-smoothing: antialiased !important;
padding-bottom: 980px;
color: #333;
}
/* ============================= ID's ============================= */

/* BOOTSTRAP NAV-WALKER COMPENSATORY CSS  */
/* ID OF BELOW SELECTOR WILL CHANGE BASED ON WEBSITE */
#menu-primary-menu {
z-index: 999;
}
.affix #menu-primary-menu {
position: absolute !important;
}
#menu-line {
position: absolute;
top: 0;
left: 0;
height: 3px;
background: #00627E;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
#main_header h1, 
#main_content h1 {
font-family: 'Montserrat', sans-serif;
color: #1C3D64;
font-size: 30px;
font-weight: bold;
margin-top: 10px;
}
#main_header h2, 
#main_content h2 {
color: #89181A;
font-family: 'Montserrat', sans-serif;
margin-top:	10px;
padding-top: 12px;
font-size: 24px;
font-weight: bold;
}
#main_content h3 {
color: #1C3D64;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
font-weight: bold;
}
#main_content h4 {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
font-weight: 600;
color: #1C3D64 !important;
margin-top: 0px;
}
#main_content a, 
#main_content a:link, 
#main_content a:active, 
#main_content a:visited {
color:#214f89;
text-decoration: none;
}
#main_content a:hover {
color: #b2aaa4;
text-decoration: none;
transition: 0.3s;
}
#main_content ul, 
#main_content ol {
#font-size: 0.9em;
line-height: 2.1em;
margin-top: 1.0em;
margin-bottom: 1.0em;
}
#loading1 {
margin-left: auto;
margin-right: auto;
width: 100px;
}
#loading2 {
margin-left: auto;
margin-right: auto;
width: 100px;
}
#headerImage {
height: 400px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
position: relative;
padding-top: 50px;
padding: 10px;
box-shadow: 10px 10px #f08c2c;
margin-top:15px;
}
#highlights {
margin-top: -210px;
}
#highlights a,
#highlights a:link, 
#highlights a:active, 
#highlights a:visited {
color: #0a4f7c;
text-decoration: none;
font-weight: bold;
}
#highlights a:hover {
color: #6e5d9c;
text-decoration: underline;
font-weight: bold;
}
#agencyFooter {
background-color: #89181A;
color: #FFF;
font-size: 15px;
line-height: 1.5em;
padding-top: 30px;
padding-bottom: 2.0em;
border-top: 3px solid #05405c;
border-bottom: 10px solid #245194;
position: absolute;
bottom: 0;
width: 100%;
height: 515px;
z-index: 1029;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 487px;
}}
#agencyFooter a,
#agencyFooter a:link, 
#agencyFooter a:active, 
#agencyFooter a:visited {
color: #fff;
text-decoration: none
}
#agencyFooter a:hover {
color: #fff;
text-decoration: underline
}
#agencyFooter ul {
list-style-type: none;
margin-left: -38px;
}
#agencyFooter ul li {
margin-bottom:15px;
}
#agencyFooter h4 {
color:#fff;
font-size:30px;
font-weight:600;
}
#latest-data-header h2 {
font-family: 'Montserrat', sans-serif;
}
#latest-data-header h3 {
font-family: 'Montserrat', sans-serif;
}
/* ============================= Classes ============================= */


/* WordPress Core CSS */
.alignnone {
margin: 5px 20px 20px 0
}
.aligncenter, 
div.aligncenter {
display: block;
margin: 5px auto 5px auto
}
.alignright {
float:right;
margin: 5px 0 20px 20px
}
.alignleft {
float: left;
margin: 5px 20px 20px 0
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px
}
a img.alignnone {
margin: 5px 20px 20px 0
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0
}
.wp-caption.alignright {
margin: 5px 0 20px 20px
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000 /* Above WP toolbar */
}
img.alignright { 
float: right;
margin: 0 0 1em 1em
}
img.alignleft { 
float: left;
margin: 0 1em 1em 0
}
img.aligncenter { 
display: block; 
margin-left: auto;
margin-right: auto
}
.alignright { 
float: right
}
.alignleft { 
float: left
}
.aligncenter { 
display: block; 
margin-left: auto; 
margin-right: auto
}
/* End WP Core Classes */


.agencyFooter_logo {
width: 100px;
    /*height: 100px;*/
    border: none;
    text-align: center;
}
.emphasis {
font-weight: bold;
}
.anchors { 
margin-top: -100px;  /* Size of fixed header */
padding-bottom: 100px; 
display: block; 
}
.noshow {
display: none;
}
/*** NEW AB&C TESTING STYLES ***/
.testing-wrapper h1 {
color:#1c3d64 !important;
font-size:32px !important;
margin-bottom:-35px;
}
.testing-wrapper h2 {
color:#89181A;
font-size:32px !important;
font-weight:700 !important;
font-family: 'Montserrat', sans-serif !important;
}
.testing-wrapper .tagline {
color:#89181A;
font-size:16px !important;
margin-top:15px;
font-weight:700 !important;
font-family: 'Montserrat', sans-serif !important;
padding-bottom:65px;
}
.testing-wrapper .school-testing-heading {
  color:#89181A;
  font-size: 30px;
  font-weight: bold;
}
.map-img {
border: 0;
height: 400px;
background-image: url('img/testing-map-pattern-2.png');
background-repeat: no-repeat;
padding:35px;
z-index:100 !important;
background-position:50%;
}
.text-intro {
z-index:1500 !important;
margin-top:-400px;
margin-bottom:100px;
}
.dhss-red {
color:#8a171a;
}
.btn-dhss-red {
background-color:#89181A;
border-color:#89181A;
color:#FFF !important;
font-weight:700;
}
.fa-15x {
font-size:15em;
}
.fa-covid-blue {
color:#1c3d64;
}
.testing-wrapper h3 {
color:#333;
}
.covid-blue {
border-top:3px solid #1c3d64;
}
.covid-blue-alert h3 {
color:#FFF !important;
}
.covid-blue-alert {
background-color:#1c3d64;
color:#FFF;
padding:25px;
min-height:350px;
}
.covid-blue-alert a {
color:#FFF !important;
text-decoration:underline !important;
}
.covid-blue-alert a:hover {
color:#337ab7;
}
.covid-blue-alert-nm h3 {
color:#FFF !important;
}
.covid-blue-alert-nm {
background-color:#1c3d64;
color:#FFF;
padding:25px;
}
.covid-blue-alert-nm a {
color:#FFF !important;
text-decoration:underline !important;
}
.covid-blue-alert-nm a:hover {
color:#337ab7;
}
.icomoon-testing-icon-inverse {
color:#FFF;
font-size:22px;
}
/*** /END NEW AB&C TESTING STYLES ***/

/*** ADDITIONAL TESTING STYLES ***/
.testing-hero h1 {
color:#88171a !important;
margin-bottom:15px;
}

@media only screen and (max-width : 767px) {
  .btn-testing-header {
    width: 100%;
  }

  .testing-hero .input-group {
    display: block !important;
  }

  #zipcode-search-submit {
    border-radius: 0;
    margin-top: 10px;
    width: 100%;
  }
}

@media only screen and (max-width : 991px) {
  .testing-hero {
    text-align: center;
  }
}

@media only screen and (min-width : 768px) {
  .btn-testing-header {
    width: 362px;
  }
}

.btn-dhss-red-square {
background-color:#89181A;
border-color:#89181A;
color:#FFF !important;
font-weight:700;
border-radius:0px;
padding: 20px !important;
}
.btn-dhss-red-square:hover {
  background-color: #ffffff;
  color: #89181A !important;
  transition: .4s ease-in-out;
}
.covid-blue-txt {
color:#1c3d64;
}
/*** /END ADDITIONAL TESTING STYLES ***/
hr {
  border: 1px solid #f2f2f2f2 !important;
}
hr.clf {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-image: none;
border: 1px solid #1799ba;
margin-bottom: 25px;
margin-top: 10px;
}
hr.grey{
border: 2px solid #d4d4d4;
color: #d4d4d4;
margin-top: 0px;
padding: auto;
margin: 0 auto;
margin-left: auto;
}
hr.homepage {
border: 0;
width: 200px;
height: 5px;
background-image: url('img/finance-hr.jpg');
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#main_header hr {
  border: 5px solid #89181A !important;
  margin-left: 0;
  text-align: left;
  width: 150px;
}
.border_none {
border: none;
}
.no-gutter {
padding-left: 0px !important; 
padding-right: 0px !important;
margin:auto;
}
.small-top {
font-size: 20px;
color: #fff;
line-height: 30px;
}
.interiorTitle {
margin-bottom: -10px !important;
background-color: #89181A;
}
.header-logo-interior {
height:50px;
}
.interior-title-wrapper {
margin-top:-20px;
background-color: #f8f2ec;
}
.jumbo {
font-size: 40px;
font-weight: 800;
}
.highlight-block {
background-color: #d3eefe;
border: 10px solid #fff;
padding-top: 15px;
}
.highlight-icon {
padding-bottom: 10px;
}
.news_title a,
.news_title a:link,
.news_title a:visited,
.news_title a:active {
font-size: 22px !important;
font-weight: 700;
display: block;
overflow: hidden;
/*max-width: 700px;*/
padding-top: 10px !important;
padding-bottom: 15px !important;
/*white-space: nowrap;*/
text-decoration: none !important;
text-overflow: ellipsis;
}
.news_title a:hover {
color:#b2aaa4 !important;
}
.news_desc {
display: block;
}
.home .news_desc {
  display: none;
}
.news_wrapper
{
border-bottom: 1px solid #333 !important;
clear: both;
padding: 0px 0px 10px 0px;
margin-top: 15px;
}

.home .news_wrapper
{
border-bottom: 0px !important;
clear: both;
padding: 0px 0px 10px 0px;
margin-top: 15px;
}

.news_date {
font-style:italic;
font-size:16px;
color:#777777 !important;
}
.community-cta {
  background-color: #f5f5f5;
}

.community-cta h3 {
  color: #337ab7;
}
.tile {
  background: #f5f5f5;
  padding: 10px;
  margin-bottom: 15px;
}
.tile p {
  color: red;
}
/*.joblink-wrapper {
  background: #f5f5f5;
  width: 100vw;
  position: relative;
  left: calc(-50vw + 50%);
  padding-top: 25px;
}
.joblink-box-info {
  background: #ffffff;
  width: 75%;
  margin: 0 auto;
  border-top-left-radius: 110px;
  border-top-right-radius: 110px;
}*/
.graphics-page-header {
  color: #337AB7 !important;
  font-size: 36px !important;
  font-weight: bold !important;
}
.graphics-page-button {
  background-color: #f5f5f5;
  border: 2px solid #ddd;
  -webkit-box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.25);
  box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.25);
  width: auto;
  height: 100%;
  margin: 25px 0;
  padding: 15px;
  font-size: 20px;
  font-weight: 700;
}
.graphics-page-button h2 {
  color: #337ab7 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.report-title {
background-color: #6e5d9c;
padding: 12px 5px 5px 15px;
min-height: 70px;
color: #fff;
border: 2px solid #fff;
}
.report-title a,
.report-title a:link,
.report-title a:visited,
.report-title a:active {
color: #fff;
font-weight: bold;
text-decoration: none;
}
.report-title a:hover {
color: #fff;
font-weight: bold;
text-decoration: underline !important;
}
.report-desc {
background-color: #f8f2ec;
padding: 12px 5px 5px 15px;
min-height: 70px;
border: 2px solid #fff;
}
.report-desc p {
white-space: nowrap;
text-overflow: ellipsis;
display: block;
overflow: hidden;
}
.report-title p, .report-desc p {
margin-top: 10px;
}
.form-icon {
width: 40px;
height: 40px;
margin-right: 10px;
vertical-align: middle;
}
.dark-blue-boxes {
background-color: #05405c;
padding: 40px !important;
}
.light-blue-boxes {
background-color: #056a99;
padding: 40px !important;
}
.fa-white {
color:#FFF;
}
.interior-wrapper {
min-height:400px;
}
.blue-highlight {
color:#05405c;
font-weight:800;
}
/* INTERIOR LEFT NAV */
.sectionmenu_panel {
	background-color:			#ffffff;
	border-color:				#dddddd;
}
.sectionmenu_panel .panel-heading {
	background-color: 			#05405c;
    border-color: 				#dddddd;
    color: 						#FFFFFF;
}
.sectionmenu_panel .panel-title a:link {
    -webkit-transition: 		all 0.5s ease-in-out;
	-moz-transition:			all 0.5s ease-in-out;
	-o-transition:  			all 0.5s ease-in-out;
	transition:  				all 0.5s ease-in-out;
	font-size:					22px;
}
.sectionmenu_panel .panel-title a:hover {
	text-decoration: 			none;
	color: 						#daf2fd;
	font-size:					22px;
}
/* /END INTERIOR LEFT NAV */

.audiences-callout {
  background-color: #f5f5f5;
  border: 2px solid #ddd;
  -webkit-box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.25);
  box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.25);
  width: auto;
  height: 100px;
  margin: 15px 0;
  padding: 25px;
}

.audiences-callout h2 {
  color: #337ab7 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.btn-resources {
  background-color: #1b3d64;
  border: 2px solid #ddd;
  -webkit-box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.25);
  box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.25);
  width: 100%;
  height: 100px;
  margin: 15px 0;
  padding: 25px;
  color: #ffffff !important;
  font-size: 20px !important;
  white-space: normal;
}

.btn-resources:hover {
  background-color: #1b3d64;
}

.btn-cta {
  font-family: 'Montserrat', sans-serif;
  background-color: #89181A;
  color: #fff !important;
  margin: 8px 0 10px 0;
  border-color: #89181A;
  white-space: normal;
}

.btn-cta:hover {
  background-color: #89181A;
  border-color: #89181A;
}

.btn-cta-full-width {
  background-color: #89181A;
  color: #fff !important;
  margin: 8px 0 10px 0;
  width: 100%;
  white-space: normal;
  border-color: #89181A;
}

.btn-cta-full-width:hover {
  background-color: #89181A;
  border-color: #89181A;
}

.btn-cta-full-width-homepage-top {
  background-color: #89181A;
  color: #fff !important;
  margin: 8px 0 10px 0;
  width: 100%;
  height: 80px;
  font-size: 20px;
  padding-top: 25px;
  white-space: normal;
  border-color: #89181A;
}

.btn-cta-full-width-homepage-top:hover {
  background-color: #89181A;
  border-color: #89181A;
}

.btn-cta-events-calendar {
  background-color: #89181A !important;
  color: #fff !important;
  font-weight: 700;
  margin-top: 20px !important;
  padding: 10px !important;
}

.homepage-graphic {
  height: 256px;
}

/** COVID BLUE ALERT STYLES **/
.covid-alert {
border-radius:0px;
color:#FFF;
background-color: #1c3d64;
border-color: #1c3d64;
padding-bottom:15spx;
}

.covid-alert h2 {
color:#FFF !important;
font-size:28px !important;
margin-top:-10px !important;
}
.covid-alert .fa-white {
color:#FFF !important;
}
.covid-alert a {
color:#FFF !important;
text-decoration:underline !important;
}
.covid-alert a:hover {
color:#bad7fa !important;
}
/** END OF COVID BLUE ALERT STYLES **/


.text-cta h2 {
  padding-left: 25px;
}

.data-map {
  width: 100%;
  height: 500px;
}
}

@media (min-width: 992px){.no-padding{padding:0 !important}.fullwidth{padding:100px 0}}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
/* ============================= ELEMENTS ============================= */
/* ============================= ID's ============================= */

/* ============================= Classes ============================= */
.data-map {
  width: 100%;
  height: 500px;
}
}

@media only screen and (max-width: 767px) {
#main_content {
  padding-bottom: 35px;
}
.dhss-logo {
  padding-bottom: 20px;
}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
/* ============================= ELEMENTS ============================= */
/* ============================= ID's ============================= */
#headerImage {
height: 500px;
margin-top:25px;
}
#highlights {
margin-top: -210px;
}
#agencyFooter h4 {
font-size:22px;
}
#agencyFooter {
padding-top: 2.0em;
padding-bottom: 2.0em;
height: 240px;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 245px;
}}

/* ============================= Classes ============================= */
.covid-blue-alert {
min-height:400px;
}
.covid-blue-alert-nm {
/*min-height:400px;*/
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-train-station {
  font-family: "Open Sans", sans-serif;
  font-size: 50px;
}
.interior-wrapper {
min-height:550px;
}
.testing-wrapper h1 {
font-size:72px !important;
}
.testing-wrapper .tagline {
color:#89181A;
font-size:39px !important;
font-weight:700 !important;
}
.intro-header .intro-text {
font-size:72px;
}
.small-top {
font-size: 22px;
color: #fff;
line-height: 30px;
}
.data-map {
  width: 100%;
  height: 600px;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
/* ============================= ELEMENTS ============================= */
#main_header h1, 
#main_content h1 {
font-size: 60px;
}
#main_header h2, 
#main_content h2 {
font-size: 30px;
}
/* ============================= ID's ============================= */
#headerImage {
height: 500px;
padding-top: 50px;
}
#highlights {
margin-top: -210px;
}
#agencyFooter {
background-color: #89181A;
color: #FFF;
font-size: 15px;
line-height: 1.5em;
padding-top: 2.0em;
padding-bottom: 2.0em;
border-bottom: 10px solid #245194;
position: absolute;
bottom: 0;
width: 100%;
height: 240px;
z-index: 1029;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 240px;
}}

/* ============================= Classes ============================= */
.interior-wrapper h2 {
font-family: 'Montserrat', sans-serif;
}
.interior-wrapper h3 {
font-family: 'Montserrat', sans-serif;
}
.interior-wrapper h4 {
font-family: 'Montserrat', sans-serif;
}
.sectionmenu_panel {
	margin-bottom:              300px !important;
}
.covid-blue-alert {
min-height:455px;
}
.covid-blue-alert-nm {
/*min-height:455px;*/
}
.welcome-image {
height: 750px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
object-fit: cover;
overflow: hidden; 
}
.testing-wrapper h1 {
font-size:72px !important;
}
.testing-wrapper .tagline {
color:#89181A;
font-size:39px !important;
font-weight:700 !important;
}
.light-blue-boxes {
min-height: 500px;
}
.dark-blue-boxes {
min-height: 500px;
}
.news-wrapper {
margin-bottom:109px;
}
.audience-portal {
margin-bottom:0px !important;
text-align:left !important;
}
.interior-wrapper {
min-height:550px;
}
.intro-header .intro-text {
font-size:72px;
}
.small-top {
font-size: 20px;
color: #fff;
line-height: 40px;
}
.data-map {
  width: 100%;
  height: 800px;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
/* ============================= ELEMENTS ============================= */

/* ============================= ID's ============================= */
#headerImage {
height: 600px;
}
#highlights {
margin-top: -210px;
}
.sectionmenu_panel {
	margin-bottom: 300px !important;
}
#agencyFooter {
background-color: #89181A;
color: #fff;
font-size: 18px;
line-height: 1.5em;
padding-top: 2.0em;
padding-bottom: 2.0em;
border-bottom: 10px solid #245194;
position: absolute;
bottom: 0;
width: 100%;
height: 257px;
z-index: 1029;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 257px;
}}

/* ============================= Classes ============================= */
.covid-blue-alert {
min-height:435px;
}
.covid-blue-alert-nm {
/*min-height:435px;*/
}
.intro-header .intro-text {
font-size:72px;
}
.interior-wrapper {
min-height:550px;
padding-bottom:55px;
}
.testing-wrapper h1 {
font-size:72px !important;
}
.testing-wrapper .tagline {
color:#89181A;
font-size:39px !important;
font-weight:700 !important;
}
.welcome-image {
height: 700px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
object-fit: cover;
overflow: hidden; 
}
.light-blue-boxes {
min-height: 400px;
}
.dark-blue-boxes {
min-height: 400px;
}
.news-wrapper {
margin-bottom:155px;
}
.audience-portal {
margin-bottom:0px !important;
text-align:left !important;
}
.small-top {
font-size: 25px;
color: #fff;
line-height: 40px;
}
.data-map {
  width: 100%;
  height: 1000px;
}
.homepage-graphic {
  height: 312px;
}
}

/* ============================= CUSTOM MEDIA QUERIES ============================= */

@media (max-width: 874px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-44px;
opacity: 1;
font-size: 20px;
font-weight: bold;
color: #0a4f7c;
}}
@media (min-width: 875px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-44px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #0a4f7c;
}}
@media (min-width: 1100px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-100px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #0a4f7c;
}}
@media (min-width: 1300px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-100px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #0a4f7c;
}}
/* ============================= END CUSTOM MEDIA QUERIES ============================= */

ul.meeting-container > li {
  list-style-type: none;
}
.meeting-container {
  text-align: center;
  padding:0px;
}
span.meeting-title {
  font-family: 'Raleway', sans-serif;
  font-size: 25px;
  font-weight: 700;
  color: #606060;
}
span.meeting-agency {
  display:none;
}
span.meeting-date {
  font-style: italic !important;
  color: #7e8082;
  font-weight: bold;
  font-size: 17px;
}
span.meeting-time {
  font-style: italic !important;
  color: #7e8082;
  font-weight: bold;
  font-size: 17px;
}
span.meeting-end {
  font-style: italic !important;
  color: #7e8082;
  font-weight: bold;
  font-size: 17px;
}
span.meeting-purpose {
  display:none;
}
span.meeting-address {
    color: #7e8082;
    background-color: #f0f0f0;
    padding: 15px;
    border-radius: 4px;
    display:block;
}
a.map-link, 
a.map-link:link, 
a.map-link:active, 
a.map-link:visited,
a.info-link, 
a.info-link:link, 
a.info-link:active, 
a.info-link:visited {
  color: #feb024;
  background-color: #fff;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #feb024;
  border-radius: 30px;
  padding: 15px 35px;
}
a.info-link:hover, a.map-link:hover {
  color: #fff !important;
  background-color: #feb024;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #feb024;
  border-radius: 30px;
  padding: 15px 35px;
}
/*  =============== END OF PMC STYLESHEET  ==============*/


/*  =============== CSS LOADER FOR iFRAME  ==============*/
.sk-chase {
  width: 100px;
  height: 100px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
  margin: 30px auto;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; 
  animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
  content: '';
  display: block;
  width: 25%;
  height: 25%;
  background-color: #05405c;
  border-radius: 100%;
  animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

@keyframes sk-chase {
  100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
  80%, 100% { transform: rotate(360deg); } 
}

@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4); 
  } 100%, 0% {
    transform: scale(1.0); 
  } 
}
/*  ===============END CSS LOADER FOR iFRAME  ==============*/


/*  =============== CORNOVIRUS ARCGIS MAP ==============*/
#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 768px) {
#content-desktop {display: none;}
#content-mobile {display: block;}
}
/*  =============== CORNOVIRUS ARCGIS MAP ==============*/











/**********************************Coronavirs Cutom Style***************************/

.corona-graphic-margin {
    margin-top: 3rem;
}
.panel-heading .panel-title a{
    display: block;
    padding: 10px 15px;
}
.panel-heading{
    padding:0px !important;
}
.corona-graphic-img{
	width:100%; cursor: pointer;
}
.panel-heading a::after {
  font-family: 'Font Awesome 5 Pro';
  content: '\f0d7';
  margin-right: 10px;
  float: left;
}

.panel-heading.active a::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 

.graphic-image {
    margin-top: 3rem;
}
@media only screen and (min-width: 985px) {
	.graphic-image, .graphic-image-twitter {
	height: 272px;
	}
}

@media only screen and (min-width: 1191px) {
	.graphic-image, .graphic-image-twitter {
	height: 338px;
	}
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content {
    width:inherit;
 max-width:inherit;
    height:inherit;
    margin: 0 auto;
    pointer-events:all;
}

.corona-graphic-margin{
  margin-top: 3rem;
}

.accordian-title{
  display: block;
  padding: 10px 15px;
}

.joblink-title {
    font-size: 28px;
    font-weight: bold;
}
.joblink-para{
color: #333;
}
.joblink-info{
	 font-size: 18px;
    font-weight: 600;
}
.joblink-number{
	font-size: 38px;
    font-weight: 500;
}
@media only screen and (max-width: 600px) {
  #myModal {
    max-width: 80%;
    margin: 0 auto;
  }
  .joblink-logo{
  	width: 300px;
  }
}


/***************  BUSINESS CATEGORIES SEARCH STYLES ***************/
.btn-blue {
background-color: #0a4f7c !important;
color:#FFF;
font-family: 'Raleway', sans-serif !important;
font-style: italic;
}
.filters-list span {
    margin: 5px 2px;
    display: inline-block;
}
.btn-clearAll {
background-color: #fff;
color: #275996 !important;
font-weight: bold;
}
.btn-clearAll:hover {
color:#c99c28 !important;
}
.search-wrapper .input-lg {
height:66px;
border-color:#2899d5;
border-radius:1px;
}
.filter-wrapper .input-lg {
border-color:#2899d5;
}
.search-wrapper .btn-lg {
padding:20px;
border:1px solid #2899d5;
border-radius:1px;
}
.search-wrapper .btn-lg:hover {
background-color:#f88126;
color:#FFF !important;
}
.filter-wrapper .btn-filter {
border-radius:1px;
padding-left:45px;
padding-right:45px;
}
.filter-wrapper .btn-filter, .filter-wrapper .btn-filter:hover {
background-color:#89181A;
color:#FFF !important;
margin: 27px 0px;
width: 50%;
}
.applied-filters {
background-color:#FFF;
padding:25px;
}
.filter-row {
display: -webkit-flex; /* Safari */
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
display: flex;   
flex-wrap: wrap;
}
.label-blue {
background-color:#fcf1e8;
color:#54554b;
padding:125;
font-size:14px;
}
.label-blue .close {
float:none;
opacity:.4;
line-height:2;
}
.blue {
color:#275996;
}
.brp-cards .topicBlock {
width: 97%;
margin-top: 15px;
margin-left: 10px;
margin-bottom: 15px;
border: 2px solid #e3e3e3;
background: #FFF;
overflow: hidden;
height:430px;
border-radius: 6px;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.10);
}
.brp-cards .year-program {
background-color: #f5f5f5;
padding:20px;
margin-left:-15px;
margin-right:-15px;
font-weight:700;
color:#54564c;
text-transform:uppercase;
min-height:90px;
}
.brp-cards .name {
color:#e37222;
font-family: 'Tahoma', sans-serif !important;
font-size:20px;
margin-top:15px;
line-height:28px;
min-height:140px;
background-color:#f5f5f5;
margin-left:-15px;
margin-right:-15px;
margin-top:0px;
padding:10px;
}
.brp-cards .detail {
color:#54564c;
font-weight:600;
padding-top:15px;
}
.brp-pagination .btn {
border-radius:0;
font-weight:800;
color:#275996;
border-color:#275996;
}
.brp-pagination span.btn.btn-warning {
background-color:#275996;
color:#FFF;
}

#fromValidation {
color:#a94442;
margin-top:10px;
font-weight:bold;
}
#toValidation {
color:#a94442;
margin-top:10px;
font-weight:bold;
}
.business-oc {
    float: right;
    margin: 5px;
    color: #ffffff !important;
    padding: 8px;
    font-size: 16px;
    font-weight: 500;
}
.notes-scrl{
	overflow-y: auto;
    height: 90px;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px)
{
    .brp-cards .topicBlock {
        width:100%;
        height:425px !important;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px)
{    
    .brp-cards .topicBlock {
        width:23.9%;
        height: 565px !important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px)
{
    .brp-cards .topicBlock {
        width:24.1%;
        height: 515px !important;
    }
}
/*************** END OF BUSINESS CATEGORIES SEARCH STYLES ***************/

/***************  PRODUCT SUPPLIES SEARCH STYLES ***************/
.brp-cards .topicBlock-supplies {
width: 97%;
margin-top: 15px;
margin-left: 10px;
margin-bottom: 15px;
border: 2px solid #e3e3e3;
background: #FFF;
overflow: hidden;
height:510px;
border-radius: 6px;
box-shadow: 0 6px 10px rgba(0, 0, 0, 0.10);
}
.brp-cards .name-supplies {
color:#e37222;
font-family: 'Tahoma', sans-serif !important;
font-size:20px;
margin-top:15px;
line-height:28px;
min-height:115px;
background-color:#f5f5f5;
margin-left:-15px;
margin-right:-15px;
margin-top:0px;
padding:10px;
}
.b2b-read-more{
    position: absolute;
    bottom: 10px;
    width: 100%;
    color: #e37222 !important;
}
.filter-wrapper .btn-filter-supplies {
border-radius:1px;
padding-left:45px;
padding-right:45px;
}
.filter-wrapper .btn-filter-supplies, .filter-wrapper .btn-filter-supplies:hover {
background-color:#89181A;
color:#FFF !important;
margin: 27px 0px;
}
.graphic-image-supplies{
  height: auto;
  margin: 0 auto;
}
.graphic-head-supplies{
  text-align: center;
  margin: 0;
  font-size: 24px;
  display: block;
}
.custom-btn-toolset{
  font-size: 12px !important;
}
.bus-detail-both-head{
  height: 250px;
}
.bus-detail-one-head{
  height: 200px;
}

/* Mobile Devices */
@media only screen and (max-width : 768px)
{

    .bus-detail-both-head{
      height: 460px;
    }
    .bus-detail-one-head{
      height: 400px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px)
{
    .brp-cards .topicBlock-supplies {
        width:100%;
        height:475px !important;
    }

    .bus-detail-both-head{
      height: 400px;
    }
    .bus-detail-one-head{
      height: 350px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px)
{    
    .brp-cards .topicBlock-supplies {
        width:31.5%;
        height: 565px !important;
    }

    .bus-detail-both-head{
        height: 350px;
      }
      .bus-detail-one-head{
        height: 300px;
      }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px)
{
    .brp-cards .topicBlock-supplies {
        width:32.1%;
        height: 550px !important;
    }

    .bus-detail-both-head{
      height: 300px;
    }
    .bus-detail-one-head{
      height: 275px;
    }
}

/*************** END OF PRODUCT SUPPLIES SEARCH STYLES ***************/

/************ Modal Styles *************/
.modal
{
    position: fixed;
    z-index: 9999 !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: none;
    overflow: hidden;

    margin-top: 150px;

    outline: 0;

    -webkit-overflow-scrolling: touch;
}
.modal-header {
  border-bottom: none;
  padding: 15px;
  text-align: right;
}
.modal-header button {
  color: #297ab1;
  font-size: 30px;
  opacity: 1;
}
.modal-body {
    padding: 15px 15px 5px 15px !important;
}

.sign-up-link {
  background: #297ab1;
  border-radius: 10px;
  color: #ffffff;
  font-weight: bold;
  padding: 15px;
  text-transform: uppercase;
  white-space: normal;
}

.sign-up-link:hover, .sign-up-link:focus, .sign-up-link:visited, .sign-up-link:active {
  color: #ffffff !important;
  text-decoration: none;
}

.sign-up-no-thanks {
  background: none;
  border: none;
  color: #297ab1;
  padding: 15px;
}
   
    @media screen and (min-width: 768px) {
        .modal-dialog {
          width: 500px; /* New width for default modal */
        }
        .modal-sm {
          width: 500px; /* New width for small modal */
        }
    }
    @media screen and (min-width: 992px) {
        .modal-lg {
          width: 630px; /* New width for large modal */
        }
    }
/************ End Modal Styles *************/

/************ Data Dashboard Styles *************/
@media (min-width: 320px) {
  #data-trends-dashboard {
    height: 8705px;
  }
}
@media (min-width: 330px) {
  #data-trends-dashboard {
    height: 8568px;
  }
}
@media (min-width: 345px) {
  #data-trends-dashboard {
    height: 8385px;
  }
}
@media (min-width: 360px) {
  #data-trends-dashboard {
    height: 8150px;
  }
}
@media (min-width: 375px) {
  #data-trends-dashboard {
    height: 8045px;
  }
}
@media (min-width: 400px) {
  #data-trends-dashboard {
    height: 7845px;
  }
}
@media (min-width: 425px) {
  #data-trends-dashboard {
    height: 7635px;
  }
}
@media (min-width: 450px) {
  #data-trends-dashboard {
    height: 7535px;
  }
}
@media (min-width: 475px) {
  #data-trends-dashboard {
    height: 7355px;
  }
}
@media (min-width: 475px) {
  #data-trends-dashboard {
    height: 7305px;
  }
}
@media (min-width: 550px) {
  #data-trends-dashboard {
    height: 7185px;
  }
}
@media (min-width: 625px) {
  #data-trends-dashboard {
    height: 7115px;
  }
}
@media (min-width: 636px) {
  #data-trends-dashboard {
    height: 6280px;
  }
}
@media (min-width: 675px) {
  #data-trends-dashboard {
    height: 6100px;
  }
}
@media (min-width: 768px) {
  #data-trends-dashboard {
    height: 6000px;
  }
}
@media (min-width: 992px) {
  #data-trends-dashboard {
    height: 5795px;
  }
}
@media (min-width: 1200px) {
  #data-trends-dashboard {
    height: 5730px;
  }
}

/************ End Data Dashboard Styles *************/

/************ Testing Calendar Styles *************/

.panel-blue {
  border-color: #f5f5f5;
}

.panel-blue > .panel-heading {
  background-color: #1b3d64;
  color: #ffffff;
  padding: 10px 15px !important;
}

.panel-blue > .panel-footer .btn-default {
  background-color: #7dcdef;
  color: #1b3d64 !important;
}

#eme_customfield_filter2 {
  border-color: #2899d5;
  height: 52spx;
  line-height: 52px;
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
  margin-right: 20px;
}

.eme_submit_button {
  background-color: #89181A;
  color: #ffffff;
  border: none;
  padding: 13px;
}

/* Business Nav Tab Styles */

.business-subnav-tabs a {
  font-size: 16px;
  padding: 10px !important;
  line-height: 1.5;
}
.business-subnav-tabs li {
padding-right: 15px;
}
.business-subnav-tabs li.active a {
  background-color: #1b3d64;
  color: #ffffff !important;
}
.business-subnav-tabs li.active a:hover {
  background-color: #1b3d64;
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
  .business-subnav-tabs a {
    height: 97px;
    line-height: 1.5;
    padding: 10px !important;
  }
}

@media only screen and (min-width : 992px) {
  .business-subnav-tabs a {
    height: 95px;
    margin: 5px;
  }
}

@media only screen and (min-width : 1200px) {
  .business-subnav-tabs a {
    height: 70px;
  }
}

/* Child Care Nav Tab Styles */

.childcare-subnav-tabs {
  background-color: #eeeeee;
  padding: 15px;
}

.childcare-subnav-tabs a {
  font-size: 16px;
  padding: 10px !important;
  line-height: 1.5;
}
.childcare-subnav-tabs li {
padding-right: 15px;
}
.childcare-subnav-tabs li.active a {
  background-color: #1b3d64;
  color: #ffffff !important;
}
.childcare-subnav-tabs li.active a:hover {
  background-color: #1b3d64;
}

@media only screen and (min-width : 768px) and (max-width: 991px) {
  .childcare-subnav-tabs a {
    height: 97px;
    line-height: 1.5;
    padding: 10px !important;
  }
}

@media only screen and (min-width : 992px) {
  .childcare-subnav-tabs a {
    height: 95px;
    margin: 5px;
  }
}

@media only screen and (min-width : 1200px) {
  .childcare-subnav-tabs a {
    height: 70px;
  }
}


/* Print Plugin Custom CSS */
.pdfprnt-buttons {
  text-align: right;
}
/* END Print Plugin Custom CSS */

/* Tribe Events Calendar Style Overrides */
.tribe-common-c-btn.tribe-events-c-search__button, .tribe-common-c-btn.tribe-events-c-search__button:hover {
  background-color: #89181A;
}

.tribe-events-pro-map__event-venue.tribe-common-b3, .tribe-events-calendar-list__event-venue.tribe-common-b2 {
  font-size: 16px !important;
}

hr.event-detail-separator {
  background-color: #e3e3e3;
  height: 2px;
}

hr.event-detail-separator-list-view {
  background-color: #e3e3e3;
  height: 2px;
}

.tribe-events-single {
  padding-top: 30px !important;
}

.tribe-events-pro .tribe-events-pro-map__event-date-tag-datetime {
  background-color: #89181A;
}

.tribe-events-calendar-list__event-date-tag-datetime {
  background-color: #89181A;
  height: 45px !important;
}

.tribe-events-pro-map__event-date-tag-month, .tribe-events-calendar-list__event-date-tag-weekday, .tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h5.tribe-common-h4--min-medium {
  color: #ffffff !important;
}

.tribe-events-pro-map__event-date-tag-daynum.tribe-common-h5 {
  color: #ffffff !important;
}

.tribe-common-g-row.tribe-events-calendar-list__event-row {
  padding: 20px 0px;
}

.tribe-common-g-row.tribe-events-calendar-list__event-row:nth-child(2n) {
  background-color: #f5f5f5;
}

.fad, .fas, .icomoon-testing-icon {
  color: #89181A;
}

.tribe-common .tribe-common-h8 {
  font-size: 12px !important;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
  padding-bottom: 20px;
}

#map-canvas { height: 100%; width: 100%; }

#someGoogleMapsWrapperHere .gm-style img[src$='.svg'] {
    width: 48px !important;
    height: 48px !important;
}

@media only screen and (max-width: 766px) {
  .tribe-filters-open #tribe_events_filters_wrapper, .tribe-filters-open #tribe_events_filters_wrapper.tribe-events-filters-horizontal, .tribe-filters-open #tribe_events_filters_wrapper.tribe-events-filters-vertical {
  position: static;
  }
}

.tribe-events-pro.tribe-events-pro-map__event-cards-scroll-pane {
  width: 10px !important;
}

/* Fix for YouTube icon appearing over the page tags on the main testing page */
.testing-page-tags {
  padding-top: 100px;
}

/* Image sizing on the Testing page */
@media only screen and (max-width: 500px)
{
  .testing-image, .testing-image-quarantine-vs-isolation {
    width: 100%;
  }
}

@media only screen and (min-width: 501px)
{
  .testing-image {
    width: 300px;
  }

  .testing-image-quarantine-vs-isolation {
    width: 225px;
  }
}

.tribe-events .tribe-events-c-breadcrumbs {
  display: none !important;
}

#go-back {
  cursor: pointer;
}

.home-test-kit {
  border: none;
  width: 100%;
}

@media only screen and (min-width: 320px) and (max-width: 605px) {

  .home-test-kit {
    height: 1100px;
  }

}

@media only screen and (min-width: 606px) {

  .home-test-kit {
    height: 820px;
  }

}

.community-partners-slider > .carousel-control.left, .community-partners-slider > .carousel-control.right {
  background-image: none;
}

.community-partners-slider > .carousel-control.left i, .community-partners-slider > .carousel-control.right i {
  position: absolute;
  top: 50%;
}

.community-partners-slider .carousel-indicators li {display:none;}

/* Spanish page FAQ button adjustment */
@media only screen and (min-width: 992px) {
  .spanish-faq-button {
    font-size: 19px;
  }
}

@media only screen and (max-width: 550px) {
  .vaccine-button {
    font-size: 16px;
  }
}

@media only screen and (min-width: 551px) {
  .vaccine-button {
    font-size: 20pt;
  }
}

.executive-summary-button {
  font-size: 16px;
}

@media only screen and (min-width: 551px) {
  .executive-summary-button {
    width: 250px;
  }
}

@media only screen and (min-width: 992px) {
  .testing-locations-row {
    padding-bottom: 75px;
  }
}

@media only screen and (max-width: 991px) {
  .testing-locations-column {
    padding-bottom: 75px;
  }
}

@media only screen and (max-width: 599px) {
  .school-testing-locations-button {
    font-size: 16px;
  }
}

c {
  .school-testing-locations-button {
    font-size: 20pt;
  }
}

/************** NEW HOMEPAGE CSS **************/
.image-center {
  margin: 0 auto;
}

#homepage-get-tested-hero {
  background: url(img/homepage-vaccine-final-min.png);
  box-shadow: inset 400px 0px 250px 30px rgba(255, 255, 255, 0.5);
  background-size: cover;
  height: 300px;
}

@media only screen and (min-width : 768px) {
  #homepage-get-tested-hero {
    height: 400px;
  }
}

#homepage-get-tested-hero h1 {
  color: #89181A;
  font-size: 40px;
  font-weight: bold;
  padding-top: 15px;
  font-family: 'Montserrat', sans-serif !important;
}

@media only screen and (min-width : 768px) {
  #homepage-get-tested-hero h1 {
    font-size: 50px;
    padding-top: 50px;
  }
}

.btn-homepage, .btn-testing-header {
  border-radius: 0;
  font-weight: bold;
  padding: 20px;
}

.btn-homepage:hover, .btn-testing-header:hover {
  background-color: #ffffff;
  color: #89181A !important;
  transition: .4s ease-in-out;
}
.btn-homepage-data {
  border-radius: 0;
  font-weight: bold;
  padding: 10px;
}

.btn-homepage-data:hover {
  background-color: #ffffff;
  color: #89181A !important;
  transition: .4s ease-in-out;
}

@media only screen and (min-width : 992px) {
  #latest-data {
    margin-top: -20px;
  }
}

#latest-data-wrapper {
  box-shadow: 5px 5px 60px rgba(0, 0, 0, 0.3);
}

#latest-data-header {
  background-color: #ffffff;
  box-shadow: 19px 4px 60px rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative;
  z-index: 3;
}

#latest-data-header h2 {
  color: #89181A;
  font-weight: bold;
}

@media only screen and (min-width : 992px) {
  #latest-data-header h2 {
    font-size: 20px;
  }
}

@media only screen and (min-width : 1200px) {
  #latest-data-header h2 {
    font-size: 22px;
  }
}

#latest-data-header p {
  color: #1C3D64;
  font-family: 'Montserrat', sans-serif;
}

#latest-data-body {
  background-color: #ffffff;
  padding-bottom: 0;
  padding-top: 10px;
}

@media only screen and (min-width : 992px) {
  #latest-data-body {
    margin-left: 0;
    margin-right: 0;
  }
}

#latest-data-body hr {
  border: 1px solid #7DCDEF !important;
}

.data-body-column-left {
  padding-top: 30px;
}

.data-body-column-left hr {
  width: 74px;
}

#latest-data-body .btn-homepage {
  margin-bottom: 30px;
  margin-top: 30px;
  width: 100%;
}

@media only screen and (min-width : 768px) {
  .data-body-column-left hr {
    width: 148px;
  }
}

.data-body-column-right hr {
  width: 74px;
}

@media only screen and (min-width : 768px) {
  .data-body-column-right hr {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .data-body-column-left hr{
    margin-bottom: 10px;
    margin-top: 10px;
  }
}

#latest-data-body h3, #latest-data-body p {
  color: #1C3D64;
  font-family: 'Montserrat', sans-serif;
}

#latest-data-body h3, .data-caption {
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 0;
  font-family: 'Montserrat', sans-serif;
}

#latest-data-body h3 {
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}

.vaccine-phase {
  padding-top: 20px;
}

.data-number {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 0;
  font-family: 'Montserrat', sans-serif;
}

@media only screen and (min-width : 1200px) {
  .data-number {
    font-size: 40px;
  }
}

.data-caption {
  font-style: italic;
  font-weight: 500;
}

.view-data-by-county {
  padding-top: 20px;
}

#view-data-by-county-mobile {
  background-color: #89181A;
  padding-bottom: 30px;
}

#view-data-by-county-mobile h2 {
  color: #ffffff;
}

#view-data-by-county-mobile .btn-homepage {
  border: 4px solid #ffffff;
  width: 100%;
}

.btn-white-bg, .btn-white-bg:visited, .btn-white-bg:focus {
  background-color: #ffffff;
  border-color:#89181A;
  color: #89181A !important;
}

.btn-white-bg:hover {
  background-color: #89181A;
  color: #ffffff !important;
  transition: .4s ease-in-out !important;
}

#homepage-header hr {
  background: #89181A;
  border: #89181A;
  height: 5px;
  margin-left: 0;
  width: 20%;
}

#homepage-header h2 {
  color: #1C3D64;
  font-weight: bold;
}

#homepage-header p {
  font-size: 20px;
}

#covid-alert-de-icons {
  padding-top: 15px;
}

#top-icons {
  background: #f2f2f2;
  border-bottom: 14px solid #1C3D64;
  margin-top: 50px;
  padding-top: 20px;
}

@media only screen and (min-width : 768px) {
  #top-icons {
    padding-bottom: 10px;
  }
}

#top-icons i, #top-icons p, #top-icons span, #top-icons a, #top-icons sup {
  color: #1C3D64 !important;
}

#top-icons i {
  font-size: 85px;
  padding-bottom: 10px;
}

#top-icons span {
  font-size: 86px;
}

.icomoon-icon p, p.icomoon-icon {
  padding-top: 8px;
}

@media only screen and (max-width : 767px) {
  .top-icon {
    min-height: 140px;
    margin-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

#top-icons-other {
  background: #f2f2f2;
  margin-top: 10px;
  padding-top: 10px;
}

@media only screen and (min-width : 768px) {
  #top-icons-other {
    padding-bottom: 10px;
  }
}

#top-icons-other i, #top-icons-other p, #top-icons-other span, #top-icons-other a, #top-icons-other sup {
  color: #1C3D64 !important;
}

#top-icons-other i {
  font-size: 85px;
  padding-bottom: 10px;
}

#top-icons-other span {
  font-size: 86px;
}


@media only screen and (max-width : 767px) {
  .top-icon-other {
    min-height: 140px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

#cdc-guidance {
  padding-top: 35px;
}

@media only screen and (min-width : 992px) {
  #cdc-guidance {
    padding-bottom: 30px;
  }
}

#reduce-the-impact h2 {
  color: #1C3D64;
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 30px;
  padding-top: 20px;
}

@media only screen and (min-width : 768px) {
  #reduce-the-impact h2 {
    font-size: 50px;
  }
}

#reduce-the-impact .wrapper {
  padding-bottom: 20px;
  padding-top: 20px;
}

#reduce-the-impact-icon-guidance .icon, #reduce-the-impact-icon-guidance p {
  color: #1C3D64;
  font-family: 'Montserrat', sans-serif;
}

#reduce-the-impact-icon-guidance {
  background-color: #ffffff;
  padding-top: 20px;
  position: relative;
  z-index: 5;
}

@media only screen and (min-width : 768px) {
  #reduce-the-impact-icon-guidance {
    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
  }
}

#reduce-the-impact-icon-guidance .icon {
  font-size: 60px;
} 

#reduce-the-impact-icon-guidance p {
  font-size: 22px;
  font-weight: bold;
  text-transform: lowercase;
}

#reduce-the-impact-icon-guidance a, #reduce-the-impact-icon-guidance a:visited {
  color: #1C3D64;
}

@media only screen and (min-width : 768px) {
  #reduce-the-impact-icon-guidance p {
    text-transform: uppercase;
  }
}

#reduce-the-impact ul {
  list-style: none;
  margin-left: -25px;
}

#reduce-the-impact li {
  color: #1C3D64;
  padding-bottom: 30px;
}

@media only screen and (min-width : 768px) {
  #reduce-the-impact li {
    padding-bottom: 10px;
  }
}

@media only screen and (min-width : 992px) {
  #what-you-can-do-first-row {
    padding-left: 75px;
  }
}

@media only screen and (max-width : 767px) {
  #what-you-can-do-second-row {
    margin-top: -16px;
  }
}

#vaccine-plan {
  background-color: #F2F2F2;
  padding-bottom: 40px;
  padding-top: 130px;
  margin-top: -85px;
}

@media only screen and (min-width : 1200px) {
  #vaccine-plan i {
    margin-right: -25px;
  }
}

#vaccine-plan .fa-user-md {
  color: #1C3D64;
  font-size: 85px;
  margin-bottom: 30px;
}

#vaccine-plan h3 {
  color: #1C3D64;
}

#forward-delaware {
  background: #1C3D64;
  padding-bottom: 40px;
  padding-top: 40px;
}

.forward-delaware-icon {
  padding-top: 10px;
}

@media only screen and (max-width : 767px) {
  .forward-delaware-icon {
    padding-bottom: 20px;
  }
}

@media only screen and (min-width : 768px) {
  .forward-delaware-icon {
    margin-right: -20px;
  }
}

@media only screen and (min-width : 992px) {
  .forward-delaware-icon {
    margin-right: -30px;
  }
}

@media only screen and (min-width : 1200px) {
  .forward-delaware-icon {
    margin-right: -50px;
  }
}

#forward-delaware h3, #forward-delaware p {
  color: #ffffff;
}

#forward-delaware h3, #vaccine-plan h3 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: 'Montserrat', sans-serif;
}

#forward-delaware .GIC-Contact-Tracing {
  color: #ffffff;
  font-size: 85px;
}

#forward-delaware a, #forward-delaware a:visited {
  color: #ffffff !important;
  font-weight: bold;
}

#resources-for-the-community {
  background: #F2F2F2;
  padding-bottom: 40px;
  padding-top: 40px;
}

.page-template #resources-for-the-community {
  background: #ffffff;
}

#resources-for-the-community h2 {
  color: #1C3D64;
  font-size: 30px;
  font-weight: bold;
  padding-bottom: 30px;
}

@media only screen and (min-width : 768px) {
  #resources-for-the-community h2 {
    font-size: 60px;
    padding-bottom: 60px;
  }
}

.resources-column-wrapper {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width : 768px) {
  .resources-column {
    padding-right: 20px;
  }
}

@media only screen and (max-width : 991px) {
  .resources-column {
    margin-bottom: 40px;
  }
}

.resources-column-header {
  background: #1C3D64;
  border-radius: 20px 20px 0 0;
  padding-bottom: 50px;
  padding-top: 50px;
}

@media only screen and (max-width : 767px) {
  .resources-column-header {
    background: #ffffff;
    padding-bottom: 0;
  }
}

@media only screen and (min-width : 768px) {
  .resources-column-header {
    text-align: center;
  }
}

.resources-column-header i, .resources-column-header span {
  color: #7DCDEF;
  font-size: 90px;
}

@media only screen and (max-width : 767px) {
  .resources-column-header i, .resources-column-header span {
    font-size: 60px;
    padding-left: 20px;
  }
}

.resources-column-list {
  background: #ffffff;
  height: 250px;
  padding: 20px;
}
.resources-column h3 a {
color:#1C3D64 !important;
font-family: 'Montserrat', sans-serif;
}
.resources-column h3 a:hover {
color:none !important;
font-family: 'Montserrat', sans-serif;
}

.medical-providers-resources .resources-column-list {
  height: 275px;
}

.schools-and-students-resources .resources-column-list {
  height: 260px;
}

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

  .resources-column-list {
    height: 250px;
  }

  .businesses-and-workforce-resources .resources-column-list {
    height: 235px;
  }

  .businesses-and-workforce-resources .resources-column-list-header {
    height: 48px;
  }

  .medical-providers-resources .resources-column-list {
    height: 285px;
  }

  .medical-providers-resources .resources-column-list-header {
    height: 48px;
  }

  .schools-and-students-resources .resources-column-list {
    height: 280px;
  }

  .schools-and-students-resources .resources-column-list-header {
    height: 48px;
  }
}

@media only screen and (min-width : 992px) {
  .resources-column-list {
    height: 320px;
  }

  .businesses-and-workforce-resources .resources-column-list {
    height: 365px;
  }

  .businesses-and-workforce-resources .resources-column-list-header {
    height: 58px;
  }

  .medical-providers-resources .resources-column-list {
    height: 420px;
  }

  .medical-providers-resources .resources-column-list-header {
    height: 40px;
  }

  .schools-and-students-resources .resources-column-list {
    height: 380px;
  }

  .schools-and-students-resources .resources-column-list-header {
    height: 58px;
  }

  .individuals-and-families-resources .resources-column-list {
    height: 335px;
  }

  .individuals-and-families-resources .resources-column-list-header {
    height: 40px;
  }
}

@media only screen and (min-width : 1200px) {
  .businesses-and-workforce-resources .resources-column-list {
    height: 310px;
  }

  .businesses-and-workforce-resources .resources-column-list-header {
    height: auto;
  }

  .medical-providers-resources .resources-column-list {
    height: 340px;
  }

  .medical-providers-resources .resources-column-list-header {
    height: 40px;
  }

  .schools-and-students-resources .resources-column-list {
    height: 310px;
  }

  .schools-and-students-resources .resources-column-list-header {
    height: 40px;
  }

  .individuals-and-families-resources .resources-column-list {
    height: 275px;
  }

  .individuals-and-families-resources .resources-column-list-header {
    height: auto;
  }
}

.resources-column-list h3 {
  margin-top: 0;
  font-family: 'Montserrat', sans-serif;
  font-weight:600;
}

.resources-column-list ul {
  line-height: 25px !important;
  list-style: none;
  padding: 0 0 30px 0;
}

.resources-column-list ul li {
  padding-bottom: 5px;
  padding-top: 5px;
}

.resources-column-list ul li:not(:last-child) {
  border-bottom: 2px solid #E5E5E5;
}

.resources-column-view-more {
  background: #ffffff;
  padding: 20px;
}

.resources-column-view-more a {
  font-weight: bold;
}

#school-status-header {
  padding-top: 40px;
  padding-bottom: 10px;
}

#school-status-header hr {
  background: #7DCDEF;
  border: #7DCDEF;
  height: 2px;
  margin-top: 55px;
}

@media only screen and (max-width : 767px) {
  #school-status-header hr {
    margin-top: 35px;
  }
}

#school-status-header h2 {
  color: #1C3D64;
  font-size: 30px;
  font-weight: bold;
}

@media only screen and (min-width : 768px) {
  #school-status-header h2 {
    font-size: 60px;
  }
}
@media only screen and (max-width : 767px) {
  .school-status-words {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width : 991px) {
  #school-status-body {
    text-align: center;
  }
}

#school-status-body .number-wrapper {
  background: #FFD453;
  border-radius: 50%;
  color: #1C3D64;
  font-size: 80px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  margin-top: 22px;
  padding: 20px;
  width: 150px;
}

@media only screen and (min-width : 992px) {
  #school-status-body .number-wrapper {
    height: 130px;
    padding-top: 10px;
    width: 130px;
  }
}

#school-status-body h3 {
  color: #1C3D64;
  font-size: 30px;
  font-weight: bold;
}

#school-status-key {
  padding-bottom: 10px;
}

#school-status-key h2 {
  color: #1C3D64;
  font-size: 30px;
  font-weight: bold;
}

#school-status-key-mobile {
  margin-bottom: 20px;
  margin-top: 20px;
}

.key-item {
  padding: 15px;
}

@media only screen and (min-width : 768px) {
  .key-item {
    padding: 0;
  }
}

@media only screen and (max-width : 767px) {
  .key-header, .key-description {
    padding: 0;
  }
}

.key-header h3 {
  padding: 2px 0;
}

@media only screen and (min-width : 768px) {
  .key-header h3 {
    font-size: 30px !important;
  }
}

.key-header-1 {
  background-color: #49B9A3;
}

.key-header-2 {
  background-color: #FFD453;
}

.key-header-3 {
  background-color: #89181A;
}

.key-header-3 h3 {
  color: #ffffff !important;
}

.key-description {
  height: 56px;
}

@media only screen and (min-width : 768px) {
  .key-description {
    margin: -10px 0 20px 0;
    min-height: 95px;
    padding: 10px 0;
  }
}

.key-description p {
  padding: 10px;
}

.key-description-1 {
  background-color: rgba(73, 185, 163, 0.2);
}

.key-description-2 {
  background-color: rgba(255, 212, 83, 0.2);
}

.key-description-3 {
  background-color: rgba(137, 24, 26, 0.2);
}

#updates-header {
  background-color: #89181A;
}

#updates-header h2 {
  color: #ffffff;
  font-size: 40px;
  font-weight: bold;
  padding: 12px 0;
}

#updates {
  padding-bottom: 50px;
  padding-top: 40px;
}

.update-items {
  padding-top: 30px;
}

.update-items h3 {
  font-size: 18px !important;
  font-weight: bold;
}

.update-items .view-all {
  padding-top: 20px;
}

#shareable-graphics {
  padding-top: 60px;
}

#shareable-graphics h2 {
  color: #1C3D64;
  font-size: 30px;
  font-weight: bold;
  padding-top: 50px;
}

@media only screen and (min-width : 768px) {
  #shareable-graphics h2 {
    font-size: 60px;
  }
}

@media only screen and (max-width : 991px) {
  #shareable-graphics h2 {
    padding-bottom: 25px;
    text-align: right;
  }
}

@media only screen and (min-width : 992px) {
  #shareable-graphics h2 {
    padding-top: 50px;
  }
}

@media only screen and (min-width : 1200px) {
  #shareable-graphics h2 {
    padding-top: 150px;
  }
}

@media only screen and (max-width : 991px) {
  #shareable-graphics p {
    padding-bottom: 25px;
    text-align: right;
  }
}

#sign-up-for-updates {
  padding-top: 20px;
}

@media only screen and (max-width : 991px) {
  #sign-up-for-updates, .ctct-form-embed.form_5 .ctct-form-defaults, .ctct-form-label .ctct-form-required {
    background-color: #1C3D64 !important;
    padding-bottom:25px;
  }

  #sign-up-for-updates {
    margin-bottom: -35px;
  }

  .ctct-form-embed.form_5 .ctct-form-custom .ctct-form-label {
    color: #ffffff !important;
  }
  
  .ctct-form-embed.form_5 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-link {
    color: #ffffff !important;
  }
}

#sign-up-for-updates h2 {
  color: #1C3D64;
  font-size: 30px;
  font-weight: bold;
}

@media only screen and (min-width : 768px) {
  #sign-up-for-updates h2 {
    font-size: 60px;
  }
}

@media only screen and (max-width : 991px) {
  #sign-up-for-updates h2, #sign-up-for-updates p {
    color: #ffffff;
  }
}


h2.ctct-form-header, p.ctct-form-text, #email_address_label_4 {
  display: none;
}

.internal-page-header-subhead {
  color: #1C3D64 !important;
  font-size: 25px !important;
  margin-bottom: 35px;
}

.page-header-icon {
  color: #7DCDEF;
  font-size: 117px;
  text-align: center;
}

@media only screen and (min-width : 992px) {
  .page-header-icon {
    font-size: 250px;
    text-align: right;
  }
}

@media only screen and (min-width : 992px) {
  .page-header-icon i {
    vertical-align: top;
  }
}

#what-delawareans-can-do {
  margin-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
}

@media only screen and (min-width : 768px) {
  #what-delawareans-can-do {
    padding-left: 100px;
    padding-right: 100px;
  }
}

#what-delawareans-can-do .GIC-Heart-Hands {
  color: #7DCDEF;
  font-size: 130px;
}

#what-delawareans-can-do h2 {
  margin-bottom: 30px;
}

#what-delawareans-can-do p {
  margin-bottom: 75px;
}

.page-template-callout .icon {
  margin-top: 25px;
}

@media only screen and (max-width : 767px) {
  .page-template-callout .icon {
    text-align: center;
  }
}

@media only screen and (min-width : 768px) {
  .page-template-callout .icon {
    text-align: right;
  }
}

.page-template-callout .icon i, .page-template-callout .icon span {
  color: #89181A;
  font-size: 90px;
}

.page-template-callout h3 {
  color: #89181A !important;
}

@media only screen and (max-width : 767px) {
  .img-icon {
    margin: 0 auto;
  }
}

@media only screen and (min-width : 768px) {
  .img-icon {
    float: right;
  }
}

.testing-category-icon {
  color: #89181A;
  font-size: 70px;
}

.type-of-test {
  color: #1C3D64;
}

.type-of-test span {
  color: #89181A;
}

@media only screen and (min-width : 992px) {
  .testing-category-description {
    height: 165px;
  }

  .type-of-test-description {
    height: 185px;
  }

  #testing-categories .row {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width : 1200px) {
  .testing-category-description {
    height: 130px;
  }

  .type-of-test-description {
    height: 160px;
  }
}

@media only screen and (max-width : 991px) {
  #testing-categories .col-md-6 {
    margin-bottom: 30px;
  }

  #types-of-tests .col-md-4 {
    margin-bottom: 30px;
  }
}

/*******External link icon*****/
#main_content sup {
  top: -3px;
}
#main_content .extlink sup:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f35d";
    padding-left:5px;
  }
.nav-menu .extlink sup:after,
.wp-caption-text .extlink sup:after {
  content:"";
}

#main_content .btn sup:after, #main_content .extlink-no-icon sup:after {
    content: "" !important;
}

/*******Secondary Menu*****/
.secondary-menu{
  position: absolute !important;
  right: 50px;
}
.secondary-menu li { 
  border-right: 3px solid #0a4f7c !important;
  margin: 20px 0 !important;
  font-weight: bold;
}
.secondary-menu li:last-child { 
  border-right: none !important; 
}
.secondary-menu li a{
  padding: 2px 10px 2px 10px !important;
}
.visible-mobile-menu{
    display: none !important;
  }
@media only screen and (max-width : 875px) {
  .visible-mobile-menu{
    display: block !important;
  }
}


/*Hiding "Get More COVID Data" alert in search result page*/
#search-header .alert.alert-warning.text-center.covid-alert {
    display: none;
}

/* Word break helper */
.break-word {
  word-wrap: break-word;
}

/*Vaccine Community Events Styles*/
#vaccine-community-events-hero {
  /*background: url(img/vaccine-community-events-hero.png);
  box-shadow: inset 400px 0px 250px 30px rgba(255, 255, 255, 0.5);
  background-size: cover;*/
  height: 300px;
  margin-bottom: 15px;
  background-color:#243c61;
}

.text-white {
	color:#FFF;
}
@media only screen and (min-width : 768px) {
#vaccine-community-events-hero
{
    height: 400px;
  }
}


@media only screen and (min-width : 768px) {
  #vaccine-community-events-hero header {
    text-align: center;
  }
}


#vaccine-community-events-hero header {
  margin-top: -10px;
}


#vaccine-community-events-hero h1  {
  color: #FFF;
  font-size: 42px;
  font-weight: bold;
  padding-top: 20px;
  font-family: 'Montserrat', sans-serif !important;
}

@media only screen and (min-width : 768px) {
#vaccine-community-events-hero h1 {
    font-size: 42px;
    padding-top: 30px;
    line-height:1.1;
  }
}

#vaccine-community-events-hero {
    background-position:35%;
}

/*Vaccine Equity Page Styles*/
#vaccine-equity-hero {
  background: url(img/vaccine-equity-page-hero.png);
  box-shadow: inset 400px 0px 250px 30px rgba(255, 255, 255, 0.5);
  background-size: cover;
  height: 300px;
  margin-bottom: 15px;
}

#vaccine-partner-with-us-hero {
  background: url(img/vaccine-partner-with-us-hero.png);
  box-shadow: inset 400px 0px 250px 30px rgba(255, 255, 255, 0.5);
  background-size: cover;
  height: 300px;
  margin-bottom: 15px;
}

#vaccine-tools-for-community-groups-hero {
  background: url(img/vaccine-tools-for-community-groups-hero.png);
  box-shadow: inset 400px 0px 250px 30px rgba(255, 255, 255, 0.5);
  background-size: cover;
  height: 300px;
  margin-bottom: 15px;
}

#vaccine-the-plan-hero {
  background: url(img/equity_homepage_latino-male-v5.png);
  box-shadow: inset 400px 0px 250px 30px rgba(255, 255, 255, 0.5);
  background-size: cover;
  height: 300px;
  margin-bottom: 15px;
}


.covid-text-blue {
color:#1c3d64;
}
.covid-text-light-blue {
color:#7dcdef;
}

@media only screen and (min-width : 768px) {
  #vaccine-equity-hero, #vaccine-partner-with-us-hero, #vaccine-tools-for-community-groups-hero, #vaccine-the-plan-hero {
    height: 400px;
  }
}




#vaccine-equity-hero {
    background-position:66%;
}

#vaccine-the-plan-hero {
    background-position:26%;
}

#vaccine-tools-for-community-groups-hero {
    background-position:40%;
}
#vaccine-partner-with-us-hero {
    background-position:56%;
}

@media only screen and (min-width : 768px) {
  #vaccine-equity-hero header {
    text-align: center;
  }
}



#vaccine-equity-hero header {
  margin-top: -10px;
}

#vaccine-equity-hero h1, #vaccine-partner-with-us-hero h1, #vaccine-tools-for-community-groups-hero h1, #vaccine-the-plan-hero h1  {
  color: #89181A;
  font-size: 45px;
  font-weight: bold;
  padding-top: 20px;
  font-family: 'Montserrat', sans-serif !important;
}


@media only screen and (min-width : 768px) {
  #vaccine-equity-hero h1, #vaccine-partner-with-us-hero h1, #vaccine-tools-for-community-groups-hero h1, #vaccine-the-plan-hero h1 {
    font-size: 72px;
    padding-top: 30px;
    line-height:1.1;
  }
}

@media only screen and (max-width : 767px) {
  .h1-small-mobile {
    font-size: 30px !important;
  }
}

/*** Internal page breadcrumb contrast fixes ***/
.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:active,
.breadcrumb a:visited {
  color: #24557F !important;
}

.text-muted {
  color: #4F4F4F;
}

.label-success {
  background-color: #477C41;
}