/*
==========================================================================
BLUEPRINT — MENU HEADER
==========================================================================
*/

/* LOGO */

#menu-logo-size img {
    max-width: var( --menu-logo-size, 200px );
    width: 100%;
    height: auto;
    filter: var(--menu-logo-color);
}


/* GRID LAYOUT */

#menu-row-grid-wrap .fl-col-group:before,
#menu-row-grid-wrap .fl-col-group:after {
    display: none;
}

#menu-row-grid-wrap.white-menu-header .fl-row-content-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
}

#menu-grid-wrap,
#menu-grid-inner-wrap {
    width: 100% !important;
}



#menu-row-grid-wrap .fl-col-group.fl-node-6ip7va81tyxe,
#menu-row-grid-wrap .fl-col-group.fl-node-3gwk5zuc4ov2,
 #menu-row-grid-wrap .fl-col-group.fl-node-zm17owv3jas0,
#menu-row-grid-wrap .fl-col-group.fl-node-milzorc7vpwj {
    display: grid;
    grid-template-columns: var( --menu-logo-size, 200px ) 1fr;
    gap: 20px;
    align-items: center;
}

#rw-menu-header-white.fl-row-custom-height > .fl-row-content-wrap {
    min-height: calc(100vh - 112px);
}

#menu-grid-inner-wrap .fl-col-content.fl-node-content {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    padding: 5px;
    gap: 30px;
}

#menu-logo-size  { order: 1; }
#rw-menu-items   { order: 2; }
#rw-menu-btn-ele { order: 3; }


/* NAV LINKS */

/*BB MADE A UPDATE*/
/*#menu-main-menu-blueprint span.menu-item-text {*/
/*    display: flex;*/
/*    gap: 6px;*/
/*}*/

/*#menu-main-menu-blueprint span.menu-item-text .pp-menu-toggle {*/
/*    position: relative;*/
/*    top: auto;*/
/*    right: auto;*/
/*    margin: auto;*/
/*}*/

#menu-main-menu-blueprint .pp-has-submenu-container{
    display: flex;
}

#menu-main-menu-blueprint .pp-has-submenu-container .pp-menu-toggle {
    position: relative;
    top: auto;
    right: auto;
    margin: auto;
}


.fl-node-78khxtvdlgms .pp-advanced-menu .pp-menu-toggle:before {
    border-top: 2px solid;
}

.fl-node-78khxtvdlgms .pp-advanced-menu .pp-menu-toggle:after {
    border-left: 2px solid;
}

#rw-menu-items .menu > li > a,
#rw-menu-items .menu > li > .pp-has-submenu-container > a {
    color: var( --menu-link-color );
    font-size: var( --menu-nav-size, inherit );
    font-weight: var( --menu-nav-weight, 400 );
    text-transform: var( --menu-nav-transform, none );
    letter-spacing: var( --menu-nav-spacing, 0px );
    transition: color 0.2s ease;
}

#rw-menu-items .menu > li > a:hover,
#rw-menu-items .menu > li > a:focus,
#rw-menu-items .menu > li:hover > .pp-has-submenu-container > a,
#rw-menu-items .menu > li.focus > .pp-has-submenu-container > a,
#rw-menu-items .menu > li.current-menu-item > a,
#rw-menu-items .menu > li.current-menu-item > .pp-has-submenu-container > a {
    color: var( --menu-link-hover-color );
}


/* SUB MENU & MOBILE MENU */

.fl-node-78khxtvdlgms .pp-advanced-menu.off-canvas .sub-menu > li > a{
    padding-left: 40px;
}

#rw-menu-items .pp-advanced-menu .sub-menu > li > a,
#rw-menu-items .pp-advanced-menu .sub-menu > li > .pp-has-submenu-container > a,
#menu-main-menu-blueprint-1 > li > a,
#menu-main-menu-blueprint-1 > li > .pp-has-submenu-container > a,
#menu-main-menu-blueprint-1 .sub-menu > li > a,
#menu-main-menu-blueprint-1 .sub-menu > li > .pp-has-submenu-container > a{
    background-color: var( --menu-sub-bg );
    color: var( --menu-sub-link );
    font-size: var( --menu-sub-size, inherit );
    font-weight: var( --menu-sub-weight, 400 );
    text-transform: var( --menu-sub-transform, none );
    letter-spacing: var( --menu-sub-spacing, 0px );
    transition: background-color 0.2s ease, color 0.2s ease;
}

#menu-main-menu-blueprint-1 button.pp-menu-toggle {
    color: var( --menu-sub-link );
}

