/* CADPOINT overrides on top of the SkillGro theme (loaded after main.css). */

/* Keep the desktop header on a single line: the theme gives the search form a
   fixed width (535px/485px/380px by breakpoint), which overflows the row once
   the logo, six menu items and the Student Login button are in it — the action
   button then wraps to a second line. Let the search flex-shrink instead. */
@media (min-width: 1200px) {
    .tgmenu__nav {
        flex-wrap: nowrap;
    }

    .tgmenu__nav .logo,
    .tgmenu__navbar-wrap ul.navigation,
    .tgmenu__action,
    .tgmenu__action .header-btn .btn {
        flex-shrink: 0;
        white-space: nowrap;
    }

    .tgmenu__search {
        flex: 1 1 auto;
        min-width: 0;
        margin-left: auto;
    }

    .tgmenu__search-form {
        width: auto;
        max-width: 535px;
        min-width: 190px;
        margin-left: auto;
    }
}