/* SECTION 1 // Band-Video */

#section_1 {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  /*background: url("resources/band_video/mobile.png") no-repeat center center / cover;
  height: var(--video-size);
  max-height: 1000px; */
  padding: 0px;
  color: black;
  box-shadow: inset 0 0 10vw black, inset 0 0 10vw black, inset 0 0 10vw black, inset 0 0 10vw black, inset 0 0 10vw black;
  overflow: hidden;
}

#youtube {
  width: 100vw;
  height: calc(100vw/1.77);
  border: none;
  z-index: 2;
}

#youtube_overlay {
  position: absolute; /* Sit on top of the page content */
  display: block; /* Hidden by default */
  width: 100vw;
  height: calc(calc(100vw/1.77) - 10px);
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255,0,0,0.0); /* Black background with opacity */
  z-index: 3; /* Specify a stack order in case you're using a different order for other elements */
}

#video_background {
  display: flex;
  position: relative;
  top: 0%;
  right: 0%;
  //min-width: 100%;
  //min-height: 100%;
  background-size: cover;
  width: 100%;
  /*height: 100%;*/
  
  z-index: -1;
  overflow: hidden;
}

/*.center_image {
  display: block;
  width: 500px;
  height: 300px;
  background: url("resources/logo/logo.png") no-repeat center center / contain;
}*/

#mute_button {
  position: absolute;
  background: rgb(20, 25, 30);
  color: white;
  font-size: 14px;
  /*border: none;*/
  border-radius: calc(var(--border-radius) * 2);
  align-self: flex-end;
  margin: calc(2 * var(--section-padding)) 0;
  /*margin: var(--mutebutton-position) 0;*/
  width: 150px;
  height: 50px;
  cursor: pointer;
  border: var(--border-radius) solid black;
  transition: var(--transition);
  z-index: 7;
}
#mute_button:hover, #mute_button:active {
  scale: 1.04;
  color: black;
  background: white;
  /*-webkit-user-select: none;
  -webkit-touch-callout: none;*/
}

/* News */

#news_container {
  display: grid;
  grid-template-columns: var(--news-display);
  align-items: center;
  padding: var(--section-padding);
  background: url("../../resources/band_video/news.jpg") no-repeat center center / cover;
  width: 100%;
  /*height: content-box;*/
  height: var(--news-container_height);
  /*height: 100%;*/
  box-shadow: inset 0 0 10vw black, inset 0 0 10vw black, inset 0 0 10vw black, inset 0 0 10vw black, inset 0 0 10vw black;
}

#news_content_container {
  grid-column: var(--news-container-column);
  /*background: var(--box-background);*/
  background: rgba(255, 255, 255, 0.75);
  padding: var(--section-padding);
  border-radius: var(--border-radius);
  width: 100%;
  align-items: center;
  z-index: 0;
  justify-content: space-around;
  box-shadow: var(--news-content-container-shadow);
  -webkit-backdrop-filter: blur(20px);
}

#news_img {
  display: block;
  margin: var(--section-padding) auto;
  max-width: 100%;
  max-height: var(--news-image_height);
  /*object-fit: cover;*/
  z-index: 5;
  border-radius: var(--border-radius);
}

#news_header {
  margin: var(--section-padding) 0;
  text-align: center;
  font-family: 'Radiant', serif;
  font-size: 20px;
}

#news_date {
  margin-bottom: 25px;
  text-align: center;
  font-size: 10px;
  opacity: 0.5;
}

#news_text {
  margin: var(--section-padding) 0 var(--section-padding);
  text-align: center;
}