///////////////////////////////
// !THEME / COMPONENTS / FOOTER
///////////////////////////////


// .unl .dcf-footer-local h3,
// .unl .dcf-footer-global h2 {
//   border-bottom: 1px solid rgba(255,255,255,.5);
//   border-top: 2px solid currentColor;
//   @include pb2;
//   @include pt2;
// }


// !Common Footer Styles

.unl .dcf-footer dd:last-child,
.unl .dcf-footer li:last-child {
  @include mb-0;
}

.unl .dcf-footer a {
  color: $color-footer-link;
  text-decoration: none;
}

.unl .dcf-footer a:link {
  color: $color-footer-link;
}

.unl .dcf-footer a:visited {
  color: $color-footer-link-visited;
}

.unl .dcf-footer a:hover {
  color: $color-footer-link-hover;
}

.unl .dcf-footer a:active {
  color: $color-footer-link-active;
}


// !Local Footer
.unl .dcf-footer-local {
  color: $color-footer-local;
  background-color: $color-footer-local-bg;
}


// !Global Footer
.unl .dcf-footer-global {
  color: $color-footer-global;
  background-color: $color-footer-global-bg;
//   background: url('../images/seal.svg') calc(0% - 1em) calc(100% + 1em) no-repeat, linear-gradient(to bottom, $color-footer-global-bg 2px, $color-footer-local-bg 2px, $color-footer-local-bg 5px, $color-footer-global-bg 5px) 0 0 no-repeat;
//   background-size: 24em, 100%;
//   background: linear-gradient(to bottom, $color-footer-global-bg 2px, $color-footer-local-bg 2px, $color-footer-local-bg 4px, $color-footer-global-bg 4px) 0 0 / 100% 100% no-repeat;
}

// .unl-footer-global-social-hed::after {
//   content: '\01F534 \00200A \026AA \00200A \01F33D';
//   display: block;
//   @include pt-1;
// }


@include mq(md, max, width) {

  .unl .dcf-footer-global {
    padding-bottom: #{ms(14)}em; // 7.48em
  }

  .unl-footer-unl {
    display: flex;
  }

}


@include mq(md, min, width) {

  .unl .dcf-footer-global {
    @include pb-8;
    background-size: #{ms(22)}em, 100%;
  }

  .unl-footer-global-n {
    margin-bottom: #{ms(0)}rem;
  }

}


@supports (display: grid) {


  @include mq(sm, min, width) {

    .unl-footer-local-heading {
      grid-area: heading;
    }

    .unl-footer-local1 {
      grid-area: lf1;
    }

    .unl-footer-local2 {
      grid-area: lf2;
    }

    .unl-footer-local3 {
      grid-area: lf3;
    }

    .unl-footer-local4 {
      grid-area: lf4;
    }

    .unl-footer-n-address {
      grid-area: N;
    }

    .unl-footer-social {
      grid-area: social;
    }

    .unl-footer-campus {
      grid-area: campus;
    }

    .unl-footer-policies {
      grid-area: policies;
    }

    .unl-footer-logos {
      grid-area: logos;
    }

    .unl-footer-about {
      grid-area: about;
    }

    .unl-footer-test {
      grid-area: test;
    }

    .unl-footer-unl {
      grid-area: unl;
    }

    .unl-footer-est {
      grid-area: est;
    }

    .unl-footer-copyright {
      grid-area: ©;
    }

  }


  @include mq(sm, min, width) {

    .unl .dcf-footer-local {
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-areas: "heading heading heading" "lf1 lf2 lf3";
    }

    .unl .dcf-footer-global {
      grid-template-columns: repeat(6, 1fr);
      grid-template-areas: "N N N N N N" "social social campus campus policies policies" "logos logos about about test test" "unl unl unl unl unl unl" "est est est © © ©";
    }

  }


  @include mq(md, min, width) {

    .unl .dcf-footer-local {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-template-areas: "heading heading heading heading" "lf1 lf2 lf3 lf4";
    }

    .unl .dcf-footer-global {
      grid-template-columns: repeat(12, 1fr);
      grid-template-areas: "N N N social social social campus campus campus policies policies policies" "logos logos logos logos about about test test test test test test" "unl unl unl unl unl unl unl unl est est © ©";
    }

  }

}