/* IMPORT */
@font-face {
    font-family: Greed;
    src: url('../fonts/GreedStandardTRIAL-Medium.otf');
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
}
@font-face {
    font-family: Greed;
    src: url('../fonts/GreedStandardTRIAL-MediumItalic.otf');
    font-style: italic;
    font-weight: 600;
    font-stretch: normal;
}
@font-face {
    font-family: Greed;
    src: url('../fonts/GreedStandardTRIAL-SemiBold.otf');
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}
@font-face {
    font-family: Greed;
    src: url('../fonts/GreedStandardTRIAL-SemiBoldItalic.otf');
    font-style: italic;
    font-weight: 700;
    font-stretch: normal;
}
@font-face {
    font-family: Greed;
    src: url('../fonts/GreedStandardTRIAL-Bold.otf');
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
}
@font-face {
    font-family: Greed;
    src: url('../fonts/GreedStandardTRIAL-BoldItalic.otf');
    font-style: italic;
    font-weight: 800;
    font-stretch: normal;
}
@font-face {
    font-family: Greed;
    src: url('../fonts/GreedStandardTRIAL-Heavy.otf');
    font-style: normal;
    font-weight: 900;
    font-stretch: normal;
}
@font-face {
    font-family: Greed;
    src: url('../fonts/GreedStandardTRIAL-HeavyItalic.otf');
    font-style: italic;
    font-weight: 900;
    font-stretch: normal;
}


/*
TYPOGRAPHY
*/
.t-xsmall {
    font-family: Greed;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
    font-size: .9rem;
    line-height: 120%;
    letter-spacing: 0.0em;
}

.t-small {
    font-family: Greed;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
    font-size: 1.15rem;
    line-height: 115%;
    letter-spacing: 0.0em;
}
@media only screen and (min-width: 1096px) {
    .t-small {font-size: 1.2rem;}
}

.t-medium {
    font-family: Greed;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
    font-size: 1.5rem;
    line-height: 110%;
    letter-spacing: 0.0em;
}
@media only screen and (min-width: 1096px) {
    .t-medium {font-size: 2rem;}
}

.t-medium_xl,
.t-large,
.t-large_grow {
    font-family: Greed;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
    font-size: 2.5rem;
    line-height: 98%;
    letter-spacing: 0.0em;
}

.t-xlarge,
.t-xxlarge {
    font-family: Greed;
    font-style: normal;
    font-weight: 800;
    font-stretch: normal;
    font-size: 3rem;
    line-height: 98%;
    letter-spacing: 0.0em;
}
@media only screen and (min-width: 1096px) {
    .t-medium_xl {font-size: 3rem;}
    
    .t-large_grow,
    .t-xlarge {font-size: 4.5rem;}
    .t-xxlarge {font-size: 6rem;}
}

.t-600 {font-weight: 600;}
.t-700 {font-weight: 700;}



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

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


.t-highlight {
    position: relative;
    white-space: nowrap;
}
.t-highlight .--highlight_bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: white;
    mix-blend-mode: difference;
    transition: 250ms ease-in-out;
    z-index: 5;
}
@media (hover: hover) {
    .t-highlight:hover .--highlight_bar {width: 100%;}
}