/*
===========================================
NYUMBANI HEADER
===========================================
*/

.nyumbani-topbar{

    background:#1B5E20;

    color:#fff;

    font-size:14px;

}

.nyumbani-topbar .container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:10px 20px;

    flex-wrap:wrap;

}

.nyumbani-topbar a{

    color:#fff;

    margin-right:18px;

}

.nyumbani-topbar a:hover{

    color:#FFC107;

}

.site-header{

    background:#fff;

    box-shadow:0 2px 15px rgba(0,0,0,.08);

    position:sticky;

    top:0;

    z-index:999;

}

.header-wrapper{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:20px 0;

}

.site-branding{

    flex:0 0 25%;

}

.site-title{

    margin:0;

    font-size:32px;

}

.site-description{

    margin:5px 0 0;

    color:#666;

    font-size:14px;

}

.main-navigation{

    flex:1;

    text-align:center;

}

.main-navigation ul{

    margin:0;

    padding:0;

    list-style:none;

    display:flex;

    justify-content:center;

    gap:30px;

}

.main-navigation li{

    position:relative;

}

.main-navigation a{

    color:#333;

    font-weight:600;

    text-decoration:none;

}

.main-navigation a:hover{

    color:#1B5E20;

}

.header-icons{

    display:flex;

    gap:20px;

    font-size:22px;

}

.header-icons a{

    color:#1B5E20;

}

.header-icons a:hover{

    color:#FFC107;

}

@media(max-width:991px){

.header-wrapper{

flex-wrap:wrap;

}

.main-navigation{

display:none;

}

.site-branding{

flex:1;

}

}