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

#m224-carousel {
  height: calc(6rem + 20vw);
  max-height: 25rem;
}
#m224-carousel .carousel-inner {
  height: 100%;
}
#m224-carousel .carousel-item {
  height: 100%;
}
#m224-carousel .carousel-item-bg {
  height: 100%;
  background-position: 50% 80%;
}
#m224-carousel-1 .carousel-item-bg {
  background-image: url('../images/WebBG_1.jpg');
  background-size: cover;
}
#m224-carousel-2 .carousel-item-bg {
  background-image: url('../images/WebBG_2.jpg');
  background-size: cover;
}
#m224-carousel-3 .carousel-item-bg {
  background-image: url('../images/WebBG_3.jpg');
  background-size: cover;
}
#m224-carousel-4 .carousel-item-bg {
  background-image: url('../images/WebBG_4.jpg');
  background-size: cover;
}

#m224-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(50px, calc(2vw + 12px));
  font-weight: 700;
}
#header .conf-date-location {
  /* font-size: 24pt; */
  font-size: min(30px, calc(1vw + 12px));
  font-weight: 500;
}
.img-shadow {
  filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.75));
}
#header-ieee-logo {
  height: min(6rem, calc(9vw));
  max-height: 6rem;
}
#header-grss-logo {
  height: min(8rem, calc(9vw));
  max-height: 10rem;
}
#news {
  padding: 0;
  margin: 1px;
}
#news .news-item {
  padding: 0.3rem 1rem;
}
#news .news-item:nth-child(even) {
  background-color: aliceblue;

}