:root {
    --red: #f35d4a;
    --green: #5b712e;
    --light-green: #27bb27;
    --green-hover: #85a444;
    --orange: #c4884a;
    --yellow: #f6d96a;
    --dark-orange: #583b1d;
    --brown: #9f8d7d;
    --brown-hover: #7b6d61;
    --blue: #1F5ECC;
    --blue-hover: #2650c2;
    --info: #2b7a68;
    --grey: #adb5bd;
}

a {
    color: var(--orange);
    cursor: pointer;
    transition: color .15s;
}
a:hover, a:focus {
    color: var(--dark-orange);
    transition: color .15s;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: var(--orange);
    transition: color 0s;
    background-color: transparent;
}
.dropdown-menu>li>a:hover {
    color: var(--orange);
    transition: color 0s;
}
.nested-link:focus, .nested-link:hover {
    color: var(--orange);
    text-decoration: none;
    transition: color 0s;
    background-color: #f5f5f5;
}

.btn {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    transition: background-color 0.25s, color 0.25s, border-color 0.25s;
}
.btn:hover {
    transition: background-color 0.25s, color 0.25s, border-color 0.25s;
}

.btn-success {
    /*text-transform: uppercase;*/
    /*box-shadow: 0 0 0 1px var(--green);*/
    background-color: var(--green);
    border-color: var(--green);
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:active:focus  {
    background-color: var(--green-hover);
    border-color: var(--green-hover);
}

.btn-info {
    background-color: var(--brown);
    border-color: var(--brown);
}

.btn-info[disabled], .btn-info[disabled]:hover {
    background-color: var(--brown-hover);
    border-color: var(--brown-hover);
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info:active:focus  {
    background-color: var(--brown-hover);
    border-color: var(--brown-hover);
}

.btn-default {
    background-color: transparent;
    color: inherit;
    transition: all .2s ease-out;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:active:focus  {
    background-color: transparent;
    border: 1px solid var(--orange);
    color: var(--orange);
    transition: all .2s ease-out;
}

/*.btn-primary {*/
/*    background-color: var(--blue);*/
/*    border-color: var(--blue);*/
/*}*/

/*.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus  {*/
/*    background-color: var(--blue-hover);*/
/*    border-color: var(--blue-hover);*/
/*}*/

/*.btn-danger {*/
/*    background-color: var(--red);*/
/*    color: #ffffff;*/
/*    transition: background-color 0.25s, color 0.25s, box-shadow 0.25s;*/
/*}*/