/* ==========================================
   TOP BAR
========================================== */

.topbar {
    background: #0A3D91;
    color: #ffffff;
    height: 48px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.topbar .container {
    width: min(1320px, 92%);
    margin: auto;

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

.topbar-left,
.topbar-right {
    display: flex;
    align-items: center;
    gap: 22px;
}

.topbar-left a {
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: .3s;
}

.topbar-left a:hover {
    color: #F4B400;
}

.social-icons {
    display: flex;
    gap: 8px;
}

.social-icons a {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    color: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    transition: .3s;
}

.social-icons a:hover {
    background: rgba(255,255,255,.15);
}

.btn-donate {
    background: #F4B400;
    color: #222;
    padding: 10px 24px;
    border-radius: 50px;
    font-weight: 600;
    transition: .35s;
}

.btn-donate:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0,0,0,.15);
}
/*=========================================================
    TABLET & MOBILE
=========================================================*/

@media (max-width: 1024px) {

    .topbar {
        display: none;
    }

}