/**
 * EdGEL footer.
 */

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

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

.footer-login-link {
  float: right;
  color: $gray-800;
  fill: $gray-800;
  @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(4, null, false, false);
  @include font-size(2rem);
  padding-top: space(4);
  padding-bottom: space(4) - .2rem;
  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;

  --#{$prefix}link-color: #{$footer-fg};
  --#{$prefix}link-color-rgb: #{to-rgb($footer-fg)};
  --#{$prefix}link-hover-color: #{$footer-hover};
  --#{$prefix}link-hover-color-rgb: #{to-rgb($footer-hover)};

  .row:not(:first-of-type) {
    align-items: center;
  }
}
