/**
 * EventON Lists and Items Styles
 * @version 0.8
 */

/* fonts */
    .EVOLI .evoli_title, 
    .EVOLI .EVOLI_list .EVOLI_list_item .inner h3, 
    .EVOLI_section{
        font-weight: 600;
    }
    .EVOLI .EVOLI_list .EVOLI_list_item .inner p,
    .EVOLI .EVOLI_container p.EVOLI_back_btn,
    p.EVOLI_section em
    {}

.EVOLI{overflow: hidden; width: 100%; padding-bottom: 20px;}
.EVOLI ul li .inner{background:none !important;}
.EVOLI_container{}
.EVOLI_list, .EVOLI_event_list{float: left;}
.EVOLI_event_list{display: none;}
.EVOLI_list.loading:before{
    content:""; width: 100%; height: 100%;
    background: #fff7ec url('evo-loader.gif') center center no-repeat;
    display: block; position: absolute;
    z-index: 3; opacity: 0.5;
}
.EVOLI .evoli_title, .EVOLI .EVOLI_list li .inner h3, .EVOLI_section{
    text-transform: uppercase;
}
.EVOLI .evoli_title{
    color:#484848;
    font-size: 28px; 
    margin: 0;padding: 0;
    padding-bottom: 20px;  
}
.EVOLI .EVOLI_container p.EVOLI_back_btn{
    margin: 0;
    padding: 3px 8px;
    cursor: pointer;
    border-radius: 5px;
    color:#fff;
    background-color: #6b6b6b;
    display:inline-block;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
}
.EVOLI_back_btn:hover{opacity: 0.6}
.EVOLI_back_btn i.fa{margin-right: 8px;}
.EVOLI_section{
    color:#6b6b6b;
    margin: 0; padding: 10px 0;
    font-size: 20px;   
}
p.EVOLI_section span{display: inline-block; padding-left: 10px; font-style: normal; opacity: 1;}
p.EVOLI_section em{ opacity: 0.5;}
.EVOLI_event_list_in .calendar_header{display: none;}
body .EVOLI .EVOLI_list{
    outline-style: none; list-style-type: none;
    margin: 0;padding: 0; 
    position: relative;
    z-index: 1;
    border-radius: 5px;
    overflow: hidden;
}
.EVOLI .EVOLI_list .EVOLI_list_item{
    position: relative;
    padding: 0; margin: 0;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}
.EVOLI .EVOLI_list .EVOLI_list_item .inner{    
    position: relative;
    cursor: pointer;
        -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -ms-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
}
.EVOLI .EVOLI_list .EVOLI_list_item .inner:after{
    position: absolute; right: 15px;top: 50%; margin-top: -7px;
    opacity: 0.2;
    content:"\f054";
    display: inline-block;
    font: normal normal normal 14px/1 evo_FontAwesomeS, evo_FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
    
.EVOLI.evortl .EVOLI_list .EVOLI_list_item.lefter span.it_image, 
.EVOLI.evortl .EVOLI_list .EVOLI_list_item.lefter span.it_icon{
    left:auto; right:40px;
}
.EVOLI.evortl .EVOLI_list .EVOLI_list_item .inner,
.EVOLI.evortl .EVOLI_event_list{text-align:right; }
.EVOLI.evortl .EVOLI_list.event_type .EVOLI_list_item.lefter .inner{padding-right: 70px}





.EVOLI .EVOLI_list .EVOLI_list_item:hover{border-left-width: 6px;}
    .EVOLI .EVOLI_list .EVOLI_list_item:hover .inner:after{opacity: 0.5;}
.EVOLI .EVOLI_list .EVOLI_list_item.noevents .inner{cursor: default; padding-right: 10px;}
    .EVOLI .EVOLI_list .EVOLI_list_item.noevents .inner:hover{}
    .EVOLI .EVOLI_list .EVOLI_list_item.noevents .inner:after{display: none;}
.EVOLI .EVOLI_list .EVOLI_list_item.lefter .inner{}
.EVOLI .EVOLI_list.event_type .EVOLI_list_item.lefter .inner{   padding-left: 50px;}

.EVOLI .EVOLI_list .EVOLI_list_item .inner:hover{}
.EVOLI .EVOLI_list .EVOLI_list_item.lefter span.it_image,.EVOLI .EVOLI_list .EVOLI_list_item.lefter span.it_icon{
    display: block;
    position: absolute;
    left: 10px; top: 10px;
}

/* organizer */
.EVOLI .EVOLI_list.event_organizer .EVOLI_list_item.lefter span.it_image img{width: 65px;}
.EVOLI .EVOLI_list.event_organizer .EVOLI_list_item.lefter .inner{}

.EVOLI .EVOLI_list .EVOLI_list_item.lefter span.it_icon i{color: #a0a0a0;}
.EVOLI .EVOLI_list .EVOLI_list_item .inner > * {margin: 0;padding: 0;}
.EVOLI .EVOLI_list .EVOLI_list_item .inner h3{
    color:#6b6b6b;
    font-size: 18px;
    text-transform: uppercase;
}
.EVOLI .EVOLI_list .EVOLI_list_item .inner p{
    font-size: 14px;
    color: #8c8c8c;
    font-style: italic;
}
    .EVOLI .EVOLI_list .EVOLI_list_item .inner p.type_name{font-size: 12px;opacity: 0.7;}
    .EVOLI.list_items p.type_name{display: none;}
    .EVOLI .EVOLI_list .EVOLI_list_item .inner p.description{padding-bottom: 10px;}

/* sep month fix */
    .EVOLI_container #eventon_loadbar_section{border:none;}
    .EVOLI_container.sepm #evcal_list.eventon_events_list{border:none;}
    .EVOLI_container.sepm .eventon_events_list .eventon_list_event {}
    .EVOLI_container .EVOLI_event_list_in .eventon_events_list {
        border-radius: 5px; overflow: hidden;
    }

/* box style */
    .list_items.boxes .EVOLI_list{
        display: flex; flex-wrap: wrap; gap:15px;justify-content: space-around;
    }
    .list_items.boxes .EVOLI_list .EVOLI_list_item{
        float: left; display: block;flex-basis:20%;
    }
        @media (max-width: 767px) {
            .list_items.boxes .EVOLI_list .EVOLI_list_item{
            flex-basis:40%;
        }
    }
    .list_items.boxes .EVOLI_list .EVOLI_list_item:hover h3{color:#FFF;}
    .list_items.boxes .EVOLI_list .EVOLI_list_item span.it_icon,.list_items.boxes .EVOLI_list .EVOLI_list_item span.it_image{
        display: block;
        width: 100%;
        left: 0;
        top: 10px;
    }
    .EVOLI.boxes .EVOLI_list .EVOLI_list_item.lefter span.it_image img{height: 150px;width: 150px;object-fit: cover;border-radius:50%;-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);}
    .list_items.boxes .EVOLI_list .EVOLI_list_item span.it_image{
        display: flex;justify-content: center; top:auto;position: relative;padding-bottom: 10px;
    } 
    .list_items.boxes .EVOLI_list .EVOLI_list_item span.it_icon i.fa{font-size:20px;}

    .list_items.boxes .EVOLI_list .EVOLI_list_item:nth-child(even){border-right: none}
    .list_items.boxes .EVOLI_list .EVOLI_list_item:last-child{border-bottom: none}

    .list_items.boxes .EVOLI_list .EVOLI_list_item .inner{
        text-align: center;

    }
    .list_items.boxes .EVOLI_list .EVOLI_list_item .inner:after{display:none;}