// Footer

.footer {
  margin-top: $cassiopeia-grid-gutter;
  color: $white;
  background-color: var(--cassiopeia-color-primary);
  background-image: $cassiopeia-header-grad;

  .grid-child {
    align-items: center;
    justify-content: space-between;
    padding: 2.5rem ($cassiopeia-grid-gutter/2);
  }

  a {
    color: currentColor;
  }

  [dir=rtl] & {
    background-image: $cassiopeia-header-grad-rtl;
  }

  .mod-menu {
    position: relative;
  }

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

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

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