/* ===================================================== LOGO ALIGNMENT FIX — logo-fix.css (v4 - FINAL) Place AFTER main.css AND responsive.css in ===================================================== */ /* ── 1. Header container — fixed 40px, kills the 12% rule ── */ .header .container { padding-inline-start: 40px !important; padding-inline-end: 40px !important; } @media only screen and (min-width: 1200px) { .header .container { padding-inline-start: 40px !important; padding-inline-end: 40px !important; } } /* ── 2. Banner container — same 40px base ─────────────────── */ .banner .container { padding-inline-start: 40px !important; padding-inline-end: 40px !important; } /* ── 3. Remove Bootstrap's 12px column gutter from the banner's first column so text aligns with logo ─────── */ .banner .row { --bs-gutter-x: 0 !important; } /* ── 4. Header logo — fixed width, no height squish ──────── */ .header .navbar-logo img { width: 130px !important; max-width: 130px !important; height: auto !important; display: block; } /* ── 5. Prevent navbar-logo from shrinking ───────────────── */ .header .navbar__intro { flex-shrink: 0; } /* ── 6. Footer logo & container ─────────────────────────── */ .footer .footer__widget-intro .logo img, .footer .footer__widget-intro img { width: 130px !important; max-width: 130px !important; height: auto !important; display: block; } .footer .container { padding-inline-start: 40px !important; padding-inline-end: 40px !important; } /* ── 7. Mobile logo ─────────────────────────────────────── */ .mobile-menu .logo img { width: 130px !important; max-width: 130px !important; height: auto !important; }