/*
Import typefaces
*/
@font-face {
    font-family: StreetXO;
    src: url('../fonts/XOEurostileBdCd.otf');
    font-style: normal;
	font-weight: 800;
	font-stretch: expanded;
}

@font-face {
    font-family: Eurostile;
    src: url('../fonts/Eurostile-BoldEx.otf');
    font-style: normal;
	font-weight: 800;
	font-stretch: expanded;
}

@font-face {
    font-family: FKGrotesk;
    src: url('../fonts/FKGrotesk-Bold.otf');
    font-style: normal;
	font-weight: 800;
	font-stretch: normal;
}

@font-face {
    font-family: SpaceMono;
    src: url('../fonts/SpaceMono-Bold.ttf');
    font-style: normal;
	font-weight: 400;
	font-stretch: normal;
}

@font-face {
    font-family: Editorial New;
    src: url('../fonts/EditorialNew-Medium.otf');
    font-style: normal;
	font-weight: 500;
	font-stretch: normal;
}


/* 
TYPOGRAPHY
*/
/* StreetXO */
.t-street {
    font-family: StreetXO;
    letter-spacing: -.06em;
    display: block;
    line-height: 82%;
}

.t-street::before {
    content: "";
    display: table;
}

.t-street::after {
    content: "";
    display: table;
}

.t-street.t-xxsmall {font-size: 1.75rem;}
.t-street.t-xxsmall::before {margin-bottom: -.05rem;}
.t-street.t-xxsmall::after {margin-bottom: -.5rem;}

.t-street.t-xsmall,
.t-street.t-small {font-size: 2rem;}
.t-street.t-xsmall::before,
.t-street.t-small::before {margin-bottom: .175rem;}
.t-street.t-xsmall::after,
.t-street.t-small::after {margin-bottom: -.375rem;}

.t-street.t-body {font-size: 16vw;}
.t-street.t-body::before {margin-bottom: 1.5vw;}
.t-street.t-body::after {margin-bottom: -3vw;}

.t-street.t-medium {font-size: 20vw;}
.t-street.t-medium::before {margin-bottom: 2vw;}
.t-street.t-medium::after {margin-bottom: -3.8vw;}

.t-street.t-large {font-size: 24vw;}
.t-street.t-large::before {margin-bottom: 2.5vw;}
.t-street.t-large::after {margin-bottom: -4.25vw;}

.t-street.t-xlarge {font-size: 38vw;}
.t-street.t-xlarge::before {margin-bottom: 3.5vw;}
.t-street.t-xlarge::after {margin-bottom: -7vw;}

.t-street.t-xxlarge {font-size: 20vh;}
.t-street.t-xxlarge::before {margin-bottom: 2vh;}
.t-street.t-xxlarge::after {margin-bottom: -3.75vh;}

@media only screen and (min-width: 1024px) {
    .t-street.t-xxsmall {font-size: 2rem;}
    .t-street.t-xxsmall::before {margin-bottom: .05rem;}
    .t-street.t-xxsmall::after {margin-bottom: -.5rem;}

    .t-street.t-small {font-size: 2.75rem;}
    .t-street.t-small::before {margin-bottom: .3rem;}
    .t-street.t-small::after {margin-bottom: -.5rem;}

    .t-street.t-body {font-size: 8vw;}
    .t-street.t-body::before {margin-bottom: .8vw;}
    .t-street.t-body::after {margin-bottom: -1.5vw;}

    .t-street.t-medium {font-size: 20vh;}
    .t-street.t-medium::before {margin-bottom: 1.8vh;}
    .t-street.t-medium::after {margin-bottom: -3.75vh;}

    .t-street.t-large {font-size: 11vw;}
    .t-street.t-large::before {margin-bottom: 1.3vw;}
    .t-street.t-large::after {margin-bottom: -2vw;}

    .t-street.t-xlarge {font-size: 24vw;}
    .t-street.t-xlarge::before {margin-bottom: 2.25vw;}
    .t-street.t-xlarge::after {margin-bottom: -4.5vw;}
}


/* Regular */
.t-regular {font-family: FKGrotesk;}

.t-regular.t-xsmall {
    font-size: .5rem;
    line-height: 105%;
    letter-spacing: -.005em;
}

.t-regular.t-small,
.t-regular.t-body,
.t-regular.t-medium {
    font-size: .7rem;
    line-height: 106%;
    letter-spacing: -.0075em;
}

@media only screen and (min-width: 1024px) {
    .t-regular.t-small {
        font-size: .8rem;
    }

    .t-regular.t-body {
        font-size: 1rem;
        line-height: 102%;
    }

    .t-regular.t-medium {
        font-size: 1.2rem;
        line-height: 102%;
        letter-spacing: -.008em;
    }
}

/* Mono */
.t-mono {font-family: SpaceMono;}

.t-mono.t-small {
    display: block;
    font-size: .85rem;
    line-height: 110%;
    letter-spacing: -.03em;
}

/* Serif */
.t-serif {
    font-family: Editorial New;
    display: block;
    line-height: 82%;
}
.t-serif::before {content: ""; display: table;}
.t-serif::after {content: ""; display: table;}

.t-serif.t-body {
    font-size: 6vw;
    letter-spacing: -.07em;
}
.t-serif.t-body::before {margin-bottom: .7vw;}
.t-serif.t-body::after {margin-bottom: -.75vw;}

@media only screen and (min-width: 1024px) {
    .t-serif.t-body {font-size: 1.5rem;}
    .t-serif.t-body::before {margin-bottom: .175rem;}
    .t-serif.t-body::after {margin-bottom: -.18rem;}
}



/* 
Text Style 
*/
.t-uppercase {text-transform: uppercase;}
.t-lowercase {text-transform: lowercase;}
.t-left {text-align: left;}
.t-center {text-align: center;}
.t-center_m {text-align: center;}
.t-right {text-align: right;}
.t-underline {text-decoration: underline;}

@media only screen and (min-width: 1024px) {
    .t-center_m {text-align: left;}
    .t-right_d {text-align: right;}
}

.t-fit-windows {
    display: flex !important;
    translate: 0 -.033em;
}