/*====================================================
 WAWAGAP Announcement Bar
====================================================*/

.announcement-bar{

    width:100%;
    height:42px;

    background:#0B4F8A;

    border-bottom:3px solid #F4D35E;

    overflow:hidden;

    display:flex;

    align-items:center;

}

.announcement-track{

    width:100%;

    text-align:center;

    position:relative;

    height:42px;

}

.announcement-message{

    position:absolute;

    width:100%;

    left:0;

    top:9px;

    color:#ffffff;

    font-size:15px;

    font-weight:500;

    opacity:0;

    transition:opacity .8s ease;

    font-family:'Inter',sans-serif;

}

.announcement-message.active{

    opacity:1;

}

/*====================================================
Navbar
====================================================*/

.navbar{

    background:#ffffff !important;

    padding:12px 0;

}

.brand-name{

    color:var(--primary-blue);

    font-size:22px;

    font-weight:700;

}

.nav-link{

    color:#333 !important;

    font-weight:500;

    margin-left:8px;

    transition:.3s;

}

.nav-link:hover{

    color:var(--primary-blue) !important;

}

.submit-btn{

    background:var(--accent-gold);

    border:none;

    color:#222;

    font-weight:600;

    border-radius:30px;

    padding:10px 18px;

}

.submit-btn:hover{

    background:#e9c544;

}

.btn-outline-primary{

    border-radius:30px;

}