/* 
	Type Faces
*/

@font-face {
	font-family: Redaction;
	font-weight: 400;
	font-style: normal;
	src: url("../fonts/Redaction-Regular.woff2") format("woff2"), url("../fonts/Redaction-Regular.woff") format("woff");
}

@font-face {
	font-family: Redaction;
	font-weight: 400;
	font-style: italic;
	src: url("../fonts/Redaction-Italic.woff2") format("woff2"), url("../fonts/Redaction-Italic.woff") format("woff");
}

@font-face {
	font-family: Redaction;
	font-weight: 700;
	font-style: bold;
	src: url("../fonts/Redaction-Bold.woff2") format("woff2"), url("../fonts/Redaction-Bold.woff") format("woff");
}

@font-face {
	font-family: Clash;
	font-weight: 400;
	font-style: regular;
	src: url("../fonts/ClashDisplay-Regular.woff2") format("woff2"), url("../fonts/ClashDisplay-Regular.woff") format("woff");
}

@font-face {
	font-family: Clash;
	font-weight: 500;
	font-style: medium;
	src: url("../fonts/ClashDisplay-Medium.woff2") format("woff2"), url("../fonts/ClashDisplay-Medium.woff") format("woff");
}


.t-sans {
	font-family: Clash, Arial, Helvetica, sans-serif;
}

.t-serif {
	font-family: Redaction, Times New Roman, Georgia, Garamond;
}

/* 
	Text
*/

.t-regular {
	font-weight: 400;
	font-variation-settings: 'wght' 400;
}

.t-medium {
	font-weight: 500;
	font-variation-settings: 'wght' 500;
}

.t-semibold {
	font-weight: 600;
	font-variation-settings: 'wght' 600;
}

.t-bold {
	font-weight: 700;
	font-variation-settings: 'wght' 700;
}

/* Text Sizes */

.t-caption {
	font-size: 12px;
	line-height: 1rem;
}

.t-body {
	font-size: 14px;
	line-height: 1.35rem;
	letter-spacing: -0.01em;
}

.t-h4 {
	font-size: 16px;
	line-height: 1.4rem;
}

.t-h3 {
	font-size: 20px;
	line-height: 23px;
}

.t-h2 {
	font-size: 1.5rem;
	line-height: 1.15em;
}

.t-h1 {
	font-size: 1.4rem;
	line-height: 1.5rem;
}

/* Text Styles */
.t-italic {
	font-style: italic;
}

.t-left {
	text-align: left;
}

.t-center {
	text-align: center;
}

.t-right {
	text-align: right;
}

.t-gray {
	color: rgb(136, 136, 136);
}

.t-balance {
	text-wrap: balance;
}

.t-nowrap {
	white-space: nowrap;
}

.t-uppercase {
	text-transform: uppercase;
}

.t-lowercase {
	text-transform: lowercase;
}

.t-underline {
	text-decoration: underline;
}

.t-spaced-1 {
	letter-spacing: 1px;
}



/* Tablet */
@media only screen and (min-width: 48rem) {
	.t-body {
		line-height: 1.3rem;
	}

	.t-h1 {
		font-size: 2rem; 
		line-height: 1.5rem;
	}
}

/* Desktop */
@media only screen and (min-width: 64rem) {
	.t-h1 {
		font-size: 3rem; 
		line-height: 2.5rem;
	}
}

/* Desktop 4K */
@media only screen and (min-width: 100rem) {

}

/* Desktop 4K */
@media only screen and (min-width: 150rem) {

}

/*
	Spacing
*/

.t-spaced {
	letter-spacing: 0.2em;
}

/*
	Line Height
*/

.t-line-height-xs {
	line-height: 1.1em;
}

.t-line-height-s {
	line-height: 1.2em;
}

.t-line-height-m {
	line-height: 1.3em;
}