/*!
 * Add custom css for this site here:
 */
 
 
/*corrects alignment of admissions logo - desktop*/
.navbar-brand  {
 margin-top: 19px;
}
.navbar-brand img {
   margin-top: -19px;
}
/*end logo correction*/

.alert-covid-19{
    position: relative;
    background:url(https://niu.edu/nsec/images/home-page/coronavirus-banner.jpg) no-repeat center top;
    background-size:cover;
    padding:0;
}


.alert-covid-19 h2,
.alert-covid-19 h3,
.alert-covid-19 p,
.alert-covid-19 li{
    color:#ffffff!important;
}

.gradient-layer{
    position: relative;
    bottom: 0px;
    right: 0px;
    width: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5172443977591037) 50%, rgba(0,0,0,0) 100%) !important;
}



.image-bg {
    position: relative;
    background:url(https://niu.edu/nsec/images/home-page/coronavirus-banner.jpg) no-repeat center top;
    background-size:cover;
    margin-bottom: 1rem;
}

.bottom-100 {
    position: relative;
    bottom: 0;
    left: 0%;
    width: 100%;
    padding:0 .5rem;
}

.covid-19 {
    bottom:0;
    padding-bottom:1rem;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5172443977591037) 50%, rgba(0,0,0,0) 100%) !important;
}

.covid-19 h2,
.covid-19 h3,
.covid-19 p,
.covid-19 li{
    color:#ffffff!important;
}

/*** CSS Overrides for Injectable Calendar Script Elements***/
   .top-section .detail-heading:before {
    display: none!important;
    }   
    .main-heading {
            display: none;
      }
    .list-viewBox > .image-section {
            display: none!important;
      }
    .copy-btn {
            display: none;
      }


@media (min-width: 768px) and (max-width: 1023px){
/*corrects alignment of admissions logo- tablet*/
.navbar-brand  {
 margin-top: 10px;
}
.navbar-brand img {
   margin-top: -10px;
}
/*end logo correction*/
}

/*corrects alignment of admissions logo - mobile*/
@media (max-width: 768px){
.navbar-brand  {
 margin-top: 0px;
}
.navbar-brand img {
   margin-top: -3px;
}
/*end logo correction*/

}
table td a {
    color: #555;
    text-decoration: none;
    border-bottom: 1px dotted #c8102e;
    padding-bottom: 0px;
}

table td a:hover {
    color: #444;
    text-decoration: none;
    border-bottom: 1px dotted #a5a7a8;
}

img.float-left{
    margin-right:1rem;
    margin-bottom:2rem;
}

a.show-more.collapsed.in::after {
  content: "Read more";
  background-color:#c8102e;
  color:#fff;
  border: 5px solid #c8102e; 
  border-radius:12px;
   font-size:10px;
}
a.show-more::after {
  content: "Hide text";
  color:#fff;
  border: 5px solid #c8102e;
  border-radius:12px;
  background-color:#c8102e;
  font-size:10px;
}

address small {
    margin-bottom:10px;
}
.embed-responsive {
    padding-bottom: 75%;
}

main .social a.icon-link {
    text-decoration: none;
    border-bottom: 0px!important;
    padding-bottom: 0px;
}

main .social a.icon-link:hover  {
    text-decoration: none;
    border-bottom: 0px!important;
    padding-bottom: 0px;
}

img#headerMainImage {
    margin-top:1.45em;
} 
 .carousel-caption p.caption-heading {
 
    font-size: 1.5rem;
}



@media (min-width: 992px) and (max-width: 1200px){
#main-nav a.nav-link {
    font-size: .9375rem !important;
}
.carousel-caption p.caption-heading {
 
    font-size: 1.4rem;
 
}
}
@media (max-width: 991px) and (min-width: 768px){
#main-nav a.nav-link {
    font-size: .75rem !important;
}
.carousel-caption p.caption-heading {
 
    font-size: 1.35rem;
 
}
}