
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Dancing+Script:wght@400..700&family=Irish+Grover&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--VERDE: #2ba302;
	--VERDE_SC: #207f00;
	--ROSSO: #d70000;
	--GRIGIO: #7d7d7d;
	--GRIGIO_CH: #e2e2e2;
	--GRIGIO_SC: #464646;
}
html {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body {
	background: #fff;
	font-size:16px;
	font-weight: 500;
	line-height: 100%;
	color: #000;
	margin: 0;
	padding: 0;
	word-wrap: break-word !important;
	font-family: 'Montserrat', sans-serif;
	background: linear-gradient(to right, var(--VERDE) 0%,#fff 3%,#fff 97%,var(--ROSSO) 100%);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
#cont_space {
	margin: 120px 100px 100px 100px;
	border: 0px solid red;
}
#foto_stall {
	-webkit-box-shadow: 0px 0px 10px 1px #000; -moz-box-shadow: 0px 0px 10px 1px #000; box-shadow: 0px 0px 10px 1px #000;
	border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;
	border: 1px solid #000;
}
#foto_dida {
	font-size: calc(80%); 
	position: relative; 
	top: -30px; 
	left: 6px; 
	width: 200px; 
	padding: 1px 2px; 
	background: rgba(255,255,255,0.5);
	font-weight: 700;
	text-shadow: 1px 1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff, -1px -1px 2px #fff;
	border-radius: 0px 0px 0px 7px;
	-moz-border-radius: 0px 0px 0px 7px;
	-webkit-border-radius: 0px 0px 0px 7px;
}

#titolo {
	font-family: 'Dancing Script', sans-serif; 
	font-size: 50px;
	line-height: 100%; 
	font-weight: 900; 
	color: #fff;
	text-align: center;
	text-shadow: 1px 1px 4px #000, -1px 1px 4px #000, 1px -1px 4px #000, -1px -1px 4px #000, 0 0 12px #000, 0 0 12px #000, 0 0 12px #000, 0 0 12px #000;
	margin: 0 0 15px 0;
	border: 0px solid red;
}
#txt {
	background: #fff;
	line-height: 140%;
	text-align: justify;
	padding: 15px 20px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	-webkit-box-shadow: 0px 0px 12px 3px var(--GRIGIO); -moz-box-shadow: 0px 0px 12px 3px var(--GRIGIO); box-shadow: 0px 0px 12px 3px var(--GRIGIO);
}
#stall_descr {
	text-align: center;
}

#riq_stall {
	display: inline-block;
	background: #fff;
	line-height: 140%;
	text-align: justify;
	padding: 15px 20px;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	-webkit-box-shadow: 0px 0px 12px 3px var(--GRIGIO); -moz-box-shadow: 0px 0px 12px 3px var(--GRIGIO); box-shadow: 0px 0px 12px 3px var(--GRIGIO);
}
#txt_stall {
	margin-bottom: 20px; 
	line-height: 120%; 
	text-align: justify;
}

#grandi_premi { font-size: 13px; }
#M_padre, #M_up5, #M_dw5, #M_up_a, #M_dw_a, #F_madre, #F_up5, #F_dw5, #F_up_a, #F_dw_a { 
	font-size: 14px;
	font-family: 'Barlow Condensed', sans-serif;
}
#M_up5 { border-bottom: 1px dotted #008080; padding: 3px 2px 2px 3px; }
#M_dw5 { padding: 0px 2px 3px 3px; }
#M_up_a { border-bottom: 1px dotted #008080; padding: 3px; }
#M_dw_a { padding: 3px; }
#F_up5 { border-bottom: 1px dotted #ff8040; padding: 3px 2px 2px 3px; }
#F_dw5 { padding: 0px 2px 3px 3px; }
#F_up_a { border-bottom: 1px dotted #ff8040; padding: 3px; }
#F_dw_a { padding: 3px; }

