/* ========================================================================= VOYARA GLOBAL FOOTER OVERLAY (loaded after the T4 optimize bundle) Corrects base-T4 leaks that the compiled scss footer block does not override, bringing the footer to 1:1 with pencil/voyara.pen node gBjhy. Light + dark. Loaded on every page via index.php addCustomTag. ========================================================================= */ /* --- Top row: .pen Top padding [56,48] -> vertical 56/56 (live bundle = 56/40) */ .voy-footer-top { padding: 56px 0 56px; } /* --- Footer width + column balance: .pen gBjhy Top is fill_container with padding [56,48] -> content spans ~1344 (1440-96), NOT the 1140 site container. The five columns (Brand | Explore | Company | Resources | Newsletter) are distributed space-between. The compiled scss squeezed everything into .container (1140) and bunched the 3 nav columns inside a single centre grid track, so the nav block sat left with a large void before the newsletter. Span wide + flatten to one even row. */ .voy-footer-inner .voy-footer-top > .container { max-width: 1180px; padding-left: 20px; padding-right: 20px; /* The inner .container inherits a global 32px block padding, which stacks on top of .voy-footer-top's 56px → an 88px top/bottom gap, ~double the .pen's 56. Zero it so the top block reads the pen's 56/56. */ padding-top: 0; padding-bottom: 0; } .voy-footer-grid { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; gap: 48px; } .voy-footer-links { display: contents; } /* promote the 3 nav cols into the flex row */ .voy-footer-brandcol { flex: 0 1 300px; max-width: 300px; } .voy-footer-col { flex: 0 0 auto; } .voy-footer-newsletter { flex: 0 0 280px; max-width: 280px; } @media (max-width: 991px) { .voy-footer-inner .voy-footer-top > .container { max-width: 100%; padding-left: 20px; padding-right: 20px; } .voy-footer-grid { display: grid; grid-template-columns: 1fr; gap: 32px; } .voy-footer-links { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; } .voy-footer-brandcol, .voy-footer-newsletter, .voy-footer-col { flex: none; max-width: none; } } /* --- Column + newsletter titles: .pen gBjhy has NO underline on any footer title. Base T4 .module-title { border-bottom:1px solid #e9ecef } (and the dark-mode .module-dark .module-title span border) leak through; zero them for every title inside the footer (cols, newsletter, brand). */ #t4-footer .module-title, #t4-footer .module-title span { border: 0 !important; padding-bottom: 0; } /* --- Footer menu nav wrapper: mod_menu wraps the links in