@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Tenor+Sans&display=swap');

.calvary {
	:where(h1, h2, h2, h3, h4, h5, h6) {
		font-family: 'Tenor Sans', sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-variation-settings: 'width' 100;
	}

	:where(:not(h1, h2, h3, h4, h5, h6)) {
		font-family: 'Open Sans', sans-serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-variation-settings: 'width' 100;
	}

	h1 {
		font-size: clamp(2.6em, 45px, 3.6em);
		font-family: 'Tenor Sans', sans-serif;
		font-weight: 400;
		letter-spacing: -1px;
	}

	h2 {
		font-size: clamp(2em, 40px, 3em);
		font-family: 'Tenor Sans', sans-serif;
		font-weight: 400;
	}

	h3 {
		font-size: clamp(1.5em, 25px, 2em);
		font-family: 'Tenor Sans', sans-serif;
		font-weight: 400;
		line-height: 1.2;
	}

	h4 {
		font-size: clamp(1.25em, 22px, 1.75em);
		font-family: 'Tenor Sans', sans-serif;
		font-weight: 400;
	}

	h5 {
		font-size: clamp(1.1em, 20px, 1.5em);
		font-family: 'Tenor Sans', sans-serif;
		font-weight: 400;
	}

	h6 {
		font-size: clamp(1em, 19px, 1.1em);
		font-family: 'Tenor Sans', sans-serif;
		font-weight: 400;
	}

	p {
		font-size: clamp(15px, 1.05em, 19px);
		font-family: 'Open Sans', sans-serif;
	}

	:where(p:empty) {
		line-height: 1.2;
		min-height: clamp(17px, 1.1em, 20px);
		white-space: pre;
	}

	/* a,
	a:visited {
		color: inherit;
	} */

	p > a {
		white-space: pre;
	}

	@media (min-width: 380px) {
		h1 {
			font-size: clamp(3em, 63px, 5em);
		}
	}

	@media (min-width: 500px) {
		h3 {
			font-size: clamp(2em, 28px, 2.5em);
		}

		h4 {
			font-size: clamp(1.8em, 23px, 2.3em);
		}
		h5 {
			font-size: clamp(1.2em, 21px, 1.6em);
		}
		h6 {
			font-size: clamp(1.1em, 19px, 1.4em);
		}
	}

	img {
		display: inline-block;
	}

	.small_tx {
		font-size: 0.9rem;
	}

	.smaller_tx {
		font-size: 0.8rem;
	}

	strong {
		font-weight: bold;
	}

	em {
		font-style: italic;
	}

	.description-styles {
		color: #000000cc;
		padding-block: 2em;
		max-width: 80%;
		line-height: 1.5;

		:where(h1, h2, h3, h4, h5, h6) {
			font-size: 2.5em;
		}
	}
}