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

/**
 * Global footer rules
 */
.footer-info-block {
    background: #333333;
    color: #D7D7D7;
    padding: 2rem 0;
    border-top: 15px solid #7B1E30;
    font-family: 'Fira Sans', sans-serif;;
}
.footer-info-block__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    flex-direction: column;
}
.footer-info-block__wrapper-icon {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}
.footer-info-block__wrapper-icon a {
    transition: ease 0.3s;
}
.footer-info-block__wrapper-icon a:hover {
    transform: translateY(-7px);
}
.footer-info-block__link {
    margin-top: 1rem;
}
.footer-info-block__link a {
    border: 1px solid #D7D7D7;
    padding: 0.7rem 1.4rem;
    color: #D7D7D7;
    font-weight: 700;
    transition: ease 0.3s;
}
.footer-info-block__link a:hover {
    border: 1px solid #333333;
    background: #D7D7D7;
    color: #333333;
}
@media screen and (min-width: 750px){
    .footer-info-block__wrapper {
        flex-direction: row;
        gap: 8rem;
    }
}
@media screen and (min-width: 1000px){
    .footer-info-block__wrapper {
        gap: 18rem;
    }
}

/**
  * Secondary Menu inside footer
  **/
.block-secondary-menu {
    background: #333333;
}
.block-secondary-menu__wrapper {
    display: flex;
    justify-content: center;
}
.block-secondary-menu__wrapper a {
    color: #D7D7D7;
    font-weight: 700;
    transition: ease 0.3s;
}
.block-secondary-menu__wrapper a:hover {
    text-decoration: underline;
}
@media screen and (min-width: 1000px) {
    .block-secondary-menu__wrapper {
        justify-content: end;
    }
}

/**
  * Secondary Menu
  */

  .block-secondary-menu .menu--level-0 {
      display: flex;
      gap: 20px;
      flex-wrap: wrap;
  }