/* -----------------------------------------------
App Footer 
----------------------------------------------- */

.b-app-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  font-size: 0.825rem;
  &.dark .b-app-footer-secondary > * {
    color: rgba(255, 255, 255, 0.7);
  }
  @media only screen and (max-width: 640px) {
    font-size: 0.75rem;
  }
}

.b-app-footer-primary {
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.b-app-footer-secondary {
  margin-left: auto;
}

.b-app-footer-secondary > * {
  padding-right: 0.5rem;
  color: #6c757d;
}

@media only screen and (max-width: 640px) {
  .b-app-footer {
    flex-direction: column;
  }
  .b-app-footer-primary {
    margin-left: 0;
  }
  .b-app-footer-secondary {
    margin: 1rem auto;
  }
}

body.b-has-app-nav {
  .b-app-footer-primary {
    padding-left: 240px;
    @media only screen and (max-width: 1140px) {
      padding-left: initial;
    }
  }
}