/*
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;
    padding-bottom: 0.5em;
    font-size: 24px;
    font-weight: bold;
  }

  #main_content h3 {
    color: #1c3d64;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 0.5em;
  }

  #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: 1em;
    margin-bottom: 1em;
  }

  #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: 2em;
    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-border-alert {
    border: 2px solid #8a171a;
    /*box-shadow: 2px 2px 20px rgb(0 0 0 / 20%);*/
    padding: 20px;
    background-color: #fff;
    border-radius: 0px;
    color: #333;
  }

  .dhss-blue-border-alert {
    border: 2px solid #1c3d64;
    /*box-shadow: 2px 2px 20px rgb(0 0 0 / 20%);*/
    padding: 20px;
    background-color: #fff;
    border-radius: 0px;
    color: #333;
  }

  .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: 0.4s ease-in-out;
  }

  .covid-blue-txt {
    color: #1c3d64;
  }

  /*** /END ADDITIONAL TESTING STYLES ***/
  hr,
  .interior-title-wrapper hr {
    border: 1px solid #f2f2f2;
  }

  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: 15px;
  }

  .covid-alert-red {
    border-radius: 0px;
    color: #fff;
    background-color: #89181a;
    border-color: #89181a;
    padding-bottom: 15px;
  }

  .covid-alert h2,
  .covid-alert-red h2 {
    color: #fff !important;
    font-size: 28px !important;
    margin-top: -10px !important;
  }

  .covid-alert .fa-white,
  .covid-alert-red .fa-white {
    color: #fff !important;
  }

  .covid-alert a,
  .covid-alert-red a {
    color: #fff !important;
    text-decoration: underline !important;
  }

  .covid-alert a:hover,
  .covid-alert-red 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: 2em;
    padding-bottom: 2em;
    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: 2em;
    padding-bottom: 2em;
    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;
  }

  .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: 2em;
    padding-bottom: 2em;
    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: 1100px) {
  .menu_text {
    position: absolute;
    margin-left: 60px;
    margin-top: -44px;
    opacity: 1;
    font-size: 20px;
    font-weight: bold;
    color: #0a4f7c;
  }
}

@media (min-width: 1101px) {
  .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 2s 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 2s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s;
}

.sk-chase-dot:nth-child(2) {
  animation-delay: -1s;
}

.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: -1s;
}

.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);
  }
}

/*  ===============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: var(--fa-font-solid);
  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: 0.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.1);
}

.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, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.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.1);
}

.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;
  }
}

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

#homepage-get-tested-hero {
  background: url(img/homepage-vaccine-family-no-overlay-v3.png);
  background-size: cover;
  height: 300px;
}

@media only screen and (min-width: 768px) {
  #homepage-get-tested-hero {
    /*box-shadow: inset 400px 0px 250px 30px rgba(255, 255, 255, 0.5);*/
    height: 400px;
  }
}

#homepage-hero {
  border-top: 10px solid #89181A;
  border-bottom: 10px solid #89181A;
}

@media only screen and (min-width: 992px) {
  #homepage-hero .hero-person {
    position: absolute;
    top: 100px;
    left: 45px;
    max-width: 85%;
  }
}

#homepage-title {
  background-color: #fff;
  border: 1px solid #414141;
  border-top: 6px solid #89181A;
  margin: 40px 0;
  padding: 5px 25px;
}

#homepage-title h1 {
  color: #89181a;
  font-size: 38px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif !important;
}

.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: 0.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: 0.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; */
    padding-left: 15px;
  }
}

#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: 0.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 h3 {
  color: #89181a;
}

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

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

#header-update-box {
  border: 2px solid #8394a6;
  box-shadow: 2px 2px 20px rgb(0 0 0 / 20%);
  padding: 45px;
}

@media only screen and (max-width: 991px) {
  #header-update-box {
    margin-top: 30px;
  }
}

#header-update-box h2 {
  border-bottom: 5px solid #89181a;
  margin-bottom: 30px;
}

#header-update-box .btn {
  text-align: left;
}

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

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

  #top-icons,
  #other-resources-icons {
    padding-bottom: 10px;
  }
}

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

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

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

#top-icons a p,
#other-resources-icons p a {
  text-decoration: underline !important;
}

