html,

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

body { margin-bottom: 3em; }
footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 3em; /* Set the fixed height of the footer here */
  line-height: 3em; /* Vertically center the text there */
}
main> .container { padding-top: 5.5em; }

/*
* Off Canvas
* --------------------------------------------------
*/
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}
#lyric {
  border:   1px solid #ccc;
  position: fixed;
  top:      0;
  opacity:  0.85;
  right:    20px;
  background-color: #ffffff;
  padding:  5px;
  z-index:  99999999999;
}
#lyric #line { font-style:italic; }
#lyric #details {}
#lyric #details #title { padding-right:2px; }
#lyric #details #artist { padding-left:2px; }