/*
 * Globals
 */


body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 100vh;
}

/*
.cover-container {
  max-width: 42em;
}
*/

/*
 * Header
 */
.masthead {
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link+.nav-link {
  margin-left: 1rem;
}

*[data-bs-theme=dark] .nav-masthead .active {
  border-bottom-color: #fff;
}

*[data-bs-theme=light] .nav-masthead .active
{
  border-bottom-color: var(--bs-nav-link-color);
}

*[data-bs-theme=light] .nav-masthead :hover
{
  border-bottom-color: var(--bs-nav-link-hover-color);
}


main {
  flex-grow: 1;
}

@media (min-width: 48em) {
  .masthead-brand {
    
  }

  .nav-masthead {
  }
}

/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}

.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}

svg.bi {
  height: 1em;
  width: 1em;
}

#channel-name,
#channel-subtitle {
	display: none;
}

/*
 * Playlist container
 */
#playlist-container {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}