/*
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
*/

.btn-primary {
    background-color: #558096;
    border-color: #558096;
}

.btn-primary:hover {
    background-color: #558096;
    border-color: #558096;
    opacity: .8;
}
@media (min-width: 768px) {
    #fixTheFlash.hideTheNav{
        display: block;
    }
/*Silly, stupid and frustrating IE8 bug fix. Whoever is responisie for IE 8 should be charged with a war crime
    The solution can be found here http://stackoverflow.com/questions/19073813/how-to-justify-navbar-nav-in-bootstrap-3*/
/*01010011 01100011 01110010 01100101 01110111 00100000 01001101 01101001 01100011 01110010 01101111 01110011 01101111 01100110 01110100*/ 
    .navbar-nav {
        margin: 0 auto;
        /*display: table;*/
        table-layout: fixed;
        float: none;
    }
/*Silly, stupid and frustrating IE8 bug fix. Whoever is responsible for IE 8 should be charged with Crimes against humanity. 
    "Acts considered particularly odious and offensive in that they constitute a serious attack on human dignity or grave humiliation 
    or a degradation of human beings" You know....Internet Exporer 8*/
    .nav > li > a {
        position: relative;
        display: block;
        padding: 15px 20px 16px 20px;
        color: #558096 !important;
        font-size: 13px !important;

    }


    .navbar-nav > li > .dropdown-menu {
        margin-top: 0;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        z-index: 2000;
    }

    .navbar-nav .caret {
        display: none;
    }

    .navbar-nav .open ul {
        display: none;
        list-style: 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: #558096;
        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: #558096;
        background: none;
        text-decoration: none;
    }

    .navbar-default .navbar-nav > .hovernav > a {
        color: #558096;
        text-decoration: none;
        font-size: 13px;
    }

    .navbar-inverse .navbar-nav > .hovernav > a {
        
        color: #558096;
        font-size: 12px;
    }

    .navbar-default .navbar-nav > .hovernav:hover > a,
    .navbar-default .navbar-nav > .hovernav:hover > a:hover,
    .navbar-default .navbar-nav > .hovernav:hover > a:focus {
        color: #558096;
        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: #558096;
        background: transparent;
    }

    .navbar-default .navbar-nav > li:hover {
        background: #e7e7e7;
    }

    .navbar-inverse .navbar-nav > li:hover {
        background: #eeeeee;
        
    }
    
    .navbar-nav .hovernav:hover > .dropdown-menu {
        display: block;
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        font-family: 'Verdana', Arial, helvetica, sans-serif;
    }

    .dropdown-menu > li > a {
        text-decoration: none;
        z-index: 10;
    }

    .navbar {
        border-radius: 0px;
    }

    .dropdown-label {
        color: #558096;
        text-decoration: none;
        font-weight: 400;
        font-size: 12px;
    }

    .dropdown-menu {
        font-size: 11px;
        list-style: none;
    }

    .dropdown-menu > li > a {
    color: #558096;

    }

    .btn-link {
        color: #558096;
    }



    /*.dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #ffffff;
        white-space: nowrap;
        font-size: 14px;
    }*/
}

@media (min-width: 992px) {
    .nav > li > a {
        padding: 15px 33px !important;
    }
}


@media (max-width: 768px) 
{
    #fixTheFlash.hideTheNav {
        display: block;
    }
    .nav > li > a {
        position: relative;
        display: block;
        color: #558096;
        /*padding: 10px 30px;*/
        
    }

    .dropdown-label {
        color: #558096;
        text-decoration: none;
        font-weight: 400;
        font-size: 15px;
    }

    
}