/**
 * Typography Utilities
 * Font family, size, weight, color, alignment, and line height
 */
/* ===== Font Size ===== */
.text-lg {
	font-size: 1.125rem; /* 18px */
}

.text-xl {
	font-size: 1.25rem; /* 20px */
}

.text-2xl {
	font-size: 1.5rem; /* 24px */
}

.text-3xl {
	font-size: 1.875rem; /* 30px */
}

.text-bold {
  font-weight: 700;
}

/* ===== Line Height ===== */
.leading-none {
	line-height: 1;
}

.leading-6 {
	line-height: 1.5rem;
}

/* ===== Text Alignment ===== */
.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-justify {
	text-align: justify !important;
}

/* ===== Whitespace ===== */
.whitespace-nowrap {
	white-space: nowrap;
}

/* ===== Text Color ===== */
.text-white {
	color: #ffffff;
}

#content .no-underline,
#content .no-underline a,
.no-underline {
  text-decoration: none;
}
#content .underline,
#content .underline a,
.underline {
  text-decoration: underline;
}

/* ===== Responsive Typography ===== */
@media (max-width: 544px) {
	[class~="sm:text-2xl"] {
		font-size: 1.5rem !important;
	}
}

@media (max-width: 781px) {
	[class~="md:text-left"] {
		text-align: left !important;
	}

	[class~="md:text-center"] {
		text-align: center !important;
	}

  [class~="md:text-xl"] {
		font-size: 1.25rem !important;
	}
}