﻿.h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.4;
}

.h1, .h2, .h3 {
    font-weight: 300;
    text-transform: uppercase;
}

.h1 {
    font-size: 32px;
    letter-spacing: 2px;
    margin-bottom: 40px;
}

    .h1 span {
        display: block;
        font-size: 18px;
        font-weight: 500;
    }

a {
    color: #d23f08;
}

/* Colors _______________________________________________________________ */
.bg_black {
    background-color: #2f2f2f;
}

.bg_blue {
    background-color: #002857;
    color: #fff;
}

.bg_red {
    background-color: #e24307;
}

.bg_teal {
    background-color: #72c4d6;
}

.bg_orange {
    background-color: #d23f08;
}

.bg_green {
    background-color: #75a641;
}

.bg_yellow {
    background-color: #faa638;
}

.bg_darkgrey {
    background-color: #878787;
}

.bg_medgrey {
    background-color: #d3d3d3;
}

    .bg_medgrey .learnMore {
        color: #002C54;
    }

        .bg_medgrey .learnMore:before, .bg_medgrey .learnMore:after {
            border-color: #002C54;
        }

        .bg_medgrey .learnMore:hover {
            text-decoration: underline;
        }

.bg_lightgrey {
    background-color: #f0f0f0;
}

.bg_white {
    background-color: #fff;
}

.black {
    color: #2f2f2f;
}

.blue {
    color: #002857;
}

.red {
    color: #e24307;
}

.teal {
    color: #72c4d6;
}

.orange {
    color: #d23f08;
}

.green {
    color: #75a641;
}

.yellow {
    color: #faa638;
}

.darkgrey {
    color: #878787;
}

.medgrey {
    color: #d3d3d3;
}

.lightgrey {
    color: #f0f0f0;
}

.white {
    color: #fff;
}


.h2 span {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

p a {
    text-decoration: underline;
    font-weight: 900;
}

.learnMore:before, .learnMore:after {
    bottom: 5px;
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    right: -10px;
    border-top: 2px solid #d23f08;
    border-right: 2px solid #d23f08;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.learnMore:after {
    right: -15px;
}

.learnMore:hover {
    text-decoration: none;
}

    .learnMore:hover:before {
        right: -15px;
        border-color: #002C54;
    }

    .learnMore:hover:after {
        right: -20px;
        border-color: #002C54;
    }

/**umb_name:Headline 2 (h2)*/
.h2 {
    font-size: 36px;
}

/**umb_name:Headline 3 (h3)*/
.h3 {
    font-size: 26px;
    color: #002857;
    font-weight: 500;
}

/**umb_name:Headline 4 (h4)*/
.h4 {
    font-size: 18px;
}

/**umb_name:Headline 5 (h5)*/
.h5 {
    font-size: 12px;
}

/**umb_name:Headline 6 (h6)*/
.h6 {
    font-size: 12px;
    font-weight: 700;
}

/**umb_name:Paragraph (p)*/
p {
    line-height: 1.5;
}

/**umb_name:Pull Quote*/
.pullQuote {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/**umb_name:Subtext*/
.rte-subtext {
    font-size: 12px;
    color: #757575;
    font-style: italic;
}

/**umb_name:Arrow After Link*/
.learnMore {
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    position: relative;
    transition: all .3s ease-out;
    line-height: 15px;
    font-size: 14px;
    font-weight: 500;
}

/**umb_name:Remove Line From UL*/
.noLine {
    border-left: 0 !important;
}

/**umb_name:Button*/
.button {
    border-radius: 0;
    background: #fff;
    border: 1px solid #d23f08;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    z-index: 2;
    -webkit-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    outline: none;
}

/**umb_name:Wide Button*/
.button--wide {
    width: 100%;
    text-align: center;
    margin: 10px 0;
    padding: 35px 32px;
}

/**umb_name:White Btn*/
.btn--transparent-white {
    background: none;
    border: 1px solid #fff;
    cursor: pointer;
}

/**umb_name:Black*/
.black {
    color: #2f2f2f;
}

/**umb_name:Blue*/
.blue {
    color: #002857;
}

/**umb_name:Red*/
.red {
    color: #e24307;
}

/**umb_name:Teal*/
.teal {
    color: #72c4d6;
}

/**umb_name:Orange*/
.orange {
    color: #d23f08;
}

/**umb_name:Green*/
.green {
    color: #75a641;
}

/**umb_name:Yellow*/
.yellow {
    color: #faa638;
}

/**umb_name:Dark Grey*/
.darkgrey {
    color: #878787;
}

/**umb_name:Med Grey*/
.medgrey {
    color: #d3d3d3;
}

/**umb_name:Light Grey*/
.lightgrey {
    color: #f0f0f0;
}

.btn--transparent-white:hover {
    background: #fff;
    color: #2f2f2f;
}
