/* Color Scheme for Hammock Oaks Reserve - Primary Green: #046A38, Secondary Brown and Hyperlink: #7D622E, Hyperlink Hover Green: #046A38, Visited: #7D622E, Current: #D3A54E */
/* Primary font for Headlines: H1:acumin-variable, H2:gabriola, P:gadugi */

p { font-family: "gadugi", sans-serif;color:#046A38;font-size:1rem;font-weight: 400;font-style: normal;text-align:left; }
a {  color:#7D622E; text-decoration:none; font-weight:bold;font-size:1.1em;}
a:link {  color:#7D622E; text-decoration:none; font-weight:bold;font-size:1.1em;}
a:visited { color:#7D622E;} /* visited can only alter color */
a:hover { color:#046A38; text-decoration:none; font-weight:bold;font-size:1.1em;}
a:active { color:#046A38; text-decoration:none; font-weight:bold;font-size:1.1em;}
ul { font-family: "gadugi", sans-serif;color:#046A38;font-size: 2rem;font-weight:400;font-style:normal;line-height:normal;text-align:left;margin:0 1rem 1.5rem 1rem;padding:0;}
li { font-family: "gadugi", sans-serif;color:#046A38;font-size: 1rem;font-weight:400;font-style:normal;line-height:normal;text-align:left;margin:.5rem 1rem;padding:0;}

h1 { margin: 1rem 0; padding: 0;text-align:center;font-size:2.5rem; color:#7D622E;line-height:2.5rem;font-family: "acumin-variable", sans-serif;}
h2 { margin: 1rem 0; padding: 0;text-align:center;font-size:2.5rem; color:#7D622E;line-height:2.5rem;font-family: "gabriola", sans-serif;font-weight: 400;font-style: normal;}
h3 { margin: 1rem 0; padding: 0;text-align:center;font-size:1.25rem; color:#7D622E;line-height:2.5rem;font-family: "acumin-variable", sans-serif;}
h4 { margin: 1rem 0; padding: 0;text-align:center;font-size:1.1rem; color:#7D622E;line-height:2.5rem;font-family: "acumin-variable", sans-serif;}

/* BEGIN FIGCAPTION FOR SLIDE OVERLAYS */
figcaption {
background-color:transparent;text-align:center;margin:0;padding:0;width:100%;
text-shadow: 1px 1px 5px rgb(60, 60, 60);
-webkit-text-stroke: 1px #7D622E;
font-weight:900;
}
@media only screen and (max-width: 3000px) {
  figcaption h2 {
    color:#D3A54E;
    font-size: 4vw;
    line-height:3.5vw;
  }
}
@media only screen and (max-width: 600px) {
  figcaption h2 {
    color:#D3A54E;
    font-size: 8vw;
    line-height:7.5vw;
  }
}
/* END FIGCAPTION */


/* START THE FAQ DROPDOWN */
.faq-container {
  max-width: 600px;
  margin: 0 auto;
  font-family: "gadugi", sans-serif;
  color:#046A38;
}

.faq-item {
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  font-family: "gadugi", sans-serif;
  color:#046A38;
}

.faq-question {
  width: 100%;
  padding: 15px;
  background-color: #f7f7f7;
  border: none;
  text-align: left;
/*  font-size: 16px; */
  cursor: pointer;
  outline: none;
  font-family: "gadugi", sans-serif;
  color:#046A38;
}

.faq-question:hover {
  background-color: #eaeaea;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 15px;
  background-color: #fff;
/*  font-size: 14px; */
  transition: max-height 0.3s ease, padding 0.3s ease;
  font-family: "gadugi", sans-serif;
  color:#046A38;
}

.faq-item:focus-within .faq-answer {
  max-height: 500px; /* Adjust based on content */
  padding: 15px;
}
/* END THE FAQ DROPDOWN */