.pps-mobile-navbar {
    position: sticky;
    top: 0;
    z-index: 2;
    padding-top: 10px;
    padding-bottom: 10px;
    /* height: 50px; */
}

.pps-mobile-navbar .navbar-brand {
    line-height: 22px;
    padding-top: 0;
    padding-bottom: 0;
    max-width: 72px;
}

.pps-mobile-navbar .navbar-toggler {
    border: none;
    padding: 5px 10px
}

.pps-mobile-navbar .navbar-toggler:focus {
    box-shadow: none;
}

.pps-mobile-navbar .toggler-bar {
    display: block;
    width: 16px;
    height: 1px;
    background-color: #3A3A3A;
    margin: 4px 0;
    transition: all 0.3s ease-in-out;
}

.pps-mobile-navbar .navbar-toggler:not(.collapsed)[aria-expanded="true"] .top-bar {
    transform: translateY(5px) rotate(45deg);
}

.pps-mobile-navbar .navbar-toggler:not(.collapsed)[aria-expanded="true"] .middle-bar {
    opacity: 0;
}

.pps-mobile-navbar .navbar-toggler:not(.collapsed)[aria-expanded="true"] .bottom-bar {
    transform: translateY(-5px) rotate(-45deg);
}

.pps-mobile-navbar .navbar-collapse {
    overflow-y: scroll;
    max-height: 80vh;
}

.pps-mobile-navbar .main-toggle-menu {
    display: none;
}

.pps-mobile-navbar .pps_inquire_btn {
    position: static;
    margin-left: auto;
    margin-right: 10px;
}

.pps-mobile-navbar .pps-enquire-btn {
    font-size: 14px;
    padding: 4px 10px;
}

.pps-enquire-btn:hover {
    color: #FF8000 !important;
    background-color: white !important;
}

.pps-main-navbar {
    position: sticky;
    top: 0;
    background-color: #E6F4FF !important;
    display: flex;
    justify-content: center;
    z-index: 2;
    padding-top: 0;
    padding-bottom: 0;
}

.pps-main-navbar>.container-fluid {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pps-main-navbar .navbar-nav {
    flex-direction: row;
    padding-top: 12px;
    padding-bottom: 12px;
}

.pps-main-navbar .navbar-nav:has(+ *) {
    margin-right: 40px;
}

.pps-main-navbar .nav-item {
    color: #5B5B5B;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
}

.pps-main-navbar .nav-item:hover .nav-link {
    filter: brightness(0.7);
}

.pps-ads-navbar {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: center;
    z-index: 2;
    padding-top: 0;
    padding-bottom: 0;
}

.pps-ads-navbar .navbar-nav {
    margin-left: auto;
}

.pps-ads-navbar .navbar-nav:has(+ *) {
    margin-right: 10px;
}

.pps-ads-navbar .nav-item {
    display: inline-block;
}

.pps-ads-navbar.navbar-expand-lg .navbar-nav .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.pps-ads-navbar.navbar-expand-lg .navbar-nav .nav-item:hover {
    filter: brightness(0.5);
}

.pps-ads-navbar.navbar-expand-lg .navbar-nav .nav-link {
    color: #5B5B5B;
    padding-left: 0px;
    padding-right: 0px;
}

.pps-ads-navbar .pps-enquire-btn {
    min-width: 136px;
    border-radius: calc(infinity * 1px);
    padding: 6px 20px;
}

/* Reusable Components */
.pps_inquire_btn {
    position: static !important;
    /* right: must match container padding */
    /* right: 12px !important; */
    /* center vertically */
    /* top: 50% !important;
    transform: translateY(-50%) !important; */
}

.invisible-anchor {
    display: block;
    visibility: hidden;
    position: relative;
    /* 81px is 61px height of sticky header + 20px */
    scroll-margin-top: 81px;
}

/* Specifics & Overrides */
/* Hide navbar of main header */
.page-template-page-tmp-pps .navbar-expand-lg {
    display: none;
}

/* Initially show menu items for PPS Ads */
.page-template-page-tmp-pps-2 .pps-mobile-navbar .main-toggle-menu {
    display: block;
}


@media screen and (min-width: 576px) {
    .pps-mobile-navbar .navbar-brand {
        max-width: 92px;
    }
}

@media screen and (min-width: 768px) {
    .pps-mobile-navbar .navbar-brand {
        max-width: 102px;
    }
}

@media screen and (min-width: 992px) {
    .pps-ads-navbar {
        min-height: 82px;
    }

    .page-template-page-tmp-pps .navbar-expand-lg {
        display: block;
    }
}