/* abstract sentieri */

.data_trail_container {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
@media screen and (min-width : 993px) {
	.data_trail_container { flex-direction: row; justify-content: space-evenly; }
}
	
	.label_data_trail, .data_trail {
		padding: 5px 0;
		vertical-align: middle;
		display: inline-block;
	}
	
	.label_data_trail {
		width: 180px;
		text-align: left;
	}
	@media screen and (min-width : 340px) and (max-width : 992px) {
		.label_data_trail { width: 203px; }
	}
	@media screen and (min-width : 993px) {
		.label_data_trail { width: 210px; }
	}
	
	.data_trail {
		padding-left: 10px;
		font-weight: 500;
		width: 77px;
	}
	@media screen and (min-width : 993px) {
		.data_trail { width: 120px; padding-right: 10px; }
	}
	
	.fa-horse, .fa-hiking, .fa-bicycle {
		color: var(--second_color);
		
	}
	

/* iframe sentieri */


.iframe_mask {
	height: 479px;
	position: relative; 
	overflow: hidden;
	border-top: 1px solid color-mix(in srgb, var(--first_text), var(--fourth_color) 80%);
	border-bottom: 1px solid color-mix(in srgb, var(--first_text), var(--fourth_color) 80%);
}
@media screen and (min-width : 479px) and (max-width : 624px) {
	.iframe_mask { height: 530px; }
}
@media screen and (min-width : 625px) and (max-width : 759px) {
	.iframe_mask { height: 570px; }
}
@media screen and (min-width: 760px) {
	.iframe_mask { height: 550px; }
}
	
.iframe_mask iframe {
	position: absolute;
	top: 39%;
	transform: translate(0, -50%);
	right: 0;
	left: 0;
}
@media screen and (min-width : 479px) and (max-width : 624px) {
	.iframe_mask iframe { top: 43%; }
}
@media screen and (min-width : 580px) and (max-width : 624px) {
	.iframe_mask iframe { top: 44%; }
}
@media screen and (min-width : 625px) and (max-width : 760px) {
	.iframe_mask iframe { top: 47.5%; }
}
@media screen and (min-width : 761px) {
	.iframe_mask iframe { top: 47%; }
}

/* per sentiero piccolo stelvio */

@media screen and (min-width : 412px) and (max-width : 478px) {
	.iframe_mask_2 { height: 520px; }
}
@media screen and (min-width : 580px) and (max-width : 624px) {
	.iframe_mask_2 { height: 565px; }
}

@media screen and (min-width : 412px) and (max-width : 478px) {
	.iframe_mask_2 iframe { top: 43%; }
}
@media screen and (min-width : 580px) and (max-width : 624px) {
	.iframe_mask_2 iframe { top: 48%; }
}


/* per sentieri: 2 - 4 - 5 - 11 - 12 - 13 - 15 */

@media screen and (min-width : 320px) and (max-width : 415px) {
	.iframe_mask_3 { height: 467px; }
}

@media screen and (min-width : 416px) and (max-width : 478px) {
	.iframe_mask_3 { height: 510px; }
}

@media screen and (min-width : 607px) and (max-width : 624px) {
	.iframe_mask_3 { height: 565px; }
}

@media screen and (min-width : 320px) and (max-width : 460px) {
	.iframe_mask_3 iframe { top: 36%; }
}

@media screen and (min-width : 461px) and (max-width : 488px) {
	.iframe_mask_3 iframe { top: 43%; }
}

@media screen and (min-width : 607px) and (max-width : 624px) {
	.iframe_mask_3 iframe { top: 48%; }
}

@media screen and (min-width : 1255px) {
	.iframe_mask_3 iframe { top: 43%; }
}


/* per sentieri: 8 - 9 - 10 */

@media screen and (min-width : 390px) and (max-width : 478px) {
	.iframe_mask_4 { height: 520px; }
}
@media screen and (min-width : 580px) and (max-width : 624px) {
	.iframe_mask_4 { height: 565px; }
}

@media screen and (min-width : 390px) and (max-width : 478px) {
	.iframe_mask_4 iframe { top: 43%; }
}
@media screen and (min-width : 580px) and (max-width : 624px) {
	.iframe_mask_4 iframe { top: 48%; }
}