/* stylelint-disable docusaurus/copyright-header */
/**
 * CSS files with the .module.css suffix will be treated as CSS modules
 * and scoped locally.
 */

.heroBanner {
  padding: 4rem 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-image: url("/img/feature-images/banner.svg");
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 966px) {
  .heroBanner {
    padding: 2rem;
  }
}

.buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}

.getStarted {
  margin: 0em .5em 0em .5em;
}

.features {
  display: flex;
  align-items: center;
  padding: 2rem 0;
  width: 100%;
}

.featuresCTA{
  text-align: center;;
}

.featuresCTA ul{
  display: inline-block;
  padding: 0 20% 0 20%;
  list-style: none;
  margin-bottom: 5px;
}

.featuresCTA li::before{
  content: "\2022";
  display: inline-block;
  width: 2em;
  margin-left: -2em;
  color: var(--ifm-link-color);
}

.featureCTA{
  text-align: center;
}

.featureCTA ul{
  display: inline-block;
  padding: 0 10% 0 10%;
  list-style: none;
  margin-bottom: 5px;
}

.featureCTA li::before{
  content: "\2022";
  display: inline-block;
  width: 2em;
  margin-left: -2em;
  color: var(--ifm-link-color);
}

.featureImage {
  height: 175px;
  width: 100px;
  padding-bottom: 30px;
}

.memberImage {
  height: 250px;
  width: 250px;
}

.projectImage {
  height: 250px;
  width: 150px;
}

.row--center h2{
  color: #ffffff;
  font-size: 16px;
  text-align: center;
}

.hero.hero--primary {
  background-color: #EAFCFF;
  background-repeat: no-repeat;
  background-size: cover;
}

.members {
  background-image: linear-gradient(to bottom, rgba(163,215,212,0.2), rgba(25,182,204,0.2));
  background-repeat: no-repeat;
  background-size: cover;
  padding: 74px 0;
}

.projects {
  padding: 74px 0;
  background-color: #ffffff;
}
