@charset "utf-8";
/* CSS Document */


/* desktop screen sizes  */

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

@media only screen and (min-width: 0px) and (max-width: 600px) { 
  html {
    font-size: 14px;
    scroll-behavior: smooth;
  }
}

/* expansion section */
.expansion-section {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  display: grid;
  grid-template-areas: 
    "header close-icon"
    "content content"
    "footer footer";
  gap: 3px;
  grid-template-columns: 10fr 1fr;
}

.expansion-section div.header { 
  grid-area: header; 
  text-align: center; 
  font-family: Neuvetica-Bold;
  font-size: 1.5em;
  color: black;
}
.expansion-section div.close-icon { grid-area: close-icon; text-align: right  }
.expansion-section div.close-icon img { opacity: 0.5; width: 20px }
.expansion-section div.close-icon img:hover { opacity: 1.0 }

.expansion-section div.content { 
  grid-area: content; 
  font-family: Neuvetica-Thin;
  font-size: 1.1em;
  line-height: 1.5em;
  color: black;
  margin-top: 10px;
}

.content p { margin-bottom: 16px }
.content b { font-family: Neuvetica-Bold }

.content ul { list-style-type: disc; list-style-position: outside; padding-left: 20px }
.gate {
  font-size : 0.8em;
  line-height: 1.25em;
  padding-bottom: 2px
}

.expansion-section div.footer { 
  grid-area: footer;
  font-family: Neuvetica-Thin;
  font-size: 0.8em;
  line-height: 1.2em;
  color: black;
  margin-top: 10px;
}


.expansion-section div.footer button { width : 100px;}

#membership-inquiries, #guest-use, #gate-access, #pool-rules, #private-events, #membership-faq {
  display : none;
}