/*
 * Control UI v4.6.0 - header colour + logo refinement.
 * Colour: #073F70
 * Keeps the compact mobile header from v4.3.0.
 */

body #container > header#header,
body #container > header#header > .brand {
    background-color: #073F70;
    background-image: none;
}

body #container > header#header > .brand > a,
body #container > header#header > .toggle-navigation > button,
body #container > header#header > .user-nav > ul > li > button,
body #container > header#header > .user-nav > ul > li > a {
    color: #FFFFFF;
}
body #container > header#header > .toggle-navigation > button,
body #container > header#header > .user-nav > ul > li > button {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
}
body #container > header#header > .toggle-navigation > button > i,
body #container > header#header > .user-nav > ul > li > button > i,
body #container > header#header > .user-nav > ul > li > a > i {
    color: inherit;
}
body #container > header#header > .toggle-navigation > button:hover,
body #container > header#header > .toggle-navigation > button:focus,
body #container > header#header > .toggle-navigation > button:active,
body #container > header#header > .user-nav > ul > li > button:hover,
body #container > header#header > .user-nav > ul > li > button:focus,
body #container > header#header > .user-nav > ul > li > button:active,
body #container > header#header > .user-nav > ul > li.open > button {
    background-color: rgba(255, 255, 255, 0.10);
    background-image: none;
    color: #FFFFFF;
    border-color: transparent;
}
body #container > header#header > .user-nav > ul > li > a:hover,
body #container > header#header > .user-nav > ul > li > a:focus,
body #container > header#header > .user-nav > ul > li.open > a {
    color: #FFFFFF;
}

/* Clean SVG logo sizing */
body #container > header#header > .brand .logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
body #container > header#header > .brand .logo img {
    display: block;
    width: auto;
    max-width: 188px;
    max-height: 46px;
}

@media (max-width: 767px) {
    body #container > header#header > .brand .logo img {
        max-width: 164px;
        max-height: 34px;
    }
}