:root {
  --bs-body-color: #0E171B;
  --bs-body-bg: #FAF7F0;
  --bs-link-color: #74531A;
  --bs-link-hover-color: #0E171B;
}

dl.row {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

div.coming-up {
  -webkit-filter: opacity(50%);
  -moz-filter: opacity(50%);
  -o-filter: opacity(50%);
  -ms-filter: opacity(50%);
  filter: opacity(50%);
}

span.album-links {
  margin-left: 1rem;
}

span.album-links>a {
  text-decoration: none;
}

/* body {
  background: linear-gradient(135grad, rgba(255, 255, 255, 0) 0%, rgba(47, 152, 161, 0.11) 100%);
} */

object {
  pointer-events: none;
  filter: brightness(0) saturate(100%) invert(9%) sepia(19%) saturate(353%) hue-rotate(315deg) brightness(96%) contrast(90%);
  vertical-align: middle;
}

.text-muted {
  color: #272121ff !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.navbar {
  color: #272121ff;
  font-family: "Red Hat Display", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.navbar {
  font-size: 140%;
  background: linear-gradient(to bottom, black, transparent) !important;
  width: 100%;
}

#logo {
  filter: drop-shadow(0px 22px 11px #00000026);
}

@media (max-width: 767.98px) {
  .column-flow {
    column-count: 1;
  }
}

@media (min-width: 768px) {
  .column-flow {
    column-count: 3;
  }
}

/* #releases > .container {
  padding-left: 0;
  padding-right: 0;
} */

#press .blockquote {
  font-size: 120%;
}

@media (min-width: 768px) {
  #press .blockquote {
    font-size: 160%;
  }
}

#press .carousel-control-prev {
  left: -5rem;
}

#press .carousel-control-next {
  right: -5rem;
}

#press .carousel-indicators {
  bottom: -2rem;
}

#press .carousel .carousel-item {
  height: 25rem;
}

#press .carousel-item figure {
  min-height: 25rem;
}

#press .blockquote-footer {
  margin-top: 1rem;
}

/* blockquote p:before {
  content: open-quote;
  font-weight: bold;
}

blockquote p:after {
  content: close-quote;
  font-weight: bold;
} */

footer {
  font-size: 90%;
}

nav.fixed-top {
  text-align: right;
  left: unset;
}

@media (min-width: 768px) {
  .navbar-nav .nav-link {
    padding: 1rem;
  }

  .navbar .nav-item {
    padding: 0.5rem;
    margin: auto;
  }
}

/* @media (min-width: 1400px) {
  .container.logo {
    max-width: 1400px;
  }
} */

.masthead {
  background: none !important;
  padding: 0 !important;
}

.title-overlay {
  position: absolute;
  top: 2rem;
  left: 0;
  width: 40vw;
}

@media (min-width: 768px) {
  .title-overlay {
    top: 3rem;
    left: 3rem;
    width: 47rem;
  }
}

.social-links-navbar object {
  -webkit-filter: invert(100%) opacity(75%);
  filter: invert(100%) opacity(75%) !important;
  padding: 0 0.3rem;
}

.social-links-navbar a {
  text-decoration: none;
}

.social-links-navbar .d-flex {
  justify-content: end;
}