@import "cms.css";
@import "M226-colors.css";

#M226-carousel {
  height: calc(6rem + 20vw);
  max-height: 30rem;
}

#M226-carousel .carousel-inner {
  height: 100%;
}

#M226-carousel .carousel-item {
  height: 100%;
}

#M226-carousel .carousel-item-bg {
  height: 100%;
  background-position: 50% 80%;
}

#M226-carousel-1 .carousel-item-bg {
  background-image: url('../images/WebBG_1.jpg');
  background-size: cover;
}

#M226-carousel-2 .carousel-item-bg {
  background-image: url('../images/WebBG_2.jpg');
  background-size: cover;
}

#M226-carousel-3 .carousel-item-bg {
  background-image: url('../images/WebBG_3.jpg');
  background-size: cover;
}

#M226-carousel-4 .carousel-item-bg {
  background-image: url('../images/WebBG_4.jpg');
  background-size: cover;
}

#M226-carousel #header {
  z-index: 100;
  position: absolute;
  top: 0;
}

#header {
  color: white;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 1.0), 2px 2px 5px rgba(0, 0, 0, 0.75);
  padding: 0 2rem;
}

#header .conf-name {
  /* font-size: 28pt; */
  font-size: min(40px, calc(2vw + 12px));
  font-weight: 700;
}

#header .conf-date-location {
  /* font-size: 24pt; */
  font-size: min(20px, calc(2vw + 12px));
  font-weight: 500;
}

@media (max-width: 768px) {
  #header .conf-name {
    /* font-size: 28pt; */
    font-size: min(30px, calc(1vw + 9px));
    font-weight: 700;
  }

  #header .conf-date-location {
    /* font-size: 24pt; */
    font-size: min(15px, calc(1vw + 9px));
    font-weight: 500;
  }

}

.img-shadow {
  filter: drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.75));
}

#header-ieee-logo {
  height: min(5rem, calc(8vw));
  max-height: 5rem;
}

#header-grss-logo {
  height: min(7rem, calc(8vw));
  max-height: 8rem;
}

#news {
  padding: 0;
  margin: 1px;
}

#news .news-item {
  padding: 0.3rem 1rem;
}

#news .news-item:nth-child(even) {
  background-color: aliceblue;

}