/* =========================================================
   PA BUNTOK — MENU TAUTAN
   SIMPLE DROPDOWN / NO ACCORDION
========================================================= */


/* =========================================================
   1. MENU UTAMA
   Arrow kepala Tautan tetap
========================================================= */

.main-navigation
.main-nav
li.pa-menu-tautan
> a {

    position: relative;

    color: #111111;

    font-weight: 600;

    transition:
        color .2s ease,
        background-color .2s ease;
}


/* =========================================================
   2. DROPDOWN CONTAINER — DESKTOP
========================================================= */

.main-navigation
.main-nav
li.pa-menu-tautan
> ul.sub-menu {

    border-radius: 0 0 10px 10px;

    border-bottom: 3px solid #C9A227;

    box-shadow:
        0 14px 35px rgba(16, 24, 40, .10);

    overflow: hidden;
}


/* =========================================================
   3. DROPDOWN ITEM
========================================================= */

.main-navigation
.main-nav
li.pa-menu-tautan
> ul.sub-menu
> li
> a {

    padding: 11px 15px;

    color: #26352F;

    font-size: 14px;

    font-weight: 600;

    line-height: 1.35;

    transition:
        background-color .18s ease,
        color .18s ease;
}


/* =========================================================
   4. HILANGKAN ARROW ANAK MENU
   Kepala Tautan tetap memiliki arrow
========================================================= */

.main-navigation
.main-nav
li.pa-menu-tautan
> ul.sub-menu
> li
> a::before {

    display: none !important;

    content: none !important;
}


.main-navigation
.main-nav
li.pa-menu-tautan
> ul.sub-menu
> li
> a
.gp-icon {

    display: none !important;
}


/* =========================================================
   5. HOVER
========================================================= */

.main-navigation
.main-nav
li.pa-menu-tautan
> ul.sub-menu
> li
> a:hover {

    background: #F3F8F5;

    color: #0B7A3B;
}


/* =========================================================
   6. MOBILE
========================================================= */

@media (max-width: 768px) {


    /* =====================================================
       SUBMENU CONTAINER
    ===================================================== */

    .main-navigation
    .main-nav
    li.pa-menu-tautan
    > ul.sub-menu {

        position: static;

        width: 100% !important;
        max-width: none;

        margin: 0 !important;

        padding: 4px 0 10px !important;

        background: #FFFFFF !important;

        border: 0 !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        overflow: visible;
    }


    /* =====================================================
       ANAK MENU
    ===================================================== */

    .main-navigation
    .main-nav
    li.pa-menu-tautan
    > ul.sub-menu
    > li {

        margin: 0 !important;

        padding: 0 !important;

        border: 0 !important;
    }


    /* =====================================================
       LINK ANAK
    ===================================================== */

    .main-navigation
    .main-nav
    li.pa-menu-tautan
    > ul.sub-menu
    > li
    > a {

        display: block;

        width: 100%;

        margin: 0 !important;

        padding: 11px 18px !important;

        background: #FAFCFB !important;

        color: #26352F !important;

        font-size: 14px;

        font-weight: 500;

        line-height: 1.4;

        border: 0 !important;

        border-bottom: 1px solid #F0F3F1 !important;

        border-radius: 0 !important;

        box-shadow: none !important;

        box-sizing: border-box;
    }


    /* =====================================================
       REMOVE ARROW ANAK
    ===================================================== */

    .main-navigation
    .main-nav
    li.pa-menu-tautan
    > ul.sub-menu
    > li
    > a::before {

        display: none !important;

        content: none !important;
    }


    .main-navigation
    .main-nav
    li.pa-menu-tautan
    > ul.sub-menu
    > li
    > a
    .gp-icon {

        display: none !important;
    }


    /* =====================================================
       HOVER
    ===================================================== */

    .main-navigation
    .main-nav
    li.pa-menu-tautan
    > ul.sub-menu
    > li
    > a:hover {

        background: #F3F8F5 !important;

        color: #0B7A3B !important;

        border-radius: 0 !important;

        box-shadow: none !important;
    }

}