.druk-regular {
	font-family: 'Druk Wide Trial', sans-serif;
	font-weight: 500;
	font-style: normal;
} 

.druk-bold {
	/* font-family: 'Druk Wide Bold', sans-serif; */
	font-family: 'Druk Wide Trial', sans-serif; font-weight: 700 !important; 
	font-style: normal;
}


p, .likeP, .likeP p{font-size: 15px; padding: 0 0 5px 0; font-family: "Roboto Condensed", sans-serif;}


.video_home{background: linear-gradient(to top, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) 50%), linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0) 50%), linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 10%) !important;
	}
	

.home-euro-2024__top{transform: skewX(5deg); height: 100%; position: relative; 	background: linear-gradient(0deg, rgba(20,60,219,1) 0%, rgba(0,0,0,1) 100%);
}
.home-euro-2024__animation{position: absolute; bottom: 50px; right: 10%;}

.video_home_info{text-align: right; position: absolute; top: 20px; right: 5%;}

.vimeo-wrapper{left: 47%; animation: none; opacity: 1;}

.home-euro-2024__titoli h1{
	font-size: 40px;
	line-height: 1;
	padding: 0;
	margin: 0;
	text-align: right;
	font-weight: 900;
	display: inline-block;
	border-bottom: 2px solid var(--yellow);
	text-transform: uppercase;
	font-family: 'Druk Wide Trial', sans-serif;
	text-transform: none;


}
.home-euro-2024__titoli h3{
	font-size: 22px;
	line-height: 1;
	padding: 5px 0 0 0;
	margin: 0;
	text-align: right;
	color: var(--yellow);
	font-family: 'Druk Wide Trial', sans-serif;
	text-transform: none;

}



.header-euro-2024{
    background: var(--yellow);
    color: var(--black);
    padding: 0 0;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 0;
	position: relative;
	z-index: 10;
    
}
.header-euro-2024__top{
	background: linear-gradient(0deg, rgba(20,60,219,1) 0%, rgba(0,0,0,1) 80%);
	padding: 0;
	position: relative;
}
.header-euro-2024__animation{
	padding-top: 50px;
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	z-index: 2;
}
.header-euro-2024__titoli{
	position: absolute;
	top: 0; left: 0; right: 0; 	color: #FFF;
	padding: 10px 20px;
	margin:  0 0;
	text-align: center;
	z-index: 1;
	
}
.header-euro-2024__titoli h1{
	font-size: 70px;
	line-height: 1;
	padding: 0;
	margin: 0;
	text-align: center;
	font-weight: 900;
	display: inline-block;
	border-bottom: 2px solid var(--yellow);
	font-family: 'Druk Wide Trial', sans-serif;
	text-transform: none;


}
.header-euro-2024__titoli h3{
	font-size: 32px;
	line-height: 1;
	padding: 5px 0 0 0;
	margin: 0;
	text-align: center;
	color: var(--yellow);
	font-family: 'Druk Wide Trial', sans-serif;
	text-transform: none;

}


.header-euro-2024__menu{
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
	background: var(--yellow);
}
.header-euro-2024__menu ul{
    display: flex;
    justify-content: center;
    margin: 0;
    list-style: none;
}
.header-euro-2024__menu ul li{
	margin: 0 10px;
}
.header-euro-2024__menu ul li a{
	color: #FFF;
}