#three_col {
	margin-top: 20px;
	line-height: 120%; 
	-webkit-columns: 3 300px; -moz-columns: 3 300px;columns: 3 300px; 
	-webkit-column-rule: 2px solid #d70000; -moz-column-rule: 2px solid #d70000; column-rule: 2px solid #d70000; 
	-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; margin-bottom: 30px;
}

.lnk_ext {
	line-height: 120%;
	text-align: center; 
	font-size: calc(160%); 
	margin: 25px 0;
	text-shadow: 1px 1px 2px #000, -1px 1px 2px #000, -1px -1px 2px #000, 1px -1px 2px #000, 4px 4px 6px var(--ROSSO), -4px 4px 6px var(--ROSSO), -4px -4px 6px var(--VERDE), 4px -4px 6px var(--VERDE), 1px 1px 2px var(--ROSSO), -1px 1px 2px var(--ROSSO), -1px -1px 2px var(--VERDE), 1px -1px 2px var(--VERDE);
}
.lnk_ext a {
	text-decoration: none;
	color: #fff;
}
.lnk_ext a:hover {
	background: var(--ROSSO);
	color: #FFF;
	padding: 0 8px;
}
.lnk_none { background-color: none; }
a.lnk_none:link {text-decoration: none; background: none; }
a.lnk_none:visited {text-decoration: none; background: none; }
a.lnk_none:hover {text-decoration: none; background-color: none; }
a.lnk_none:active {text-decoration: none; background-color: none; }

.print_indirizzo { display: none; }

@media (max-width: 1100px) {	/* ------------------------------------ */
	#cont_space {
	}
	#titolo { font-size: 44px; }
	#txt { font-size: calc(85%); }
	#riq_stall { padding: 5px 10px; }
	#M_padre, #M_up5, #M_dw5, #M_up_a, #M_dw_a, #F_madre, #F_up5, #F_dw5, #F_up_a, #F_dw_a { 
		font-size: calc(90%); 
		text-align: left; 
		line-height:  100%;
	}
	#grandi_premi { font-family: 'Barlow Condensed', sans-serif; }
}

/* Media Queries --------------------------------------------- */

@media (max-width: 1100px) {
}

@media (max-width: 1025px) {
}

@media (max-width: 850px) {
	#cont_space {
		padding-top: 0px;
		margin: 0px 50px 100px 50px;
	}
	#titolo {
		font-size: 36px;
	}
	#txt {
	}
	.blink {
		font-size: calc(140%); 
	}

	#grandi_premi { font-size: calc(90%); }
	#M_padre, #M_up5, #M_dw5, #M_up_a, #M_dw_a, #F_madre, #F_up5, #F_dw5, #F_up_a, #F_dw_a { font-size: calc(70%); }
}

@media (max-width : 400px) {
	#cont_space {
		margin: 50px 20px 50px 20px;
	}
	#txt {
		font-size: calc(95%);
	}
	.blink {
		font-size: calc(120%); 
	}
	#M_padre, #M_up5, #M_dw5, #M_up_a, #M_dw_a, #F_madre, #F_up5, #F_dw5, #F_up_a, #F_dw_a { font-size: calc(50%); }
}

@media print {
	#cont_space {
		margin-top: 20px;
	}
	#riq_stall { padding: 5px 10px; }
	#M_padre, #M_up5, #M_dw5, #M_up_a, #M_dw_a, #F_madre, #F_up5, #F_dw5, #F_up_a, #F_dw_a { font-size: calc(70%); text-align: left; }
	.print_indirizzo { 
		display: block !important;
		text-align: center;
	}
	#indirizzo {
		display: inline-block;
		text-align: center;
		background: #fff;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 14px;
		padding: 10px;
		border-radius: 4px;
		border: 4px solid var(--VERDE);
		-webkit-box-shadow: 0px 0px 12px 3px var(--ROSSO); -moz-box-shadow: 0px 0px 12px 3px var(--ROSSO); box-shadow: 0px 0px 12px 3px var(--ROSSO);
	}
}

