.burger-icon {
  position: absolute;
  width: 24px;
  height: 20px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  z-index: 1002;
}

/* Hide hamburger above 1023px */
@media (min-width: 1024px) {
  .burger-icon {
    display: none !important;
  }
}

/* Force mobile logo to 140px */
.custom-logo {
    width: 140px !important;
}

/* Force desktop logo to 238px at xl and up */
@media (min-width: 1024px) {
    .custom-logo {
        width: 238px !important;
    }
}
@media (max-width: 767px) {
  .custom-logo {
    width: 180px !important; /* 2x of 90px */
  }
}

/* Fix links on footer not being clickable on mobile devices -ze */
footer {
  position: relative;
  z-index: 1000;
}

footer a {
  pointer-events: auto !important;
}
.overlay {
  pointer-events: none;
}
/* Fix footer passing through sticky header z index -ze */
footer {
  position: relative; /* if not already */
  z-index: 1;
}
/* Text color and size fixes for highlights -ze */
.highlight-left {
  border-left: 4px solid #facc15; /* Tailwind yellow-400 hex */
  padding-left: 0.5rem; /* 8px */
  margin-right: 0.25rem; /* 4px spacing after highlight */
  display: inline-block;
}
/* Make tan button and other logo matching style changes -ze */
.tan-button {
  background-color: #EBC06A;  /* tan background */
  color: #FFFFFF;             /* black text */
  transition: all 0.2s ease-in-out;
}

.tan-button:hover {
  background-color: #111827;  /* darker tan on hover */
  color: #FFFFFF;             /* white text on hover */
  transform: translateY(-2px);
}
/* Stylize basic links -ze */
/* Stylize basic links -ze */
.custom-link:link,
.custom-link:visited {
  color: #00549E !important;
  text-decoration: underline !important;
  all: revert; /* Reset anything Tailwind did */
  color: #00549E !important; /* Reset AGAIN in case revert changes it */
  text-decoration: underline !important;
}

.custom-link:hover {
  color: #00549E !important;
  text-decoration: none !important;
  cursor: pointer !important;
}