/*** HOME ***/

.bg-iso-sdgs {
    background-color: #f9ebe2;
}

.bg-top-navbar {
    background: linear-gradient(90deg, #df4503 0%, rgb(250, 99, 39) 50%, #df4503 100%);

}

.nav-logo-name {
    color: #f0f4d8;
}

.bg-nav {
    background-color: #f8eae2;
}

.bg-nav-right {
    background-color: #f7b299;
}

.bg-experience {
    background-color: #f44c04;
}


.bg-footer {
    background: #8a2902;
}
.bg-muda {
    background-color: rgb(231, 242, 230);
}

.bg-muda-1 {
    background-color: #faa691;
}

/** SAMBUTAN DEKAN */
.bg-foto-sambutan {
    background: #fb8c47;
}

.bg-foto-sambutan-backend {
    background: #e86a0f;
}

/*** tabs-profile ***/

.tabs-profile .card {
    box-shadow: rgba(216, 230, 21, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.733) 0px 6px 6px;
}

.bar {
    padding: 1em;
    display: flex;
    min-width: 380px;
    justify-content: space-around;
    align-items: center;
    
}
  
.tabs-profile .nav {
    border-left: 1px solid gray;
    background-color: #fc6615;
}


.tabs-profile .nav .nav-link {
    color: rgb(250, 252, 252) !important;
    border: 1px solid #ead694;
    border-radius: 30px;
    text-transform: uppercase;
    width: 150px;
}

.tabs-profile .nav .nav-link:hover {
    background-color: #f89823!important;
    color: #ffffff !important;
}

.tabs-profile .nav .active {
    background-color: #f8a929!important;
}

.tabs-profile li a.nav-link {
    border: 0px;
    margin-right: 3px;
    color: #67757c
}

.tabs-profile .tab-content .tab-pane .card-body p,
.tabs-profile .tab-content .tab-pane .card-body ol li {
    font-size: 1.2em;
    font-weight: 500;
    color: var(--bs-dark);
}

.tabs-profile .tab-content .tab-pane .card-body h6 {
    font-size: 1.4em;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 10px;
}

/*** END tabs-profile ***/

.bg-header-panduan {
    background-color: #dd994a !important;
}

.bg-header-sop {
    background-color: #a3680e !important;
}

.bg-header-adm {
    background-color: #dd9804 !important;
}


/* KEGIATAN MAHASISWA */
.kegiatan-mhs .card {
    background: linear-gradient(to left, rgb(252, 213, 213) 50%, #dd3434 50%);
    background-size: 200%;
    background-position: right;
    transition: background-position 0.5s ease-out;
}


.kegiatan-mhs .card:hover {
    background-position: left;
}


.kegiatan-mhs .card:hover .card-body p {
    color: var(--bs-white);
}



/* POST */
#page-posts .sidebar-post {
    background-color: rgb(252, 251, 251);
}

#page-posts .list-group-item:hover {
    color: #b03906;
}

#page-posts .btn.btn-serach {
    background-color: #f07f4e;
    color: #fff;;
}

#page-posts .btn.btn-serach:hover {
    background-color: #d95922;
    color: #fff;;
}



/* BACK TO TOP */

.back-to-top {
    background-color: #ee6903;
    color: #fff;
}