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

   REQUIREMENTS — two classes, in two different places:

     1. .jm-nd-header  on the header SECTION.
        This scopes everything below to the header. It matters because
        .jm-nd-phone-number-header-right is also used on in-page call buttons
        (e.g. the big "CALL US ..." button on /typ/), which must NOT be
        restyled or re-columned.

     2. .jm-nd-phone-number-header-right  on the phone BUTTON itself
        (Flatsome puts a Button element's Class onto its <a class="button ...">).

   Below Flatsome's "small" breakpoint (549px):
     a. the header 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.
     b. the header row is re-split 7/12 (logo) + 5/12 (button), so the logo is
        no longer squeezed.

   The :not(.small-12) guard means a column the author set to full width on
   mobile is never shrunk, whatever else changes in the header block.

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

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

	/* a. Let the button shrink to fit its content */
	.jm-nd-header 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 */
	.jm-nd-header a.button.jm-nd-phone-number-header-right > span {
		font-size: 0;
		letter-spacing: 0;
	}

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

	/* b. Header row = the row holding the phone button. Two-column rows only,
	      never a column authored as full-width on mobile. */
	.jm-nd-header .row:has(> .col .jm-nd-phone-number-header-right) > .col:not(.small-12):first-child:not(:last-child) {
		flex-basis: 58.3333%;
		max-width: 58.3333%;
	}

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