/* ==============================
   EVENT SCHEDULE TABS
============================== */

.ese-tabs{
    display:flex;
    gap:12px;
    justify-content:center;
    margin-bottom:30px;
    flex-wrap:wrap;
}


.ese-tabs button{
    padding:18px 35px;
    border:0;
    background:#E7DDCA;
    color:#252A2D;
    cursor:pointer;
    border-radius:10px;
    transition:all .3s ease;
}


.ese-tabs button:hover{
    background:#173F35;
    color:#FFFFFF;
}


.ese-tabs button.active{
    background:#173F35;
    color:#FFFFFF;
}



/* ==============================
   EVENT CARD
============================== */

.ese-card{
    display:flex;
    align-items:center;
    gap:40px;
    background:#F8F6F0;
    border:1px solid #E7DDCA;
    padding:20px;
    margin-bottom:25px;
    border-radius:12px;
    transition:all .3s ease;
}


.ese-card:hover,
.ese-card.active{
    background:#173F35;
    color:#FFFFFF;
}



/* ==============================
   IMAGE
============================== */

.ese-image img{
    width:370px;
    height:230px;
    object-fit:cover;
    border-radius:10px;
}



/* ==============================
   CONTENT
============================== */

.ese-content{
    flex:1;
}


.ese-time{
    color:#B58A3B;
    font-weight:600;
}


.ese-content h2{
    font-size:30px;
    margin:12px 0;
}


.ese-location{
    color:inherit;
}



/* ==============================
   BUTTON
============================== */

.ese-button a{
    display:inline-block;
    background:#252A2D;
    color:#FFFFFF;
    padding:15px 35px;
    border-radius:8px;
    text-decoration:none;
    transition:all .3s ease;
}



.ese-button a:hover{
    background:#FFFFFF;
    color:#173F35;
}



/* ==============================
   MOBILE
============================== */

@media(max-width:768px){

    .ese-card{
        flex-direction:column;
        align-items:flex-start;
    }


    .ese-image img{
        width:100%;
        height:auto;
    }


    .ese-content h2{
        font-size:24px;
    }


    .ese-button a{
        width:100%;
        text-align:center;
    }

}