@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';

/* _content/LetsGetRocked.Web/Controls/UpperNav.razor.rz.scp.css */
.nav-container[b-bh6z8q8uwc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-image: url('../images/top-torn.png');
  height: 150px;
  background-position-y: -30px;
  align-items: flex-start;
  /* Aligns content at the top */
  font-family: DefLeppard;
}
.nav-logo[b-bh6z8q8uwc] {
  padding-left: 15px;
  width: 37%;
}
.nav-sub-logo[b-bh6z8q8uwc] {
  width: 15em;
  padding-bottom: 5px;
  padding-left: 5px;
}
.nav-left[b-bh6z8q8uwc] {
  display: flex;
  align-items: center;
  align-self: flex-start;
  /* Ensures only .nav-left is aligned to the top */
  padding-top: 12px;
}
.nav-right[b-bh6z8q8uwc] {
  display: flex;
  align-items: center;
  padding-top: 12px;
  padding-right: 50px;
}
.nav-logo[b-bh6z8q8uwc],
.nav-sub-logo[b-bh6z8q8uwc] {
  height: auto;
}
/* Style the menu items */
.nav-menu[b-bh6z8q8uwc] {
  list-style: none;
  /* Removes bullet points */
  display: flex;
  /* Makes the items horizontal */
  gap: 50px;
  /* Adds space between items */
  padding: 0;
  margin: 0;
}
@media (max-width: 1095px) {
  .nav-menu[b-bh6z8q8uwc] {
    gap: 20px;
    /* Adds space between items */
  }
}
.nav-menu li a[b-bh6z8q8uwc] {
  text-decoration: none;
  color: black;
  font-size: 36px;
  transition: text-shadow 0.2s ease-in-out;
  /* Smooth animation */
}
@media (max-width: 1095px) {
  .nav-menu li a[b-bh6z8q8uwc] {
    font-size: 30px;
  }
}
.nav-menu li a:hover[b-bh6z8q8uwc] {
  text-shadow: 0 0 5px #ffffff;
  /* Adds a white glow effect */
}
.nav-menu li span[b-bh6z8q8uwc] {
  text-decoration: none;
  color: black;
  font-size: 36px;
  transition: text-shadow 0.2s ease-in-out;
  /* Smooth animation */
  cursor: pointer;
}
@media (max-width: 1095px) {
  .nav-menu li span[b-bh6z8q8uwc] {
    font-size: 30px;
  }
}
.nav-menu li span:hover[b-bh6z8q8uwc] {
  text-shadow: 0 0 5px #ffffff;
  /* Adds a white glow effect */
}
/* make a new font family for the font that is in the /fonts folder  */
@font-face {
  font-family: 'DefLeppard';
  src: url('../fonts/Pyrite.otf');
}
/* _content/LetsGetRocked.Web/Pages/Index.razor.rz.scp.css */
.btn-play-youtube[b-z7wmw0texe] {
  position: absolute;
  top: 15%;
  left: 40%;
  transition: filter 0.3s ease-in-out;
  /* Smooth transition for hover effect */
  cursor: pointer;
}
@media (max-width: 1355px) {
  .btn-play-youtube[b-z7wmw0texe] {
    top: 20%;
    width: 25%;
    /* Adds space between items */
  }
}
.btn-play-youtube:hover[b-z7wmw0texe] {
  filter: brightness(1.3);
  /* Increases brightness by 50% on hover */
}
.band-member-photo[b-z7wmw0texe] {
  cursor: pointer;
  transition: filter 0.3s ease-in-out;
  /* Smooth transition for hover effect */
}
.band-member-photo:hover[b-z7wmw0texe] {
  filter: brightness(1.3);
  /* Increases brightness by 50% on hover */
}
.contact-us-form[b-z7wmw0texe] {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}