/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
.wonder-cultura-elenco-eventi, .wonder-cultura-singolo-evento{
	width:100% !important;
	max-width:1140px !important;
}

.wonder-cultura-elenco-eventi:before, .wonder-cultura-elenco-eventi:after{
	width:100%;
	height:1px;
	clear:both;
	content:' ';
	display:block;
}

.wonder-cultura-elenco-eventi .evento{
	float:left;
	padding:0 5px;
	width:50%;
	margin-bottom:10px;
}

.wonder-cultura-elenco-eventi .evento a{ text-decoration:none; }
.wonder-cultura-elenco-eventi .evento .interno{ position:relative; }

.wonder-cultura-elenco-eventi .evento .interno .immagine{
	width:100%;
	padding-bottom:130%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
	border-radius:10px;
}

.wonder-cultura-elenco-eventi .evento .interno .immagine:before{
	content:' ';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.2);
	border-radius:10px;
}
	

.wonder-cultura-elenco-eventi .evento .nome{
	margin:0;
	color:hsl(0, 0%, 100%);
	text-shadow:0px 0px 4px rgba(0, 0, 0, 0.5);
	font-weight:600;
	position:absolute;
	bottom:5px;
	left:0;
	width:100%;
	padding:0 10px;
}

.wonder-cultura-singolo-evento .dettagli:before, .wonder-cultura-singolo-evento .dettagli:after{
	width:100%;
	height:1px;
	display:block;
	content:' ';
	clear:both;
}

.wonder-cultura-singolo-evento .dettagli .immagine{
	width:100%;
	padding-bottom:50%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	border-radius:10px;
	float:left;
}

.wonder-cultura-singolo-evento .dettagli .mappa{
	width:100%;
	padding-bottom:50%;
	border-radius:10px;
	float:left;
}

.wonder-cultura-singolo-evento .dettagli.con-mappa .immagine, .wonder-cultura-singolo-evento .dettagli.con-immagine .mappa{
	width:100%;
	padding-bottom:100%;
	margin:5px 0;
}

.wonder-cultura-singolo-evento .pulsanti-azioni{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
}

.wonder-cultura-singolo-evento .pulsanti-azioni .pulsante{
	display: block;
    width: 25%;
    text-align: center;
    background: #2c83cb;
    color: white;
    text-decoration: none;
    line-height: 1.5em;
    margin: 10px 0;
    padding: 8px 0px;
    border-radius: 8px;
}

.wonder-cultura-singolo-evento .pulsanti-azioni .pulsante i{ line-height:1.5em; }

@media (min-width:576px){
	.wonder-cultura-elenco-eventi, .wonder-cultura-singolo-evento{ max-width:540px !important; }
	.wonder-cultura-elenco-eventi .evento{ width:33.33%; }
	.wonder-cultura-singolo-evento .pulsanti-azioni .pulsante{ width:100%; }

	.wonder-cultura-singolo-evento .dettagli.con-mappa .immagine, .wonder-cultura-singolo-evento .dettagli.con-immagine .mappa{
		width:100%;
		padding-bottom:100%;
		margin:5px 0;
	}
}

@media (min-width:768px){
	.wonder-cultura-elenco-eventi, .wonder-cultura-singolo-evento{ max-width:720px !important; }
	.wonder-cultura-elenco-eventi .evento{ width:33.33%; }
	.wonder-cultura-singolo-evento .pulsanti-azioni .pulsante{ width:45%; }

	.wonder-cultura-singolo-evento .dettagli.con-mappa .immagine, .wonder-cultura-singolo-evento .dettagli.con-immagine .mappa{
		width:calc(50% - 5px);
		padding-bottom:50%;
	}

	.wonder-cultura-singolo-evento .dettagli.con-mappa .immagine{ margin:0 5px 0 0; }
	.wonder-cultura-singolo-evento .dettagli.con-immagine .mappa{ margin:0 0 0 5px; }
}

@media (min-width:992px){
	.wonder-cultura-elenco-eventi, .wonder-cultura-singolo-evento{ max-width:960px !important; }
	.wonder-cultura-elenco-eventi .evento{ width:33.33%; }
	.wonder-cultura-singolo-evento .pulsanti-azioni .pulsante{ width:25%; }

	.wonder-cultura-singolo-evento .dettagli.con-mappa .immagine, .wonder-cultura-singolo-evento .dettagli.con-immagine .mappa{
		width:calc(50% - 5px);
		padding-bottom:50%;
	}

	.wonder-cultura-singolo-evento .dettagli.con-mappa .immagine{ margin:0 5px 0 0; }
	.wonder-cultura-singolo-evento .dettagli.con-immagine .mappa{ margin:0 0 0 5px; }
}

@media (min-width:1200px){
	.wonder-cultura-elenco-eventi, .wonder-cultura-singolo-evento{ max-width:1140px !important; }
	.wonder-cultura-elenco-eventi .evento{ width:25%; }
	.wonder-cultura-singolo-evento .pulsanti-azioni .pulsante{ width:25%; }

	.wonder-cultura-singolo-evento .dettagli.con-mappa .immagine, .wonder-cultura-singolo-evento .dettagli.con-immagine .mappa{
		width:calc(50% - 5px);
		padding-bottom:50%;
	}

	.wonder-cultura-singolo-evento .dettagli.con-mappa .immagine{ margin:0 5px 0 0; }
	.wonder-cultura-singolo-evento .dettagli.con-immagine .mappa{ margin:0 0 0 5px; }
}