/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 06 2026 | 22:42:25 */
/* ==========================================================================
   New Design header — mobile "Call Now" button
   --------------------------------------------------------------------------
   Safe to paste as-is on all 4 domains (Allied US/CA, North American US/CA).

   The only hook is the .jm-nd-phone-number-header-right class, which must sit
   on the BUTTON element itself (not on the column/wrapper). Nothing here
   depends on block IDs or column spans, so it survives the fact that each
   site's header block is built slightly differently.

   Below Flatsome's "small" breakpoint (549px):
     1. the button shows the phone icon + "Call Now" instead of the digits.
        The real number stays in the DOM and in href="tel:", so screen readers
        and tap-to-call are unchanged.
     2. the header row is re-split 7/12 (logo) + 5/12 (button), so the logo
        is no longer squeezed.

   The selectors are deliberately specific (a.button.jm-...) so they win over
   the min-width:220px rule in [MJ] Generic CSS regardless of load order.
   ========================================================================== */

@media only screen and (max-width: 549px) {

	/* 1. Let the button shrink to fit its content */
	a.button.jm-nd-phone-number-header-right {
		min-width: 0;
		padding-left: 1em;
		padding-right: 1em;
		white-space: nowrap;
	}

	/* Hide the digits without removing them from the DOM */
	a.button.jm-nd-phone-number-header-right > span {
		font-size: 0;
		letter-spacing: 0;
	}

	/* ...and show "Call Now" in their place */
	a.button.jm-nd-phone-number-header-right > span::after {
		content: "Call Now";
		font-size: 14px;
		letter-spacing: normal;
		text-transform: none;
	}

	/* 2. Header row = the row holding the phone button.
	      Two-column rows only, so the single-column inner rows that Flatsome
	      nests inside each column are left untouched. */
	.row:has(> .col .jm-nd-phone-number-header-right) > .col:first-child:not(:last-child) {
		flex-basis: 58.3333%;
		max-width: 58.3333%;
	}

	.row:has(> .col .jm-nd-phone-number-header-right) > .col:last-child:not(:first-child) {
		flex-basis: 41.6667%;
		max-width: 41.6667%;
	}
}