/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.date-filter-list {
    display: flex;
    justify-content: space-between;
	max-width: 100%;
    overflow-x: auto;
}

.date-filter-list .date-filter-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
	padding: 15px 10px;
	cursor: pointer;
}

.date-filter-list .date-filter-item.active {
    color: #37a0e4;
    background: #fff;
}

.date-filter-list .date-filter-item.active:hover {
    color: #37a0e4;
}

.date-filter-list .date-filter-item span.date {
    font-family: 'Archivo';
    font-size: 2.125rem;
    font-weight: 900;
    padding: 5px 0;
}

.date-filter-list .date-filter-item:hover {
    color: rgba(255,255,255,0.5);
}

.event-list-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 100px 0 50px;
}

.event-list-wrap .event-result-sec {
    width: 32%;
	display:none;
	margin-right: 20px;
}

.event-list-wrap .event-result-sec:nth-child(3n+3) {
    margin-right: 0;
}

.event-list-wrap .event-result-sec.active {
    display: block;
    opacity: 0.5;
}

.event-list-wrap .event-result-sec.active.current {
    opacity: 1;
}

.event-list-wrap .event-result-sec h2 {
    text-transform: uppercase;
    margin-left: 90px;
}

.event-list-wrap .event-result-sec * {
    color: #fff;
}

.event-list-wrap .event-result-sec .event-item {
    display: flex;
    align-items: center;
    margin: 0 0 15px 0;
}

.event-list-wrap .event-result-sec .event-item h3 {
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    padding: 0 0 5px 0;
}

.event-list-wrap .event-result-sec .event-item a:hover {
    color: rgba(255,255,255,.5);
}

.event-list-wrap .event-result-sec .event-item .event-time {
    width: 80px;
    margin-right: 10px;
}

.event-list-wrap .event-result-sec .event-item .event-content {
    width: calc(100% - 80px);
}

.event-list-wrap .event-result-sec .event-item p {
    margin: 0;
    padding: 0;
    line-height: 1;
}

@media only screen and (max-width:1200px){
	.event-list-wrap .event-result-sec{margin-right:10px}
}

@media only screen and (max-width:1024px){
	.event-list-wrap {
    	margin-top: 50px;
	}
	
	.event-list-wrap .event-result-sec.active {
    	display: none;
	}
	
	.event-list-wrap .event-result-sec.active.current {
    	display: block;
	}
	
	.event-list-wrap .event-result-sec {
    	width: 100%;
    	margin: 0;
	}
}