/**
 * EdGEL footer.
 */

@use "../settings" as *;
@use "../tools" as *;

.container-footer {
  @include edgel-container();
}

.footer-login-link {
  float: right;
  color: $gray-600;
  fill: $gray-600;
  @include font-size(.8rem);
}

.container-footer-copyright {
  @include edgel-container(3);
  color: $gray-600;
  background-color: $white;
  fill: $gray-600;
  @include font-size(.8rem);
}

.footer-discover {
  background: $footer-discover-bg;
}

.footer-discover-heading {
  @include edgel-container(3);
  @include font-size(1.8rem);
  margin-bottom: 0;
  font-family: $font-family-serif;
  font-weight: 400;
  line-height: 1;
  color: $footer-discover-fg;
  text-transform: uppercase;
}

.footer {
  padding: space(3) 0;
  color: $footer-fg;
  background: linear-gradient(to bottom, $footer-bg 0%, $footer-discover-bg 100%) repeat scroll 0 0;
  background-color: $footer-bg;

  a:not(.btn) {
    &,
    &:visited {
      color: $footer-fg;
    }
    &:hover,
    &:focus {
      color: $footer-hover;
    }
  }
}
