/* ----------------- FOOTER ----------------- */
.footerNew {
  padding: 40px calc(4.333333% - -20px) 110px calc(4.333333% - -20px) !important;
  position: relative;
}

.footerNew > .row .liens-head h2 {
  color: #003139;
  font-family: 'Mattone';
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  text-transform: inherit;
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) {
  .footerNew {
    margin-top: 60px;
  }

  .footerNew > .row {
    padding-top: 40px;
    display: flex;
    border-top: 1px solid #D7D5D0;
    column-count: 3;
  }

  .footerNew > .row .liens-head,
  .footerNew > .row .footerNew-contact,
  .footerNew > .row > div {
    width: calc(100% / 3);
  }
}

@media only screen and (max-width: 992px) {
  .footerNew {
    margin-top: -20px;
    background: white;
    padding-bottom: 0 !important;
  }

  .footerNew > .row,
  .footerNew > .row .liens-head,
  .footerNew > .row .footerNew-contact,
  .footerNew > .row > div {
    display: grid;
    place-items: center;
    text-align: center;
  }
}

@media only screen and (max-width: 992px) {
  .footerNew {
    margin-top: -20px;
    background: white;
    margin-bottom: 90px;
  }

  .footerNew > .row,
  .footerNew > .row .liens-head,
  .footerNew > .row .footerNew-contact,
  .footerNew > .row > div {
    display: grid;
    place-items: center;
    text-align: center;
  }
}


/* Réseaux */
@media only screen and (max-width: 992px) {
  .footerNew .liens-head {
    width: 100%;
    margin-left: 0;
  }
}

.footerNew .liens-head {
  h3 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin-top: 0;
    margin-bottom: 15px;
  }

  .footerNew-rs {
    display: flex;
    column-gap: 20px;

    a {
      svg {
        transition: all 0.2s;
        max-height: 100%;

        path {
          transition: all 0.2s;
        }
      }

      &:hover {
        border-color: var(--primary);
        transition: all 0.1s;

        svg {
          transform: rotate(15deg);
          transition: all 0.1s;

          path {
            fill: var(--primary);
            transition: all 0.1s;
          }
        }
      }
    }

    .r-social {
      border: 1px solid #0C292F;
      border-radius: 100%;
      padding: 6px;
      width: 32px;
      height: 32px;
      display: flex;
      align-self: center;
      place-items: center;
      justify-content: center;
    }

    &.rs-line-up {
      margin-bottom: 10px;
    }
  }

  .footerNew-buttonPress {
    margin-top: 40px;
    border-radius: 100px;
    background-color: var(--primary);
    padding: 10px 20px;
    width: fit-content;
    font-family: 'Mattone' !important;
    font-size: 12px;
    font-style: normal;
    text-wrap: nowrap;
    font-weight: 400;
    line-height: 19.5px;
    color: #fff;
    border: 1px solid var(--primary);
    display: flex;
    align-items: center;
    transition: all 0.2s;

    svg {
      margin-left: 20px;
      height: 15px;
      width: 100%;
      max-width: 15px;
    }

    &:hover {
      background-color: #FFF;
      transition: all 0.2s;
      text-decoration: underline;
      color: var(--primary);

      svg path {
        fill: var(--primary);
      }
    }
  }
}

@media only screen and (min-width: 992px) {
  .footerNew .liens-head {
    padding-left: 0;
  }
}

@media only screen and (max-width: 992px) {
  .footerNew .liens-head {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #D7D5D0;
  }
}


/* Contact */
.footerNew .footerNew-contact {
  .content > div {
    display: grid;
    row-gap: 15px;

    a, p {
      display: flex;
      align-items: center;
      font-size: 14px;
      font-weight: 400;
      color: #333;
      transition: all 0.1s;
      line-height: normal;
    }

    a:hover {
      color: var(--primary);
      transition: all 0.1s;
      text-decoration: underline !important;
    }

    svg {
      width: 50px;
    }

    .footerNew-contactUs {
      text-decoration: underline !important;

      &:hover {
        text-decoration: none !important;
      }
    }
  }
}

@media only screen and (max-width: 992px) {
  .footerNew .footerNew-contact,
  .footerNew .footerNew-contact .content > div {
    width: 100%;
    display: block !important;
  }

  .footerNew .footerNew-contact {
    padding-left: 0;
    padding-right: 0;

    .content > div {
      padding-bottom: 30px;
      margin-bottom: 30px;
      row-gap: 15px;
      border-bottom: 1px solid #D7D5D0;
    }

    a,p {
      display: inline-grid;
      place-items: center;
      row-gap: 5px;
      margin: 0;
      font-size: 14px;
      width: 100%;
    }

    a {
      margin-bottom: 30px !important;
    }

  }
}

@media only screen and (max-width: 992px) {
  .footerNew-contactUs,
  .footerNew .footerNew-contact .content > div a,
  .footerNew .footerNew-contact .content > div p{
    place-content: center;
    display: grid;
  }
}


/* Liens */
.footerNew .footerNew-links {
  padding-right: 0;
  display: inline-grid;
  row-gap: 15px;
  width: 100%;

  a {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    transition: all 0.1s;
    line-height: normal;

    &:hover {
      text-decoration: underline !important;
      color: var(--primary);
      transition: all 0.1s;
    }
  }
}

@media only screen and (max-width: 992px) {
  .footerNew .footerNew-links {
    padding-bottom: 30px;
    padding-left: 0px;

    a {
      font-size: 14px;
    }
  }
}