/* === Yellow theme v3: adds menu (li > a) overrides, keeps labels untouched === */

.topbar {
    background: transparent !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link {
    color: #ccc !important;
}
.topbar .navbar-light .navbar-nav .nav-item > a.nav-link:hover, .topbar .navbar-light .navbar-nav .nav-item > a.nav-link:focus {
    color: #aaa !important;
}

/*******************
Buttons (Primary, Success, Info, Default -> Yellow)
*******************/
.btn-primary,
.btn-primary.disabled,
.btn-success,
.btn-success.disabled,
.btn-info,
.btn-info.disabled,
.btn-default,
.btn-default.disabled {
    background: #ffb22b;
    color: #ffffff;
    border: 1px solid #ffb22b;
    -webkit-box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.btn-primary:hover,
.btn-primary.disabled:hover,
.btn-success:hover,
.btn-success.disabled:hover,
.btn-info:hover,
.btn-info.disabled:hover,
.btn-default:hover,
.btn-default.disabled:hover {
    background: #ffb22b;
    color: #ffffff;
    border: 1px solid #ffb22b;
    -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
    box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
}

.btn-primary.active, .btn-primary:focus,
.btn-primary.disabled.active, .btn-primary.disabled:focus,
.btn-success.active, .btn-success:focus,
.btn-success.disabled.active, .btn-success.disabled:focus,
.btn-info.active, .btn-info:focus,
.btn-info.disabled.active, .btn-info.disabled:focus,
.btn-default.active, .btn-default:focus,
.btn-default.disabled.active, .btn-default.disabled:focus {
    background: #e9ab2e;
    border: 1px solid #e9ab2e;
    -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
    box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
}

/*******************
Outline Buttons
*******************/
.btn-outline-primary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-default {
    color: #ffb22b;
    background-color: transparent;
    border-color: #ffb22b;
    -webkit-box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(248, 194, 0, 0.14), 0 3px 1px -2px rgba(248, 194, 0, 0.2), 0 1px 5px 0 rgba(248, 194, 0, 0.12);
}

.btn-outline-primary:hover, .btn-outline-primary:focus,
.btn-outline-success:hover, .btn-outline-success:focus,
.btn-outline-info:hover, .btn-outline-info:focus,
.btn-outline-default:hover, .btn-outline-default:focus {
    background: #ffb22b;
    border-color: #ffb22b;
    color: #ffffff;
    -webkit-box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
    box-shadow: 0 14px 26px -12px rgba(248, 194, 0, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(248, 194, 0, 0.2);
}

/*******************
Badges, Backgrounds, Texts (labels untouched)
*******************/
.badge-primary, .badge-success, .badge-info, .badge-default,
.bg-primary, .bg-success, .bg-info, .bg-default,
.text-primary, .text-success, .text-info, .text-default {
    background-color: #ffb22b !important;
    color: #ffffff !important;
    border-color: #ffb22b !important;
}

.text-primary, .text-success, .text-info, .text-default {
    color: #ffb22b !important;
}

.text-primary:hover, .text-primary:focus,
.text-success:hover, .text-success:focus,
.text-info:hover, .text-info:focus,
.text-default:hover, .text-default:focus {
    color: #e9ab2e !important;
}

a.text-primary, a.text-info {
    background-color: transparent !important;
}