﻿/*
Navbar "hovernav" dropdown menu - this works only for screen sizes larger than phones.
The Bootstrap CSS is unchanged. If you don't want this, delete this segment of the CSS
and delete the corresponding segment of bst.js
*/


.dropdown-toggle {
    font-size: 14px;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}

ul li {
    font-size: 14px;
}
@media (min-width: 1331px) {
    .navbar-nav .hovernav:hover > .dropdown-menu {
        display: block;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    #menumobile {
        clear: both;
    }
}


@media (min-width: 768px) {
    .navbar-nav .caret {
        display: none;
    }

    .navbar-nav .open ul {
        display: none;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #000;
        background: none;
    }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:hover,
    .navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-inverse .navbar-nav > .active > a:focus {
        color: #000;
        background: #fff;
    }

    .navbar-default .navbar-nav > .hovernav > a {
        color: #333;
    }

    .navbar-inverse .navbar-nav > .hovernav > a {
        color: #0f346c;
    }

    .navbar-default .navbar-nav > .hovernav:hover > a,
    .navbar-default .navbar-nav > .hovernav:hover > a:hover,
    .navbar-default .navbar-nav > .hovernav:hover > a:focus {
        color: #16181b;
        background: transparent;
    }

    .navbar-inverse .navbar-nav > .hovernav:hover > a,
    .navbar-inverse .navbar-nav > .hovernav:hover > a:hover,
    .navbar-inverse .navbar-nav > .hovernav:hover > a:focus {
        color: #16181b;
        background: transparent;
    }

    .navbar-default .navbar-nav > li:hover {
        /*background: #ff8000;*/
        color: #16181b;
    }

    .navbar-inverse .navbar-nav > li:hover {
        background: #080808;
    }

    /*.navbar-nav .hovernav:hover > .dropdown-menu {
        display: block !important;
    }*/
}