#rw-menu-items .pp-advanced-menu .sub-menu > li > a:hover,
#rw-menu-items .pp-advanced-menu .sub-menu > li > a:focus,
#rw-menu-items .pp-advanced-menu .sub-menu > li > .pp-has-submenu-container > a:hover,
#rw-menu-items .pp-advanced-menu .sub-menu > li > .pp-has-submenu-container > a:focus,
#rw-menu-items .pp-advanced-menu .sub-menu > li.current-menu-item > a,
#rw-menu-items .pp-advanced-menu .sub-menu > li.current-menu-item > .pp-has-submenu-container > a,
#menu-main-menu-blueprint-1 .sub-menu > li > a:hover,
#menu-main-menu-blueprint-1 .sub-menu > li > a:focus,
#menu-main-menu-blueprint-1 .sub-menu > li > .pp-has-submenu-container > a:hover,
#menu-main-menu-blueprint-1 .sub-menu > li > .pp-has-submenu-container > a:focus,
#menu-main-menu-blueprint-1 .sub-menu > li.current-menu-item > a,
#menu-main-menu-blueprint-1 .sub-menu > li.current-menu-item > .pp-has-submenu-container > a{
    background-color: var( --menu-sub-bg-hover );
    color: var( --menu-sub-link-hover );
}


/* BUTTON */

.rw-btn-menu-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.rw-btn-menu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: var( --menu-btn-width, 165px );
    min-height: var( --menu-btn-min-height, 72px );
    background: var( --menu-btn-bg );
    color: var( --menu-btn-text );
    border: var( --menu-btn-bor-width, 0px ) solid var( --menu-btn-bor-color );
    border-radius: var( --menu-btn-radius, 13px );
    padding: var( --rw-btn-pad-t, 10px ) var( --rw-btn-pad-r, 20px ) var( --rw-btn-pad-b, 10px ) var( --rw-btn-pad-l, 20px );
    font-size: var( --menu-btn-font-size, 20px );
    font-weight: var( --rw-btn-font-wt, 600 );
    text-transform: var( --rw-btn-case, none );
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.rw-btn-menu:hover {
    background: var( --menu-btn-bg-hover );
    color: var( --menu-btn-text-hover );
    border-color: var( --menu-btn-bor-hover );
    text-decoration: none;
}

a.rw-btn-menu:hover {
    text-decoration: none;
}


/*
==========================================================================
BACKGROUND EFFECT
==========================================================================
*/

#menu-grid-dual-inner-wrap {
    background: var( --menu-header-bg, transparent );
    backdrop-filter: var( --menu-header-backdrop, none );
    -webkit-backdrop-filter: var( --menu-header-backdrop, none );
    border-radius: var( --menu-header-radius, 0px );
    transition: background 0.3s ease;
}


/* MOBILE BUTTON */

.mobile-btn-menu {
    margin: 25px auto;
    text-align: center;
}

.mobile-btn-menu a.rw-btn-menu.rw-btn-pad {
    width: calc(100% - 50px);
    margin: auto;
    display: inline-flex;
    min-height: 50px;
}


/* RESPONSIVE */

@media ( max-width: 1400px ) {
    #rw-menu-items .pp-advanced-menu .menu > li {
        margin: 0 10px;
    }
    #rw-menu-items .pp-advanced-menu .menu a {
        font-size: 16px;
    }
}

@media ( max-width: 1260px ) {
    #rw-menu-items .pp-advanced-menu .menu > li {
        margin: 0 5px;
    }
    #menu-row-grid-wrap .fl-col-group {
        grid-template-columns: 165px 1fr;
    }
}

@media ( max-width: 1154px ) {
    #rw-menu-items .pp-advanced-menu-mobile {
        justify-content: flex-end;
    }
    #rw-menu-items   { order: 3; }
    #rw-menu-btn-ele { order: 2; }

    #menu-grid-inner-wrap #rw-menu-items {
        padding-right: 30px;
    }

   .pp-menu-off-canvas ul#menu-main-menu-blueprint-1 .sub-menu,
   .pp-menu-off-canvas ul#menu-main-menu-foundation-1 .sub-menu {
        width: auto;
    }
}

@media ( max-width: 992px ) {

    #menu-row-grid-wrap > .fl-row-content-wrap {
        padding: 20px;
    }

}
@media ( max-width: 769px ) {
    #rw-menu-btn-ele {
        display: none;
    }
    #rw-menu-items .pp-advanced-menu-mobile {
        justify-content: flex-end;
    }

    #menu-grid-inner-wrap #rw-menu-items {
        padding: 8px;
    }

    #menu-grid-dual-inner-wrap {
        border-radius: 0;
    }
}