/*
Import typefaces
*/
@font-face {
    font-family: ABC Diatype;
    src: url('../../fonts/ABCDiatype-Black.otf');
    font-style: normal;
	font-weight: 800;
	font-stretch: normal;
}

@font-face {
    font-family: ABC Diatype;
    src: url('../../fonts/ABCDiatype-BlackItalic.otf');
    font-style: italic;
	font-weight: 800;
	font-stretch: normal;
}

@font-face {
    font-family: Feature Deck;
    src: url('../../fonts/FeatureDeck-Medium.otf');
    font-style: normal;
	font-weight: 500;
	font-stretch: condensed;
}


/* 
TYPEFACES
*/
/* Sans */
.t-sans {
    font-family: ABC Diatype, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
    line-height: 110%;
    letter-spacing: .005em;
}

.t-sans.t-xxsmall {font-size: .6rem;}
.t-sans.t-xsmall {font-size: .7rem;}
@media only screen and (min-width: 1024px) {
    .t-sans.t-xsmall {font-size: .8rem;}
}
.t-sans.t-small,
.t-sans.t-small-button {font-size: .8rem;}
@media only screen and (min-width: 1024px) {
    .t-sans.t-small {font-size: 1rem;}
}
.t-sans.t-body {font-size: 1rem;}
@media only screen and (min-width: 1024px) {
    .t-sans.t-body {font-size: 1.25rem;}
}
.t-sans.t-xbody {
    font-size: 6.25vw;
    letter-spacing: -.005em;
}
.t-sans.t-xxbody {
    font-size: 1.75rem;
    letter-spacing: -.005em;
}
@media only screen and (min-width: 1024px) {
    .t-sans.t-xbody {font-size: 2.25rem;}
    .t-sans.t-xxbody {font-size: 3rem;}
}
.t-sans.t-large {
    font-size: 1.75rem;
    line-height: 100%;
    letter-spacing: -.02em;
}
@media only screen and (min-width: 1024px) {
    .t-sans.t-large {font-size: 3.75rem;}
}
.t-sans.t-xlarge {
    font-size: 8vw;
    line-height: 95%;
}
@media only screen and (min-width: 1024px) {
    .t-sans.t-xlarge {font-size: 5vw;}
}
.t-sans.t-xxxlarge {
    font-size: 33vw;
    letter-spacing: -.02em;
}
@media only screen and (min-width: 1024px) {
    .t-sans.t-xxxlarge {font-size: 20vw;}
}

/* Serif */
.t-serif {
    font-family: Feature Deck, 'Times New Roman', Times, serif;
    font-style: normal;
    font-weight: 500;
    font-stretch: condensed;
    line-height: 110%;
}

.t-serif.t-xxsmall {font-size: .7rem; letter-spacing: .005em;}
.t-serif.t-xsmall {font-size: .9rem; letter-spacing: .005em;}
.t-serif.t-small {font-size: 1.5rem; letter-spacing: .005em;}
.t-serif.t-medium {
    font-size: 11vw;
    letter-spacing: -.015em;
}
@media only screen and (min-width: 1024px) {
    .t-serif.t-medium {font-size: 3.5rem;}
}
.t-serif.t-large {font-size: 7rem; letter-spacing: -.015em;}


/* 
STYLING
*/
.t-italic {font-style: italic;}
.t-fit {line-height: 110%;}

.t-superscript {
    display: inline-block;
    vertical-align: super;
    width: 8px;
}
@media only screen and (min-width: 1024px) {
    .t-superscript {translate: -5px 0;}
}

.t-uppercase {text-transform: uppercase;}
.t-lowercase {text-transform: lowercase;}
.t-left {text-align: left;}
.t-center {text-align: center;}
.t-right {text-align: right;}
.t-underline {text-decoration: underline !important;}

.c-white {color: var(--c-white);}