/*  Custom CSS Student Life and Dean of Students */

/* Tablet styles (768px and down) */
@media screen and (max-width: 767px) {
    #class-countdown-banner {
        font-size: 2.5em;
    }
}

/* Tablet styles (768px and up) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #class-countdown-banner {
        font-size: 3em;
    }
}

/* Desktop styles (1024px and up) */
@media screen and (min-width: 1024px) {
    #class-countdown-banner {
        font-size: 3.5em;
    }
}

#class-countdown-banner {
  position: relative;
  width: 100%;
  background: #0F3862;
  color: #ffffff;
  padding: 12px 48px 12px 16px;
  /*font-size: 2em;*/
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
}

#class-countdown-text {
  margin: 0;
}

#class-countdown-close {
  position: absolute;
  right: 12px;
  top: 8px;
  border: 2px solid rgba(255,255,255,0.7);
  background: transparent;
  color: inherit;
  font-size: 24px;
  line-height: 1;
  padding: 2px 8px;
  cursor: pointer;
  border-radius: 4px;
}

#class-countdown-close:hover {
  background: rgba(255,255,255,0.12);
}

#class-countdown-close:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 2px;
}