/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


:root {
	--whiteColor: #FFF;
	--lightColor: #fbfbfb;
	--eColor: #eee;
	--dColor: #DDD;
	--cColor: #CCC;
	--darkColor: #333;

	--mainColor: #0a2463;
	--secondColor: #FF0000;
}


/* body */
body{
	background-color: #FFF !important;
	overflow-x:hidden;
	width:100%;
}

/* debug */
.site-header, 
.site-footer,
body > .gb-container,
.entry-content > .gb-container
{
	width: calc(100%);
	overflow-x:hidden;
	padding:0px 20px;
}
.inside{
	max-width:1200px;
	margin:0 auto !important;
}
.gb-highlight{
	color: var(--secondColor) !important;
}
.noGap{
	gap:0px;
	display: flex;
	justify-content:space-between;
}

@media (max-width: 768px) {
	.mobileHide{
		display: none;
	}
}
/* header */
.site-header{
	background-color: transparent !important;
	position:absolute;
	width:100%;
	top:125px;
	z-index:22;
	
}

.site-header .inside-header{
	padding:0px !important;
}
@media (max-width: 768px) {
	.menu-toggle{
		display: none !important;
	}
}


#site-navigation{
	background-color: transparent !important;
}



#site-navigation #menu-menumain_fr{
	display: flex;
	flex-direction: column;
	align-items:flex-end;
	justify-content:flex-end;
}


#site-navigation #menu-menumain_fr li a{
	color: var(--whiteColor);
	padding: 15px 20px !important; 
	position: relative;
	line-height: 100%;
	display: inline-block;
}
#site-navigation #menu-menumain_fr li.current-menu-item a:after{
	width:100%;
	height:3px;
	position: absolute; 
	top:20px;
	left:0px;
	content: "";
	background-color: var(--whiteColor);
	opacity:.5;
}

@media (max-width: 768px) {
	#site-navigation #menu-menumain_fr{
		margin-top:50px;
		align-items:flex-start;
		justify-content:flex-start;
	}
}

/* titlePage */

.titlePage{
	position: relative;
	background-color: var(--mainColor);
}
.titlePage >*{
	position: relative;
	z-index: 11;
}

.titlePage:after{
	content: "";
	position: absolute; 
	width:50%;
	height:100%;
	top:0px;
	z-index: 1;
	background-color: var(--secondColor);
	left:50%;
}

.titlePage:before{
	content: "";
	position: absolute; 
	z-index: 2;
	left:0px;
	height:65px;
	width:100%;
	top:0px;
	background-color: var(--whiteColor);
}

.titlePage .titleImg{
	height:663px;
}

.breadcrumbs{
	padding:10px 20px;
	background-color: var(--secondColor);
	width:max-content;
	text-transform: lowercase;
	color: var(--whiteColor);
}
.breadcrumbs a{
	color: var(--whiteColor);
	text-decoration: none;
}

@media (max-width: 768px) {
	.titlePage{
		padding:0px !important;
	}
	.titlePage .inside{
		padding:0 20px;
	}
	.titlePage .mainTitle{
		display: none;
	}
	
}


/* trophy */
.trophy{
	position: relative;
	top:-50px;
	z-index: 11;
	margin-bottom:-50px;
}
.trophy svg{
	opacity:.5;
}

@media (max-width: 768px) {
	.trophy .wp-block-column  .gb-container{
		margin:0 auto !important;
	}
}

/* nextMatch */

.nextMatch .datum{
	position: relative;
}
.nextMatch .datum >*{
	position: relative;
	z-index: 2;
}

.nextMatch .datum:after{
	position: absolute;
	left:0px;
	top:55%;
	height:1px;
	width:100%;
	display: block;
	content: "";
	background-color: var(--darkColor);
	opacity:.3;
}


/* streamHome */

.streamHome{
	position: relative;
}
.streamHome >*{
	position: relative;
	z-index:11;
}
.streamHome:before, 
.streamHome:after{
	content: "";
	position: absolute;
	right:50%;
	top:0px;
	height:100%;
	width:100%;
	transform: skew(-20deg);
	background-color: var(--mainColor);
	z-index:1;
}
.streamHome:after{
	background-color: var(--secondColor);
	right:40%;
	width:10%;
}

