@charset "utf-8";
@import "variables";
$theme-white: #fff;
$orbit-bg-color: #333;
$orbit-bg-hover-color: #0095CF;
$orbit-border-color: #444;


body {
    #orbit-bar .orbit-bar-inner > ul > li:hover > a,
    #orbit-bar .orbit-bar-inner > ul > li:hover > span,
    #orbit-bar .orbit-bar-inner > ul > li:hover > label,
    #orbit-bar .orbit-bar-inner > ul > li > ul li:hover,
    #orbit-bar .orbit-bar-inner > ul > li > ul li.active {
        background: $orbit-bg-hover-color;
    }
    #orbit-bar .orbit-bar-inner {
        background: $orbit-bg-color;
    }
    #orbit-bar .orbit-bar-search-sign-language #search input[type="search"] {
        margin-bottom: 0;
        font-size: 0.8rem;
    }
    #orbit-bar #search {
        border-right: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media screen and (max-width: 550px) {
    body #orbit-bar .orbit-bar-search-sign-language #search input[type="search"] {
        width: 140px;
    }
}

@media (max-width: 540px) {
    body {
        #orbit-bar ul.orbit-bar-search-sign-language > li + li:hover > a,
        #orbit-bar ul.orbit-bar-search-sign-language > li + li:hover > span {
            background-color: $orbit-bg-color;
        }
        #orbit-bar .orbit-bar-inner > label {
            border-color: $theme-white;
            color: $theme-white;
        }
        #orbit-bar .orbit-bar-inner > ul {
            background: $orbit-bg-color;
        }
        #orbit-bar .orbit-bar-inner > ul > li > ul li:hover,
        #orbit-bar .orbit-bar-inner > ul > li > ul li.active {
            background: $orbit-bg-hover-color;
        }
        #orbit-bar .orbit-bar-inner > ul > li > ul a {
            color: $theme-white;
        }
        #orbit-bar .orbit-bar-inner > ul > li > ul li.divider {
            background: none;
            display: none;
        }
        #orbit-bar ul.orbit-bar-search-sign-language > li {
            background: none;
        }
        #orbit-bar ul.orbit-bar-search-sign-language > li {
            display: block;
        }
        #orbit-bar ul.orbit-bar-search-sign-language > li + li {
            border-top: 1px solid $orbit-border-color;
            border-right: 1px solid $orbit-border-color;
            box-sizing: border-box;
            box-shadow: none;
        }
        #orbit-bar ul.orbit-bar-search-sign-language > li + li:hover > ul {
            background-color: $orbit-bg-color;
        }
        .orbit-bar-logo + ul > li {
            border-bottom: 1px solid $orbit-border-color;
        }
    }
}