/* Shared ACF block spacing and device visibility utilities. */

/* Typography overrides are opt-in so the current design stays unchanged by default. */
.sharrcem-heading-size-h1 :is(h1, h2, h3, h4, h5, h6) { font-size: clamp(44px, 5.5vw, 70px) !important; }
.sharrcem-heading-size-h2 :is(h1, h2, h3, h4, h5, h6) { font-size: clamp(40px, 5vw, 64px) !important; }
.sharrcem-heading-size-h3 :is(h1, h2, h3, h4, h5, h6) { font-size: clamp(36px, 4.7vw, 60px) !important; }
.sharrcem-heading-size-h4 :is(h1, h2, h3, h4, h5, h6) { font-size: clamp(34px, 4.4vw, 56px) !important; }
.sharrcem-heading-size-h5 :is(h1, h2, h3, h4, h5, h6) { font-size: clamp(30px, 3.8vw, 46px) !important; }
.sharrcem-heading-size-h6 :is(h1, h2, h3, h4, h5, h6) { font-size: clamp(28px, 3.2vw, 40px) !important; }
.sharrcem-heading-size-h7 :is(h1, h2, h3, h4, h5, h6) { font-size: clamp(26px, 2.8vw, 36px) !important; }
.sharrcem-heading-line-height-1 :is(h1, h2, h3, h4, h5, h6) { line-height: 1 !important; }
.sharrcem-heading-line-height-1-1 :is(h1, h2, h3, h4, h5, h6) { line-height: 1.1 !important; }
.sharrcem-heading-line-height-1-15 :is(h1, h2, h3, h4, h5, h6) { line-height: 1.15 !important; }
.sharrcem-heading-line-height-1-2 :is(h1, h2, h3, h4, h5, h6) { line-height: 1.2 !important; }
.sharrcem-heading-line-height-1-25 :is(h1, h2, h3, h4, h5, h6) { line-height: 1.25 !important; }
.sharrcem-heading-line-height-1-3 :is(h1, h2, h3, h4, h5, h6) { line-height: 1.3 !important; }
.sharrcem-heading-line-height-1-35 :is(h1, h2, h3, h4, h5, h6) { line-height: 1.35 !important; }
.sharrcem-heading-line-height-1-4 :is(h1, h2, h3, h4, h5, h6) { line-height: 1.4 !important; }
.sharrcem-heading-line-height-1-5 :is(h1, h2, h3, h4, h5, h6) { line-height: 1.5 !important; }
.sharrcem-heading-line-height-1-75 :is(h1, h2, h3, h4, h5, h6) { line-height: 1.75 !important; }
.sharrcem-heading-line-height-2 :is(h1, h2, h3, h4, h5, h6) { line-height: 2 !important; }

.sharrcem-text-size-xs :is(p, li, blockquote) { font-size: 14px !important; }
.sharrcem-text-size-s :is(p, li, blockquote) { font-size: 16px !important; }
.sharrcem-text-size-m :is(p, li, blockquote) { font-size: 20px !important; }
.sharrcem-text-size-l :is(p, li, blockquote) { font-size: 26px !important; }
.sharrcem-text-size-xl :is(p, li, blockquote) { font-size: 30px !important; }
.sharrcem-text-line-height-1 :is(p, li, blockquote) { line-height: 1 !important; }
.sharrcem-text-line-height-1-1 :is(p, li, blockquote) { line-height: 1.1 !important; }
.sharrcem-text-line-height-1-15 :is(p, li, blockquote) { line-height: 1.15 !important; }
.sharrcem-text-line-height-1-2 :is(p, li, blockquote) { line-height: 1.2 !important; }
.sharrcem-text-line-height-1-25 :is(p, li, blockquote) { line-height: 1.25 !important; }
.sharrcem-text-line-height-1-3 :is(p, li, blockquote) { line-height: 1.3 !important; }
.sharrcem-text-line-height-1-35 :is(p, li, blockquote) { line-height: 1.35 !important; }
.sharrcem-text-line-height-1-4 :is(p, li, blockquote) { line-height: 1.4 !important; }
.sharrcem-text-line-height-1-5 :is(p, li, blockquote) { line-height: 1.5 !important; }
.sharrcem-text-line-height-1-75 :is(p, li, blockquote) { line-height: 1.75 !important; }
.sharrcem-text-line-height-2 :is(p, li, blockquote) { line-height: 2 !important; }

@media (max-width: 991px) {
	.s-m-t-xs { padding-top: 15px; }
	.s-m-t-s { padding-top: 30px; }
	.s-m-t-m { padding-top: 60px; }
	.s-m-t-l { padding-top: 90px; }
	.s-m-t-xl { padding-top: 120px; }
	.s-m-t-2xl { padding-top: 150px; }
	.s-m-t-3xl { padding-top: 210px; }
	.s-m-t-4xl { padding-top: 240px; }
	.s-m-t-5xl { padding-top: 270px; }
	.s-m-b-xs { padding-bottom: 15px; }
	.s-m-b-s { padding-bottom: 30px; }
	.s-m-b-m { padding-bottom: 60px; }
	.s-m-b-l { padding-bottom: 90px; }
	.s-m-b-xl { padding-bottom: 120px; }
	.s-m-b-2xl { padding-bottom: 150px; }
	.s-m-b-3xl { padding-bottom: 210px; }
	.s-m-b-4xl { padding-bottom: 240px; }
	.s-m-b-5xl { padding-bottom: 270px; }
}

@media (min-width: 992px) {
	.s-d-t-xs { padding-top: 15px; }
	.s-d-t-s { padding-top: 30px; }
	.s-d-t-m { padding-top: 60px; }
	.s-d-t-l { padding-top: 90px; }
	.s-d-t-xl { padding-top: 120px; }
	.s-d-t-2xl { padding-top: 150px; }
	.s-d-t-3xl { padding-top: 210px; }
	.s-d-t-4xl { padding-top: 240px; }
	.s-d-t-5xl { padding-top: 270px; }
	.s-d-b-xs { padding-bottom: 15px; }
	.s-d-b-s { padding-bottom: 30px; }
	.s-d-b-m { padding-bottom: 60px; }
	.s-d-b-l { padding-bottom: 90px; }
	.s-d-b-xl { padding-bottom: 120px; }
	.s-d-b-2xl { padding-bottom: 150px; }
	.s-d-b-3xl { padding-bottom: 210px; }
	.s-d-b-4xl { padding-bottom: 240px; }
	.s-d-b-5xl { padding-bottom: 270px; }
}

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

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

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