#homeFeature {
    padding-top: 30px;
}

#homeFeaturesWrapper {
    padding-top: 120px;
}

#homeFeature .card {
    background-color: #f8f9fa;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#homeFeature .card a, #homeFeature .card-body a {
    text-decoration: none;
}

/*Full width image - feature name*/
#homeFeature .card-body h2 {
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.8rem;
    color: black;
}

/*Half width image - feature name*/
#homeFeature .card-body h3 {
    font-weight: bold;
    font-size: 1.5rem;
    color: black;
}

#homeFeature .card-body h4, #homeFeature .card-body h5 {
    color: black;
}

#homeFeature .card-body h4 {
    font-size: 1.2rem;
}

#homeFeature .card-body h5{
    font-size: 1.1rem !important;
}

#NextGames {
    background-color: #000000;
    padding-top: 40px;
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
}

#NextGames .card{
    background-color: transparent;
}

#NextGames img.card-img-top {
    transition: transform 0.3s ease;
    cursor: pointer;
}

#EventCards {
    padding: 20px 0;
}

#EventCards .card-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 1rem;
}


#EventCards .card-wrap .card{
    background-color: #f8f9fa;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#EventCards .card-wrap .card > img{
    height: 200px;
    object-fit: cover;
}

#EventCards .card-body .datetime{ 
    color: black;
}

#EventCards .card-body .datetime-divider {
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
}

#EventCards .status-code, #NextGames .status-code {
    padding-top: 10px;
    text-transform: capitalize;
    color: #c20718;
    font-weight: 800;
}

#map2023 {
    background-image: url('https://www.ballarena.com/media/fpen3jds/ba-map3.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
}

#map2023 a {
    position: relative; z-index: 1;
}

#map2023 > div {
    height: 350px;
}

#map2023 > div > div > div
{
    padding-bottom: 20px;
}

#map2023 > div > div > div h2, #map2023 > div > div > div p 
{
    position: relative; z-index: 1;
}

.text-black {
    color: black;
}

.feat-ad-2023 {
    position: relative;
    text-align: center;
    margin: 40px 0 20px 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*Media Queries*/
@media (min-width: 321px) {
}

@media (min-width: 481px) {
    }

/*Small*/
@media (min-width: 576px) {

}

/*Medium*/
@media (min-width: 768px) {
    #homeFeature .card-body h2 {
        font-size: 2.8rem;
    }

    #homeFeature .card-body h3 {
        font-size: 2rem;
    }

    #homeFeature .card-body h4.datetime {
        font-size: 1.5rem;
    }

    #homeFeature .card-body h5.datetime {
        font-size: 1.3rem;
    }
}

/*Large*/
@media (min-width: 992px) {
    #homeFeaturesWrapper {
        padding-top: 150px;
    }

    #homeFeature .card-body h2 {
        font-size: 2.8rem;
    }

    #homeFeature .card-body h3 {
        font-size: 2.5rem;
    }

    #EventCards.all-events {
        margin-top: -5rem;
    }
}

@media (max-width: 767px){
    #NextGames .card-body {
        padding-top:0;
        padding-left:0;
    }

    #EventCards h5.card-title {
        font-size: 1.3rem !important;
    }
}

@media (max-width: 991px){
    #EventCards.all-events{
        margin-top: -14rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {  
    .card .btn {
        font-size: .8rem;
    }
}