.tribe-common {
	/* -------------------------------------------------------------------------
	 *
	 * Heading
	 *
	 * Example:
	 * <h1 class="tribe-common-h1">Heading Text</h1>
	 *
	 * ------------------------------------------------------------------------- */

	/* -------------------------------------------------------------------------
	 * Heading: h1
	 * ------------------------------------------------------------------------- */

	.tribe-common-h1 {
		@mixin heading;
		@mixin mobile-heading-1;

		@media (--viewport-medium) {
			@mixin desktop-heading-1;
		}
	}

	/* -------------------------------------------------------------------------
	 * Heading: h2
	 * ------------------------------------------------------------------------- */

	.tribe-common-h2 {
		@mixin heading;
		@mixin mobile-heading-2;

		@media (--viewport-medium) {
			@mixin desktop-heading-2;
		}
	}

	/* -------------------------------------------------------------------------
	 * Heading: h3
	 * ------------------------------------------------------------------------- */

	.tribe-common-h3 {
		@mixin heading;
		@mixin mobile-heading-3;

		@media (--viewport-medium) {
			@mixin desktop-heading-3;
		}
	}

	.tribe-common-h3--alt {
		font-weight: var(--font-weight-regular);
	}

	/* -------------------------------------------------------------------------
	 * Heading: h4
	 * ------------------------------------------------------------------------- */

	.tribe-common-h4 {
		@mixin heading;
		@mixin mobile-heading-4;

		@media (--viewport-medium) {
			@mixin desktop-heading-4;
		}
	}

	.tribe-common-h4--alt {
		font-weight: var(--font-weight-regular);
	}

	/* -------------------------------------------------------------------------
	 * Heading: h5
	 * ------------------------------------------------------------------------- */

	.tribe-common-h5 {
		@mixin heading;
		@mixin heading-5;
	}

	/* -------------------------------------------------------------------------
	 * Heading: h6
	 * ------------------------------------------------------------------------- */

	.tribe-common-h6 {
		@mixin heading;
		@mixin heading-6;
	}

	/* -------------------------------------------------------------------------
	 * Heading: h7
	 * ------------------------------------------------------------------------- */

	.tribe-common-h7 {
		@mixin heading;
		@mixin heading-7;
	}

	/* -------------------------------------------------------------------------
	 * Heading: h8
	 * ------------------------------------------------------------------------- */

	.tribe-common-h8 {
		@mixin heading;
		@mixin heading-8;
	}
}