/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

.mec-events_filters {
    width: 100%;
    z-index: 9;
    display: none;
    position: relative;
    margin-bottom: 35px;
}

    .mec-events_filters ul {
        display: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .mec-events_filters > ul {
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        justify-content: center;
    }

        .mec-events_filters ul > li {
            cursor: pointer;
            position: relative;
        }
        	.mec-events_filters ul > li span {
        		position: relative;
        	}
        	
            .mec-events_filters ul > li > span.me_filter-btn_label {
		        padding: 10px 30px;
                white-space: nowrap;
		        background-color: #efefef;
		        display: block;
            }

            .mec-events_filters > ul > li > span.me_filter-btn_label {
				background-color: transparent;
                font-family: 'Roboto';
                font-weight: normal;
                border: none;
                color: #333333;
                font-size: 20px;
                line-height: 28px;
                text-transform: uppercase;
				padding: 15px 30px;
            }

                .mec-events_filters ul > li.active > span.me_filter-btn_label > span:after {
                    content: " ";
                    background-color: #a80000;
                    display: block;
                    position: absolute;
                    left: 0;
                    bottom: -2px;
                    width: 100%;
                    height: 2px;
                }
        
       .mec-events_filters ul > li:hover > span.me_filter-btn_label {
           background-color: #cccaca;
       }
        
       .mec-events_filters > ul > li:hover > span.me_filter-btn_label {
           background-color: #efefef;
       }

       .mec-events_filters ul li:hover > ul.me_sublist {
           display: block;
           position: absolute;
           left: 0;
           bottom: 0;
           -webkit-transform: translateY(100%);
           -moz-transform: translateY(100%);
           transform: translateY(100%);
       }
       
		   	.mec-events_filters ul.me_sublist li:hover > ul.me_sublist {
				left: 100%;
				top: 0;
				-webkit-transform: unset;
				-moz-transform: unset;
				transform: unset;
		   }
       
@media only screen and (min-width: 779px) {
	.mec-events_filters {
		display: block;
	}
	
		.mec-search-form .mec-dropdown-wrap {
			display: none;
		}
}

.mec-categories .category-tree {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

	.mec-categories .category-tree span:not(:first-child):after {
		content: ",";
		margin-right: 3px;
	}