Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
/* ============================================
CSS VARIABLES (bridge to match site theme)
============================================ */
:root {
--font-display: 'Oswald', sans-serif;
--font-body: 'DM Sans', sans-serif;
--bg-deep: #0a0f14;
--bg-panel: #111a24;
--accent: #c9a84c;
--accent-hover: #d4b85c;
--white: #e8e4de;
--text-primary: #e8e4de;
--text-muted: #8a9aa8;
--text-subtle: #6a7a88;
--border: rgba(201,168,76,0.08);
--container: 1200px;
}
[data-theme="light"] {
--bg-deep: #f5f2ec;
--bg-panel: #eae5dc;
--white: #1a1a1a;
--text-primary: #1a1a1a;
--text-muted: #555;
--text-subtle: #888;
--border: rgba(0,0,0,0.08);
}
/* ============================================
Elementor overrides — block pseudo-element duplication
============================================ */
.mm-nav *, .mm-nav *::before, .mm-nav *::after,
.mm-mobile-menu *, .mm-mobile-menu *::before, .mm-mobile-menu *::after {
box-sizing: border-box !important;
}
.mm-nav a::before, .mm-nav a::after,
.mm-nav span::before, .mm-nav span::after,
.mm-mobile-menu a::before, .mm-mobile-menu a::after {
content: none !important;
display: none !important;
}
/* ============================================
NAVIGATION — Sticky frosted glass
============================================ */
.mm-nav {
position: fixed !important;
top: 12px !important; left: 24px !important; right: 24px !important;
width: auto !important;
z-index: 10000 !important;
padding: 14px 0 !important;
transition: background 0.45s ease, padding 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease, top 0.4s ease;
background: rgba(8, 12, 16, 0.85) !important;
backdrop-filter: blur(16px) saturate(1.2) !important;
-webkit-backdrop-filter: blur(16px) saturate(1.2) !important;
border-radius: 6px !important;
margin: 0 !important;
border: none !important;
}
.mm-nav.scrolled {
background: rgba(8, 12, 16, 0.95) !important;
backdrop-filter: blur(24px) saturate(1.4) !important;
-webkit-backdrop-filter: blur(24px) saturate(1.4) !important;
border-bottom: 1px solid rgba(201, 168, 76, 0.08) !important;
padding: 10px 0 !important;
box-shadow: 0 4px 32px rgba(0,0,0,0.3) !important;
top: 8px !important;
}
.mm-nav-inner {
max-width: var(--container) !important;
margin: 0 auto !important;
padding: 0 clamp(24px, 5vw, 48px) !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
/* Logo */
.mm-nav-logo {
display: flex !important;
align-items: center !important;
text-decoration: none !important;
}
.mm-nav-logo img {
height: 40px !important;
width: auto !important;
display: block !important;
}
.mm-logo-for-light { display: none !important; }
[data-theme="light"] .mm-logo-for-light { display: block !important; }
[data-theme="light"] .mm-logo-for-dark { display: none !important; }
/* Hide any WordPress/Elementor default site branding that duplicates our custom nav logo */
.custom-logo-link,
.site-branding .custom-logo,
.elementor-widget-theme-site-logo,
header.site-header .site-logo,
.elementor-widget-site-logo {
display: none !important;
}
/* Center nav links */
.mm-nav-links {
display: flex !important;
align-items: center !important;
gap: 36px !important;
position: absolute !important;
left: 50% !important;
transform: translateX(-50%) !important;
}
.mm-nav-links a {
font-family: var(--font-display) !important;
font-size: 12px !important;
font-weight: 500 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
color: var(--text-muted) !important;
text-decoration: none !important;
transition: color 0.25s ease !important;
position: relative !important;
}
.mm-nav-links a:hover { color: var(--white) !important; }
.mm-nav-links a.active { color: var(--accent) !important; }
.mm-nav-links a::after {
content: '' !important;
display: block !important;
position: absolute !important;
bottom: -4px !important;
left: 0 !important; right: 0 !important;
height: 1px !important;
background: var(--accent) !important;
transform: scaleX(0) !important;
transition: transform 0.3s ease !important;
}
.mm-nav-links a:hover::after { transform: scaleX(1) !important; }
/* Right side */
.mm-nav-right {
display: flex !important;
align-items: center !important;
gap: 20px !important;
}
.mm-nav-cta {
display: inline-block !important;
padding: 10px 28px !important;
background: var(--accent) !important;
color: var(--bg-deep) !important;
font-family: var(--font-display) !important;
font-size: 0.75rem !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
text-decoration: none !important;
border: none !important;
cursor: pointer !important;
transition: background 0.2s, transform 0.2s !important;
}
.mm-nav-cta:hover {
background: var(--accent-hover) !important;
transform: translateY(-2px) !important;
}
/* Hamburger button */
.mm-menu-btn {
display: flex !important;
background: none !important;
border: none !important;
cursor: pointer !important;
padding: 8px !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
min-width: 44px !important;
min-height: 44px !important;
z-index: 10001 !important;
pointer-events: auto !important;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
.mm-menu-btn span {
display: block !important;
width: 22px !important;
height: 2px !important;
background: var(--white) !important;
transition: all 0.3s ease !important;
pointer-events: none !important;
}
@media (max-width: 768px) {
.mm-nav-links { display: none !important; }
.mm-nav-cta { display: none !important; }
}
/* ============================================
FULLSCREEN MOBILE MENU
============================================ */
.mm-mobile-menu {
position: fixed !important;
top: 0 !important; left: 0 !important;
width: 100% !important; height: 100% !important;
background: var(--bg-deep) !important;
z-index: 99999 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 32px !important;
opacity: 0 !important;
visibility: hidden !important;
transition: all 0.4s ease !important;
pointer-events: none !important;
}
.mm-mobile-menu.open {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
.mm-mobile-menu a {
font-family: var(--font-display) !important;
font-size: 1.5rem !important;
font-weight: 500 !important;
letter-spacing: 3px !important;
text-transform: uppercase !important;
color: var(--white) !important;
text-decoration: none !important;
transition: color 0.3s !important;
}
.mm-mobile-menu a:hover { color: var(--accent) !important; }
.mm-menu-close {
position: absolute !important;
top: 24px !important; right: 28px !important;
background: none !important;
border: none !important;
cursor: pointer !important;
font-size: 2rem !important;
color: var(--white) !important;
padding: 8px !important;
line-height: 1 !important;
z-index: 100000 !important;
pointer-events: auto !important;
}
(function() {
// Scroll effect — darken nav on scroll
var nav = document.getElementById('mmNav');
if (nav) {
window.addEventListener('scroll', function() {
nav.classList.toggle('scrolled', window.scrollY > 80);
}, { passive: true });
}
// Mobile menu close on link click
var menu = document.getElementById('mmMobileMenu');
if (menu) {
menu.querySelectorAll('a').forEach(function(link) {
link.addEventListener('click', function() {
menu.classList.remove('open');
document.body.style.overflow = '';
});
});
}
// Highlight active page link
var path = window.location.pathname;
document.querySelectorAll('.mm-nav-links a').forEach(function(a) {
if (path.indexOf(a.getAttribute('href').replace('https://gomusclemastery.com', '')) > -1) {
a.classList.add('active');
}
});
})();
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Hi, this is a comment.
To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.
Commenter avatars come from Gravatar.
Use our Credit Card Minimum Payment Calculator to estimate how long it may take to pay off a credit card when making only minimum payments. See estimated total interest and repayment costs over time.
Credit Card Minimum Payment Calculator