.top-bar {
    padding: 0;
    background: #fafafa;
    width: 100%;
    border-bottom: 1px solid #e0e0e0
}

.top-bar-title {
    padding-left: 25px
}

    .top-bar-title img {
        position: absolute;
        top: 10px
    }

    .top-bar-title span {
        font-weight: 700;
        top: 23px;
        position: absolute;
        left: 4.25rem
    }

.top-bar, .top-bar * {
   /* text-transform: uppercase;*/
   /* font-size: 0.9rem*/
}

.top-bar-right {
    background: #fafafa
}

.top-bar ul {
    background-color: inherit
}

.top-bar-right > ul li > a {
    text-decoration: none;
    line-height: 2.24rem;
    padding: 15px 25px;
    font-weight: bold;
    letter-spacing: 0.1em
}

    .top-bar-right > ul li > a:hover {
        color: inherit
    }

.top-bar-right > ul li:hover {
    color: #333;
    background-color: #ebebeb
}

.top-bar-right > ul li > a .fa {
    line-height: 2.24rem
}

#top-nav > div.top-bar-right > ul > li > a:visited {
    color: #333
}

.title-bar {
    background-color: #fafafa;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    padding: 0.5rem 0
}

.title-bar-left {
    padding-left: 25px;
    color: #333;
    /*text-transform: uppercase;*/
    font-size: 0.9rem
}

    .title-bar-left img {
        position: absolute;
        top: 10px
    }

    .title-bar-left span {
        font-weight: 700;
        top: 23px;
        position: absolute;
        /*left: 4.25rem;*/
    }

.oa-nav-menu-text {
    text-transform: uppercase;
    font-size: 0.65em;
    color: #999
}

    .oa-nav-menu-text:hover {
        color: #005356
    }

.menu-button button {
    padding: 0.5rem;
    padding-bottom: 0
}

    .menu-button button:active {
        border-color: #fafafa;
        background-color: #fafafa
    }

    .menu-button button:hover {
        border-color: #fafafa;
        background-color: #fafafa;
        cursor: pointer
    }

    .menu-button button i {
        font-size: 1.5em;
        padding-left: 5px
    }

.off-canvas {
    padding-top: 2rem
}

.oa-sidebar-nav {
    /*background: #404040;
    color: #fafafa;
    font-size: 1.25rem;*/
    /*text-align: center;*/
    /*text-align: left;*/
    /* text-transform: uppercase;*/
    /*font-weight: 700;
    z-index: 103*/

    background: #404040;
    color: #fafafa;
    font-size: 1.25rem;
    text-align: center;
    /*text-transform: uppercase;*/
    font-weight: 700;
    z-index: 103;

}

    .oa-sidebar-nav > ul > li > a {
        color: #fafafa;
        text-decoration: none;
        padding: 1.3rem 0.8rem
    }

    .oa-sidebar-nav a:hover {
        background-color: #ebebeb;
        color: #333
    }

    .oa-sidebar-nav > ul > li:hover a {
        color: #333
    }

    .oa-sidebar-nav > ul > li:active {
        background: #ffe066;
        color: #333
    }

        .oa-sidebar-nav > ul > li:active a {
            color: #333
        }

.job-card {
    text-transform: uppercase;
    padding: 4rem 0;
    font-size: 1.5rem
}

    .job-card p {
        margin-bottom: 1.5rem
    }

div.top-bar-right > ul.menu > li > a > i {
    margin-right: 5px
}

div.oa-sidebar-nav > ul.menu > li > a > i {
    margin-right: 10px
}