@media (max-width: 768px) {
	.streamHome .gb-headline{
		text-align:center;
	}
}

/* tabControler */
.tabControler{
	background-color: var(--lightColor);
}

.tabControler .container{
	display: flex;
	max-width:1200px;
	margin:0 auto;
	justify-content:center;
}
.tabControler .container .btn{
	padding: 20px;
	cursor: pointer;
}
.tabControler .container .btn.active{
	background-color: var(--secondColor);
	color: var(--whiteColor);
}

.page .tabContent .inside{
	display: none;
}
.tabContent .inside.active{
	display: block;
}

.tournoi .oneMatch{
	background-color: var(--eColor);
	
	
}
.tournoi .oneMatch{
	position: relative;
	overflow:hidden;
}
.tournoi .oneMatch >*{
	position: relative;
	z-index:11;
}
.tournoi .oneMatch:before{
	content:"";
	width:100%;
	height:100%;
	position: absolute;
	z-index:1;
	top:0px;
	left:70%;
	display: block;
	background-color: var(--secondColor);
	transform: skew(-20deg);
}
.tournoi .oneMatch > .wp-block-columns{
	margin-bottom:0px !important;
} 

.tournoi .oneMatch .score{
	background-color: var(--darkColor);
}
.tournoi .oneMatch .score p{
	margin:0px;
	color: var(--whiteColor);
	text-align:center;
	font-weight:lighter;
}

@media (max-width: 768px) {
	.tournoi .oneMatch > .wp-block-columns {
		flex-direction: row;
	}
	.tournoi .oneMatch > .wp-block-columns > .wp-block-column {
		text-align:center;
	}
	.tournoi .player .flag{
		justify-content:center;
	}
	.tournoi .player .wp-block-columns{
		gap:0em;
	}
	.tournoi .score.wp-block-columns{
		margin-left:20px;
		margin-right:20px;
		
	}
	.tournoi .score.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{
		flex-basis:inherit !important;
	}
}

/* partner */
.partner{
	opacity:.7;
}

/* footer */
.site-footer{
	overflow: hidden;
}
.footer{
	position: relative;
}
.footer >*{
	position: relative;
	z-index: 11;
}
.footer:before, 
.footer:after{
	content: "";
	width:100%;
	height:50px;
	position: absolute; 
	top:0px;
	left:0px;
	background-color: var(--whiteColor);
	z-index: 1;
}
.footer:after{
	top:calc(100% - 50px) !important;
}
.footer .firstColumn{

	transform: skew(-20deg);
}
.footer .firstColumn:before{
	content:"";
	display: block;
	width:200%;
	height:100%;
	background-color: var(--secondColor);
	position: absolute; 
	right:100%;
	top:0%;
}
.footer .firstColumn >*{
	transform: skew(20deg);
}

.footer .firstColumn .datum{
	position: relative;
	left: 55px;
}


.menuMainFooter li a{
	font-weight:bolder;
	display: inline-block;
	padding: 10px 20px;
	color: var(--whiteColor);
	text-transform: uppercase;
	text-decoration: none;
	position: relative;
}
.menuMainFooter li.current-menu-item a:after{
	position: absolute; 
	content: "";
	left:0px;
	top:20px;
	width:100%;
	height:3px;
	background-color: var(--whiteColor);
	opacity:.5;
	z-index:1;
}

.menuLegalFooter{
	display: flex;
	flex-direction:row;
	height:25px;
}
.menuLegalFooter li{
	list-style:none;
	display: flex;
	margin:0px;
}
.menuLegalFooter li a{
	line-height:50px;
	display:block;
	padding: 0px 20px;
	color: var(--darkColor);
	text-decoration: none;
	position: relative;
	font-size: .8rem;
}

.menuLegalFooter li:before{
	content: "•";
	line-height:50px;
}
.menuLegalFooter li:first-child:before{
	content: inherit;
}

@media (max-width: 768px) {
	.menuLegalFooter{
		flex-direction: column;
	}
	.menuLegalFooter li{
		display: block;
		text-align:center;
	}
	.menuLegalFooter li:before{
		content: inherit;
	}
}