@import url("https://fonts.googleapis.com/css2?family=Suez+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Metal+Mania&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sedgwick+Ave&display=swap");
/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: black;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #d7a449;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
}

a:hover {
  color: #d7a449;
  text-decoration: none;
}

h1 {
  color: #FFF;
  font-family: 'Metal Mania', cursive;
  font-size: 3rem;
}

h2 {
  color: rgba(255, 255, 255, 0.5);
  font-family: 'Suez One', serif;
  text-transform: uppercase;
}

h2 span {
  color: #6c1024;
  padding: 0;
}

h3 {
  color: #d7a449;
  font-family: 'Sedgwick Ave', cursive;
  text-transform: lowercase;
}

h4 {
  color: #d7a449;
}

.row {
  margin: 0;
}

body {
  text-align: center;
  overflow-x: hidden;
  font-family: 'Red Hat Display', sans-serif;
  color: white;
  background-color: black;
  width: 100vw;
}

body #soon-box {
  height: 100vh;
}

body #soon-box #soon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

body #soon-box #soon h1 {
  width: 50vw;
  display: inline;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

body #soon-box #soon img {
  position: relative;
  width: 25vw;
}

body.container-fluid {
  text-align: center;
  overflow-x: hidden;
  color: white;
  background-color: black;
  width: 100vw;
  padding: 0;
}

body.container-fluid #header, body.container-fluid #headerTracks, body.container-fluid #headerArticles {
  width: 100vw;
}

body.container-fluid #header #headBar, body.container-fluid #headerTracks #headBar, body.container-fluid #headerArticles #headBar {
  height: 5%;
  width: 100%;
  padding: 1.5rem;
  z-index: 300;
}

body.container-fluid #header #headBar #navigation, body.container-fluid #headerTracks #headBar #navigation, body.container-fluid #headerArticles #headBar #navigation {
  text-align: left;
}

body.container-fluid #header #headBar #navigation button, body.container-fluid #headerTracks #headBar #navigation button, body.container-fluid #headerArticles #headBar #navigation button {
  color: #FFF;
  margin-top: -2px;
}

body.container-fluid #header #headBar #navigation button:focus, body.container-fluid #headerTracks #headBar #navigation button:focus, body.container-fluid #headerArticles #headBar #navigation button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body.container-fluid #header #headBar #navigation a, body.container-fluid #headerTracks #headBar #navigation a, body.container-fluid #headerArticles #headBar #navigation a {
  color: #FFF;
  padding-left: 0.5rem;
}

body.container-fluid #header #headBar #navigation a:hover, body.container-fluid #headerTracks #headBar #navigation a:hover, body.container-fluid #headerArticles #headBar #navigation a:hover {
  color: #d7a449;
}

body.container-fluid #header #headBar #socialHead, body.container-fluid #headerTracks #headBar #socialHead, body.container-fluid #headerArticles #headBar #socialHead {
  text-align: right;
}

body.container-fluid #header #headBar #socialHead a, body.container-fluid #headerTracks #headBar #socialHead a, body.container-fluid #headerArticles #headBar #socialHead a {
  padding: 0.5rem;
  font-size: 1.25rem;
}

body.container-fluid #header {
  height: 100vh;
  background-image: url(../images/backgroundimages/ProductionStill-3.jpg);
  background-size: cover;
  background-position: bottom;
}

body.container-fluid #header #headLogo {
  position: relative;
  top: -5%;
  height: 95%;
  width: 100vw;
}

body.container-fluid #header #headLogo #logoBox img {
  max-height: 90vh;
  max-width: 90vw;
}

body.container-fluid #aboutContainer {
  margin: 5% 0;
}

body.container-fluid #aboutContainer #aboutImage {
  padding: 2.5%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

body.container-fluid #aboutContainer #aboutImage img {
  max-width: 100%;
}

body.container-fluid #aboutContainer #aboutText {
  padding: 2.5%;
  position: relative;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

body.container-fluid #aboutContainer #aboutText > * {
  padding: 0.25rem 0;
}

body.container-fluid #aboutContainer #aboutText a {
  background-color: #d7a449;
  border: none;
  padding: 0.5rem;
  margin-top: 0.5rem;
}

body.container-fluid #aboutContainer #aboutText a:hover {
  background-color: #FFF;
  color: #d7a449;
}

body.container-fluid #tracksContainer {
  padding: 5% 9%;
  background-color: #6c1024;
  overflow-y: hidden;
}

body.container-fluid #tracksContainer #tracksGrid {
  color: #000;
}

body.container-fluid #tracksContainer #tracksGrid .albumCard a {
  color: #FFF;
  background-color: #6c1024;
}

body.container-fluid #tracksContainer #tracksGrid .albumCard ul {
  padding: 1rem;
}

body.container-fluid #tracksContainer #tracksGrid > * {
  padding: 2%;
  position: relative;
  opacity: 0;
}

body.container-fluid #tracksContainer #tracksGrid > * a {
  color: #6c1024;
  font-weight: 500;
  background-color: transparent;
  border: none;
}

body.container-fluid #tracksContainer #tracksGrid > * a:hover {
  color: #d7a449;
}

body.container-fluid #tracksContainer #tracksGrid > * a:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

body.container-fluid #videoContainer {
  margin: 5% 0;
}

body.container-fluid #videoContainer #videoPlayer {
  position: relative;
}

body.container-fluid #videoContainer #videoPlayer iframe {
  height: 80vh;
  width: 77vw;
}

body.container-fluid #videoContainer #videoPlayer .inactive {
  display: none;
}

body.container-fluid #videoContainer #videoSelector {
  overflow-x: scroll;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

body.container-fluid #videoContainer #videoSelector img {
  padding: 0.25rem;
}

body.container-fluid #footer {
  color: #000;
  background-color: #d7a449;
}

body.container-fluid #footer img {
  max-height: 20vh;
}

body.container-fluid #footer h5 {
  padding: 1rem;
}

body.container-fluid #footer a:hover {
  color: #FFF;
}

body.container-fluid #footer #socialFoot {
  padding: 1rem 0;
}

body.container-fluid #footer #socialFoot a {
  font-size: 1.5rem;
  padding: 1rem;
}

body.container-fluid #musicPlayer {
  min-height: 95vh;
  max-width: 100vw;
}

body.container-fluid #musicPlayer h1, body.container-fluid #musicPlayer h2 {
  text-align: left;
  padding: 0 2rem;
}

body.container-fluid #musicPlayer #player {
  position: relative;
}

body.container-fluid #musicPlayer #albumArt {
  position: relative;
}

body.container-fluid #articlesContainer {
  min-height: 72vh;
  padding: 0 10%;
}

body.container-fluid #articlesContainer .article {
  padding: 5%;
}

body.container-fluid #articlesContainer .article img {
  min-width: 100%;
  padding-bottom: 5%;
}

body.container-fluid #articlesContainer .article:hover h2 {
  color: white;
}

/* Media Queries */
@media only screen and (orientation: portrait) {
  body #soon-box #soon h1 {
    width: 100vw;
  }
  body #soon-box #soon img {
    width: 50vw;
  }
  body.container-fluid #videoContainer #videoPlayer iframe {
    height: 30vh;
  }
  body.container-fluid #footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body.container-fluid #musicPlayer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  body.container-fluid #musicPlayer h1, body.container-fluid #musicPlayer h2 {
    text-align: center;
  }
  body.container-fluid #articlesContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body.container-fluid #articlesContainer .article {
    width: 100%;
  }
}
/*# sourceMappingURL=main.css.map */