/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #04081c;
}

p {
    color: #04081c!important;
    text-align: justify;
}

.tabs.tabs-vertical .nav-tabs .nav-link {
    border-radius: 0;
    border-bottom: 0;
    font-size: 19px;
}

.p-30 {
    padding: 30px !important;
}

.post-item .post-item-description > h2, .post-item .post-item-description > h2 > a {
    font-size: 18px;
    letter-spacing: -0.1px;
    line-height: 23px;
    margin-bottom: 16px;
    color: #04081c!important;
    font-weight: 600;
}


a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
    color: #63a7ae!important;
}

.tabs.tabs-vertical .nav-tabs .nav-link.active {
    color: #63a7ae;
    background-color: transparent;
    border-right: 2px solid #63a7ae;
}

/*
#header[data-transparent="true"] + .inspiro-slider, #header[data-transparent="true"] + #slider, #header[data-transparent="true"] + .fullscreen, #header[data-transparent="true"] + .halfscreen, #header[data-transparent="true"] + #google-map {
    top: 0px;
    margin-bottom: 0px;
}
*/