/*
Theme Name: Gixus Child
Description: Linnoedge child theme for Gixus.
Author: Linnoedge
Template: gixus
Version: 1.0.0
*/

/* Keep the desktop primary navigation on one line when dropdown state changes
 * the width of a top-level link (for example, Services on hover). */
@media (min-width: 1024px) {
    /* Keep the complete desktop header row on one line as the menu state changes. */
    nav.navbar.validnavs .container > .d-flex {
        flex-wrap: nowrap;
    }

    nav.navbar.validnavs .navbar-header,
    nav.navbar.validnavs .attr-right {
        flex: 0 0 auto;
    }

    nav.navbar.validnavs .navbar-collapse.collapse {
        flex: 1 1 auto;
        min-width: 0;
    }

    .navbar.validnavs .navbar-collapse > ul.nav {
        display: flex;
        flex-wrap: nowrap;
    }

    .navbar.validnavs .navbar-collapse > ul.nav > li,
    .navbar.validnavs .navbar-collapse > ul.nav > li > a {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    /* The theme increases top-level link text from 18px to 20px on hover.
     * Keep the menu item's width stable so the language link cannot reflow. */
    nav.navbar.validnavs .navbar-collapse > ul.nav > li > a:hover,
    nav.navbar.validnavs .navbar-collapse > ul.nav > li > a:focus {
        font-size: 18px;
    }
}
