/* navbar */
.navbar-hghatora {
    background-color: #b72872; /* purple */
    border-color: #E7E7E7;
    border-color: #b72872;
    border: none !important;
    border-radius: 0 !important;
    font-family: verdana, sans-serif;
    font-size: .9em;
    letter-spacing: 2px;
    /*height: 20px !important;*/
}

div #navbar {
    text-align: right;
    float: right;
}

.navbar-downing-ip {
    text-align: center;
    font-size: .7em;
    font-weight: bold;
    text-transform: uppercase;
}

.navbar-downing-ip .navbar-nav > li > a {
    text-transform: uppercase;
    /*padding-top: 8px !important;
    padding-bottom: 8px !important;*/
    padding-left: 8px !important;
    padding-right: 8px !important;
    color: #777;
}

ul.dropdown-menu li a {
    font-size: .7em;
    font-weight: bold;
    text-transform: uppercase;
}

.navbar-downing-ip .navbar-nav > .active > a, 
.navbar-downing-ip .navbar-nav > .active > a:hover, 
.navbar-downing-ip .navbar-nav > .active > a:focus {
    color: #7e1974;
}
.navbar-downing-ip .navbar-nav > .open > a, 
.navbar-downing-ip .navbar-nav > .open > a:hover, 
.navbar-downing-ip .navbar-nav > .open > a:focus {
    color: #7e1974;
}

.navbar {
    min-height: 10px !important; /* override */
}
/* title */
.navbar-hghatora .navbar-brand {
    color: #777;
    font-size: 1em;
}
.navbar-hghatora .navbar-brand:hover,
.navbar-hghatora .navbar-brand:focus {
    color: #5E5E5E;
}
/* link */
.navbar-hghatora .navbar-nav > li > a {
    color: #fff;
    text-transform: uppercase;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* caret */
.navbar-hghatora .navbar-nav > .dropdown > a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-hghatora .navbar-nav > .dropdown > a:hover .caret,
.navbar-hghatora .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-hghatora .navbar-nav > .open > a .caret, 
.navbar-hghatora .navbar-nav > .open > a:hover .caret, 
.navbar-hghatora .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-hghatora .navbar-toggle {
    border-color: #DDD;
}
.navbar-hghatora .navbar-toggle:hover,
.navbar-hghatora .navbar-toggle:focus {
    background-color: #c83983;
}
.navbar-downing-ip .navbar-toggle .icon-bar {
    background-color: #7e1974; /* downing ip purple */
}

a.navbar-brand {
    margin-top: 2px;
    margin-left: 5px;
    padding: 0;
}

.navbar {
    margin-bottom: 0 !important; /*override */
}

/* mobile only */
@media (max-width: 767px) {
    .navbar-hghatora .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
        background-color: #b72872; /* purple */
    }
    .navbar-hghatora .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-hghatora .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #dedede;
    }
    .navbar-downing-ip {
    font-size: 1em;
    text-align: center !important;
    background-color:rgba(204, 205, 208, 0.5);
    background-color:rgba(219, 221, 224, 0.7);
    }
    div #navbar {
    text-align: center;
    float: none;
    }
    ul.dropdown-menu li a {
    font-size: .9em;
    text-align: center;
    color: #777;

    }
}


/* small desktop */
@media (min-width: 767px){
    .navbar-hghatora {
        font-size: .7em;
        letter-spacing: normal;
    }
    .navbar-downing-ip {
        text-align: right;
    }
}

@media (min-width: 997px){
    .navbar-hghatora {
        font-size: .8em;
        letter-spacing: 1px;
    }
}

@media (min-width: 1167px){
    .navbar-hghatora {
        font-size: .9em;
        letter-spacing: 2px;
    }
}


@media (min-width: 1267px){
    .navbar-hghatora {
        font-size: 1em;
    }
}