/* HEADER STYLES */
header {
  background-color: transparent;
  padding: 30px var(--horizontal-padding-desktop);
  text-align: center;

  @media (max-width: 875px) {
    padding: 30px var(--horizontal-padding-mobile);
  }

  position: absolute;
  top: 0;
  left: 0;
  right: 0;

  div {
    display: flex;
    justify-content: space-between;
    align-items: center;

    a {
      font-weight: 600;
      &:hover {
        color: rgb(46, 55, 105);
      }
    }

    img {
      width: auto;
      height: 40px;
      filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
      &:hover {
        filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.4));
      }
    }
  }
}

/* FOOTER STYLES */
footer {
  padding: 60px var(--horizontal-padding-desktop);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;

  > div#footer-cta-section {
    max-width: 430px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 20px;

    text-align: center;

    h2 {
      font-size: 36px;
      margin-top: 3%;
    }
  }

  > div#footer-links {
    width: 100%;
    padding: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 80px;

    @media (max-width: 875px) {
      gap: 20px;
    }

    a {
      color: rgb(163, 163, 163);
      &:hover {
        color: var(--primary-text-color);
      }
    }
  }

  #copyright {
    text-align: center;
    width: 100%;
  }
}