.mini-events-list.mini-list-loaded {

    display: block !important;

    margin-bottom: 40px;

}



.tab-event:not(.active) {

    display: none;

}

.event {

    border: 1px solid #CDECF9;

    background: #ffffff;

    border-radius: 4px;

    display: flex;

    height: 93px;

    cursor: pointer;

}



.event

    time {

    background: #CDECF9;

    flex: 0 0 99px;

    text-align: center;

    font-family: "Plus Jakarta Sans";

    font-size: 36px;

    font-weight: 400;

    padding: 12px 10px 10px;

    line-height: 1.2;

}

.event:hover time {

    background: #E6F0F5;

}



.event-content {

    flex: 1;

    padding: 12px 55px 12px 15px;

    position: relative;

}



span.event-month {

    display: block;

    font-size: 19px;

}

    span.event-num {

    line-height: 1.2;

}



.event:not(:last-child) {

    margin-bottom: 13px;

}

.event-title {

    color: #100F1F;

    font-family: "Plus Jakarta Sans";

    font-size: 20px;

    font-weight: 600;

    line-height: 1.45;

    display: -webkit-box;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

    margin-bottom: 14px;

}



.event-hour

    img {

    width: 16px;

    margin-right: 12px;

    margin-top: -2px;

};





.event-hour img {

    width: 16px;

    margin-right: 12px;

    margin-top: -2px;

}

.event-content:before {

    content: "\f105 ";

    font-family: 'FontAwesome';

    position: absolute;

    right: 34px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 34px;

    color: #079EDA;

    opacity: 0;

    transition: 0.3s;

}



.event:hover .event-content:before {

    opacity: 1;

}



.event:hover .event-title {

    text-decoration: underline;

}





#f-events .mini-events-list.mini-list-loaded {display: flex!important;flex-wrap: wrap;margin: -12px;}

#f-events .event {width: 33.33%;overflow: hidden;display: block;height: unset;border: 0;margin: 0;padding: 12px;}

#f-events .event-in {border-radius: 4px;border: 2px solid #1A2D42;}

#f-events .event-in time {background: var(--brandcolor);color: #ffffff;display: flex;justify-content: center;align-items: center;gap: 8px;font-family: "DM Sans", sans-serif;font-size: 21px;font-weight: 700; /* 29.4px */letter-spacing: 1.68px;text-transform: uppercase;padding: 20px 10px;transition: 0.3s;}

#f-events .event-in time span{display: inline-block;}

#f-events .event-content {padding: 10px 15px;text-align: center;}

#f-events .event-content:before {display: none;}

#f-events .event-title {font-family: "DM Sans";font-size: 18px;font-weight: 400;line-height: 1.5;-webkit-line-clamp: 2;margin-bottom: 5px;text-decoration: none;}

#f-events .event-hour {font-size: 14px;}

#f-events .event-in:hover time {background: #223C58;}

#f-events .event-in:hover {background: #E6F0F5;}





@media only screen and (max-width:991px){

    .event-content {padding-right: 15px;}

    .event-content:before{display: none;}

}



@media only screen and (max-width:700px){

   #f-events .event {width: 100%;}

}

@media only screen and (max-width:576px){

    .event-title {font-size: 18px;}

    .event time {flex: 0 0 90px; font-size: 32px;display: grid;align-content: center;}

}

@media only screen and (max-width:479px){

    .event-title {-webkit-line-clamp: 2;margin-bottom: 10px;}

    .event {height: 110px;}

}