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

/**
 * Global footer rules
 */

.main__footer {
  margin-top: auto;
  background-color: var(--color-neutral);
}
.main__footer * {
  text-align: center;
}

/**
 * Main Footer
 */

.main__footer-content {
  max-width: 1856px;
  padding: 0px 16px;
  margin: 0 auto;
}

.region-footer {
  width: 100%;
  margin-bottom: 50px;
  margin-top: 50px;
}

.footer {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem;
  .footer-logo {
    margin-right: 0px;
  }
  .footer-menu {
    margin: 0 10%;
    ul {
      margin: 0;
    }
    ul li a {
      font-style: normal;
      color: var(--color-primary);
      font-size: var(--content-size-l);
      font-weight: 500;
      line-height: 200%; /* 40px */
      letter-spacing: 0.4px;
    }
  }

  .footer-address{
    font-style: normal;
    color: var(--color-primary);


    h3 {
      letter-spacing: 1.2px;
      text-transform: uppercase;
      font-size: var(--heading-size-m);
      font-style: normal;
      font-weight: 400;
      line-height: 200%;
      margin: 0;
    }
    p {
      font-size: var(--content-size);
      letter-spacing: 0.32px;
      font-weight: 400;
      line-height: 200%;
      margin:0;
    }
  }

    .cta-wrapper {
        display: none;
    }
}

.main__footer-content.main__footer-content--homepage {
    .footer-menu {
        margin: 0 auto;
    }
    .cta-wrapper {
        display: block;
    }
}



@media all and (min-width: 475px) {
	.main__footer-content {
		padding: 0px 64px;
	}
	.footer-logo {
		margin-right: 64px;
	}
}
@media all and (min-width: 1000px) {
	.footer {
		flex-direction: row;
		gap: 64px;
    padding-bottom: 100px;
	}
  .main__footer * {
    text-align: unset;
  }
}