/* 
	Type Faces
*/

@font-face {
	font-family: MonumentGrotesk;
	font-weight: 500;
	font-style: semi-bold;
	src: url("../fonts/monument-grotesk-semi-mono.woff2") format("woff2"), url("../fonts/monument-grotesk-semi-mono.woff") format("woff"), url("../fonts/monument-grotesk-semi-mono.otf") format("otf");
}


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

.t-mono {
	font-family: "MonumentGrotesk", Arial, Helvetica, sans-serif;
}

/* 
	Text
*/

.t-regular {
	font-weight: 400;
}

.t-bold {
	font-weight: 600;
}

.t-italic {
	font-style: italic;
}

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

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

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

.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;
}

/* 
	Colors 
*/

.t-dark-gray {
	color: #808080;
}

.t-gray {
	color: #B4B4B4;
}

.t-light-gray {
	color: #F1F1F1;
}

.t-white {
	color: white;
}


/* 
	Type Sizes 
*/

.t-caption {
	font-size: 0.625rem; /* 10px */
	line-height: 1.3em;
}

.t-videoplayer {
	font-size: 0.75rem;
	line-height: 1.3em;
}

.t-smaller {
    font-size: 0.85rem; /* 12px */
	line-height: 1.3em;
}

.t-body {
	font-size: 0.875rem; /* 14px */
	line-height: 1.3em;
}

.t-h1 {
	font-size: 1rem; /* 16px */
	line-height: 1.3em;
}

/* Tablet */
@media only screen and (min-width: 48rem) {

}

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

}

/*
	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;
}