p {
 	 font-size: 14px;
}

.count  {
 	width:100%;
  	background-color: white;
   text-align: center;
   padding: 20px 40px 20px 40px;
}

td {
    padding: 5px;
    width: 350px;
    display: table-cell;
    vertical-align: inherit;
	color: black;
}

.local td {
	font-size: 14px;
    padding: 10px;
  
}
.local td a {
 color: black; 
}

.back {
  background-image: url('https://ndoh.navajo-nsn.gov/Portals/0/PDF/FLU/flu_vaccine.jpg');
  background-repeat: no-repeat;
  padding: 25px;
  background-size: cover;
  background-position: center;
}

.flu h1 {
  text-align:center;
  color: white;
  font-size: 5em;
}

.flu img {
	max-width: 75%;
}


.survivorback {
  background-image: url('https://www.ndoh.navajo-nsn.gov/Portals/0/COVID-19/survivor-stories/ns_bg.jpg');
  background-repeat: no-repeat;
  padding: 25px;
  background-size: cover;
  background-position: center;
}

.vac li {
  color: black; 
}
.vac p {
color:black;
}


.tbox{
    background-color: red;
    color:blue;
    font-size:2rem;
}
.tbox a{
    padding:25%;
    color:brown;
    font-size:2rem;
    font-family:cursive;

}
.tbox a:hover{
    color:aqua;
}

.res-header {
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;

}

.res-main {
    font-weight: bold;
    font-size: 1.25rem;
    text-transform: uppercase;
}

.res a {
    color: black;
    padding: 0 10px 15px;
}
.res p {
    margin: 5px 0 5px 0;
}

.res-info {
    padding: 15px 0;
}


.progress {
    height: 1.5rem;
}

#Vaccine tbody tr>:nth-child(4){
    display: none;  
    width:2.5%;
    font-size: 8pt;
}

#Vaccine {
 color: black; 
}

#Vaccine tr>:nth-child(4){
    visibility:hidden;
    width:5%;
    font-size: 8pt;
}
#Vaccine th{
    color: black; 
    font-size: 16pt;
}


#Vaccine td {
    padding: 10px;
    color: black; 
    font-size: 12pt;
}

.vac-menu select {
    color: white;
    background-color: #00576A;
    font-size: 1rem;
    padding: 5px;
    border-radius: 5px;
}
.vac-menu select option {
    padding: 10px;
    color: black;
    font-size: 1rem;
    background: #f2f2f2ee;
    margin-top: 5px;
    border-radius: 5px;
}

.card-container {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
        align-items: center;
        transition: all 200ms ease-in-out;
        }

        .card1 { 
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
        height: 150px;
        width: 23%;
        overflow: hidden;
        text-align: center;
        margin: 10px;
        }
        .card1 h2 { 
            font-size: 24px;
            color: #00718C;
        }
         .card1 p {
            font-size:  16pt;
            color:rgb(30,30,30);
        }
        .card2 { 
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
        transition: 0.3s;
        min-height: 150px;
        height: 200px;
        width: 48%;
        text-align: center;
        justify-content: center;
        display: flex;
        flex-flow: row wrap;
        margin: 10px;
        }
        .card2 h2 { 
            width: 100%;
            display: flex;
            flex-flow: row;
            justify-content: center;
            font-size: 24px;
            color: #00718C;
        }
        .card2 p {
            font-size:  16pt;
            color:rgb(30,30,30);
        }
        .card-inner { 
        height: 150px;
        width: 50%;
        overflow: hidden;
        text-align: center;
         background-color: #e2e2e244;
        }
    .card1:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

    .barchart {
        width: 700px;
        height: 350px;
        background: rgba(243, 243, 243, 0.2);
        display: flex;
        justify-content: center;
        align-items: center;
     }
    .card-table table {
        display: flex;
    }
    .card-table {
         background-color: #e2e2e244;
         height: 150px;
    }
    .card-table th {
    background-color: rgba(52, 58, 64, 0.75);
    color: white;
    padding: 5px;

    }
    .card-table td {
    padding: 10px 5px;
    }

.mk-content p {
    font-size: 16px;
    color: #1E1F24;
}
.mk-content h2{
    font-weight: 800;
    color: #00576A;
}
.mk-content h3{
    font-weight: 700;
    color: #00576A;
}
.mk-content h4{
    font-weight: 600;
    color: #00576A;
}

.mk-content h5{
    font-weight: 600;
    color: #00576A;
}

.mk-content ul li {
    color: #1E1F24;
    list-style-type: disc;
}
.mk-content ul li a {
    color: #1E1F24;
    list-style-type: disc;
    font-size: 20px;
    display: block;
}
.mk-content ul {
    padding-left: 25px;
}

.mk-content a {
    color: black;
}
.mk-menu ul li a {
    color: #1E1F24;
    font-size: 20px;
    display: block;
    padding: 5px 0;
    text-decoration: none;
}
.mk-menu ul li a.mk-active {
    color: #00576A;
    font-weight: 900;
}

.mk-content th {
    color: #00576A;
    font-size: 18px;
    font-weight: 600;
}

.mk-content td {
    vertical-align: top;
    padding-bottom: 20px;
}

.box {
    width: 50%; 
    background-color: #bebebe;
    margin: 8px;
    display: inline-block;    
    padding: 10px;  

}
.mk-banner {
    background-image: url("/Portals/0/BlockBuilderImages/1618/Monkeypox.jpg");

    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
    width: auto;
    height: 200px;
}
.mk-banner h1 {
    display: flex;
    font-weight: 900;
    justify-content: center;
    align-items: center;
    height: 190px;
}

.bannertext {
  height: 100%;
  min-height: 500px;
  background-color: powderblue;
}

.bannertext h1{
   position:absolute;
   bottom:0;
   font-size: 40;
   font-weight: 900;
   font-family: Arial, Helvetica, sans-serif;
   word-break: break-word;
}

.datainfo {
     background-color: rgb(158, 179, 184, 0.25);
     padding: 10px;
    border-radius: 20px;
}
.datainfo h3 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}

.datainfo h4{
  font-size: 20px;
  text-align: center;
}
.c19 {
  position: relative;
  width: 100%;
  background: rgb(0,0,0);
  background-image: url('https://ndoh.navajo-nsn.gov/Portals/0/COVID-19/Images/background.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 60%;
}

.vacimage {
    position:relative;
    width: 100%;
    background-position: 40% 70%;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(90deg, rgba(0,0,0,0) 42%, rgba(1,121,145,1) 67%), url('https://ndoh.navajo-nsn.gov/Portals/0/COVID-19/Images/vaccine-image.png');
}

.tooltip-wrap {
  position: relative;
}
.tooltip-wrap .tooltip-content {
  display: none;
  position: absolute;
  bottom: 5%;
  left: 5%;
  right: 5%;
  background-color: #fff;
  color: black;
  padding: .5em;
  min-width: 10rem;
}
.tooltip-wrap:hover .tooltip-content {
  display: block;
}


@media(max-width: 768px){
  .flu h1 {
   font-size: 2.5em;
  }
  .flu img {
  	width:50%;
  }
  #Vaccine td {
    padding: 10px 5px 10px 5px;
}
.card1 { 
                box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
                transition: 0.3s;
                height: 100%;
                width: 100%;
                overflow: hidden;
                text-align: center;
            }
            .card2 { 
                box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
                transition: 0.3s;
                min-height: 150px;
                height: 100%;
                width: 100%;
                text-align: center;
                justify-content: center;
                display: flex;
                flex-flow: row wrap;
            }
            .barchart {
                width: 100%;
                height: 100%;

            }

}