/* =========================================================
   SIMPLE PC HELP — STANDARD DESKTOP MENU
   Reusable across all pages
   Desktop: 992px+
   ========================================================= */

@media (min-width: 992px) {

    .desktop-menu-section {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #FFFFFF !important;
        box-sizing: border-box !important;
    }

    .desktop-menu-container {
        width: 100% !important;
        max-width: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        background: #FFFFFF !important;
        box-sizing: border-box !important;
    }

    .desktop-menu-container.container,
    .desktop-menu-container.container-fluid {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .desktop-menu-row {
        position: relative !important;

        display: grid !important;

        grid-template-columns:
            minmax(280px, 1fr)
            auto
            auto !important;

        align-items: center !important;
        column-gap: 28px !important;

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

        min-height: 112px !important;

        margin: 0 !important;
        padding: 18px 54px !important;

        background: #FFFFFF !important;

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

        box-sizing: border-box !important;
    }

    .desktop-menu-row.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .desktop-menu-row > * {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;

        flex: none !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    .desktop-menu-logo-column {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .desktop-menu-logo {
        display: block !important;

        width: auto !important;
        max-width: 330px !important;

        height: auto !important;
        max-height: 72px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
    }

    .desktop-menu-nav-column {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .desktop-menu-nav,
    .desktop-menu-nav.navbar {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        width: auto !important;
        max-width: none !important;

        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;
    }

    .desktop-menu-nav > .container,
    .desktop-menu-nav > .container-fluid,
    .desktop-menu-nav .navbar-collapse,
    .desktop-menu-nav .nav-container {
        position: static !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        width: auto !important;
        max-width: none !important;

        min-height: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;

        visibility: visible !important;
        opacity: 1 !important;
    }

    .desktop-menu-nav .navbar-toggler,
    .desktop-menu-nav #nav-toggle {
        display: none !important;
    }

    .desktop-menu-nav .navbar-nav,
    .desktop-menu-nav ul {
        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: flex-end !important;

        gap: 18px !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }

    .desktop-menu-nav .nav-item,
    .desktop-menu-nav li {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }

    .desktop-menu-nav .nav-link,
    .desktop-menu-nav li > a {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;

        margin: 0 !important;
        padding: 10px 4px !important;

        color: #333333 !important;

        font-family: Helvetica, Arial, sans-serif !important;

        font-size: 16px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;

        text-align: center !important;
        text-decoration: none !important;

        white-space: nowrap !important;

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;

        box-sizing: border-box !important;
    }

    .desktop-menu-nav .nav-link:hover,
    .desktop-menu-nav .nav-link:focus,
    .desktop-menu-nav li > a:hover,
    .desktop-menu-nav li > a:focus {
        color: #004AD8 !important;
        text-decoration: none !important;
    }

    .desktop-menu-nav .dropdown-toggle::after {
        margin-left: 5px !important;
    }

    .desktop-menu-nav .dropdown-menu {
        position: absolute !important;

        top: 100% !important;
        left: 0 !important;

        display: none !important;

        width: 230px !important;
        min-width: 230px !important;

        margin: 8px 0 0 0 !important;
        padding: 8px !important;

        background: #FFFFFF !important;

        border: 1px solid #D9E3F2 !important;
        border-radius: 7px !important;

        box-shadow:
            0 10px 24px
            rgba(36, 49, 99, 0.13) !important;

        z-index: 10020 !important;

        box-sizing: border-box !important;
    }

    .desktop-menu-nav .dropdown-menu.show {
        display: block !important;
    }

    .desktop-menu-nav .dropdown-menu li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .desktop-menu-nav .dropdown-menu a,
    .desktop-menu-nav .dropdown-item {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 11px 12px !important;

        color: #243163 !important;

        font-family: Helvetica, Arial, sans-serif !important;

        font-size: 16px !important;
        line-height: 1.3 !important;
        font-weight: 500 !important;

        text-align: left !important;
        text-decoration: none !important;

        white-space: normal !important;

        background: #FFFFFF !important;

        border: 0 !important;
        border-radius: 4px !important;

        box-sizing: border-box !important;
    }

    .desktop-menu-nav .dropdown-menu a:hover,
    .desktop-menu-nav .dropdown-menu a:focus,
    .desktop-menu-nav .dropdown-item:hover,
    .desktop-menu-nav .dropdown-item:focus {
        color: #FFFFFF !important;
        background: #55AC2D !important;
        text-decoration: none !important;
    }

    .desktop-menu-nav .dropdown-menu .active > a,
    .desktop-menu-nav .dropdown-menu a.active,
    .desktop-menu-nav .dropdown-menu .dropdown-item.active {
        color: #FFFFFF !important;
        background: #55AC2D !important;
        text-decoration: none !important;
    }

    .desktop-menu-button-column {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .desktop-menu-button-column > *,
    .desktop-menu-button-column .bold,
    .desktop-menu-button-column .bold-wrapper {
        margin: 0 !important;
        padding: 0 !important;
    }

    .desktop-menu-book-button {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        min-width: 170px !important;
        min-height: 54px !important;

        margin: 0 !important;
        padding: 12px 20px !important;

        color: #FFFFFF !important;

        background: #004AD8 !important;

        border: 1px solid #004AD8 !important;
        border-radius: 6px !important;

        font-family: Helvetica, Arial, sans-serif !important;

        font-size: 18px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;

        text-align: center !important;
        text-decoration: none !important;

        white-space: nowrap !important;

        box-shadow: none !important;

        box-sizing: border-box !important;
    }

    .desktop-menu-book-button:hover,
    .desktop-menu-book-button:focus {
        color: #FFFFFF !important;

        background: #55AC2D !important;
        border-color: #55AC2D !important;

        text-decoration: none !important;
    }
}


/* =========================================================
   NARROWER DESKTOP
   992px–1180px
   ========================================================= */

@media (min-width: 992px) and (max-width: 1180px) {

    .desktop-menu-row {
        grid-template-columns:
            minmax(240px, 1fr)
            auto
            auto !important;

        column-gap: 20px !important;

        padding: 16px 34px !important;
    }

    .desktop-menu-logo {
        max-width: 285px !important;
        max-height: 66px !important;
    }

    .desktop-menu-nav .navbar-nav,
    .desktop-menu-nav ul {
        gap: 12px !important;
    }

    .desktop-menu-book-button {
        min-width: 150px !important;
        min-height: 50px !important;

        padding: 11px 16px !important;

        font-size: 16px !important;
    }
}


.desktop-menu-logo {
    max-width: 100% !important;
    height: auto !important;
}


/* =========================================================
   END — STANDARD DESKTOP MENU
   ========================================================= */