/* IMPORT */
@font-face {font-family: Fabrikat; src: url('../fonts/Fabrikat-Kompakt-Regular.woff'); font-style: normal; font-weight: 400; font-stretch: condensed;}
@font-face {font-family: Fabrikat; src: url('../fonts/Fabrikat-Kompakt-Medium.woff'); font-style: normal; font-weight: 500; font-stretch: condensed;}
@font-face {font-family: Fabrikat; src: url('../fonts/Fabrikat-Kompakt-Bold.woff'); font-style: normal; font-weight: 700; font-stretch: condensed;}
@font-face {font-family: Fabrikat; src: url('../fonts/Fabrikat-Normal-Regular.woff'); font-style: normal; font-weight: 400; font-stretch: normal;}
@font-face {font-family: Fabrikat; src: url('../fonts/Fabrikat-Normal-Medium.woff'); font-style: normal; font-weight: 500; font-stretch: normal;}
@font-face {font-family: Fabrikat; src: url('../fonts/Fabrikat-Normal-Bold.woff'); font-style: normal; font-weight: 700; font-stretch: normal;}


/*
TYPOGRAPHY
*/
.t-xsmall {
    font-family: Fabrikat;
    font-size: 1.15rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.05em;
}

.t-small {
    font-family: Fabrikat;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.05em;
}

.t-body {
    font-family: Fabrikat;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 98%;
    letter-spacing: -0.005em;
}

.t-medium {
    font-family: Fabrikat;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 95%;
    letter-spacing: -0.015em;
}

.t-large {
    font-family: Fabrikat;
    font-size: 3rem;
    font-weight: 400;
    line-height: 90%;
    letter-spacing: -0.025em;
}
 
.t-xlarge {
    font-family: Fabrikat;
    font-size: 5.5rem;
    font-weight: 400;
    line-height: 87%;
    letter-spacing: -0.025em;
}

.t-500,
.t-500 * {font-weight: 500 !important;}
.t-700,
.t-700 * {font-weight: 700 !important;}

.t-condensed {font-stretch: condensed !important;}

.t-body.t-condensed {letter-spacing: -0.005em;}
.t-medium.t-condensed {letter-spacing: -0.01em;}
.t-large.t-condensed {letter-spacing: -0.01em;}
.t-xlarge.t-condensed {letter-spacing: -0.03em;}

@media only screen and (min-width: 1096px) {
    .t-xsmall {font-size: 1.1rem;}
    .t-small {font-size: 1.5rem;}
    .t-body {font-size: 28px;}
    .t-medium {font-size: 45px;}
    .t-large {font-size: 88px;}
    .t-xlarge {font-size: 143px;}
}


/*
STYLES
*/
.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;}
.t-through {text-decoration: line-through;}

.k-text a {
    display: inline;
    text-decoration: underline !important;
}