/* ------------------------------------------------------------------------- */
/* TYPOGRAPHY */

.align_l { text-align:left; }
.align_r { text-align:right; }
.align_c { text-align:center; }

.serif { font-family: 'Roboto Serif', serif; }
.sans-serif { font-family: 'Montserrat', sans-serif; }
.italic { font-style: italic; }
.normal { font-style:normal; }

.wt200 { font-weight:200; }
.wt300 { font-weight:300; }
.wt400 { font-weight:400; }
.wt500 { font-weight:500; }
.wt700, .bold { font-weight:700; }

.white { color:white; }
.black { color:black; }
.lt_grey { color:var(--lt_grey); }
.med_grey { color:var(--med_grey); }
.dk_grey { color:var(--dk_grey); }
.red { color:var(--red) !important; }

.x-small { font-size: .6rem; }
.smaller { font-size: .7rem; }
.small { font-size: .8rem; }
.small-med { font-size: .9rem; }
.medium { font-size: 1rem; }
.med-lg { font-size: 1.2rem; }
.large { font-size: 1.8rem; }
.x-large { font-size: 2.4rem; }
.xx-large { font-size: 3rem; }

.underline { text-decoration: underline; }
.underline_or { text-decoration: underline var(--orange); }

.caps { text-transform: uppercase; }
.ul_case { text-transform: none; }

.align_l { text-align: left; }
.align_c { text-align: center; }
.align_r { text-align: right; }

.no_sp_after { margin-bottom: 0; }
.sp_after_3 { margin-bottom: 3px; }
.sp_after_6 { margin-bottom: 6px; }
.sp_after_9 { margin-bottom: 9px; }
.sp_after_12 { margin-bottom: 12px; }
.sp_after_18 { margin-bottom: 18px; }
.sp_after_24 { margin-bottom: 24px; }
.sp_after_30 { margin-bottom: 30px; }
.no_sp_before { margin-top: 0; }
.sp_before_-3 { margin-top: -3px; }
.sp_before_-6 { margin-top: -6px; }
.sp_before_-9 { margin-top: -9px; }
.sp_before_-12 { margin-top: -12px; }
.sp_before_-18 { margin-top: -18px !important;  }
.sp_before_3 { margin-top: 3px; }
.sp_before_6 { margin-top: 6px; }
.sp_before_9 { margin-top: 9px; }
.sp_before_12 { margin-top: 12px; }
.sp_before_18 { margin-top: 18px; }
.sp_before_24 { margin-top: 24px; }
.sp_before_30 { margin-top: 30px; }
.sp_left_3 { margin-left: 3px; }
.sp_left_6 { margin-left: 6px; }
.sp_left_9 { margin-left: 9px; }
.sp_left_12 { margin-left: 12px; }
.sp_left_18 { margin-left: 18px; }
.sp_left_24 { margin-left: 24px; }
.sp_left_30 { margin-left: 30px; }
.sp_right_3 { margin-right: 3px; }
.sp_right_6 { margin-right: 6px; }
.sp_right_9 { margin-right: 9px; }
.sp_right_12 { margin-right: 12px; }
.sp_right_18 { margin-right: 18px; }
.sp_right_24 { margin-right: 24px; }
.sp_right_30 { margin-right: 30px; }

.no-padding { padding: 0 !important ; }

a {
    color:var(--red);
    text-decoration: none;
}

a:hover {
    text-decoration:underline;
}

p {
    font-size: 1rem;
    font-family: 'Roboto Serif', serif;
    line-height:1.3rem;
}

h1, .h1 {
    font-family: 'Montserrat', sans-serif;
    font-size:1.7rem;
    margin:0 0 .5rem 0;
    font-weight:700;
    letter-spacing:-1px;
}

h2, .h2 {
    font-family: 'Montserrat', sans-serif;
    font-size:1.3rem;
    margin:0 0 .5rem 0;
    font-weight:700;
}

h3, .h3 {
    font-family: 'Montserrat', sans-serif;
    font-size:1rem;
    margin:0 0 .5rem 0;
    font-weight:700;
    line-height:1.1rem;
    color:var(--dk_grey);
}

h4, .h4 {
    font-family: 'Montserrat', sans-serif;
    font-size:1.5rem;
    margin:0;
    font-weight:700;
    color:var(--med_grey);
}