/* ************************************* */
/*                                       */
/* Footer                                */
/*                                       */
/* ************************************* */

.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  color: var(--color-light);
  background-color: var(--color-grey-darkest);
  font-family: var(--font-footer);
}


/* ************************************* */
/* Page layout                           */
/* ************************************* */

.footer__inner
{
  max-width: var(--layout-page-maxwidth-with-padding);
  padding-left: var(--padding-primary-horizontal-px);;
  padding-right: var(--padding-primary-horizontal-px);;
  margin:0 auto 0 auto;
  text-align: center;
}

@media only screen and (min-width: 576px) {

  .footer__inner
  {
    max-width: var(--layout-page-maxwidth-with-padding);
    padding-left: var(--padding-secondary-horizontal-px);;
    padding-right: var(--padding-secondary-horizontal-px);;
    margin:0 auto 0 auto;
  }

}

@media only screen and (min-width: 786px) {

  .footer__inner
  {
    text-align: left;
  }

}

/* ************************************* */
/* Sticky footer                         */
/* ************************************* */

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.footer {
  margin-top: auto;
}


/* ************************************* */
/* Lists                                 */
/* ************************************* */

.list--footer {
  margin-bottom:var(--margin-secondary-vertical-px);
  padding-bottom:var(--padding-secondary-vertical-px);
  border-bottom: 1px solid var(--color-france);
}

@media only screen and (min-width: 768px) {

  .list--footer {
    padding-bottom:0;
    border-bottom:0;
  }

}

.list--footer li {
  display:block;
  margin-bottom:10px;
}

.list--footer li .fa {
    padding-right:10px;
}

/* ************************************* */
/* Copyright                             */
/* ************************************* */

.mod_copyright,
.copyright {
    font-size:10px;
    text-align:center;
    color:#6D6D6D;
}

.mod_copyright {
    padding: 50px 0px 20px 0px;
}

span.cop_magenta {
    color:#B0347E;
}

span.cop_grey {
    color:#6D6D6D;
}

.copyright {
  margin-top:-50px;
  font-family: var(--font-footer);
}

/* ************************************* */
/* Elements                              */
/* ************************************* */

.list--footer a:link {
  color: var(--color-light);
}