/*
    Theme Name: SparkHD Station Theme
    Theme URI: 
    Author: Cole Arseneau
    Author URI: https://colearseneau.com/
    Description: The base theme for Radio Stations.
    Requires at least: 6.0
    Tested up to: 6.0
    Requires PHP: 8.0
    Version: 0.0.1
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Template: station-theme
    Text Domain: sparkhd-station-theme
    Tags: 
*/

.btn-sparkhd-purple {
    --bs-btn-color: #fff!important;
    color: #fff!important;
    --bs-btn-bg: #48206E!important;
    background-color: #48206E!important;
    --bs-btn-border-color: #48206E!important;
    border-color: #48206E!important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #48206E7a!important;
    --bs-btn-hover-border-color: #48206E7a!important;
    --bs-btn-focus-shadow-rgb: 66,70,73!important;
    --bs-btn-active-color: #fff!important;
    --bs-btn-active-bg: #48206Eea!important;
    --bs-btn-active-border-color: #48206E7a!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
    --bs-btn-disabled-color: #fff!important;
    --bs-btn-disabled-bg: #48206E!important;
    --bs-btn-disabled-border-color: #48206E!important;
    font-weight: 600!important;
}

.btn-sparkhd-purple > .nav-link {
    color: #f8f9fa!important;
    font-weight: 600!important;
}

.btn-sparkhd-yellow {
    --bs-btn-color: #212529!important;
    color: #212529!important;
    --bs-btn-bg: #FDB812!important;
    background-color: #FDB812!important;
    --bs-btn-border-color: #FDB812!important;
    border-color: #FDB812!important;
    --bs-btn-hover-color: #212529!important;
    --bs-btn-hover-bg: #FDB8127a!important;
    --bs-btn-hover-border-color: #FDB8127a!important;
    --bs-btn-focus-shadow-rgb: 66,70,73!important;
    --bs-btn-active-color: #212529!important;
    --bs-btn-active-bg: #FDB812ea!important;
    --bs-btn-active-border-color: #FDB8127a!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
    --bs-btn-disabled-color: #212529!important;
    --bs-btn-disabled-bg: #FDB812!important;
    --bs-btn-disabled-border-color: #FDB812!important;
    font-weight: 600!important;
}

.btn-sparkhd-yellow > .nav-link {
    color: #212529!important;
    font-weight: 600!important;
}

.btn-sparkhd-blue {
    --bs-btn-color: #fff!important;
    color: #fff!important;
    --bs-btn-bg: #10BEEE!important;
    background-color: #10BEEE!important;
    --bs-btn-border-color: #10BEEE!important;
    border-color: #10BEEE!important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #10BEEE7a!important;
    --bs-btn-hover-border-color: #10BEEE7a!important;
    --bs-btn-focus-shadow-rgb: 66,70,73!important;
    --bs-btn-active-color: #fff!important;
    --bs-btn-active-bg: #10BEEEea!important;
    --bs-btn-active-border-color: #10BEEE7a!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
    --bs-btn-disabled-color: #fff!important;
    --bs-btn-disabled-bg: #10BEEE!important;
    --bs-btn-disabled-border-color: #10BEEE!important;
    font-weight: 600!important;
}

.btn-sparkhd-blue > .nav-link {
    color: #f8f9fa!important;
    font-weight: 600!important;
}

.btn-sparkhd-purple:hover {
    color: #fff!important;
    background-color: #48206E7a!important;
    border-color: #48206E7a!important;
}

.btn-sparkhd-yellow:hover {
    color: #212529!important;
    background-color: #FDB8127a!important;
    border-color: #FDB8127a!important;
}

.btn-sparkhd-blue:hover {
    color: #fff!important;
    background-color: #10BEEE7a!important;
    border-color: #10BEEE7a!important;
}

.btn-sparkhd-purple:focus, .btn-sparkhd-yellow:focus, .btn-sparkhd-blue:focus {
    box-shadow: rgb(66,70,73)!important;
}

.btn-sparkhd-purple:active {
    color: #fff!important;
    background-color: #48206Eea!important;
    border-color: #48206E7a!important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
}

.btn-sparkhd-yellow:active {
    color: #212529!important;
    background-color: #FDB812ea!important;
    border-color: #FDB8127a!important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
}

.btn-sparkhd-blue:active {
    color: #fff!important;
    background-color: #10BEEEea!important;
    border-color: #10BEEE7a!important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
}

.btn-sparkhd-purple:disabled {
    color: #fff!important;
    background-color: #48206E!important;
    border-color: #48206E!important;
}

.btn-sparkhd-yellow:disabled {
    color: #212529!important;
    background-color: #FDB812!important;
    border-color: #FDB812!important;
}

.btn-sparkhd-blue:disabled {
    color: #fff!important;
    background-color: #10BEEE!important;
    border-color: #10BEEE!important;
}

.list-group-item.active {
    z-index: 2;
    color: #fff!important;
    background-color: #10BEEE!important;
    border-color: #10BEEE!important;
}