/*----------------------------------------------*\
    GLOBAL
	======

	@package mfa.design.calarts

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package mfa.design.calarts

\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Breakpoints */
/* Fonts */
/* 
 *
 * ANCHOR Footer
------------------------------------------------*/
.site-footer {
  margin: 4em -1em 0 -1em;
  padding: 1.6em 1em;
  background-color: var(--pink);
}
@media screen and (min-width: 27rem) {
  .site-footer {
    padding: 2em;
  }
}
@media screen and (min-width: 48rem) {
  .site-footer {
    margin: 4em -2em 0 -2em;
  }
}
.site-footer__nav {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
  row-gap: 1em;
}
@media screen and (min-width: 64rem) {
  .site-footer__nav {
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
}
.site-footer__nav li {
  -webkit-box-flex: 0;
          flex: 0 0 50%;
  font-family: "Marfa";
  font-size: var(--size-085);
  color: var(--black);
  letter-spacing: -1%;
  padding: 0 0.375em;
}
@media screen and (min-width: 27rem) {
  .site-footer__nav li {
    font-size: var(--size-090);
  }
}
@media screen and (min-width: 36rem) {
  .site-footer__nav li {
    -webkit-box-flex: 0;
            flex: 0 0 33.33%;
  }
}
@media screen and (min-width: 48rem) {
  .site-footer__nav li {
    flex-basis: auto;
  }
}
@media screen and (min-width: 64rem) {
  .site-footer__nav li {
    font-size: var(--size-100);
  }
}
.site-footer__nav a {
  text-decoration: none;
}
.site-footer__nav a:hover {
  text-decoration: underline;
}
.site-footer__nav a:focus-visible {
  outline: 1.2px solid var(--black);
  outline-offset: 10px;
}
.site-footer__nav a[href^=https]::after {
  background-image: url('data:image/svg+xml,<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.2338 5.42665L14.2338 7.25095L21.9735 7.25095L5.15338 24.0711L5.15342 24.0711L6.44338 25.3611L6.44342 25.3611L23.2635 8.54112L23.2635 16.2807L25.0878 16.2807L25.0878 5.42657L14.2338 5.42665Z" fill="black"/></svg>');
  background-position: 1px 1px;
  background-repeat: no-repeat;
  background-size: 110%;
  display: inline-block;
  height: 0.9em;
  width: 0.9em;
  content: "";
}
@media screen and (min-width: 64rem) {
  .site-footer__nav a[href^=https]::after {
    background-position: 2px 3px;
    background-size: 110%;
    height: 1em;
    width: 1em;
  }
}