// Footer
footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;


.footer {
  margin-top: $cassiopeia-grid-gutter;
  color: $white;
  background-color: var(--cassiopeia-color-primary);
  background-image: $cassiopeia-header-grad #{"/* rtl:"}$cassiopeia-header-grad-rtl #{"*/"};

  .grid-child {
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem ($cassiopeia-grid-gutter * .5);
  }

  a:not(.btn), .btn-link {
    color: currentColor;

    &:hover,
    &:focus {
      color: var(--gray-200);
    }
  }

  .mod-menu {
    position: relative;
  }

  @if $metismenu==true {
    .metismenu.mod-menu {
      .mm-collapse {
        background: var(--cassiopeia-color-primary);
      }
    }
  }

  @include media-breakpoint-down(lg) {
    .grid-child {
      flex-direction: column;

      .mod-footer {
        margin: .375rem 0;
      }
    }
  }
}