/* FOR SUBMENU on projects page*/
/* =========================================================
   PROJECT NAV Tabs SUBMENU
   ========================================================= */

.project_tabs {
   
    /* If want the nav bar to sit in one position fixed in place */
    /* position: fixed;
    top: 84px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 900; */

    position: sticky;
    top: 70px;
    z-index: 900;

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

    width: fit-content;
    margin: 20px auto;

    background-color: #f2f2f2;

    border: 1px solid #002554;
    border-radius: 6px;

    overflow: hidden;
}


/* Tab links */

.project_tabs a {
    display: block;

    padding: 10px 18px;

    color: #002554;
    background-color: #f2f2f2;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}


/* Divider between tabs */

.project_tabs a + a {
    border-left: 1px solid #002554;
}


/* Hover */

.project_tabs a:hover {
    background-color: #e6e6e6;
    color: #01a2e0;

    text-decoration: none;
}


/* Active tab */

.project_tabs a.active {
    background-color: #01a2e0;
    color: #ffffff;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    .project_tabs {
        top: 65px;

        margin: 20px auto;

        max-width: calc(100% - 30px);
    }


    .project_tabs a {
        padding: 10px 14px;

        font-size: 14px;

        white-space: nowrap;
    }
}