/* ==========================================================
 * HOSTING MAGAZINE — GLOBAL HEADER V2
 * CANONICAL AZERA CONTRACT V1
 *
 * Real DOM:
 *
 * .sticky-navigation
 *   #menu-primary.navbar-collapse
 *     #site-header-menu
 *       #site-navigation.main-navigation
 *         .menu-hm-header-v2-container
 *           ul.primary-menu.small-text
 * ========================================================== */


/* ==========================================================
 * DESKTOP
 * ========================================================== */

@media (min-width:1021px) {

    /* ------------------------------------------------------
     * HEADER SURFACE
     * ------------------------------------------------------ */

    body.hm-header-v2-active
    .sticky-navigation {
        min-height:82px !important;
        margin-bottom:0 !important;

        border:0 !important;
        border-bottom:1px solid #e5ebf3 !important;

        background:
            linear-gradient(
                180deg,
                #ffffff 0%,
                #fbfdff 100%
            ) !important;

        box-shadow:
            0 1px 0 rgba(15,23,42,.02),
            0 7px 24px rgba(15,23,42,.045) !important;
    }


    /* ------------------------------------------------------
     * MAIN CONTAINER
     * ------------------------------------------------------ */

    body.hm-header-v2-active
    .sticky-navigation > .container {
        width:min(
            1280px,
            calc(100% - 48px)
        ) !important;

        max-width:1280px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        padding-left:0 !important;
        padding-right:0 !important;
    }


    /* ------------------------------------------------------
     * LOGO
     * ------------------------------------------------------ */

    body.hm-header-v2-active
    .sticky-navigation .navbar-header-wrap {
        display:flex !important;
        min-height:82px !important;
        align-items:center !important;
    }

    body.hm-header-v2-active
    .sticky-navigation .navbar-brand {
        display:flex !important;
        height:auto !important;
        min-height:82px !important;

        align-items:center !important;

        padding:
            0 !important;

        line-height:1 !important;
    }

    body.hm-header-v2-active
    .sticky-navigation .navbar-brand > img {
        display:block !important;

        width:auto !important;
        height:auto !important;

        max-width:158px !important;
        max-height:50px !important;

        margin:0 !important;
    }


    /* ------------------------------------------------------
     * NAV AREA
     * ------------------------------------------------------ */

    body.hm-header-v2-active
    .sticky-navigation #menu-primary {
        float:right !important;

        width:auto !important;
        height:auto !important;

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

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

    body.hm-header-v2-active
    .sticky-navigation #site-header-menu {
        display:block !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation.main-navigation {
        margin:0 !important;
        padding:0 !important;

        font-family:
            inherit !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu {
        display:flex !important;

        width:auto !important;

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

        gap:5px !important;

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

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

        border:0 !important;

        list-style:none !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu > li {
        display:block !important;
        float:none !important;

        position:relative !important;

        flex:0 0 auto !important;

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


    /* ------------------------------------------------------
     * STANDARD LINKS
     * ------------------------------------------------------ */

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu > li > a {
        display:flex !important;

        min-height:42px !important;

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

        margin:0 !important;

        padding:
            0 14px !important;

        border:
            1px solid transparent !important;

        border-radius:
            10px !important;

        background:
            transparent !important;

        color:
            #34445a !important;

        box-shadow:
            none !important;

        font-family:
            inherit !important;

        font-size:
            13.5px !important;

        font-weight:
            700 !important;

        line-height:
            1 !important;

        letter-spacing:
            -.012em !important;

        text-align:
            center !important;

        text-transform:
            none !important;

        white-space:
            nowrap !important;

        text-decoration:
            none !important;

        transition:
            color .16s ease,
            background-color .16s ease,
            border-color .16s ease,
            box-shadow .16s ease,
            transform .16s ease !important;
    }


    /* ------------------------------------------------------
     * HOVER
     * ------------------------------------------------------ */

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu > li:not(:last-child) > a:hover,

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu > li:not(:last-child) > a:focus {
        border-color:
            #e1e8f1 !important;

        background:
            #f5f8fc !important;

        color:
            #1558d6 !important;
    }


    /* ------------------------------------------------------
     * ACTIVE PAGE
     * ------------------------------------------------------ */

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu >
    li.current-menu-item:not(:last-child) > a,

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu >
    li.current-menu-ancestor:not(:last-child) > a,

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu >
    li.current_page_item:not(:last-child) > a {
        border-color:
            #d4e3fb !important;

        background:
            linear-gradient(
                180deg,
                #f3f7ff 0%,
                #ebf3ff 100%
            ) !important;

        color:
            #1558d6 !important;

        font-weight:
            780 !important;

        box-shadow:
            0 4px 14px
            rgba(37,99,235,.08) !important;
    }


    /* ------------------------------------------------------
     * SEGNALA CTA
     * ------------------------------------------------------ */

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu >
    li:last-child {
        margin-left:
            9px !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu >
    li:last-child > a {
        min-height:
            42px !important;

        padding:
            0 18px !important;

        border:
            1px solid #2563eb !important;

        border-radius:
            10px !important;

        background:
            linear-gradient(
                180deg,
                #3476ef 0%,
                #2563eb 100%
            ) !important;

        color:
            #ffffff !important;

        font-weight:
            780 !important;

        text-transform:
            none !important;

        box-shadow:
            0 8px 22px
            rgba(37,99,235,.20) !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu >
    li:last-child > a:hover,

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu >
    li:last-child > a:focus {
        border-color:
            #1d4ed8 !important;

        background:
            linear-gradient(
                180deg,
                #2865dd,
                #1d4ed8
            ) !important;

        color:
            #ffffff !important;

        box-shadow:
            0 10px 27px
            rgba(37,99,235,.27) !important;

        transform:
            translateY(-1px) !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu >
    li:last-child.current-menu-item > a,

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu >
    li:last-child.current_page_item > a {
        border-color:
            #1d4ed8 !important;

        background:
            #1d4ed8 !important;

        color:
            #ffffff !important;

        box-shadow:
            0 8px 22px
            rgba(37,99,235,.24) !important;
    }

}


/* ==========================================================
 * TABLET / MOBILE
 *
 * Preserve Azera collapse mechanism.
 * ========================================================== */

@media (max-width:1020px) {

    body.hm-header-v2-active
    .sticky-navigation
    .main-navigation li a {
        text-transform:
            none !important;
    }

}


/* ==========================================================
 * ACCESSIBILITY
 * ========================================================== */

body.hm-header-v2-active
.sticky-navigation
#site-navigation
a:focus-visible {
    outline:
        2px solid #2563eb !important;

    outline-offset:
        2px !important;
}


/* END HOSTING MAGAZINE GLOBAL HEADER V2 */

/* ==========================================================
 * HM HEADER RESPONSIVE V1 START
 * Canonical Azera tablet/mobile navigation
 * ========================================================== */

@media (max-width:1020px) {

    /* ------------------------------------------------------
     * HEADER SURFACE
     * ------------------------------------------------------ */

    body.hm-header-v2-active
    .sticky-navigation {
        min-height:68px !important;
        margin-bottom:0 !important;

        border:0 !important;
        border-bottom:1px solid #e5ebf3 !important;

        background:#ffffff !important;

        box-shadow:
            0 4px 18px rgba(15,23,42,.045) !important;
    }


    /* ------------------------------------------------------
     * CONTAINER
     * ------------------------------------------------------ */

    body.hm-header-v2-active
    .sticky-navigation > .container {
        width:100% !important;
        max-width:none !important;

        margin:0 auto !important;

        padding-left:18px !important;
        padding-right:18px !important;
    }


    /* ------------------------------------------------------
     * LOGO + TOGGLE ROW
     * ------------------------------------------------------ */

    body.hm-header-v2-active
    .sticky-navigation
    .navbar-header-wrap {
        display:flex !important;

        width:100% !important;
        min-height:68px !important;

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

        margin:0 !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    .navbar-header {
        float:none !important;

        width:100% !important;

        margin:0 !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    .navbar-brand {
        display:flex !important;

        height:68px !important;

        align-items:center !important;

        padding:0 !important;

        line-height:1 !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    .navbar-brand > img {
        display:block !important;

        width:auto !important;
        height:auto !important;

        max-width:148px !important;
        max-height:44px !important;
    }


    /* ------------------------------------------------------
     * HAMBURGER
     *
     * We deliberately switch to collapsed navigation up to
     * 1020px instead of Bootstrap/Azera's old ~767px limit.
     * ------------------------------------------------------ */

    body.hm-header-v2-active
    .sticky-navigation
    #menu-toggle.navbar-toggle {
        display:flex !important;

        float:right !important;

        width:44px !important;
        height:42px !important;

        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        gap:4px !important;

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

        border:1px solid #dbe5ef !important;
        border-radius:10px !important;

        background:#f7f9fc !important;

        box-shadow:none !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #menu-toggle .icon-bar {
        display:block !important;

        width:20px !important;
        height:2px !important;

        margin:0 !important;

        border-radius:2px !important;

        background:#34445a !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #menu-toggle:hover,

    body.hm-header-v2-active
    .sticky-navigation
    #menu-toggle:focus {
        border-color:#c9d8e9 !important;
        background:#edf4ff !important;
    }


    /* ------------------------------------------------------
     * COLLAPSE CONTRACT
     * ------------------------------------------------------ */

    body.hm-header-v2-active
    .sticky-navigation
    #menu-primary.navbar-collapse {
        float:none !important;

        clear:both !important;

        width:100% !important;
        height:auto !important;

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

        border:0 !important;
        border-top:1px solid #edf1f6 !important;

        background:#ffffff !important;

        box-shadow:none !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #menu-primary.navbar-collapse.collapse {
        display:none !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #menu-primary.navbar-collapse.collapse.in,

    body.hm-header-v2-active
    .sticky-navigation
    #menu-primary.navbar-collapse.in {
        display:block !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #site-header-menu {
        display:block !important;

        width:100% !important;
    }


    /* ------------------------------------------------------
     * MOBILE/TABLET MENU
     * ------------------------------------------------------ */

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation.main-navigation {
        width:100% !important;

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

        text-align:left !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu {
        display:block !important;

        width:100% !important;

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

        border:0 !important;

        list-style:none !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu > li {
        display:block !important;

        float:none !important;

        width:100% !important;

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

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu > li > a {
        display:flex !important;

        width:100% !important;
        min-height:46px !important;

        align-items:center !important;

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

        border:1px solid transparent !important;
        border-radius:10px !important;

        background:transparent !important;

        color:#34445a !important;

        font-family:inherit !important;
        font-size:15px !important;
        font-weight:700 !important;

        line-height:1.3 !important;
        letter-spacing:-.01em !important;

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

        white-space:normal !important;

        text-decoration:none !important;
    }


    /* CURRENT */

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu >
    li.current-menu-item:not(:last-child) > a,

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu >
    li.current-menu-ancestor:not(:last-child) > a,

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu >
    li.current_page_item:not(:last-child) > a {
        border-color:#d6e4fa !important;

        background:#edf4ff !important;

        color:#1558d6 !important;
    }


    /* SEGNALA */

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu >
    li:last-child {
        margin-top:7px !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu >
    li:last-child > a {
        justify-content:center !important;

        border-color:#2563eb !important;

        background:#2563eb !important;

        color:#ffffff !important;

        text-align:center !important;

        box-shadow:
            0 7px 20px rgba(37,99,235,.18) !important;
    }

}


/* ----------------------------------------------------------
 * SMALL MOBILE
 * ---------------------------------------------------------- */

@media (max-width:480px) {

    body.hm-header-v2-active
    .sticky-navigation > .container {
        padding-left:14px !important;
        padding-right:14px !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    .navbar-brand > img {
        max-width:138px !important;
        max-height:42px !important;
    }

    body.hm-header-v2-active
    .sticky-navigation
    #site-navigation
    ul.primary-menu {
        padding-top:10px !important;
        padding-bottom:14px !important;
    }

}

/* HM HEADER RESPONSIVE V1 END */