:root {
    --bs-primary: orangered;
    --bs-primary-rgb: 255, 69, 0;
    --bs-btn-color: orangered;
    --bs-btn-border-color: orangered;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: orangered;
    --bs-btn-hover-border-color: orangered;
    --bs-btn-focus-shadow-rgb: 255, 69, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: orangered;
    --bs-btn-active-border-color: orangered;
    --bs-btn-disabled-color: orangered;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: orangered;
}

.btn-primary {
    color: white;
    background-color: orangered;
    border-color: black;
    border-style: none;
    border-radius: 5px;
}

.btn btn-outline-primary {
    border-color: orangered !important;
}

h1 {
    color: orangered !important;
}

h2 {
    color: orangered !important;
}

h3 {
    color: orangered !important;
}

h4 {
    color: orangered !important;
}

h5 {
    color: orangered !important;
}

h6 {
    color: orangered !important;
}


.gig-date {
    color: orangered !important;
}

.giglist-date {
    color: orangered !important;
}

.book-now-button {
    color: white;
    background-color: orangered;
}

/*.gig-list:hover {
    border: solid 2px orangered;
}*/

.section-background {
    background-color: #fcf8e8;
    padding: 20px;
}

/*.header.sticked {
    background: rgba(20, 123, 142, 0.7);
}
*/
.scroll-top {
    background: var(--color-primary);
}



/* Colors */
:root {
    --color-default: #2b180d;
    --color-primary: #ff4500;
    --color-secondary: #1b2f45;
}

.calendar-date {
    background-color: orangered !important;
}

.gig-list {
    position: relative;
    overflow: hidden;
    transition: background-color 0.3s ease; /* Smooth transition for background color change */
}

    .gig-list:hover {
        background-color: rgba(255, 165, 0, 0.2); /* Light orange background */
    }

/* Theme Colors: Orangered */

/* Toggle group button colors */
.custom-toggle-group .custom-btn {
    border-color: #FFA500;
    color: #d35400;
}

    .custom-toggle-group .custom-btn:hover {
        color: #b03a2e;
        border-color: #ff9800;
    }

    .custom-toggle-group .custom-btn.active {
        background-color: #ff7043;
        color: #ffffff;
        border-color: #ff5722;
        box-shadow: 0 0 10px rgba(255, 87, 34, 0.6);
    }

    .custom-toggle-group .custom-btn:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 140, 0, 0.4);
    }

/* Dropdown menu colors */
.custom-dropdown-menu {
    border-color: #FFA500;
}

    .custom-dropdown-menu .dropdown-item {
        color: #d35400 !important;
    }

        .custom-dropdown-menu .dropdown-item:hover {
            color: #b03a2e !important;
        }

        .custom-dropdown-menu .dropdown-item:focus {
            background-color: #ff7043 !important;
            color: #ffffff !important;
        }