.header-euro-2024__menu ul{list-style: none; text-align: center;}
.header-euro-2024__menu ul li{display: inline-block;}
	.header-euro-2024__menu ul li a{padding: 10px 20px; color: #000; display: block; cursor: pointer; text-transform: uppercase; z-index: 100; font-size: 14px; transition: all .4s ease; background-color: transparent; background-size: 100% 200%; background-image: linear-gradient(to bottom, transparent 50%, var(--grey-1) 50%);}
		.header-euro-2024__menu ul li a:hover{color: var(--yellow); background-position: 0 100%;}
		.header-euro-2024__menu ul li.submenu_item-current a{background: var(--grey-1); color: var(--yellow)}	



.page_risultati #finale:after{height: 65px; bottom: 100px;}
.page_risultati .separatori{transform: scaleY(-1);}

.page_risultati #vincitrice{padding-top: 50px;}

.share_container{margin: 20px auto; display: flex; justify-content: center; gap: 10px;}
.share_container a{background: #3b5998; padding: 10px 20px; display: flex; align-items: center; border-radius: 10px; gap: 5px;}
	.share_container a span{width: 25px;}
	.share_container a span svg{width: 100%; height: auto;}
	
	.share_container a.pronostico_share_link_tw{background: #1e1e1e; border: 1px solid #FFF;}

#gioco_container{
	background-color: #000;
	position: relative;
}
#gioco_cnt{
	box-sizing: border-box;
    padding: 40px 20px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	
}
#gioco_cnt * {box-sizing: border-box;}	

#gioco_container:after{content: ''; position: sticky; bottom: 0; left: 0; right: 0; background-image: url('/assets/img/stecche6.svg'); background-repeat: no-repeat; background-position: bottom center; background-size: cover; width: 100%; height: auto; display: block; z-index: 0; opacity: .6; aspect-ratio: 16 / 5; margin-top: -32%;}


.titolo_sezione{font-weight: bold; font-size: 21px; color: #ffcc02; text-align: center; text-transform: uppercase; padding: 5px 0; font-family: 'Druk Wide Trial', sans-serif;}
.descr_sezione{text-align: center; padding-top: 5px; padding-bottom: 10px;}
	.descr_sezione p{color: #FFF;}
			
.flag_small{width: 35px; display: block;  margin: 0; min-width: 30px;}
.flag_small img{width: 100%;}			
			
.gruppi_cnt{
	width: 100%;
	margin: 20px 0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: nowrap;
	gap: 10px;
}
.gruppo{
	background: #FFF;
	border-radius: 5px;
	overflow: hidden;
}
.nome_gruppo{ 
	background: var(--yellow); 
	color: var(--grey-0);
	text-transform: uppercase; 
	padding: 10px 0 18px 0;
	text-align: center;
	position: relative;
	font-size: 17px;
	margin-bottom: -5px;
	font-family: 'Druk Wide Trial', sans-serif;
}

.nome_gruppo:after{content: ''; background: #FFF; height: 20px; display: block; width: 100%; transform: skewY(2deg); position: absolute; left: 0; right: 0; bottom: -10px;}

.squadra{width: 100%; display: flex; flex-direction: column; padding: 5px 10px; border-top: 1px solid var(--grey-4); line-height: 1; position: relative; z-index: 5;}
.squadra_nome{text-align: left; font-size: 14px; color: var(--grey-0); font-weight: 700; text-transform: uppercase; margin-top: 2px;}
.squadra_tools{
	width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;	padding: 5px 0;
}

.gruppo div:nth-child(2){border-top: none;}
	
.options{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; line-height: 1; margin-left: 5px; gap: 5px;}
a.opt {
	border-radius: 50%; border: 1px solid var(--grey-1); display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; width: 30px; height: 30px; 
	color: var(--grey-1); 
	text-align: center; margin: 0;}

a.not_clickable{color: #d7d7d7; border: 1px solid #d7d7d7;}
a.opt.selected, .selected{background: #183ada; color: #FFF; }

		
					
					
.sel_mancante{color: var(--yellow); text-align: center; margin: 25px 0; display: block; font-family: "Roboto Condensed", sans-serif;}
span.grande{font-size: 24px; font-weight: bold;}		
					
					
.elim_tag{display: none;}
		
#ottavi, #quarti, #semifinale{width: 100%; margin: 0 0 0 0; display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: center; flex-direction: row; position: relative;}


.match_group_small{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding:0; margin: 0 ; gap: 5px; }	
.match_small{display: block; margin: 0 ; background: #F5F5FB;  border-radius: 10px; border: 1px solid #dbdbdb; width: 90px; cursor: pointer; }
.match_big{width: 180px; display: block; margin: 0 20px; cursor: pointer; }

.squ1, .squ2{ 
	display: flex ; flex-wrap: nowrap; justify-content: flex-start; align-items: center; flex-direction: row; 
	background: #F5F5FB; border-bottom: 1px solid #dbdbdb; padding: 5px;color:var(--yellow); height: 50px; font-size: 16px; }
	.squ1{ border-radius: 10px 10px 0 0;  }
	.squ2{  border-radius: 0 0 10px 10px; }		
	.squ1.selected, .squ2.selected { background-color: var(--yellow); color: #FFF; }

.sq_3l, .sq_full{ text-transform: uppercase; text-align: left; padding-left: 5px; color: #000; font-size: 15px; font-weight: bold;}
.sq_3l{  text-align: center;  }

		.separatori{width: 100%; display: block; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; flex-direction: row;}
			.sep_largh1{display: block;  margin: 0 20px; width: 100%;}
			.sep_largh2{width: 100%; display: block; }
			.sep_largh3{width: 100%; display: block; }
				.sep{
					width: 50%; 
					height: 30px;
					border-left: 1px solid #FFF;
				    border-right: 1px solid #FFF;
				    border-bottom: 1px solid #FFF;
				    border-radius: 0 0 10px 10px;
				    margin: 0 auto 25px auto;
				    position: relative;
				}
				.sep:after{
					content: "";
				    display: block;
				    height: 25px;
				    width: 1px;
				    background: #FFF;
				    position: absolute;
				    left: 50%;
				    margin-left: -1px;
				    bottom: -25px;
				}		
					
					
			.semi_margin{margin: 0 130px;}
			
			#finale, #vincitrice{width: 100%; margin: 0 0 0 0; display: flex; flex-wrap: nowrap; justify-content: space-around; align-items: center; flex-direction: row;  position: relative;}

				#finale:after{
					content: "";
				    display: block;
				    height: 155px;
				    width: 1px;
				    background: #FFF;
				    position: absolute;
				    left: 50%;
				    margin-left: -1px;
				    bottom: -155px;
				}		
					
					
			#vincitrice{ margin: 135px auto 60px auto;}
				.winner{background: #F5F5FB; display: block;  border-radius: 10px 10px; padding: 5px; border: 2px solid #fdd31c; position: relative;      height: 70px;
					display: flex;
					justify-content: center;
					align-items: center;
				}	
					.winner_name{
						display: flex;
						flex-wrap: nowrap;
						justify-content: center;
						align-items: center;
					}
					
						.sq_winner{color: #000; font-weight: bold; text-transform: uppercase; width: auto; display: inline-block; margin: 10px 5px; text-align: left; }	
						.flag_winner{width: 50px; display: inline-block; margin: 0; vertical-align: text-bottom;}
							.flag_winner img{width: 100%;}
				.winner_img{
					position: absolute; opacity: 0;
					/* top: 0;  */
					bottom: 20px;
				}	
				.winner_img.anim_x_up{
					opacity: 1;
				}
			
			.btn_blu{width: auto; font-size: 18px; font-weight: bold; color: #000; background:var(--yellow); padding: 20px 30px; display: block; margin: 30px auto 30px auto; text-align: center; text-transform: uppercase; border-radius: 10px; box-shadow: none; border: none;}		
		
		
		
		
@media screen and (max-width: 970px){
	.gruppi_cnt{ flex-direction: row; flex-wrap: wrap;}
	.gruppo{width: 30%;}
	
	.squadra_nome{text-align: center;}
	.squadra_tools{justify-content: center;}
	
	.squadra_nome{ font-size: 12px;  }
	.squ1, .squ2{ font-size: 14px; }
	
	.header-euro-2024__titoli h1{
		font-size: 62px;
}
	.header-euro-2024__titoli h3{
		font-size: 48px;

	}
	
}

@media screen and (max-width: 960px){



}
@media screen and (max-width: 768px){
	.gruppi_cnt{flex-direction: row;}
	.gruppo{width: 100%;}
	.squadra_nome{ font-size: 14px;  }
	.squ1, .squ2{ font-size: 16px; }
	
	.header-euro-2024__titoli h1{
			font-size: 24px;
	}
		.header-euro-2024__titoli h3{
			font-size: 16px;
	
		}

		.share_container{flex-direction: column; align-items: center; margin: 0;}
		.page_risultati #finale:after{display: none;}

	#ottavi, #quarti, #semifinale{   
        flex-wrap: nowrap;
        align-items: center;
        flex-direction: column;
        justify-content: center;}

	.separatori{display: none;}
	.match_group_small{width: 100%; margin: 1em 0;}
	.match_small{width: 100%; margin: .5em 0;}
	.match_big{width: 100%; margin: .5em 0;}
	.elim_tag{display: block;}

	/* 
	
	#finale{width: 100%;}
	#vincitrice{width: 100%;}
	.btn_blu{width: 100%;}
	.super_width{width: 100%;}
	 */

	
	 .winner_img{
		position: absolute; opacity: 0;
		/* top: 0;  */
		bottom: 20px;
		width: 180px;
	}	
	
	
	.vimeo-wrapper{left: 0;}
	.home-euro-2024__top{transform: skew(0);}
	.home-euro-2024__animation{bottom: 20%; right: 0;}
	.video_home_info{top: 0; right: 0; left: 0; display: flex; flex-direction: column; align-items: center;}
	.home-euro-2024__titoli h1, .home-euro-2024__titoli h3{text-align: center;}
	.home-euro-2024__titoli h1{font-size: 28px;}
	.home-euro-2024__titoli h3{font-size: 18px;}
	
	.video_home{
	background: linear-gradient(to top, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 60%), linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0.6) 90%), linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 10%) !important;
	}
	
}