/* ==========================================================================
   Shared shortcode utilities — responsive visibility classes.
   Same names/behavior as Flatsome's, so `visibility` attribute values stay
   portable across projects. Breakpoints: small ≤549px, medium ≤849px.
   ========================================================================== */

.hidden {
	display: none !important;
}

@media (max-width: 549px) {
	.hide-for-small {
		display: none !important;
	}
}

@media (min-width: 550px) {
	.show-for-small {
		display: none !important;
	}
}

@media (max-width: 849px) {
	.hide-for-medium {
		display: none !important;
	}
}

@media (min-width: 850px) {
	.show-for-medium {
		display: none !important;
	}
}