/* Add here all your CSS customizations */

/* sosial icon wiget berubah warna biru*/
.social-icons li:hover a {
	background: #151719;
	color: #007bff !important;
}


#footer {
    background: #1E511B;
    border-top: 4px solid #14a100;
    font-size: 0.9em;
    margin-top: 50px;
    padding: 0;
    position: relative;
    clear: both;
}



#footer a:not(.btn) {
    color: white;
    transition: all 0.1s ease-in-out;
}

#footer .footer-copyright {
    background: #3e6e38;
}

html .bg-color-primary, html .bg-primary {
    background-color:  #1E511B !important;
}


html .list-primary.list-icons li > [class*="fa-"]:first-child, html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child, html .list-primary.list-icons li > .icons:first-child, html .list-primary.list-icons li a:first-child > .icons:first-child {
    color: #d3110b;
    border-color: #14a100;
}


html .text-color-yel, html .text-yel {
    color: #d3110b !important;
}


    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        border-top-color: #14a100;
    }



    #header .header-nav-main nav > ul > li > a {
        color: green;

    }


#header .header-nav-main nav > ul:not(:hover) > li > a.active {
    background-color: #fffb05;
    color: #FFF;
}


 
 
 
 #header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    color: #525151;
    font-size: 0.9em;
    padding: 6px 10px;
    display: inline-block;
}


#header .header-nav-main nav > ul:not(:hover) > li > a.active {
    background-color: #0e48c7;
    color: #FFF;
}

#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
    background: #0e48c7;
}


#header .header-body {
    display: flex;
    flex-direction: column;
    background: white;
    transition: min-height 0.3s ease;
    width: 100%;
    border-top: 3px solid white;
    border-bottom: 1px solid transparent;
    z-index: 1001;
}



#header .header-btn-collapse-nav {
    background: #0e48c7;
}

/*
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus, #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {
    background: #0e48c7;
}

#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
    background: #0e48c7;
}
*/

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    color: #dee2e6;
    font-size: 0.9em;
    padding: 6px 10px;
    display: inline-block;
}