@charset "UTF-8";
/** transition sur plusieurs propriétés :
 * exemple :  @include transition-multiple(z-index 3s linear, background 2s linear, ... );
 */
.footer {
  bottom: 0;
  left: 0;
  height: 94px;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 140px;
  grid-template-areas: "a b"; }
  .footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #ffd801; }

.footer--gar {
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-template-areas: "a"; }

.footer__nav {
  padding-left: 15px;
  grid-area: a; }

.footer__nav__elements {
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .footer__nav__elements li {
    margin: 0 15px; }
    .footer__nav__elements li a {
      font-family: 'berthold_akzidenz_grotesk_bBd';
      font-size: 16px;
      color: white; }
      .footer__nav__elements li a:hover {
        color: #ffd801; }

.footer__social {
  grid-area: b;
  font-size: 0; }

.footer__social__elements {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly; }
  .footer__social__elements li a {
    font-size: 24px;
    color: white; }
    .footer__social__elements li a:hover {
      color: #ffd801; }

/*# sourceMappingURL=footer.css.map */