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

 .main__footer {
  margin-top: auto;
}
.footer-block {
  background-color: var(--primary);
  padding: 1rem 1.5rem;
  color: var(--neutral-pure);
}
.footer-block ul.menu a.is-active {
  color: var(--neutral-pure);
}
.footer-block__wrapper {
  margin: 2rem 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.footer-block__content p{
  color: red;
}
@media all and (min-width: 650px) {
  .footer-block__wrapper {
    flex-direction: row;
    width: 100%;
  }
}
@media all and (min-width: 1000px) {
  .footer-block {

  }
  .footer-block__content {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
  }
  .footer-block__wrapper {
  }
}
@media all and (min-width: 1400px) {
  .footer-block__wrapper {
    width: 84%;
  }
}




/**
 * Logo
 */

.footer-block__logo {
  padding-top: 2rem;
}
.footer-block__logo img{
  margin: 0 auto;
  max-width: 185px;
}
@media all and (min-width: 1000px) {
  .footer-block__logo {
    width: calc(33.333% - 1rem);
  }
}
@media all and (min-width: 1400px) {
  .footer-block__logo {
    width: calc(8.33% - 1.3333rem);
  }
}


/**
 * Text
 */

.footer-block__text {
  display: flex;
  flex-direction: column;
  gap: 0.675rem;
  color: var(--neutral-pure);
}
.footer-block__text h3{
  color: var(--neutral-pure);
}
.footer-block__text strong {
  font-size: 1.145rem;
}
.footer-block__text p {
  margin: 0;
  font-weight: 400;
  line-height: 170%;
  color: var(--neutral-pure);
}
.footer-block__text a {
  color: var(--neutral-pure);
  text-decoration: underline;
  font-weight: unset;
}

@media all and (min-width: 650px) {
  .footer-block__text:first-child {
    width: calc(45% - 1rem);
  }
  .footer-block__text:first-child h3{
    font-size: 2rem;
    margin: 0;
  }
  .footer-block__text:nth-child(2),
  .footer-block__text:nth-child(3) {
    width: calc(25% - 1rem);
  }
  .footer-block__text:nth-child(2) h3,
  .footer-block__text:nth-child(3) h3{
    font-size: 1.25rem;
    margin: 0;
  }
}


/**
 * General footer menu fix
 */

.footer-block .menu {
  padding: 0;
  margin: 0;
}