/*  Fluid Locations -  2024 */
/*	###############################################	*/\
/*  Site created by Storytellers - storytellers.odozii.com */
/*  Design and Development by Francis Isibor */
/*	###############################################	*/
.thirdwidth {
  width:33.33vw;
}
.half-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--container-padding, 0.5rem);
  padding-left: var(--container-padding, 0.5rem);
}
.bg-fluid {
  background-color:#C09E40;
}
.hover-bg-fluid:hover {
  background-color:#C09E40;
}

.text-fluid {
  color:#C09E40;
}
.hover-text-fluid:hover {
  color:#C09E40;
}
.focus-text-fluid:focus {
  color:#C09E40;
}
.focus-text-fluid:visited {
  color:#000;
}
.bg-fluid-button:hover {
  background-color:#C09E40;
}
.heroheight {
  height:30vh;
}
@media (min-width: 768px) { /* Adjust to match Tailwind's 'md' breakpoint */
  .heroheight {
    height:50vh;
  }
}
.menubarFiller {
  width:100%;
  height:120px;
}
.halfscreen {
  height:25vh;
}

@media (min-width: 768px) { /* Adjust to match Tailwind's 'md' breakpoint */
  .halfscreen {
    height:50vh;
  }
}
.quarterscreen {
  height:12vh;
}
@media (min-width: 768px) { /* Adjust to match Tailwind's 'md' breakpoint */
  .quarterscreen {
    height:30vh;
  }
}
@media (min-width: 640px) { /* Adjust to match Tailwind's 'sm' breakpoint */
  .half-container {
    max-width: 213px; /* Half of Tailwind's 'sm' max-width */
  }
}

@media (min-width: 768px) { /* Adjust to match Tailwind's 'md' breakpoint */
  .half-container {
    max-width: 256px; /* Half of Tailwind's 'md' max-width */
  }
}

@media (min-width: 1024px) { /* Adjust to match Tailwind's 'lg' breakpoint */
  .half-container {
    max-width: 341px; /* Half of Tailwind's 'lg' max-width */
  }
}

@media (min-width: 1280px) { /* Adjust to match Tailwind's 'xl' breakpoint */
  .half-container {
    max-width: 426px; /* Half of Tailwind's 'xl' max-width */
  }
}

@media (min-width: 1536px) { /* Adjust to match Tailwind's '2xl' breakpoint */
  .half-container {
    max-width: 768px; /* Half of Tailwind's '2xl' max-width */
    max-width: 512px; /* Half of Tailwind's '2xl' max-width */
  }
}
body {
  font-family: "Lexend", sans-serif;
  font-weight: 300;
  font-style: normal;
}

/* // <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900 */

/* .lexend-<uniquifier> { */
.lexend {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  text-spacing:1px;
}

.serif {
  font-family: "Gilda Display", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 1px;
}

/* .serif {
  font-family: "Italiana", sans-serif;
  font-weight: 400;
  font-style: normal;
} */

/* .serif {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
  font-style: italic;
} */


/* BURGER BUTTON */
.menubutton .burger {
  background-color:black;
  transition: all 0.3s ease-in-out;
}
.menubutton:hover .burger {
  background-color:#C09E40;
}
.closemenubutton .burger {
  transition: all 0.3s ease-in-out;
  background-color:#C09E40;
}
.closemenubutton:hover .burger {
  background-color:black;
}
#menusheet {
  transition: all 0.3s ease-in-out;
}
.visibleSheet {
  opacity:100;
}
.invisibleSheet {
  opacity: 0;
  pointer-events: none;
}