/* Allow dropdowns to overflow properly in fixed Phoenix navbar layout */
.main,
.content,
.navbar-top,
.navbar-top .navbar-collapse {
  overflow: visible !important;
}

.navbar .dropdown-menu {
  overflow: visible;
  left: -5rem !important;
}
/* Sticky footer for Phoenix layout */
html,
body {
  height: 100%;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main.main#top {
  flex: 1 0 auto; /* take remaining height */
  display: flex;
  flex-direction: column;
}

main.main#top > .content {
  flex: 1 0 auto; /* content grows so footer can go to bottom */
  display: flex;
  flex-direction: column;
}

main.main#top > .content > footer,
main.main#top > .content > .footer {
  margin-top: auto; /* push footer to bottom when content is short */
}