.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,
#long-covid {
  background: #1c3d64;
  padding-bottom: 40px;
  padding-top: 40px;
}

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

#long-covid i {
  font-size: 200px;
}

@media only screen and (max-width: 991px) {
  #long-covid i {
    margin-top: 25px;
  }
}

@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,
#long-covid h2,
#long-covid 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,
#long-covid a,
#long-covid 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;
}

.internal-page p {
  margin-bottom: 1em;
}

.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;
}

.testing-category-description {
  margin-bottom: 30px;
}

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

.type-of-test-description {
  margin-bottom: 20px;
}

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

@media only screen and (min-width: 992px) {
  #testing-categories .row {
    margin-bottom: 30px;
  }
}

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

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

@media only screen and (min-width: 992px) {
  .testing-categories {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {

  .testing-categories .col-md-6,
  .testing-categories .col-md-12 {
    margin-bottom: 50px;
  }

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

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

.types-of-tests span {
  color: #89181a;
}

.types-of-tests i {
  color: #89181a;
}

.testing-categories i:not(.fa-long-arrow-alt-right) {
  color: #89181a;
  font-size: 70px;
}

.testing-categories a:last-of-type {
  margin-top: 30px;
}

/**
 * EXTERNAL LINK ICON
 */
#main_content sup,
#agencyFooter sup {
  top: -3px;
}

#main_content .extlink sup::after,
#agencyFooter .extlink sup::after {
  font: var(--fa-font-solid);
  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,
#agencyFooter i+sup::after,
#agencyFooter i+span+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;
}

/*** Nav menu dropdown accessibility fixes ***/
a:focus {
  outline: 5px auto;
}

/* #cssmenu li:focus-within > ul li {
  left: auto;
} */

/*** Vaccine disabilities page hero ***/
#vaccine-disabilities-hero {
  background: url(img/vaccine-disabilities-hero.jpg);
  box-shadow: inset 400px 0px 250px 30px rgba(255, 255, 255, 0.5);
  background-size: cover;
  height: 300px;
  margin-bottom: 15px;
  background-position: 66%;
}

#vaccine-disabilities-hero p {
  font-size: 22px;
  padding-top: 50px;
}

/*** Google Translate styles ***/
#google_translate_element {
  position: absolute;
  top: 10px;
  right: 80px;
  zindex: -1;
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  #google_translate_element {
    right: 10px;
  }
}

/*** End Google translate styles ***/

/*** COVID Myth or Fact Styles ***/
.myth-or-fact-label {
  display: inline-block;
  margin-bottom: 10px;
  padding: 8px;
}

.label-danger.myth-or-fact-label {
  background-color: #d23732;
}

.myth-or-fact-well {
  border-radius: 0;
}

/*** Alternate Testing Calendar bulleted list to replace icons ***/
.tribe-common ul.custom-fields-list {
  list-style: disc;
}

/*** Stay One Step Ahead of COVID-19 Homepage Feature ***/
#one-step-ahead {
  margin-bottom: 50px;
  margin-top: 50px;
}

#main_content #one-step-ahead h2 {
  font-size: 40px;
}

#one-step-ahead .lead {
  color: #1c3d64;
  font-size: 25px;
}

.one-step-ahead-section {
  margin-bottom: 50px;
}

#one-step-ahead img {
  display: inline;
}

@media only screen and (min-width: 768px) {
  #one-step-ahead img {
    display: block;
    margin: 0 auto;
    max-width: 50%;
  }
}

#main_content #one-step-ahead a {
  color: #89181a;
  text-decoration: underline;
}

#main_content #one-step-ahead .treatment-options-wrapper {
  white-space: nowrap;
}

#main_content #one-step-ahead .treatment-options {
  color: #214f89;
}

#one-step-ahead .fa-info-circle {
  color: #89181a;
}

#one-step-ahead .fa-long-arrow-alt-right {
  color: #1c3d64;
}

@media only screen and (max-width: 425px) {
  #one-step-ahead .stay-home-if-sick img {
    margin-top: 20px;
  }

  #one-step-ahead .get-tested img {
    margin-top: 40px;
  }

  #one-step-ahead .consider-masking-up img {
    margin-top: 45px;
  }
}

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

  #one-step-ahead h3,
  #one-step-ahead p {
    text-align: center;
  }
}

