All Latest 2026 Frederick France Songs MP3 Download, Lyrics & Albums

/* ---------- MOBILE DROPDOWN ---------- */ .mobile-dropdown-menu { position: sticky; top: 100%; left: 0; right: 0; background: var(--mobile-header-bg); z-index: 999; display: none; border-top: 1px solid var(--border-color); } /* ACTIVE */ .mobile-dropdown-menu.active { display: block; } /* ---------- WRAPPER ---------- */ .mobile-dropdown-content { padding: 12px; max-width: 1200px; margin: 0 auto; } /* ---------- SMALLER, TIGHTER GRID ---------- */ .mobile-dropdown__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; /* tighter spacing */ } /* ---------- ITEM ---------- */ .mobile-dropdown__item { border: none; } /* ---------- CARD ---------- */ .mobile-dropdown__link { background: var(--card-bg); color: var(--text-main) !important; text-decoration: none; font-weight: 600; font-size: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 8px 6px; border-radius: 12px; box-shadow: var(--shadow); transition: all 0.2s ease; min-height: 78px; /* keeps grid uniform */ } /* ---------- BLUE HOVER EFFECT (#2187ee) ---------- */ .mobile-dropdown__link { position: relative; overflow: hidden; transition: all 0.25s ease; } /* hover card */ .mobile-dropdown__link:hover { transform: translateY(-3px); background: rgba(33, 135, 238, 0.08); /* soft blue tint */ box-shadow: 0 10px 25px rgba(33, 135, 238, 0.25); } /* soft gradient glow */ .mobile-dropdown__link::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 135deg, rgba(33, 135, 238, 0.12), transparent ); opacity: 0; transition: 0.3s ease; } .mobile-dropdown__link:hover::before { opacity: 1; } /* icon animation */ .menu-icon { transition: 0.25s ease; } .mobile-dropdown__link:hover .menu-icon { transform: scale(1.12); } /* text hover color */ .mobile-dropdown__link:hover span { color: #2187ee; } /* icon smooth animation */ .menu-icon { transition: 0.25s ease; } /* ---------- ICON ---------- */ .menu-icon { width: 22px; height: 22px; fill: var(--text-main); margin-bottom: 5px; } /* ---------- TEXT ---------- */ .mobile-dropdown__link span { color: var(--text-main); text-align: center; font-size: 14px; line-height: 1.5; } /* ---------- FIX ---------- */ .site-navigation__menu li { white-space: nowrap; } .mobile-dropdown-header { display: none !important; } /* ---------- MOBILE ---------- */ @media(max-width: 480px){ .mobile-dropdown__list { grid-template-columns: repeat(3, 1fr); gap: 6px; } .mobile-dropdown__link { padding: 9px 5px; min-height: 72px; border-radius: 10px; } .menu-icon { width: 20px; height: 20px; } .mobile-dropdown__link span { font-size: 10.5px; } }