Academy Catalog

/* All your original CSS goes here — I’ve kept it unchanged but added a few safeguards */
.hh-site-wrap {
–hh-navy: #0b1f3a;
–hh-navy-2: #132b4d;
–hh-gold: #d4af37;
–hh-gold-dark: #b88d14;
–hh-white: #ffffff;
–hh-bg: #f7f9fc;
–hh-bg-soft: #f8fafc;
–hh-border: #e5e7eb;
–hh-text: #1f2937;
–hh-gray: #4a5568;
–hh-muted: #6b7280;
–hh-shadow: 0 4px 14px rgba(15,23,42,.04);
–hh-shadow-hover: 0 16px 34px rgba(15,23,42,.10);
font-family: Arial, Helvetica, sans-serif;
color: var(–hh-text);
background: var(–hh-bg);
box-sizing: border-box;
}

.hh-site-wrap * { box-sizing: border-box; }

/* … (paste the rest of your content exactly as you had it) … */

/* Quick fixes added for WordPress compatibility */
.hh-site-wrap {
position: relative;
z-index: 1;
}

.hh-site-header {
z-index: 999 !important; /* Higher priority for sticky header */
}

.hh-sticky-nav {
z-index: 30 !important;
}

/* Prevent theme overrides on buttons/links */
.hh-btn, .hh-header-btn {
text-decoration: none !important;
}

/* Better mobile handling */
@media (max-width: 767px) {
.hh-site-header-inner {
flex-wrap: wrap;
}
.hh-main-nav {
order: 3;
width: 100%;
}
}

<!– Your entire

content (header, hero, sections, footer) remains exactly the same as you provided –>

…

(function() {
var links = document.querySelectorAll(‘.hh-sticky-link’);
var sections = document.querySelectorAll(‘.hh-tier-section’);

links.forEach(function(link) {
link.addEventListener('click', function(e) {
var target = document.querySelector(this.getAttribute('href'));
if (target) {
e.preventDefault();
var offset = 145;
if (window.innerWidth < 768) offset = 120; // better mobile offset
window.scrollTo({ top: target.offsetTop – offset, behavior: 'smooth' });
}
});
});

window.addEventListener('scroll', setActive);
window.addEventListener('load', setActive);
setActive();
})();

Showing 1–16 of 33 results