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


/**
 * Global footer rules
 */

 .main__footer {
    background-color: var(--primary);
    color: var(--white);
    font-size: 1em;
 }

.footer__bloc{
  display:flex;
  flex-direction: column;
  position: relative;
}
.footer__bloc .field__item{
  position: relative;
}
.footer__bloc h3{
  font-weight: 700;
  font-size: 1.25rem;
}
.footer__bloc p{
  font-weight: 400;
  font-size: 1em;
  margin-top: -1em;

}
.footer__menu {
  display: inline-flex;
  width: 100%;
  justify-content: space-evenly;
}

.footer__menu ul{
    display: flex;
    flex-direction: column;
}

.footer__menu .menu__link{
  color: var(--white);
  font-size: 0.85em;
  text-decoration: underline;
  padding: 0 1rem;
}
/* .footer__menu .menu__link:hover{
  text-decoration: underline;
} */

@media (min-width: 415px) {
  .footer__bloc{
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .footer__menu ul{
    flex-direction: row;

}
}
@media(min-width: 800px){
  .footer__bloc{
    flex-direction: row;
    flex-wrap: wrap;
  }
  /* .footer__bloc .field__item{
    margin-right: 105px
  } */
  .footer__bloc .field__item > img{
    margin-top: 20px;
  }
}