/*
Import typefaces
*/
@font-face {
    font-family: Sul Sans;
    src: url('../fonts/Sul Sans Light.woff') format('woff'), url('../fonts/Sul Sans Light.eot') format('eot');
    font-style: normal;
	font-weight: 300;
	font-stretch: normal;
}
@font-face {
    font-family: Sul Sans;
    src: url('../fonts/Sul Sans Regular.woff') format('woff'), url('../fonts/Sul Sans Regular.eot') format('eot');
    font-style: normal;
	font-weight: 400;
	font-stretch: normal;
}

@font-face {
    font-family: Sul Sans;
    src: url('../fonts/Sul Sans Medium.woff') format('woff'), url('../fonts/Sul Sans Medium.eot') format('eot');
    font-style: normal;
	font-weight: 500;
	font-stretch: normal;
}

@font-face {
    font-family: Sul Sans;
    src: url('../fonts/Sul Sans Bold.woff') format('woff'), url('../fonts/Sul Sans Bold.eot') format('eot');
    font-style: normal;
	font-weight: 700;
	font-stretch: normal;
}

@font-face {
    font-family: Sul Sans;
    src: url('../fonts/Sul Sans Black.woff') format('woff'), url('../fonts/Sul Sans Black.eot') format('eot');
    font-style: normal;
	font-weight: 900;
	font-stretch: normal;
}


/* 
Typography
*/
.t-caption {
    font-family: Sul Sans, 'Gotham', 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
    font-size: .6rem;
    font-weight: 300;
    line-height: 125%;
    letter-spacing: -0.005em;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.t-min,
.t-small {
    font-family: Sul Sans, 'Gotham', 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
    font-size: .8rem;
    font-weight: 300;
    line-height: 120%;
    letter-spacing: 0em;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.t-body {
    font-family: Sul Sans, 'Gotham', 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 120%;
    letter-spacing: 0em;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.t-h3 {
    font-family: Sul Sans, 'Gotham', 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0em;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.t-h2 {
    font-family: Sul Sans, 'Gotham', 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -.01em;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.t-h1 {
    font-family: Sul Sans, 'Gotham', 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -.01em;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Desktop */
@media screen and (min-width: 1024px) {
    .t-small {
        font-size: 1.2rem;
    }

    .t-body {
        font-size: 1.2rem;
    }
    

    .t-h3 {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 100%;
        letter-spacing: -.01em;
    }

    .t-h1 {
        font-size: 4rem;
    }
}

/* 
Text Style 
*/
.t-uppercase {
	text-transform: uppercase;
}

.t-lowercase {
	text-transform: lowercase;
}

.t-light {
    font-weight: 300;
}

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

.t-left {
    text-align: left;
}

.t-center {
	text-align: center;
    margin: 0 auto;
}

.t-right {
    text-align: right;
}

.t-underline {
    text-decoration: underline !important;
}

.c-white {
    color: white;
}

.c-green {
    color: green;
}

.c-red {
    color: red;
}