/* Sports Complex */

/* Section 1: media */
.s1 {
  min-height: 100vh;
  background-color: rgb(125, 125, 125);
  padding: 0 50px 0 50px;
  display: flex;
}
.video-bg.s1-video {
  background-position: 50% 50%;
  display: block;
}
.bg.s1-2-bg {
  background-image: url("../images/ocean_to_river_aerial_retouch-dji_0808-ret.662b31c9ff60.jpg");
  background-position: 50% 50%;
  display: none;
}
.s1-row {
  column-gap: 24px;
}
.s1-c1 {
  grid-column: span 8;
  padding: 14.3609vh 16px 16px 16px;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  display: flex;
}
.s1-c1-img {
  margin: 0 0 0 0;
  display: block;
}
.s1-c2 {
  grid-column: span 8;
  padding: 16px 16px 16px 16px;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  display: flex;
}
.s1-c3 {
  grid-column: span 8;
  padding: 16px 16px 16px 16px;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  display: flex;
}
@media (max-width: 999px) {
  .s1 {
    min-height: 528px;
    padding: 0 30px 0 30px;
    display: none;
  }
  .s1-c1 {
    grid-column: auto;
    padding: 24px 3.125vw 14px 3.125vw;
  }
  .s1-c2 {
    grid-column: auto;
    padding: 24px 3.125vw 14px 3.125vw;
  }
  .s1-c3 {
    grid-column: auto;
    padding: 24px 3.125vw 14px 3.125vw;
  }
}
@media (max-width: 749px) {
  .s1 {
    min-height: 647px;
    padding: 0 15px 0 15px;
  }
  .bg.s1-2-bg {
    display: block;
  }
  .s1-c1 {
    padding: 24px 24px 10px 24px;
  }
  .s1-c2 {
    padding: 24px 24px 10px 24px;
  }
  .s1-c3 {
    padding: 24px 24px 10px 24px;
  }
}

/* Section 2: media */
.s2 {
  padding: 0;
  display: flex;
}
.s2-row {
  column-gap: 24px;
}
.s2-c1 {
  grid-column: span 24;
  padding: 16px 16px 0 16px;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  display: flex;
}
@media (max-width: 999px) {
  .s2-c1 {
    grid-column: auto;
    padding: 24px 3.125vw 14px 3.125vw;
  }
}
@media (max-width: 749px) {
  .s2-c1 {
    padding: 24px 24px 10px 24px;
  }
}

