
/*  HOME */
.hero-section {
  min-height: 65vh;
  background: linear-gradient(rgba(233, 217, 217, 0.55), rgba(0, 0, 0, 0.55)),
url("../images/ANGEL6.jpg") center center / cover no-repeat;
align-items: center;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  background-color: #f8f9fa;
}

/*  GENERAL */
.navbar-brand {
  letter-spacing: 0.5px;
}

.card {
  border: none;
  border-radius: 14px;

    border: 3px solid #000000;   /* thin gray outline */
    
   /* border-radius: 8px;       /* slightly rounded corners */
   /* padding: 15px;            /* space inside */
   /* margin: 15px;             /* space outside */
    background-color: #000000;   /* white background */
  /*  width: 250px;             /* fixed width (optional) */


}

.card {
    background-color: #f6dc6c;  /* dark gray */
}


.btn {border-radius: 5px;}
.btn {padding: 8px 40px}



/*  STREAM PAGE */

.placeholder-stream-box {
  min-height: 220px;
  border: 2px dashed #ffffff;
  border-radius: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  color: #666;
  font-size: 1.1rem;
  padding: 20px;
}


/*  CONTACT PAGE */

.contact-header{ height: 50%;} 

footer {
  margin-top: auto;
}

/*  STORE PAGE */
.store-header{height:50% ;}

.store-button:hover {
    background-color: #ff7ddf;
}
.store h4 {margin-bottom:2px;}
.store h1 {margin-bottom:2px;}



.merch-card1 {
  background-image: url("../images/CD.png");
  background-size: cover;
  background-position: center;
  height: 350px;
}
.merch-card2 {
  background-image: url("../images/CUP.png");
  background-size: cover;
  background-position: center;
  height: 350px;
}
.merch-card3 {
  background-image: url("../images/SHIRT.png");
  background-size: cover;
  background-position: center;
  height: 350px;
}

/*  NEWS PAGE */

.video-wrapper{
width: 60%;
height:  auto;
margin: auto;

}

.video-thumb {
 width: 200px;
 height: auto;
  cursor: pointer;
  border-radius: 10px;
  transition: transform 0.2s;
}

.video-thumb:hover {
  transform: scale(1.05);
}