/*
 Theme Name:   Hotale Child
 Theme URI:    http://demo.goodlayers.com/hotale
 Description:  Goodlayers Hotale Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     hotale
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  hotale-child

 START YOUR CHILD THEME CSS HERE
*/

/* Percorsi */
percorsi item, percorsi titolo, percorsi item titolo, percorsi item categoria, percorsi item durata, percorsi item lunghezza, percorsi item dislivello, percorsi item partenzaarrivo:before, percorsi item difficolta, eventi titolo, eventi item, eventi periodo, eventi prezzo { display:block; }
percorsi item { width:calc(33.33% - 52px); float:left; padding: 15px; border: 1px solid lightgray; margin: 10px; }
@media screen and (max-width:767px) {
	percorsi item, eventi item {
		width:calc(100% - 20px);
	}
}
percorsi { display: flex; flex-flow: row wrap; }
percorsi item:nth-child(2n) { clear:both; }
percorsi item titolo { width:100%; text-align:center; font-weight: 700; font-size: 20px; color:#b56953; }
percorsi item categoria:before { content:'Categoria: '; }
percorsi item > a { float: right; padding: 5px 15px; background-color: #b56953; color: white; margin-bottom: 10px; }
percorsi item > a:hover {
	background-color:white;
	color:#b56953;
	border:1px solid #b56953;
	padding: 4px 14px;
}
percorsi item partenzaarrivo:before { content:'Partenza > Arrivo: '; margin-top:10px; font-weight:400; }
percorsi item difficolta, percorsi item partenzaarrivo {
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
}
/* Fine Percorsi - Eventi */
eventi {
	display: flex;
	flex-flow: row wrap;
}
eventi > titolo, percorsi > titolo {
	display:none;
	text-align:center;
	font-size:36px;
	font-weight:bold;
	font-family:'Playfair Display', serif;
	color:#b56953;
	width:100%;
	margin-bottom:50px;
}
eventi item { width:calc(33.33% - 52px); float:left; padding: 15px; border: 1px solid lightgray; margin: 10px; }
eventi item titolo { width:100%; text-align:center; font-weight: 700; font-size: 20px; color:#b56953; }
eventi item > a { float: right; padding: 5px 15px; background-color: #b56953; color: white; margin-top: 10px; }
eventi item > a:hover {
	background-color:white;
	color:#b56953;
	border:1px solid #b56953;
	padding: 4px 14px;
}
eventi item periodo { margin-top:10px; }
eventi item periodo:before { content:'DATA: '; }
eventi item localita:before { content:'LOCALITÁ: '; }
eventi item prezzo:before { content:'PREZZO: '; }
eventi item periodo, eventi item localita, eventi item prezzo, eventi item luogo {
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
}
/* Fine Eventi */