/* LoveOne 2026 additions on top of the Zerif theme */

/* Large logo in the hero, above the headline */
.hero-logo { display: block; width: 300px; max-width: 70%; height: auto; margin: 0 auto 32px; filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.6)); }
.header-content-wrap { padding-top: 120px; }

/* Theme default gives the copyright column a black panel, which looks like a stray box on the footer photo */
#footer .copyright { background: transparent; }

/* Large logo at the top of the footer */
.footer-logo { padding-top: 60px; text-align: center; }
.footer-logo img { width: 220px; max-width: 60%; height: auto; filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.6)); }

@media (max-width: 767px) {
	.hero-logo { width: 200px; margin-bottom: 24px; }
	.header-content-wrap { padding-top: 100px; }
	.footer-logo { padding-top: 40px; }
	.footer-logo img { width: 160px; }
}

/* Start page: menu-bar logo hidden while the hero logo is fully visible (see loveone.js) */
.navbar-brand .custom-logo { transition: opacity 0.3s ease; }
.home:not(.hero-logo-out) .navbar-brand .custom-logo { opacity: 0; pointer-events: none; }
.menu-ready #menu-primary-menu { transition: transform 0.4s ease; }
.home:not(.hero-logo-out) #menu-primary-menu { transform: translateX(var(--menu-shift, 0)); }