/*
 * Totipotent Tutor Header Layout
 * True centered desktop navigation with Site Icon.
 */


/*
 * Creativo switches to its desktop header above tablet width,
 * so use 1025px instead of 1200px.
 */
@media (min-width: 1025px) {

    /*
     * The original Elementor layout gives the navigation
     * approximately 70% of the row and reserves 30% for
     * the social widget. Make the navigation span the
     * complete row instead.
     */
    .elementor-element-a55881a > .e-con-inner {
        position: relative !important;
    }


    .elementor-element-cee4aef {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }


    /*
     * Preserve the social-icons container without allowing
     * it to consume 30% of the navigation row.
     */
    .elementor-element-da65447 {
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;

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

        transform: translateY(-50%) !important;

        z-index: 3 !important;
    }


    /*
     * Give the navigation widget the entire available width.
     */
    .elementor-element-2f840c8,
    .elementor-element-2f840c8
    > .elementor-widget-container,
    .creativo-elements-header-navigation,
    .creativo-elements-header-navigation
    .top_navigation,
    .creativo-elements-header-navigation
    #navigation {
        width: 100% !important;
        max-width: 100% !important;
    }


    /*
     * Center the actual menu across the full header.
     */
    .creativo-elements-header-navigation
    .top_navigation
    #navigation
    > ul#primary-menu {
        display: flex !important;

        flex-wrap: nowrap !important;

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

        width: 100% !important;

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

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


    /*
     * Normalize every menu item.
     */
    .creativo-elements-header-navigation
    #primary-menu
    > li {
        display: flex !important;
        flex: 0 0 auto !important;

        align-items: center !important;
        align-self: center !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }


    /*
     * Standard menu links.
     */
    .creativo-elements-header-navigation
    #primary-menu
    > li:not(.ttt-menu-site-icon)
    > a {
        display: flex !important;
        align-items: center !important;

        white-space: nowrap !important;

        padding-left: 11px !important;
        padding-right: 11px !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }


    /*
     * Site Icon directly to the left of Home.
     */
    .creativo-elements-header-navigation
    #primary-menu
    > li.ttt-menu-site-icon {
        display: flex !important;

        margin-right: 10px !important;
    }


    .creativo-elements-header-navigation
    #primary-menu
    > li.ttt-menu-site-icon
    > a {
        display: flex !important;

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

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

        line-height: 1 !important;
    }


    .creativo-elements-header-navigation
    #primary-menu
    > li.ttt-menu-site-icon
    img {
        display: block !important;

        width: 36px !important;
        height: 36px !important;
        max-width: 36px !important;

        object-fit: cover !important;

        border-radius: 7px !important;
    }
}


/*
 * Hide the injected desktop icon only when the site is
 * actually using its tablet/mobile header.
 */
@media (max-width: 1024px) {

    .ttt-menu-site-icon {
        display: none !important;
    }
}