/* Custom MEC fixes */

/*Fixes for List-view, modern style*/
/* Give all event-bars a bottom-border */
.mec-event-list-modern .mec-event-article {
    border-bottom: 1px solid #e0e0e0;
    display: block;
}

/* Override last child rule (which takes away the bottom-border of last children) */
.mec-event-list-modern .mec-event-article:last-child {
    border-bottom: 1px solid #e0e0e0;
}

/* remove border only on the final article inside the final wrap inside the final list container */
.mec-wrap.colorskin-custom:last-of-type .mec-event-list-modern .mec-event-article:last-of-type {
  border-bottom: none !important;
}


/* Style weekday + time inline, make event-bar shorter */
@media only screen and (min-width: 768px) {
	.mec-event-list-modern .mec-event-article {
    	min-height: unset !important;
	}
}

.mec-event-list-modern .mec-event-article {
	padding: 10px 0 0;
	min-height: unset !important;
}

.mec-event-list-modern .mec-event-date{
    padding-left: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.mec-event-list-modern .mec-event-date .event-da {
    white-space: nowrap !important;      /* prevent wrapping */
	margin: 0 !important;
    text-align: left;
    padding-left: 0px;
}

.mec-event-list-modern .mec-event-date .event-f {
    padding-top: 30px;
    padding-left: 0px;
}

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

    .mec-event-list-modern .mec-event-date {
        display: flex;
        padding: 0px;
    }

    .mec-event-list-modern .mec-event-date .event-da{
        font-size: 23px;
    }

    .mec-event-list-modern .mec-event-date .event-d{
        font-size: 25px;
        padding: 0px;
        text-align: right;
    }

    .mec-event-list-modern .mec-event-date .event-f{
        font-size: 15px;
        padding-top: 5px !important;
        padding-left: 5px;
    }
    
    .mec-event-list-modern .mec-event-title-wrap {
        padding-left: 10px;
    }

    .mec-event-list-modern .mec-event-title {
        font-size: 25px;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    .mec-event-list-modern .mec-btn-wrapper {
        display: block;
    }

    .mec-event-list-modern .mec-btn-wrapper a{
        align-self: end;
    }

    .mec-event-list-modern .mec-btn-wrapper span{
        align-self: center;
    }

    .mec-event-list-modern .mec-toggle-content-wrap .event-image-wrap {
        display: flex;
        justify-content: center;
    }
    .mec-event-list-modern .mec-toggle-content-wrap .event-image-wrap img {
        max-width: 90%;
    }

        
    .toggle-arrow-wrapper {
        text-align: center;
    }

    .main-event-bar .mec-btn-wrapper {
        position: static !important;
    }
}

.mec-event-date .event-da .mec-time-details .mec-start-time {
    color: #666;              /* optional: dimmer colour */
    margin-left: 4px;         /* breathing space after | */
}

/* Date block smaller */
.mec-event-list-modern .mec-event-date {
    font-size: 0.9rem !important;
    line-height: 1.2 !important;
}

.main-event-bar {
    align-items: center;
}

/* Event title more compact */
.mec-event-list-modern .mec-event-title {
    font-size: 1.5rem;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
}

/* Don't show labels after the title */
.mec-event-title .mec-repeating-label {
    display: none !important;
}

/* Override width rule for .col-md-6.col-sm-6 classes */
@media only screen and (min-width: 768px) {
    .mec-event-list-modern .col-md-6.col-sm-6{
        width: 50% !important;
        padding: 0px !important;
    }
}

.mec-event-list-modern .mec-event-detail {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.4em;
}

.event-bar-end-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.main-event-bar .mec-btn-wrapper {
    position: static !important;
}

.toggle-arrow {
    color: #fff;
    cursor: pointer;
    font-size: 1.2em;
    transition: transform 0.3s ease;
    display: inline-block;
}
.toggle-arrow.active {
    transform: rotate(180deg);
}

.mec-toggle-content-wrap {
    display: none;
    margin-top: 10px;
    padding: 15px;
    align-items: center;
    overflow: hidden;
}

.mec-toggle-content-wrap .event-content-wrap p {
    color: #fff !important;
}

.mec-toggle-content-wrap .event-image-wrap img{
    padding-top: 10px;
	width: 100%;
}

/* Event Carousel settings */
/**************************/

.mec-event-article .event-carousel-type2-head{
	height: 550px;
}

.mec-owl-carousel .owl-item img{
	max-height: 220px;
	width: unset;
}

.mec-event-carousel-content-type2 .mec-event-date-info {
	color: black !important;
}