/*** COVID-19 Materials Hub Homepage Feature ***/
#materials-hub {
  margin-bottom: 40px;
  margin-top: 40px;
}

#main_content #materials-hub h2 {
  color: #1c3d64;
  font-size: 40px;
}

/*** Help Us Improve Homepage Feature ***/
#help-us-improve {
  margin-left: auto;
  margin-right: auto;
  max-width: 737px;
  box-shadow: 0px 5px 10px #00000029;
  padding-bottom: 30px;
}

#help-us-improve button {
  width: 250px;
  border-radius: 0;
  padding: 20px;
}

#help-us-improve-yes-form,
#help-us-improve-no-form {
  display: none;
}

#yes-form-reveal {
  background-color: #1c3d64;
  border-color: #1c3d64;
  color: #ffffff;
}

#yes-form-reveal:hover,
#yes-form-reveal:focus {
  background-color: #ffffff;
  color: #1c3d64 !important;
}

#no-form-reveal {
  background-color: #ffffff;
  border-color: #1c3d64;
  color: #1c3d64 !important;
}

#no-form-reveal:hover,
#no-form-reveal:focus {
  background-color: #1c3d64;
  color: #ffffff !important;
}

#help-us-improve iframe {
  border: none;
  width: 100%;
  height: 430px;
}

#help-us-improve iframe .fsLabel {
  text-align: center;
}

#help-us-improve .fsSubmitButton {
  background-color: #1c3d64 !important;
}

/* Extra Utilities */
hr.my-3 {
  margin: 3em 0 1em 0;
}

.p-2 {
  padding: 1em;
}

.pb-1 {
  padding-bottom: 1em;
}

.p-1 {
  padding: 1em;
}

.dark-blue {
  color: #1c3d64;
}

@media only screen and (min-width: 768px) {
  .p-2 {
    padding: 2em;
  }
}

.thick-blue-border-bottom {
  border-bottom: 3px solid #1c3d64;
}

/* Table Styles */
.table-responsive:focus {
  outline: 3px solid #214f89;
}

.table-responsive:focus:not(:focus-visible) {
  outline: none;
}

.table-responsive:focus-visible {
  outline: 3px solid #214f89;
}

.table-light {
  background-color: #ffffff;
}

.table .thead-dark-blue {
  color: #fff;
  background-color: #1c3d64;
  border-color: transparent;
}

.table .thead-light-blue {
  color: #fff;
  background-color: #337ab7;
  border-color: transparent;
}

.table .table-caption {
  color: #1c3d64;
  padding: 1em;
}

.table-responsive {
  border: 0;
}

.table-responsive table {
  border-collapse: separate;
  /* Don't collapse */
  border-spacing: 0;
  background-color: transparent;
  font-size: 16px;
}

/* Sticky first column */
.table-responsive tr>th:first-child {
  position: sticky;
  left: 0;
  background-color: #fafafa;
  border-right: 6px solid #214f89;
  padding: 0 1em;
  vertical-align: middle;
}

/* Multi-Columns */
.flow-two-col {
  column-count: 2;
  column-gap: 40px;
  column-rule: 1px solid #214f89;
}

.flow-three-col {
  column-count: 3;
  column-gap: 40px;
  column-rule: 1px solid #214f89;
}

.flow-four-col {
  column-count: 4;
  column-gap: 40px;
  column-rule: 1px solid #214f89;
}

.span-all-col {
  column-span: all;
}

#toc.nav-striped>ul>li:nth-of-type(2n + 1) {
  background-color: #f9f9f9;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#toc .nav>li>a {
  padding: 5px 15px;
}

/* Homepage bottom whitespace fix */
@media only screen and (min-width: 768px) {
  body.home {
    padding-bottom: 245px !important;
  }
}

@media only screen and (min-width: 992px) {
  body.home {
    padding-bottom: 240px !important;
  }
}

@media only screen and (min-width: 1200px) {
  body.home {
    padding-bottom: 200px !important;
  }
}

/* Labels */
.label {
  padding: 0.3em 0.6em 0.3em;
}

.label-light-blue {
  background-color: #337ab7;
}

.label-dark-blue {
  background-color: #1c3d64;
}

.label-light-blue,
.label-dark-blue {
  margin-bottom: 0.5em;
  display: inline-block;
}