/* ==========================================================================

FOOTER
========================================================================== */

.page__footer {

@include full();
@include clearfix;
/* sticky footer fix start */
position: absolute;
bottom: 0;
width: 100%;
clear: both;
height: auto;
/* sticky footer fix end */
margin-top: 3em;
color: mix(#fff, $gray, 25%);
-webkit-animation: intro 0.3s both;
        animation: intro 0.3s both;
-webkit-animation-delay: 0.45s;
        animation-delay: 0.45s;
background-color: mix(#fff, $gray, 90%);
border-top: 1px solid mix(#fff, $gray, 50%);

footer {
  @include container;
  @include clearfix;
  margin-top: 0.5em;
  padding: 0 1em 0.5em;
  text-align: center;

  @include breakpoint($x-large) {
    max-width: $x-large;
  }
}

a {
  color: inherit;
  text-decoration: underline;

  &:hover {
    text-decoration: underline;
  }
}

}

.page__footer-copyright {

font-size: $type-size-7;

}

.page__footer-heart {

color: $theme-color;

}