/*
 * Custom theme overrides — Makwin green #7BA800
 * Overrides Bootstrap btn-primary and btn-outline-primary.
 */

:root {
    --makwin-primary: #7BA800;
    --makwin-primary-hover: #6A9200;
    --makwin-primary-active: #5E8200;
    --makwin-primary-light: rgba(123, 168, 0, 0.15);
    --makwin-primary-rgb: 123, 168, 0;
}

/* ----- btn-primary overrides ----- */
.btn-primary {
    background-color: var(--makwin-primary) !important;
    border-color: var(--makwin-primary) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--makwin-primary-hover) !important;
    border-color: var(--makwin-primary-hover) !important;
    color: #fff !important;
    box-shadow: 0 0 0 0.2rem var(--makwin-primary-light) !important;
}

.btn-primary:active,
.btn-primary.active {
    background-color: var(--makwin-primary-active) !important;
    border-color: var(--makwin-primary-active) !important;
    color: #fff !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: var(--makwin-primary) !important;
    border-color: var(--makwin-primary) !important;
    opacity: 0.65;
}

/* ----- btn-outline-primary overrides ----- */
.btn-outline-primary {
    color: var(--makwin-primary) !important;
    border-color: var(--makwin-primary) !important;
    background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: var(--makwin-primary) !important;
    border-color: var(--makwin-primary) !important;
    color: #fff !important;
    box-shadow: 0 0 0 0.2rem var(--makwin-primary-light) !important;
}

.btn-outline-primary:active,
.btn-outline-primary.active {
    background-color: var(--makwin-primary-active) !important;
    border-color: var(--makwin-primary-active) !important;
    color: #fff !important;
}

/* ----- bg-soft-primary override (courses hero section) ----- */
.bg-soft-primary {
    background-color: rgba(123, 168, 0, 0.08) !important;
}

/* ----- Text selection color override ----- */
::selection {
    background: var(--makwin-primary);
    color: #ffffff;
}

::-moz-selection {
    background: var(--makwin-primary);
    color: #ffffff;
}