/* IMPORT */
@font-face {
    font-family: ABC Rom;
    src: url('../fonts/ABCROM-Medium.otf');
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
}
@font-face {
    font-family: ABC Rom;
    src: url('../fonts/ABCROM-Bold.otf');
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}
@font-face {
    font-family: ABC Rom;
    src: url('../fonts/ABCROM-Heavy.otf');
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
}
@font-face {
    font-family: ABC Rom;
    src: url('../fonts/ABCROM-HeavyItalic.otf');
    font-style: italic;
    font-weight: 800;
    font-stretch: normal;
}

@font-face {
    font-family: ABC Rom;
    src: url('../fonts/ABCROM-Black.otf');
    font-style: normal;
    font-weight: 900;
    font-stretch: normal;
}


/*
TYPOGRAPHY
*/
.t-xsmall {
    font-family: ABC Rom;
    font-size: .85rem;
    line-height: 96%;
    font-weight: 600;
    letter-spacing: 0em;
}
.t-small {
    font-family: ABC Rom;
    font-size: 1.25rem;
    line-height: 96%;
    font-weight: 800;
    letter-spacing: 0em;
}
.t-small.c-black {letter-spacing: -.02em;}
.t-small.t-thin {
    font-weight: 700;
    line-height: 110%;
}

.t-medium {
    font-family: ABC Rom;
    font-size: 2vw;
    line-height: 100%;
    font-weight: 800;
    letter-spacing: 0em;
}
.t-medium.c-black {letter-spacing: -.02em;}

.t-xxmedium {
    font-family: ABC Rom;
    font-size: 5vh;
    line-height: 100%;
    font-weight: 800;
    letter-spacing: -.025em;
}

.t-xmedium {
    font-family: ABC Rom;
    font-size: 11.75vh;
    line-height: 100%;
    font-weight: 800;
    letter-spacing: -.025em;
}

.t-large {
    font-family: ABC Rom;
    font-size: 3.75vw;
    line-height: 96%;
    font-weight: 800;
    letter-spacing: -.02em;
}
.t-large.c-black {letter-spacing: -.03333em;}

.t-xlarge {
    font-family: ABC Rom;
    font-size: 8.5vw;
    line-height: 96%;
    font-weight: 900;
    letter-spacing: -.04em;
}
.t-xlarge::before {
    content: "";
    display: table;
    margin-bottom: -.5vw;
}
.t-xlarge::after {
    content: "";
    display: table;
    margin-bottom: -1.75vw;
}


/*
STYLES
*/
.t-italic {font-style: italic;}
.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;}

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