/* ---------------------------------------------------------------------------
   Site-specific overrides.

   Loaded AFTER css/main.css so these win without editing the (minified) theme
   stylesheet — theme file stays replaceable, our changes live in one place.
   --------------------------------------------------------------------------- */

/* Top contact bar — small screens.

   The bar stacks its columns below md and the theme's `c-my-15` gives each one
   15px of top AND bottom margin. With the phone column at 30px of content that
   produced a ~97px bar. The social-icons column renders at 0px height on mobile
   (icons are hidden below md), so it contributed 31px of pure empty space. */
@media (max-width: 767.98px) {
	.page_topline .row > [class*="col-"] {
		margin-top: 4px;
		margin-bottom: 4px;
	}

	/* Empty below md — don't let it reserve vertical space. */
	.page_topline .social-top-includ {
		display: none;
	}
}
