/* Merci Café colors on top of Elastic */
:root { --mcf-gold: #d39121; --mcf-gold-dark: #b47a17; --mcf-cream: #f9f6f3; }

.btn-primary, .btn.mainaction, button.mainaction, input.mainaction {
    background-color: var(--mcf-gold) !important;
    border-color: var(--mcf-gold) !important;
    color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn.mainaction:hover, .btn.mainaction:focus {
    background-color: var(--mcf-gold-dark) !important;
    border-color: var(--mcf-gold-dark) !important;
}
.form-control:focus, input:focus, textarea:focus, select:focus {
    border-color: var(--mcf-gold) !important;
    box-shadow: 0 0 0 .2rem rgba(211, 145, 33, .25) !important;
}
a, .link, #layout-menu a.selected, #layout-menu a:hover, .listing li.selected > a {
    color: var(--mcf-gold-dark);
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--mcf-gold) !important;
    border-color: var(--mcf-gold) !important;
}

/* Login page */
body.task-login { background: var(--mcf-cream); }
body.task-login #layout-content { background: transparent; }
body.task-login #login-form {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .08);
    padding: 40px 30px 30px;
    max-width: 380px;
    margin: 0 auto;
}
body.task-login #logo { max-width: 240px; max-height: 60px; margin-bottom: 30px; }
body.task-login #rcmloginsubmit { text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }
body.task-login #login-footer { color: #8a8a8a; }
@media (max-width: 480px) {
    body.task-login #login-form { margin: 0 16px; padding: 30px 20px 20px; }
}