/* website1.embedzilla.com customizations layered on top of the Strikingly mirror. Loaded last in so these rules win by source order (plus !important where the theme's body-scoped selectors out-specify us). Change 2026-07-24: the "Get in Touch" email form was removed from the contact section and the two remaining columns (contact info + Google map) are re-centered as a group, keeping their original widths/heights instead of letting the map stretch to fill the space the form vacated. IMPORTANT: Strikingly's client JS re-hydrates the contact section from an embedded data model on load. It (a) re-injects the email-form column and (b) rewrites the row's column-count class back to `s-three-columns`, undoing the edits made to the static HTML. So these overrides must NOT depend on the `s-two-columns` class — they target `.s-contact-section-columns` directly, which holds in both the static and hydrated DOM. We can't simply drop the JS bundle either: it's what injects the Google map iframe. */ /* 1. Hide the re-injected email-form column so the form stays gone in the live browser. */ .s-contact-section .s-email-column { display: none !important; } /* 2. Center the remaining two columns as a group within the row. */ .s-contact-section .s-contact-section-columns { -webkit-justify-content: center !important; justify-content: center !important; margin-left: auto !important; margin-right: auto !important; gap: 30px; } /* 3. Keep both columns at their natural widths instead of flex-growing the map to fill. */ .s-contact-section .s-contact-section-columns .s-contact-info-column, .s-contact-section .s-contact-section-columns .s-google-maps-column { -webkit-flex: 0 0 auto !important; flex: 0 0 auto !important; margin-left: 0 !important; margin-right: 0 !important; } .s-contact-section .s-contact-section-columns .s-google-maps-column { width: 414px !important; max-width: 414px !important; min-height: 314px; }