/* Generated by replay.py --pass visibility from production measurements
   -- do not hand-edit; re-run this tool instead.

   Production shows and hides the SAME content at different widths (two
   `.contact-us-row` rows carrying one set of four blurbs each; a
   desktop/phone CTA swap on the loan pages; a narrow-phone line-break
   variant of the privacy-policy contact line). Our extracted markup
   renders every variant at every width; these classes replay the
   measured show/hide instead.

   THE CLASS NAME IS THE MEASURED BOUNDARY. `sc-hide-max-980` means
   `@media (max-width: 980px)`, measured hidden at 980 and shown at 981.
   Every boundary below was measured 1px on each side, not inferred:
     980 -- the theme's existing breakpoint (see responsive.css).
     767 -- Divi's phone breakpoint.
     400 -- privacy-policy only; production's own styles.css carries
            `@media (max-width:400px)` for that email-address swap.
            This resolves the 'second, narrower breakpoint somewhere in
            (480, 780]' that responsive.css flagged as unresolved --
            it is two breakpoints, 767 and 400, not one.

   `!important` is deliberate. These must beat whatever `display` the
   component rules set (`.sc-blurb--inline` and friends), and the
   elements carry replayed per-instance classes that can raise
   specificity later -- a hide that silently loses the cascade is
   indistinguishable from one that was never written.

   ENQUEUE: this sheet must load AFTER components.css, like every other
   generated sheet. Add `'visibility' => array( 'sc-legal-text' )` to the
   $sheets map in functions.php -- NOT done by this tool. */

@media (min-width: 981px) {
	.sc-hide-min-981 { display: none !important; }
}

@media (max-width: 980px) {
	.sc-hide-max-980 { display: none !important; }
}

@media (min-width: 768px) {
	.sc-hide-min-768 { display: none !important; }
}

@media (max-width: 767px) {
	.sc-hide-max-767 { display: none !important; }
}

@media (min-width: 401px) {
	.sc-hide-min-401 { display: none !important; }
}

@media (max-width: 400px) {
	.sc-hide-max-400 { display: none !important; }
}