/* Section 3: The Spirit of Play at Orchid Island */
.s3 {
  min-height: 100.2617px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.s3-row {
  column-gap: 0;
}
.s3-c1 {
  grid-column: span 24;
  padding: 0 4.3934vw 0 4.3934vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(255, 255, 255);
  display: flex;
}
.s3-c1-g1 {
  margin: 0 0 0 0;
}
.s3-c1-h1 {
  font-size: 3.5rem;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.05em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
}
@media (max-width: 999px) {
  .s3 {
    min-height: 107px;
  }
  .s3-c1 {
    grid-column: auto;
    padding: 36px 8.4635vw 0 8.4635vw;
  }
  .s3-c1-h1 {
    font-size: 2.75rem;
    font-family: 'Montserrat', sans-serif;
    color: rgba(125, 125, 125, 0.75);
    margin: 0 0 32px 0;
    text-align: left;
  }
}
@media (max-width: 749px) {
  .s3 {
    min-height: 144px;
  }
  .s3-c1 {
    padding: 36px 10.6667vw 0 10.6667vw;
  }
  .s3-c1-g1 {
    margin: 0 0 36px 0;
  }
  .s3-c1-h1 {
    font-size: 1.875rem;
    margin: 0 0 0 0;
  }
}

/* Section 4: At Orchid Island Golf & Beach Club, the love of th */
.s4 {
  min-height: 535.8984px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.s4-row {
  column-gap: 30px;
}
.s4-c1 {
  grid-column: span 24;
  padding: 0 71.9844px 0 72px;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  display: flex;
}
.s4-c1-g1 {
  margin: 0 0 20px 0;
}
.s4-c1-h3 {
  font-size: 2rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
}
.s4-c1-p {
  font-size: 1.0625rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 0 0.55em 0;
}
@media (max-width: 999px) {
  .s4-c1 {
    grid-column: auto;
    padding: 55px 6.5vw 55px 6.5vw;
  }
  .s4-c1-h3 {
    font-size: 1.75rem;
  }
}
@media (max-width: 749px) {
  .s4-c1 {
    padding: 36px 10.6667vw 25px 10.6667vw;
  }
  .s4-c1-g1 {
    margin: 0 0 24px 0;
  }
  .s4-c1-h3 {
    font-size: 1.625rem;
  }
  .s4-c1-p {
    font-size: 1.125rem;
    line-height: 1.8em;
  }
}

/* Section 5: A Place for Every Passion */
.s5 {
  min-height: 666.6445px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.bg.s5-bg {
  background-image: url("../images/orchidisland-0205_cc.bd43905341fa.jpg");
  background-position: 50% 50%;
  display: block;
}
.bg.s5-2-bg {
  background-image: url("../images/orchidisland_2_pant.bd336801a562.jpg");
  background-position: 50% 50%;
  display: none;
}
.s5-row {
  column-gap: 0;
}
.s5-c1 {
  grid-column: span 24;
  padding: 0 0 1.6008vh 0;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
}
.s5-c1-g1 {
  margin: 0 0 0 0;
  text-shadow: 0px -3px 10px rgb(0, 0, 0);
  display: block;
}
.s5-c1-h1 {
  font-size: 3.5rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.05em;
  letter-spacing: 0;
  color: rgb(255, 255, 255);
  margin: 0 0 0.55em 0;
}
@media (max-width: 999px) {
  .s5 {
    min-height: 433px;
  }
  .bg.s5-2-bg {
    display: block;
  }
  .s5-c1 {
    grid-column: auto;
    padding: 6.0264vh 8.5938vw 6.4453vh 8.5938vw;
  }
  .s5-c1-g1 {
    display: none;
  }
  .s5-c1-h1 {
    font-size: 3rem;
  }
}
@media (max-width: 749px) {
  .s5 {
    min-height: 258px;
  }
  .s5-c1 {
    padding: 24px 24px 10px 24px;
  }
  .s5-c1-h1 {
    font-size: 2.625rem;
  }
}

/* Section 6: Designed to bring Members together in an atmospher */
.s6 {
  min-height: 600.4805px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.s6-row {
  column-gap: 0;
}
.s6-c1 {
  grid-column: span 11;
  padding: 0 0 0 0;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(255, 255, 255);
  display: flex;
}
.s6-c1-img {
  margin: 0 0 0 0;
  display: block;
}
.s6-c2 {
  grid-column: span 13;
  padding: 16px 4.7396vw 16px 4.6818vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
}
.s6-c2-h3 {
  font-size: 2rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s6-c2-p {
  font-size: 1.0625rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 0 0.55em 0;
  text-align: left;
}
@media (max-width: 999px) {
  .s6-c1 {
    grid-column: auto;
    padding: 8px 8.4635vw 0 8.4635vw;
  }
  .s6-c2 {
    grid-column: auto;
    padding: 24px 3.125vw 14px 3.125vw;
  }
  .s6-c2-h3 {
    font-size: 1.75rem;
  }
}
@media (max-width: 749px) {
  .s6 {
    min-height: 1508px;
  }
  .s6-c1 {
    padding: 0 6.4vw 0 6.4vw;
  }
  .s6-c2 {
    padding: 24px 24px 10px 24px;
  }
  .s6-c2-h3 {
    font-size: 1.625rem;
  }
  .s6-c2-p {
    font-size: 1.125rem;
    line-height: 1.8em;
  }
}

/* Section 7: Refresh Respite at the Pelican Pavillion */
.s7 {
  min-height: 600.4805px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.s7-row {
  column-gap: 0;
}
.s7-c1 {
  grid-column: span 11;
  padding: 0 4.7247vw 0 4.7461vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(255, 255, 255);
  display: flex;
}
.s7-c1-h3 {
  font-size: 2rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s7-c1-p {
  font-size: 1.0625rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s7-c2 {
  grid-column: span 13;
  padding: 16px 16px 16px 0;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  display: flex;
}
.s7-c2-img {
  margin: 0 0 0 0;
  display: block;
}
@media (max-width: 999px) {
  .s7-c1 {
    grid-column: auto;
    padding: 8px 8.4635vw 0 8.4635vw;
  }
  .s7-c1-h3 {
    font-size: 1.75rem;
  }
  .s7-c2 {
    grid-column: auto;
    padding: 24px 3.125vw 14px 3.125vw;
  }
}
@media (max-width: 749px) {
  .s7 {
    min-height: 1508px;
  }
  .s7-c1 {
    padding: 0 6.4vw 0 6.4vw;
  }
  .s7-c1-h3 {
    font-size: 1.625rem;
  }
  .s7-c1-p {
    font-size: 1.125rem;
    line-height: 1.8em;
  }
  .s7-c2 {
    padding: 24px 24px 10px 24px;
  }
}

/* Section 8: Even the youngest Members  */
.s8 {
  min-height: 668.5078px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.s8-row {
  column-gap: 0;
}
.s8-c1 {
  grid-column: span 11;
  padding: 0 0 0 0;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: rgb(255, 255, 255);
  display: flex;
}
.s8-c1-img {
  margin: 0 0 0 0;
  display: block;
}
.s8-c2 {
  grid-column: span 13;
  padding: 16px 4.7396vw 16px 4.6924vw;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
}
.s8-c2-h3 {
  font-size: 2rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3em;
  letter-spacing: 0;
  color: rgb(125, 125, 125);
  margin: 0 0 0.55em 0;
  text-align: left;
}
.s8-c2-p {
  font-size: 1.0625rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 0 0.55em 0;
  text-align: left;
}
@media (max-width: 999px) {
  .s8-c1 {
    grid-column: auto;
    padding: 8px 8.4635vw 0 8.4635vw;
  }
  .s8-c2 {
    grid-column: auto;
    padding: 24px 3.125vw 14px 3.125vw;
  }
  .s8-c2-h3 {
    font-size: 1.75rem;
  }
}
@media (max-width: 749px) {
  .s8 {
    min-height: 1508px;
  }
  .s8-c1 {
    padding: 0 6.4vw 0 6.4vw;
  }
  .s8-c2 {
    padding: 24px 24px 10px 24px;
  }
  .s8-c2-h3 {
    font-size: 1.625rem;
  }
  .s8-c2-p {
    font-size: 1.125rem;
    line-height: 1.8em;
  }
}

/* Section 9: media */
.s9 {
  min-height: 781.4922px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.video-bg.s9-video {
  background-position: 50% 0%;
  display: block;
}
.s9-row {
  column-gap: 0;
}
.s9-c1 {
  grid-column: span 24;
  padding: 0 6.9686vw 3px 6.9686vw;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
}
@media (max-width: 999px) {
  .s9 {
    min-height: 510px;
  }
  .s9-c1 {
    grid-column: auto;
    padding: 6.4453vh 8.5938vw 6.4453vh 8.5938vw;
  }
}
@media (max-width: 749px) {
  .s9 {
    min-height: 250px;
  }
  .s9-c1 {
    padding: 0 24px 24px 24px;
  }
}

/* Section 10: A Social Hub of Activity */
.s10 {
  min-height: 703.1797px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.s10-row {
  column-gap: 30px;
}
.s10-c1 {
  grid-column: span 24;
  padding: 0 71.8203px 0 72px;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  display: flex;
}
.s10-c1-g1 {
  margin: 0 0 40px 0;
}
.s10-c1-h1 {
  font-size: 2.75rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.05em;
  letter-spacing: 0;
  color: rgba(125, 125, 125, 0.75);
  margin: 0 0 0 0;
}
.s10-c1-g2 {
  margin: 0 0 42.7812px 0;
}
.s10-c1-p {
  font-size: 1.25rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 0 0.55em 0;
}
.s10-c1-h4 {
  font-size: 1.25rem;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.9em;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 0 38px 0;
  text-align: left;
}
@media (max-width: 999px) {
  .s10-c1 {
    grid-column: auto;
    padding: 55px 6.5vw 55px 6.5vw;
  }
  .s10-c1-h4 {
    margin: 0 0 36px 0;
  }
}
@media (max-width: 749px) {
  .s10-c1 {
    padding: 36px 10.6667vw 25px 10.6667vw;
  }
  .s10-c1-g1 {
    margin: 0 0 24px 0;
  }
  .s10-c1-h1 {
    font-size: 1.875rem;
  }
  .s10-c1-p {
    font-size: 1.125rem;
    line-height: 1.8em;
  }
  .s10-c1-h4 {
    line-height: 1.7em;
    margin: 0 0 24px 0;
  }
}

/* Section 11: media */
.s11 {
  min-height: 675.1875px;
  background-color: rgb(255, 255, 255);
  padding: 0;
  display: flex;
}
.bg.s11-bg {
  background-image: url("../images/orchidisland-0232-ext_cc-straightened.6210e0903fe4.jpg");
  background-position: 50% 50%;
  display: block;
}
.s11-row {
  column-gap: 30px;
}
@media (max-width: 749px) {
  .s11 {
    min-height: 18px;
  }
}
/* Background video stills (shown until the video plays) */
.video-bg.s1-video {
  background-image: url("../images/orchidisland-0232-ext_cc.33741a0832c2.jpg");
}
.video-bg.s9-video {
  background-image: url("../images/thumbnail_orchid-2023-event-091823.b8e2231c74d0.jpg");
}

/* Animation delays */
.d-150 {
  animation-delay: 150ms;
}
.d-300 {
  animation-delay: 300ms;
}