
.fa-chevron-up {
    color: green;
}

.fa-equals {
    color:GoldenRod;
}

.fa-chevron-down {
    color: red;
}

#releaseButton,#releaseDescription {
    background-color: var(--navbar-bg-color);
    color: var(--cta-inactive-color);
}

.trending-card {
    background-color: var(--plot-bg-color);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

#card-showcase {
    float: right;
    margin-left: 20px;
    max-height: 300px;
}

.banner {
    position: relative;
    overflow: hidden;
    height: 350px; /* Adjust height based on design */
}

.banner-image {
    object-fit: cover;
    object-position: 50% 35%;
    width: 100%;
    height: 100%;
}

.banner-overlay {
    background: rgba(0, 0, 0, 0.5);
    color: white;
    text-align: center;
}

html[data-bs-theme="dark"] {
    --banner-image: url("https://altered-prod-eu.s3.amazonaws.com/Art/CORE/CARDS/ALT_CORE_B_OR_28/ALT_CORE_B_OR_28_R_WEB.jpg");
}

html[data-bs-theme="light"] {
    --banner-image: url("https://altered-prod-eu.s3.amazonaws.com/Art/CORE/CARDS/ALT_CORE_B_OR_28/ALT_CORE_B_OR_28_C_WEB.jpg");
}

.theme-banner {
    background-image: var(--banner-image);
    background-size: cover;
    background-position: 50% 35%;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: white;
    text-align: center;
}
