/*
 * Small, theme-independent utilities used by Red Joint Builder.
 * They intentionally avoid visual design decisions already owned by the theme.
 */
.rjb-spacing-none {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.rjb-spacing-compact {
	padding-top: clamp(1.25rem, 3vw, 2.5rem) !important;
	padding-bottom: clamp(1.25rem, 3vw, 2.5rem) !important;
}

.rjb-spacing-wide {
	padding-top: clamp(4rem, 9vw, 8rem) !important;
	padding-bottom: clamp(4rem, 9vw, 8rem) !important;
}

@media (min-width: 1025px) {
	.rjb-hide-desktop {
		display: none !important;
	}
}

@media (min-width: 641px) and (max-width: 1024px) {
	.rjb-hide-tablet {
		display: none !important;
	}
}

@media (max-width: 640px) {
	.rjb-hide-mobile {
		display: none !important;
	}
}