body {
    color: #918a82; /* all font color */
    font-size: 14px;
    font-family: 'Roboto Condensed'; /* change font */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}




/*     General overwrite     */

.bg-color {
    background-color: #f4f3ef; /* bg color */
}

@media (max-width: 991px) {
    .off-canvas-sidebar .nav > li.active > div:after, .navbar-collapse .nav > li.active > div:after {
        border-left: 17px solid #f4f3ef !important; /* same as body's bg color */
    }
}





/*      Theme Primary Colors      */
.primary {
    color: #008061 !important
}

.bg-primary {
    background: #008061 !important
}

.sidebar[data-active-color="danger"] .nav li.active > div > a,
.off-canvas-sidebar[data-active-color="danger"] .nav li.active > a {
    color: #008061 !important; /* menu active li color */
    opacity: 1;
}

.nav > li > div > a {
    color: #b2ada8 !important;
}

.nav > li:hover > div > a {
    color: #918a82 !important; /* menu li hover color, primary */
}




/*     Optional Secondary Colors     */
.secondary {
    color: #f2f2f2 !important
}

.bg-secondary {
    background: #fff !important
}





/*      Title Font     */
.title-h1 {
    font-size: 35px; /* Font Size  */
    font-weight: 800;
    color: #333; /* Font Color  */
    margin: 0 15px 30px;
    letter-spacing: 1px;
    text-shadow: 0.6px 0 0 #000;
}

.title-h2 {
    font-size: 25px; /* Font Size  */
    font-weight: 800;
    color: #333; /* Font Color  */
    margin: 0 15px 20px;
}

.title-h3 {
    font-size: 14px; /* Font Size  */
    font-weight: 600;
    color: #999999; /* Font Color  */
    margin: 0 15px 10px;
}