
/* =========================================================
   CPEI — PASSWORD VISIBILITY ICON
   ========================================================= */

#i4awidget_widget_responsivelogin_228
button[aria-label="Show password"] {
    display: none !important;
}


/* =========================================================
   CPEI — MEMBERSHIP FAQ ACCORDION
   ========================================================= */

.cpei-membership-faq-list details summary::after {
    content: "+" !important;
}

.cpei-membership-faq-list details[open] summary::after {
    content: "−" !important;
}


/* =========================================================
   CPEI — PROFESSIONAL DEVELOPMENT FAQ
   ========================================================= */

.cpei-pd-faq-list details summary::after {
    content: "+" !important;
}

.cpei-pd-faq-list details[open] summary::after {
    content: "−" !important;
}


/* =========================================================
   CPEI — STUDENT SERVICES ACCORDION
   ========================================================= */

.cpei-services-detail summary::after {
    content: "+" !important;
}

.cpei-services-detail[open] summary::after {
    content: "−" !important;
}


/* =========================================================
   CPEI — MOBILE HEADER
   ========================================================= */

/* Hide mobile-only links on desktop */

.cpei-mobile-quicklinks,
.cpei-mobile-login-container {
    display: none !important;
}


@media screen and (max-width: 991px) {

    /* Remove oversized desktop utility bar */

    .i4a_header_row1 {
        display: none !important;
    }

    /* Disable fixed header on mobile */

    .fixed-top,
    .i4a_header {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
    }

    /* Remove fixed-header spacing */

    body {
        padding-top: 0 !important;
    }

    /* White mobile navigation */

    .i4a_header_row2 {
        position: relative !important;
        margin: 0 !important;
        background: #ffffff !important;
    }

    /* Compact navigation */

    nav.mainNavigation,
    .mainNavigation.navbar,
    .navbar.mainNavigation {
        min-height: 70px !important;
        padding: 6px 12px !important;
    }

    /* CPEI logo */

    .navbar-brand > img,
    .mainNavigation .navbar-brand img {
        height: 54px !important;
        max-height: 54px !important;
    }

    /* Hide obsolete mobile login button */

    .cpei-mobile-login-container {
        display: none !important;
    }

    /* Login and Populi links */

    .i4a_header_row2 .cpei-mobile-quicklinks {
        display: flex !important;
        position: absolute !important;
        top: 50% !important;
        right: 94px !important;
        transform: translateY(-50%) !important;
        z-index: 1100 !important;

        width: auto !important;
        max-width: none !important;
        flex: none !important;

        justify-content: flex-end !important;
        align-items: center !important;
        gap: 16px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .i4a_header_row2 .cpei-mobile-quicklinks a {
        display: inline-block !important;
        color: #07599a !important;
        background: transparent !important;
        border: 0 !important;
        padding: 6px 0 !important;
        margin: 0 !important;

        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
        white-space: nowrap !important;

        visibility: visible !important;
        opacity: 1 !important;
    }

    .i4a_header_row2 .cpei-mobile-quicklinks a:hover,
    .i4a_header_row2 .cpei-mobile-quicklinks a:focus {
        text-decoration: underline !important;
    }

    /* Prevent homepage content overlap */

    .i4a_main_content_row {
        margin-top: 0 !important;
    }

}


/* =========================================================
   CPEI — SMALL PHONES
   ========================================================= */

@media screen and (max-width: 480px) {

    .i4a_header_row2 .cpei-mobile-quicklinks {
        right: 82px !important;
        gap: 12px !important;
    }

    .i4a_header_row2 .cpei-mobile-quicklinks a {
        font-size: 13px !important;
    }

}
