/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.state {font-weight: bold;}
.chosen-results li{text-align: left;}
.chosen-results li.city {padding-left: 25px;}
#event_location_chosen {
	width: 100% !important;
	margin-top: 10px;
	font-size: 15px;
}
#event_location_chosen a.chosen-single {
	border-radius: 0px;
    border-width: 0px;
    background: #ffffff !important;
    letter-spacing: .2em;
    -webkit-box-shadow: 0 0 0px #fff inset, 0 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0px #fff inset, 0 0px 0px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
}

.vc_btn3.vc_btn3-size-xs {
    font-size: 14px !important;
    padding: 8px 12px !important;
}
.events-grid{
    text-align: center;
}
.filters-wrapper{
    display: inline-flex;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    max-width: calc(100% - 40px);
    margin-bottom: 25px;
}
.filter_dropdown {

    position: relative;
    border-bottom: solid 1px #d4d4d4;
}
.filter_dropdown i{
    display: block;
    position: absolute;
    top: calc(50% - 3.5px);
    right: 5px;
    pointer-events: none;
}
select.event-filter{
    transition: all 0.3s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 45px;
    border: 0;
    padding: 5px 0 0 5px;
    background: transparent;
    letter-spacing: .2em;
}
.event-card.hide-card{
    display: none;
}
.event-card.show-card{
    display: block;
}

.vc_single_image-img{
	
}
@media (min-width: 1000px){

    .filter_dropdown{
        width: calc(50% - 30px);
        margin: 0;
    }

}
@media (max-width: 1126px){

    select.event-filter{
		clear: right !important; 
	}
	
	.events-grid{
	    text-align: left;
	}
	
	ul.chosen-results li.city {display: none !important;}
	.city {display: none !important;} 
}