/* CSS Document */

/* Divisore blocchi dx cartine */
#flex_60_30 img, #flex_60_30 .cartina_bg + div {
	max-width: 100%;
	margin-bottom: 2em;
}
#flex_60_30 .cartina_bg {
	max-width: 96%;
	background: var(--biancosfondo);
	padding: 2%;
	margin:0;
}
#flex_60_30 > div:last-child > div > div:first-child {
	margin-bottom: 2vh;
}
/* Nascondo doppione div testo LUOGO_2 */
#luogo_2_1 {
	display: none;
}

/* Immagine giardino sotto */
#luogo_2_2 + div {
	padding:0;
	margin:2em 0;
}
#luogo_2_2 + div img {
	width: 100%;
}

/* Divisore sinistra destra blocchi solo sopra 1024px */
@media only screen and (min-width: 1023px) {
	#flex_60_30 {
		display:flex;
	}
	#flex_60_30 > div:first-child {
		flex:2;
	}
	#flex_60_30 > div:last-child {
		flex:1;
		margin-left:2%;
		padding:2%;
		background:var(--rossochiarissimo);
		color:var(--bianco);
	}
	
	/* Sposto posizione div testo LUOGO_2 */
	#luogo_2_1 {
		display:block;
	}
	#luogo_2_2 {
		display:none;
	}
}

/* Iconcine servizi distanza */
#serv_dist {
	display:flex;
	flex-flow:row wrap;
	background: var(--bluchiaro);
	margin:2em 0;
	justify-content:space-evenly;
}
#serv_dist img {
	width: 38px;
	margin-bottom: 0;
}
#serv_dist .fas,
#serv_dist .material-icons {
	font-size: 2em;
	color: var(--bluchiarissimo);
}
#serv_dist > div {
	flex:1 auto;
	flex-basis: 40%;
	text-align: center;
	color:var(--bianco);
	padding:1em 0;
	font-size:80%;
	text-align:left;
	justify-content:space-around;
	
	display:flex;
	flex-flow:row wrap;
}
#serv_dist > div > div:first-child {
	align-self:center;
	text-align:center;
	flex-basis:31%;
}
#serv_dist > div > div:last-child {
	align-self:center;
	flex-basis:69%;
}
#serv_dist > div > div:last-child > div:last-child {
	font-style:italic;
}

/* Proprietà icone >630px */
@media only screen and (min-width: 630px) {
	#serv_dist > div {
		flex:initial;
		flex-basis:30%;
	}
}
@media only screen and (min-width: 1023px) {
	#serv_dist > div {
		flex:initial;
		flex-basis:22%;
	}
}
@media only screen and (min-width: 1279px) {
	#serv_dist {
		justify-content:initial;
	}
	#serv_dist > div:nth-of-type(-n+3) {
		flex-basis: 33.33%;
	}
	#serv_dist > div {
		flex:initial;
		flex-basis:25%;
	}
}

/* Cartina, tempi di viaggio */
#travel_times {
	display:flex;
	flex-flow:wrap column;
	color: var(--grigioscuro);
	align-content: center;
}
#travel_times > div {
	display: flex;
	justify-content:space-evenly;
	width: 100%;
}
#travel_times > div > div {
	flex-basis:20%;
	text-align: left;
}
#travel_times > div > div:first-child {
	flex-basis:50%;
}
#travel_times .fas,
#travel_times .material-icons {
	font-size: 2em;	
}

/* Proprietà dei bottoni solo con larghezza >701px 
@media only screen and (min-width: 620px) {
	#serv_dist > div:first-child,
	#serv_dist > div:nth-child(2) {
		flex-basis: 40%;
	}

	#serv_dist > div {
		flex-basis: auto;
	}
}
@media only screen and (min-width: 769px) {
	#serv_dist {
		flex-wrap:nowrap;
	}
	#serv_dist > div:first-child,
	#serv_dist > div:nth-child(2) {
		flex:initial;
		flex-basis:15%;
	}
	#serv_dist > div {
		flex:initial;
		flex-basis:15%;
		margin:2% 0;
	}
	#serv_dist > div {
		flex:1;
	}
}