a.button,
span.dropdown-toggle{
    background-image: none;
    background-color: #212121;
    box-shadow: none;
    border: none;
}

span.dropdown-toggle .caret{
    padding: 0.3rem 0.4rem;
    border-color: black;
}

div.dropdown-container:hover i.icon,
div.dropdown-container:hover span {
    color: red;
    text-shadow: none;
}

div.dropdown-container:hover .button.dropdown-toggle{
    background-color: #333;
    background-image: none;
}

/* the triangle that anchors the dropdown content */
div.dropdown > div.pointer{
    border-color: #212121 transparent;
}

div.dropdown > div.pointer > div.pointer-inner{
    border-color: #212121 transparent;
}

/* the actual dropdown content */
div.dropdown > ul.dropdown-contents{
    background-color: #212121;
    border-color: #181818;
}

div.dropdown-container:hover span,
div.dropdown-container:hover i.icon{
    color: grey;
}

div.dropdown-container:hover li:hover span,
div.dropdown-container:hover li:hover i.icon{
    color: red;
}

div.dropdown > ul.dropdown-contents *{
    border-color: black;
}

a.button:hover{
    background-color: #333 !important;
    background-image: none;
}

a.button > i.icon{
    font-size: 12px;
    transition: transform 150ms;
}

a.button:hover > i.icon,
a.button:hover > span{
    box-shadow: none;
    text-shadow: none;
    color: red;
    /* transform: scale(1.1); */
}

.button:focus{
    background-color: #181818;
    background-image: none;
    text-shadow: none;
}

button, button.button-search{
    height: 100%;
    background-color: #212121;
    background-image: none;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: none;
    border-bottom: none;
    border-color: black;
    box-shadow: none;
}

button:hover, button.button-search:hover{
    background-image: none;
    border-color: black;
    text-shadow: none;
    background-color: #333;
}

.button:hover .icon,
.button:hover span{
    color: red;
}

/* <form> buttons that are <input> elements */

input[type=submit],
a.button2{
    padding: 0.3rem 0.5rem;
    background-color: #333;
    background-image: none;
    color: #ccc;
    border-radius: 5px;
    border-color: #181818;
    box-shadow: 0px 1px 2px rgba(0,0,0,.2);
    transition: box-shadow 300ms;
}

input[type=submit]:hover,
a.button2:hover{
    border-color: #181818;
    color: #eee !important;
    background-color: #343434;
    background-image: none;
    box-shadow: 0px 1px 5px rgba(0,0,0,.5);
}

input[type=submit]:active,
a.button2:active,
input[type=submit]:focus,
a.button2:focus{
    color: red;
    border-color: red;
}

/* dropdowns */
div.dropdown .dropdown-contents{
    background: #212121;
    border-color: black;
}

div.dropdown .dropdown-contents label{
    color: grey;
}

div.dropdown .dropdown-contents hr{
    border-color: grey;
}

div.dropdown a.jumpbox-cat-link{
    background-color: transparent;
}

div.dropdown a.jumpbox-sub-link{
    background-color: transparent;
}

/* tab dropdown */

div.dropdown.tab-dropdown a{
    color: grey;
}