@charset "utf-8";
/* CSS Document */

:root{
    --sidebar:#2f3131;
    --olive:#7b7d34;
    --page:#f5f4ef;
    --white:#fff;
    --border:#dddddd;
}

body{
    font-family:Inter,sans-serif;
    background:var(--page);
}
.sidebar{background:#2f3131;min-height:100vh;}
.logo{background:#F3F2F0;padding:30px;text-align:center}
.logo img{max-width:260px}
.p-5 {padding: 1rem!important;}
.mb-5 {margin-bottom: 2rem !important;}
.pd-45 {margin-top: 3rem !important;}

.sidebar-nav{

background:#2f3131;

display:inline-block;

width:100%;


}

.sidebar .nav-link{

    color:#fff;

    padding:16px 24px;

    border-bottom:1px solid rgba(255,255,255,.08);

    transition:.3s;

    font-weight:400;
	font-size: 18px
}

.sidebar .nav-link i{

    width:24px;

    color:#bfbf9c;
}

.sidebar .nav-link:hover{

    background:#3d3f3f;
}

.sidebar .nav-link.active{

    background:var(--olive);

    color:white;
	border-radius:0 0px 60px 0px;
}
.mobile-header{
    background:#2f3131;
    padding:10px 15px;

    display:flex;
    align-items:center;
    justify-content:space-between;
}

.mobile-logo{
    height:80px;
    width:auto;
}

.mobile-header .navbar-toggler{
    background:transparent;
    border:0;
    color:#fff;
    padding:0;
    width:auto;
    margin-left:auto;
}

.mobile-header .navbar-toggler:focus{
    box-shadow:none;
}

.navbar{
    position:sticky;
    top:0;
    z-index:1040;
}

.offcanvas{
    background:#2f3131;
    width:300px;
}

.offcanvas-header{
    background:#2f3131;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.offcanvas-body{
    background:#2f3131;
}

.offcanvas .nav-link{

    color:#fff;
    padding:16px 22px;
    border-bottom:1px solid rgba(255,255,255,.08);

}

.offcanvas .nav-link:hover{

    background:#3b3e43;

}

.offcanvas .nav-link.active{

    background:#8a8d2b;

}

.btn-close-white{
    filter:invert(1);
}

@media(min-width:992px){

.navbar{
    display:none;
}

}

.hero img{
width:100%;
display:block;
margin-bottom: 40px
}

.content{

    padding: 0 40px;
}

.card{

    border:none;

    border-radius:10px;

    box-shadow:0 8px 20px rgba(0,0,0,.08);
	padding: 20px 0 
}
.card1{

    border:none;
box-shadow: 0;
	padding: 20px 0 
}

.social{

    margin-top:60px;

    text-align:center;
}

.social a{

    display:inline-block;

    margin:0 12px;

    color:#777;

    font-size:20px;

    transition:.3s;
}

.social a:hover{

    color:#000;

    transform:translateY(-3px);
}

footer{

    margin-top:50px;

    border-top:1px solid var(--border);

    padding:30px;

    color:#777;
}

@media(max-width:991px){
.sidebar{min-height:auto;}
.logo{padding:15px;}
	.hero{margin-top:1px;}
	.mb-5 {margin-bottom: 1rem !important;}
}
/* Ordered list */
.card ul{
    margin:0;
    padding-left:1.5rem;
}

/* Each document */
.card ul li{
    margin-bottom:1px;
    padding:1px 12px;
    border-radius:8px;
    transition:.25s;
    color:#555;
    line-height:1.5;
}

/* Hover effect */
.card ul li:hover{
    background:#f8f9fa;
}

/* Links */
.card ul li a{
    color:#2f4f74;
    text-decoration:none;
    font-weight:500;
}

/* Underline only on hover */
.card ul li a:hover{
    color:#7b8427;
    text-decoration:underline;
}

/* Better looking numbers */
.card ul li::marker{
    color:#98a33a;
    font-weight:700;
    font-size:1rem;
}
/* Board tables */

.board-section{
    margin:55px 0;
}

.board-section h2{
    font-family:'Playfair Display',serif;
    font-size:2rem;
    color:#384047;
    margin-bottom:18px;
    padding-bottom:10px;
    border-bottom:2px solid #d8ddd0;
}

.board-table{
    width:100%;
    border-collapse:collapse;
    font-size:.95rem;
}

.board-table thead{
    background:#8a9637;
    color:#fff;
}

.board-table thead th{
    padding:15px;
    font-weight:600;
    white-space:nowrap;
}

.board-table tbody td{
    padding:14px 15px;
    border-bottom:1px solid #ececec;
    vertical-align:middle;
}

.board-table tbody tr:nth-child(even){
    background:#fafafa;
}

.board-table tbody tr:hover{
    background:#f4f7ef;
}

.board-table a{
    color:#55708b;
    text-decoration:none;
}

.board-table a:hover{
    color:#7b8427;
}

.board-table td:first-child{
    font-weight:600;
    color:#555;
    width:140px;
}

.board-table td:nth-child(4){
    text-align:center;
    width:90px;
}

.board-table td:last-child{
    white-space:nowrap;
}

@media(max-width:991px){

.board-table{
    font-size:.85rem;
}

.board-table thead th,
.board-table td{
    padding:10px 8px;
}

}
.sidebar-values{
    margin-top:auto;
    padding:35px 15px 25px;
    border-top:1px solid rgba(255,255,255,.08);
}

.value-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#9CB35B;
    transition:.3s;
}

.value-item i{
    font-size:2.3rem;
    margin-bottom:12px;
}

.value-item span{
    display:block;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:.72rem;
    font-weight:600;
    color:#fff;
}

.value-item:hover{
    transform:translateY(-4px);
}

.value-item:hover i{
    color:#b7d36d;
}

.value-item:hover span{
    color:#b7d36d;
}