/* 
	Type Faces
*/

@font-face {
	font-family: InterBold;
	font-weight: 600;
	font-style: bold;
	src: url("/assets/fonts/Inter-Bold.woff2") format("woff2"), url("/assets/fonts/Inter-Bold.woff") format("woff"), url("/assets/fonts/Inter-Bold.otf") format("otf");
}

@font-face {
	font-family: InterBoldItalic;
	font-weight: 600;
	font-style: italic;
	src: url("/assets/fonts/Inter-Bold-Italic.woff2") format("woff2"), url("/assets/fonts/Inter-Bold-Italic.woff") format("woff"), url("/assets/fonts/Inter-Bold-Italic.otf") format("otf");
}

@font-face {
	font-family: InterLight;
	font-weight: 300;
	font-style: light;
	src: url("/assets/fonts/Inter-Light.woff2") format("woff2"), url("/assets/fonts/Inter-Light.woff") format("woff"), url("/assets/fonts/Inter-Light.otf") format("otf");
}

@font-face {
	font-family: InterLightItalic;
	font-weight: 300;
	font-style: italic;
	src: url("/assets/fonts/Inter-Light-Italic.woff2") format("woff2"), url("/assets/fonts/Inter-Light-Italic.woff") format("woff"), url("/assets/fonts/Inter-Light-Italic.otf") format("otf");
}

.t-light {
    font-family: "InterLight", Arial, Helvetica, sans-serif;
    font-weight: 300;
}

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

/* Size */

.t-micro {
    font-size: 10px;
    line-height: 1.2em;
    letter-spacing: 0.01em;
}

.t-caption {
    font-size: 12px;
    line-height: 1.45em;
}

.t-body {
    font-size: 16px;
    line-height: 1.2em;
}

.t-h2 {
    font-size: 24px;
    line-height: 1.2em;
}

.t-h1 {
    font-size: 42px;
    line-height: 1.1em;
    letter-spacing: -0.05em;
}

.t-white {
    color: white;
}

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