/**
 * @file
 * The footer components.
 *
 * It includes styles for the footer itself and its
 * components.
 */

/**
 * Global footer rules
 */
 .main__footer{
    background-image: url("../images/background-footer.png");
    color:#FFFFFF;
    text-align: center;
    padding: 40px 0;
}

.block-footer-wrapper{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


@media all and (min-width: 1050px) {
  .block-footer-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}

/* @media all and (min-width: 750px) {
    .main__footer {
        text-align: center;
    }
  } */

.footer-text a{
  color: #FFFFFF;
}

.footer-text a:hover {
  text-decoration:underline;
}

.footer-text .button-footer a:hover {
  text-decoration:none;
}

.block-footer__item{
  margin: 0;
}
.footer--wrapper{
  margin: 0 20px;
}
@media all and (min-width: 1300px) {
  .footer--wrapper{
    margin: 0 15px;
  }
}
@media all and (min-width: 1650px) {
  .block-footer__item{
    margin: 0 30px;
  }
}







/**
 * Bouton numéro de téléphone
 */
.block-footer-wrapper .block-footer__item:last-child {
  background-color: #FFE401;
  position: relative;
  color: #303030;
  text-align: center;

  /* display: block; */
  border-radius: 50px;
  margin-left: 0px;
}
.block-footer-wrapper .block-footer__item:last-child span{
  background-color: #FFE401;
  text-align: center;
  padding: 0.2rem 0;
  display: block;
  border-radius: 50px;
}
.block-footer-wrapper .block-footer__item:last-child::before{
  content:url(../images/icons/icon-phone.svg);
  position: absolute;
  left: 10px;
  top: 8px;
}


.block-footer-wrapper .block-footer__item:last-child p{
  margin: 0 10px;
  color: #303030;
}
.block-footer-wrapper .block-footer__item:last-child .footer-text{
  margin-left: 30px;
}