.page-node-6645 #saada-logo h1,
.page-node-6646 #saada-logo h1,
.page-node-6647 #saada-logo h1,
.page-node-6648 #saada-logo h1,
.page-node-6649 #saada-logo h1,
.page-node-6650 #saada-logo h1
{color: black;}

.page-node-6645 #saada-logo h2,
.page-node-6646 #saada-logo h2,
.page-node-6647 #saada-logo h2,
.page-node-6648 #saada-logo h2,
.page-node-6649 #saada-logo h2,
.page-node-6650 #saada-logo h2
{color: black;}


.page-node-6645 .navbar .nav > li > a,
.page-node-6646 .navbar .nav > li > a,
.page-node-6647 .navbar .nav > li > a,
.page-node-6648 .navbar .nav > li > a,
.page-node-6649 .navbar .nav > li > a,
.page-node-6650 .navbar .nav > li > a
{color: black;}

.page-node-6645 .saada-logo-image,
.page-node-6646 .saada-logo-image,
.page-node-6647 .saada-logo-image,
.page-node-6648 .saada-logo-image,
.page-node-6649 .saada-logo-image,
.page-node-6650 .saada-logo-image
{ background-image:url('https://saada-online.s3.us-east-1.amazonaws.com/static/saadaWebsiteLogo-black.png');}

.page-node-6645 #footer,
.page-node-6646 #footer,
.page-node-6647 #footer,
.page-node-6648 #footer,
.page-node-6649 #footer,
.page-node-6650 #footer {
  border-top: black solid 1px;
  background: black;
  color: white;
}

.epidemic {
  font-size: 17px;
  color: black;
  font-family: 'Roboto Condensed', sans-serif;
}

.epidemic-menu {
  background: black;
  font-family: 'Roboto Condensed', sans-serif;
  color: white;
  font-size: 15px;
  display: flex;
  margin-bottom: 4px;
  align-items: center;
  justify-content: center;
  height: 40px;
}

.epidemic-menu a:link {color: white;}
.epidemic-menu a:visited {color: white;}
.epidemic-menu a:hover {color: #FFC6C6;}

.epidemic-menuitem {
  flex-grow: 1;
  text-align: center;
  border-left: 2px white solid;

  align-items: center;
  justify-content: center;
  
}

.epidemic-title {
  color: #C00000;
  font-family: 'Raleway', sans-serif;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 15px;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  padding: 15px 0px;
  line-height: 1.2em;
}

.nikhil-photo {
  background: black;
  padding: 10px;
}
.nikhil-bio {
 background: #eeeeee;
 padding: 10px;
 font-size: 14px;
}

/* BEGIN SAARI PROJECT QUILT STYLING */
.no-space [class*="span"]{
  margin-left: 0 !important;
}

.clickable-quilt-square {
    background-color: black;
    position: relative;
}

.name-on-hover {
   opacity: 0;
   color: white;
   transition: .5s ease;
   line-height: normal;
   text-align: center;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -60%);
  -ms-transform: translate(-50%, -60%);
}

.clickable-quilt-square:hover .name-on-hover {
    opacity: 1;
}

.clickable-quilt-square:hover img {
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

.clickable-quilt-square:hover img {
    opacity: 0.5;
}

.clickable-quilt-square pin {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

/* END SAARI PROJECT QUILT STYLING */

/* BEGIN DROPDOWN STYLING */
.epidemic-dropbtn {	
  background-color: black;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  color: white;
  padding: 10px;
  font-weight: bold;
  border: 2px solid black;
  cursor: pointer;
  width: 100%;
}

.epidemic-dropdown {
  position: relative;
  display: inline-block;
}

.epidemic-dropdown-content {
  display: none;
  position: absolute;
  font-size: 16px;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.epidemic-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.epidemic-dropdown-content a:hover {
  background-color: #e8e8e8;
  font-weight: bold;
  color: #C00000;
}

.epidemic-dropdown:hover .epidemic-dropdown-content {
  display: block;
}

.epidemic-dropdown:hover .epidemic-dropbtn {
}

/* END DROPDOWN STYLING */

/* BEGIN NON-COLLAPSING MOBILE COLUMNS STYLING (TAKEN FROM BOOTSTRAP 3+) */
@media {
    .col-sm-1 {
        float: left;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-4 {
        float: left;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-10 {
        float: left;
    }

    .col-sm-10 {
        width: 83.3333333%;
    }

}

@media (max-width: 480px) {
  .epidemic {margin-bottom: 20px;}
}