@import "./components/HeroSection.css";

#pursuits-navbar-selection {
  color: #ff8960;
}

.Pursuits-Cards-Section {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  align-items: center;
  padding: 60.5px 83px;
}

.Pursuits-Cards-Section-Box {
  display: flex;
  position: relative;
  flex-direction: column;
  max-width: 1590px;
  min-width: 1024px;
  width: 100%;
  grid-gap: 32px;
}

.Pursuits-Cards-Section-Box-Cards {
  display: flex;
  position: relative;
  flex-direction: column;
  grid-gap: 100px;
}

.Pursuits-WIP-Section {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  align-items: center;
  padding: 20px 83px;
  padding-bottom: 100px;
}

.Pursuits-WIP-Section-Box {
  display: flex;
  position: relative;
  flex-direction: column;
  max-width: 1590px;
  min-width: 1024px;
  width: 100%;
  grid-gap: 50px;
}

.Pursuits-WIP-Section-Box-Heading {
  color: #000;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.75;
  letter-spacing: 0.8px;
}

.Pursuits-WIP-Section-Box-Cards {
  display: flex;
  position: relative;
  justify-content: space-between;
  grid-gap: 20px;
}

.Pursuits-WIP-Section-Box-Cards-Card {
  display: flex;
  position: relative;
  flex-direction: column;
  max-width: 487px;
  flex: 1 1 33.33%;
  padding: 49px calc((((52 - 30) /(1920 - 1245))*(100vw - 1245px)) + 30px);
  grid-gap: 22px;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.Pursuits-WIP-Section-Box-Cards-Card-Heading {
  color: #6d0000;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.96px;
}

.Pursuits-WIP-Section-Box-Cards-Card-Description {
  color: #000;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.45;
  letter-spacing: 0.66px;
}

.Pursuits-WIP-Section-Box-Cards-Card-Description-Link {
  text-decoration: underline;
}

@media (max-width: 1245px) {

  .Pursuits-Cards-Section,
  .Pursuits-WIP-Section {
    padding-left: 29px;
    padding-right: 29px;
  }

  .Pursuits-Cards-Section-Box {
    max-width: unset;
    min-width: unset;
  }

  .Pursuits-WIP-Section-Box {
    max-width: unset;
    min-width: unset;
  }
}

@media (max-width: 1050px) {
  .Pursuits-Cards-Section-Box-Cards {
    grid-gap: 30px;
  }

  .Pursuits-WIP-Section-Box-Cards {
    flex-direction: column;
  }

  .Pursuits-WIP-Section-Box-Cards-Card {
    max-width: unset;
  }
}

@media (max-width: 450px) {
  .Pursuits-Cards-Section {
    padding: 17px 11px;
  }

  .Pursuits-Cards-Section-Box {
    grid-gap: 8px;
  }

  .Pursuits-WIP-Section {
    padding: 2px 11px 70px 11px;
  }

  .Pursuits-WIP-Section-Box {
    grid-gap: 19px;
  }

  .Pursuits-WIP-Section-Box-Heading {
    font-size: 1.33rem;
  }

  .Pursuits-WIP-Section-Box-Cards {
    flex-direction: row;
    overflow-x: scroll;
  }

  .Pursuits-WIP-Section-Box-Cards::-webkit-scrollbar {
    display: none;
  }

  .Pursuits-WIP-Section-Box-Cards-Card {
    grid-gap: 6px;
    padding: 24px 35px;
    width: 90%;
    flex: unset;
    flex-shrink: 0;
  }

  .Pursuits-WIP-Section-Box-Cards-Card-Heading {
    font-size: 1.33rem;
    line-height: 1.56;
  }

  .Pursuits-WIP-Section-Box-Cards-Card-Description {
    font-size: 1.16rem;
    line-height: 1.78;
  }
}