/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.0.3.1603986703
Updated: 2020-10-29 12:51:43

*/

.ds-vertical-align {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Buton "Reservá online" del menu */
.menu-item--reserva-online {
	padding: 15px 30px!important;
    border-color: rgba(0,0,0,0)!important;
    border-radius: 50px!important;
    text-transform: uppercase!important;
    background-color: #FF8E06!important;
 	margin-bottom: 20px!important;
	transition: all 0.2s;

}
.menu-item--reserva-online a {
	padding: 0!important;
	letter-spacing: 1px!important;
	font-size: 14px!important;
	color: #ffffff!important;
    font-weight: 600!important;
}

.menu-item--reserva-online:hover {
	transform: scale(1.05);
}

@media screen and (max-width: 980px) {
	.menu-item--reserva-online {
		padding: 10px 30px!important;
		width: fit-content!important;
	}
}


/* Filtros para horarios escuela de futbol */
#timetable-escuela .mptt-navigation-tabs li {
    padding: 5px 20px!important;
    border-color: rgba(0,0,0,0);
    border-radius: 50px;
    text-transform: uppercase;
    background-color: #d2d2d2;
}

#timetable-escuela .mptt-navigation-tabs li a {
    color: #000000;
    font-weight: 500;
}

#timetable-escuela .mptt-navigation-tabs li:hover,
#timetable-escuela .mptt-navigation-tabs li.active {
    background-color: #175924;
}

#timetable-escuela .mptt-navigation-tabs li:hover a,
#timetable-escuela .mptt-navigation-tabs li.active a {
    color: #ffffff;
	font-weight: 600;
}

@media screen and (max-width: 768px) {
	#timetable-escuela .mptt-navigation-tabs li {
		margin-bottom: 5px;
	}
}

/* Estilos para menu mobile */

@media screen and (max-width: 980px) {
	#top-header, #main-header {
		position: fixed!important;
	}
	
	#main-header .et_menu_container {
		display: flex!important;
	}
	
	#main-header .logo_container,
	#main-header #et-top-navigation {
		width: 50%!important;
		float: left!important;
	}
	
	#main-header #et-top-navigation {
		display: flex!important;
		align-self: center!important;
		justify-content: center!important;
	}
	
	#main-header #et-top-navigation #et_mobile_nav_menu {
		margin-top: 0!important;
	}
	
	#main-header #et-top-navigation #et_mobile_nav_menu .mobile_nav {
		background-color: transparent!important;
	}
	
/* 	#main-header #et-top-navigation #et_mobile_nav_menu .mobile_nav .select_page {
		display: none!important;
	} */
	
	#main-header #et-top-navigation #et_mobile_nav_menu .mobile_nav .mobile_menu_bar:before {
		font-size: 40px!important;
	}
		
	#main-header #et-top-navigation .et_mobile_menu {
		position: fixed!important;
		top: 135px!important;
	}
}


@media screen and (max-width: 400px) {		
	#main-header #et-top-navigation .et_mobile_menu {
		top: 150px!important;
	}
}