.wp-block-cover{
margin-left:-40px; margin-right:-40px;
}


.wp-block-cover-red {
	background: #8f1b1b;
}
.wp-block-cover-blue {
	background: #034065;
}

.wp-block-cover p.has-large-font-size{font-size: 2.2em;line-height: 1.2;}
@media only screen and (max-width: 999px) {
	.wp-block-cover p.has-large-font-size{font-size: 1.6em;}
}
.has-dark-gray-background-color {
	background-color: #141412 !important;
}
.wp-block-cover__image-background.has-parallax{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	mix-blend-mode: luminosity;filter: brightness(0.5);
}
body.home h1.home-fix{
	
	font-family:-apple-system,system-ui,BlinkMacSystemFont,"Open Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	letter-spacing: -0.06em;
	
}
body.home, .home .site, .home .site-main {background:transparent;}.home .site-main {overflow: hidden;}

body.home .entry-header{mix-blend-mode: hard-light;background-color:#285584;background-blend-mode:unset;}

body.home .entry-header:before{content:""; background:#fff; width:100px; height:100px;}

form.search-form label span{
  -webkit-animation: wobble-hor-bottom 5s ease-in-out infinite 5s forwards;
   -moz-animation:    wobble-hor-bottom 5s ease-in-out infinite 5s forwards;
   -o-animation:   wobble-hor-bottom 5s ease-in-out infinite 5s forwards;
   animation:  wobble-hor-bottom 5s ease-in-out infinite 5s forwards;
}
/* ----------------------------------------------
   * Generated by Animista on 2024-8-30 22:57:40
   * Licensed under FreeBSD License.
   * See http://animista.net/license for more info. 
   * w: http://animista.net, t: @cssanimista
   * ---------------------------------------------- */
  /**
   * ----------------------------------------
   * animation wobble-hor-bottom
   * ----------------------------------------
   */
  @-webkit-keyframes wobble-hor-bottom {
	0%,
	12% {
	  -webkit-transform: translateX(0%);
			  transform: translateX(0%);
	  -webkit-transform-origin: 50% 50%;
			  transform-origin: 50% 50%;
	}
	2% {
	  -webkit-transform: translateX(-11px) rotate(-6deg);
			  transform: translateX(-11px) rotate(-6deg);
	}
	4% {
	  -webkit-transform: translateX(8px) rotate(6deg);
			  transform: translateX(8px) rotate(6deg);
	}
	6% {
	  -webkit-transform: translateX(-5px) rotate(-3.6deg);
			  transform: translateX(-5px) rotate(-3.6deg);
	}
	8% {
	  -webkit-transform: translateX(3px) rotate(2.4deg);
			  transform: translateX(3px) rotate(2.4deg);
	}
	10% {
	  -webkit-transform: translateX(-1px) rotate(-1.2deg);
			  transform: translateX(-1px) rotate(-1.2deg);
	}
	100%{}
  }
  @keyframes wobble-hor-bottom {
	0%,
	12% {
	  -webkit-transform: translateX(0%);
			  transform: translateX(0%);
	  -webkit-transform-origin: 50% 50%;
			  transform-origin: 50% 50%;
	}
	2% {
	  -webkit-transform: translateX(-11px) rotate(-6deg);
			  transform: translateX(-11px) rotate(-6deg);
	}
	4% {
	  -webkit-transform: translateX(8px) rotate(6deg);
			  transform: translateX(8px) rotate(6deg);
	}
	6% {
	  -webkit-transform: translateX(-5px) rotate(-3.6deg);
			  transform: translateX(-5px) rotate(-3.6deg);
	}
	8% {
	  -webkit-transform: translateX(3px) rotate(2.4deg);
			  transform: translateX(3px) rotate(2.4deg);
	}
	10% {
	  -webkit-transform: translateX(-1px) rotate(-1.2deg);
			  transform: translateX(-1px) rotate(-1.2deg);
	}
	100%{}
  }

h1.home-fix #target{
	/* -webkit-animation: bgcolor 15s ease-in-out 20 alternate;
	 -moz-animation:    bgcolor 15s ease-in-out 20 alternate;
	 -o-animation:    bgcolor 15s ease-in-out 20 alternate;
	 animation: bgcolor 15s ease-in-out 20 alternate; */
  } 
  @keyframes bgcolor {0% {color:#49d096 ;}100% {color:#49ccd0;}}
  @-webkit-keyframes bgcolor {0% {color:#49d096 ;}100% {color:#49ccd0;}}
  @-moz-keyframes bgcolor {0% {color:#49d096 ;}100% {color:#49ccd0;}}
  @-o-keyframes bgcolor {0% {color:#49d096 ;}100% {color:#49ccd0;}}
  @-ms-keyframes bgcolor {from {color:#49d096;}to {color:#49ccd0;}}
  
  @keyframes gradient {0% {background-position: 0% 0%;}50% {background-position: 100% 100%;}100% {background-position: 0% 0%;}}
  @-webkit-keyframes gradient {0% {background-position: 0% 0%;}50% {background-position: 100% 100%;}100% {background-position: 0% 0%;}}
  @-moz-keyframes gradient {0% {background-position: 0% 0%;}50% {background-position: 100% 100%;}100% {background-position: 0% 0%;}}
  @-o-keyframes gradient {0% {background-position: 0% 0%;}50% {background-position: 100% 100%;}100% {background-position: 0% 0%;}}
  @-ms-keyframes gradient {from{background-position: 0% 0%;}to {background-position: 100% 100%;}}
    
@media only screen and (max-width :568px) {
	body.home .entry-header{background-blend-mode:hard-light;mix-blend-mode: unset;}

}
@media only screen and (min-width :568px) {

.bg4 {
	font-family: -apple-system, BlinkMacSystemFont, sans-serif;
	overflow: auto;
	background: linear-gradient(90deg, rgba(0,18,131, 0) 0%, rgba(0,90,131, 1) 43%, rgba(0,90,131, 1) 63%,rgba(255,94,0, 1) 80%);
	animation: gradient 45s ease infinite; 
	animation-delay: 8s;
	background-size: 400% 400%;
	background-attachment: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
	overflow: hidden;
	opacity: 0.4;
	z-index: -1;
	width: 100%;
	max-height: 72vh;
}


body.home .entry-header{
  -webkit-animation: grow 27s ease-in-out 2 alternate;
   -moz-animation:    grow 27s ease-in-out 2 alternate;
   -o-animation:    grow 27s ease-in-out 2 alternate;
  animation: grow 27s ease-in-out 2 alternate;
}

@keyframes grow {0% {background-size:100%;}100% {background-size: 120%;}}
@-webkit-keyframes grow {0% {background-size:100%;}100% {background-size: 120%;}}
@-moz-keyframes grow {0% {background-size:100%;}100% {background-size: 120%;}}
@-o-keyframes grow {0% {background-size:100%;}100% {background-size: 120%;}}
@-ms-keyframes grow {from {background-size:100%;}to {background-size:120%;}}
}

h1.home-fix {
	font-size: 6vw;
	margin:0 auto 20px;
	text-align: center;
	font-weight:900;
	letter-spacing:-0.08em;
	color: #fff;text-shadow:4px 4px #000000, -1px -1px #000000, 1px -1px #000000, -1px 1px #000000;
}
h1.home-fix #target{
	display: inline;color:#49d096;
}
h1.home-fix .typing::after {
content: "|";color:inherit;
transform: scaleX(0.4);margin-left:5px;
-webkit-text-fill-color: var(--accent-light);
display: inline-block;
width: 0;overflow: visible;
animation: blink 1.1s step-start infinite;
-webkit-animation: blink 1.1s step-start infinite;
letter-spacing: normal;}
@keyframes blink {
  50% {
	opacity: 0;
  }
}


body.home p.slogan{color: #fff;background: rgba(0, 0, 0, 0.3);display:block;margin-top:20px;font-size:1.3em;}





.ctahome {
	width: 280px;
	margin: 0 auto 20px;
	border: 2px solid #fff;
	background: #E54040;
	
	cursor: pointer;
	display: block;
	padding: .3em .3em;
	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
	font-size: 2em;font-weight:900;
	border-radius: 40px;
	color: #fff !important;
}
.ctahome:hover {
	background: #4098D8;;
}
.ctahome::after {
	content: "\276f";
	display: inline-block;
	margin-left: 10px;
	rotate: 90deg;
	font-size: 0.8em;
	color: white;
	text-align: right;
}

#entry-header-mask{width:100%; height:100%;margin:0 auto;background:rgba(0,0,0,0.4);}
#entry-header-mask.blackedout{background:rgba(0,0,0,0.8);}

@media screen and (max-width:500px){
body.home .entry-header{background-image:url("https://www.footballtickets.fr/wordpressfr/wp-content/uploads/slider/footballtickets-500.jpg"); padding:0; }
#entry-header-mask{padding: 5vh 25px 5vh;}
body.home p.slogan{font-size:1em;}
.ctahome{font-size: 1.5em;width: auto;}
}
@media screen and (min-width:501px) and (max-width:900px){
body.home .entry-header{background-image:url("https://www.footballtickets.fr/wordpressfr/wp-content/uploads/slider/footballtickets-900.jpg"); padding:0; }
#entry-header-mask{padding: 5vh 25px 5vh;}
body.home p.slogan{font-size:1em;}
}
@media screen and (min-width:901px) and (max-width:1200px){
body.home .entry-header{background-image:url("https://www.footballtickets.fr/wordpressfr/wp-content/uploads/slider/footballtickets.jpg"); padding:0; }
#entry-header-mask{padding: 10vh 25px 10vh;}
}
@media screen and (min-width:1201px) and (max-width:1400px){
body.home .entry-header{background-image:url("https://www.footballtickets.fr/wordpressfr/wp-content/uploads/slider/footballtickets.jpg"); padding:0; }
#entry-header-mask{padding: 10vh 25px 10vh;}
}
@media screen and (min-width:1401px){
  #entry-header-mask{padding: 15vh 25px 15vh;}
body.home .entry-header{background-image:url("https://www.footballtickets.fr/wordpressfr/wp-content/uploads/slider/footballtickets.jpg");padding:0; }
}


.fa-bullhorn, .fa-handshake {color: #888;}

ul.homenextmatches{list-style:none;margin:0 ; padding:0 20px;max-width:1140px;margin-left:auto; margin-right:auto;}
  ul.homenextmatches li{padding: 0;border-bottom:1px dotted #ccc;}
  ul.homenextmatches li a{display:grid;float:none; padding:10px 5px;margin:0;grid-template-columns: 130px 130px 1fr 145px;gap: 5px 10px;align-items: center;hyphens: none}
  ul.homenextmatches li a:hover{text-decoration:none; background:#eee}
  ul.homenextmatches li a .date{margin-right:0; color:#141412;font-size:0.85em;line-height:1}
  ul.homenextmatches li a span.ticketicon{text-align:right; max-width:150px;padding: 0 0.5em;}
  ul.homenextmatches li a span.homeMatch{font-weight:bold;hyphens:none;line-height:1;}
  ul.homenextmatches li a span.venueDisplay{font-size:0.8em;line-height:1;color:#565656;}
  @media only screen and (max-width :999px) {
  	ul.homenextmatches{padding:0}
  }
  @media only screen and (max-width :568px) {
	ul.homenextmatches li a .date{font-size: 1em;}
  ul.homenextmatches li a{grid-template-columns: 1fr; justify-items:center}
  ul.homenextmatches li a .date{text-align: center;}
  ul.homenextmatches li a span.homeMatch{text-align: center;line-height:1.2}
}

.homehighlight {
		max-width: 1040px;
		margin: 60px auto;
	}

	.entry-content .homehighlight img {
		display: block;
		margin: 0 auto;
		max-width: 200px;
		width: 90%;
		height: auto;
	}.homehighlight b{ text-align: center;font-weight:400;font-size:25px;margin-bottom:10px;display:block;}.homehighlight p{ text-align: center; padding: 0 10px 30px}

a.newhighlighthome{float:left; width:32.3%; padding:0; margin:20px 0.5% 0; display:block;text-decoration:none; border:1px solid #ccc; overflow:hidden;border-radius:30px 30px 0 0;
	background-repeat: no-repeat;max-height:220px;min-height:133px;background-size:cover;background-position: right center
}
a.newhighlighthome span{display:block;margin:5px auto 0;padding:0px;position:relative;text-align:left;text-transform:none;font-size:1.2em;line-height:1;color:#333;font-weight:bold;}
a.newhighlighthome span, a.newhighlighthome i{padding-left:15px;}
a.newhighlighthome i{font-style: normal; font-size:0.9em;color:#888;}
a.newhighlighthome:hover > span, a.newhighlighthome:hover > i {color:#4098D8;}
a.newhighlighthome:nth-child(3n){clear:right;}
@media (max-width: 999px) {a.newhighlighthome{font-size:1.05em}}
@media (max-width: 767px) {a.newhighlighthome{width:49%;}}
@media (max-width: 568px) {a.newhighlighthome{font-size:1.1em;width:100%; padding:0;margin-bottom:10px;}}

body.home .hentry{padding-bottom:0}
body.home .entry-content{width:100%;max-width: none;padding: 0;}
body.home h3{width:100%;text-align: center;}

h2.home-fix{font-size:2.2em; text-align: center;margin: 50px auto 20px; font-weight:700;}
@media only screen and (max-width :999px) {h2.home-fix{font-size:1.6em;}	
}
@media only screen and (max-width:460px){h2.home-fix{font-size:1.4em;}}

.home .redtobluebtn{
	padding: 8px 16px;margin:30px auto 0;
	border-radius:40px;width:fit-content;
	transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.home .redtobluebtn:hover{
	transform: translateY(-2px);
}

.teams-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	max-width: 1200px;
	margin: 30px auto 0;
	padding: 0 24px;
}

@media (max-width: 900px) {
	.teams-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 560px) {
	.teams-grid {
		grid-template-columns: 1fr;
	}
}
/* Card container */
.team-card {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 302 / 135;
	cursor: pointer;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-card:hover {
	transform: translateY(-4px) scale(1.02);
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* Image */
.team-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.team-card:hover img {
	transform: scale(1.08);
}

/* Bottom gradient overlay */
.team-card::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 65%;
	background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.35) 50%, transparent 100%);
	pointer-events: none;
	transition: opacity 0.3s ease;
}

.team-card:hover::after {
	background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 50%, transparent 100%);
}

/* Text + arrow row */
.team-card .card-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px 24px;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.team-card .team-name {
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -0.2px;
	text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Arrow circle (appears on hover) */
.team-card .card-arrow {
	width: 32px;
	height: 32px;
	background: rgba(255,255,255,0.85);
	backdrop-filter: blur(8px);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transform: translateX(-8px);
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.team-card:hover .card-arrow {
	opacity: 1;
	transform: translateX(0);
}


.newsblock,.sponsorsblock{display:block;}
.sponsorsblock,.newsblock{max-width:600px; margin:20px auto 40px; padding:0 20px;}


a.highlighthomeblog{float:none;clear:both; width:100%; padding:0; margin:10px 0 0; display:block;text-decoration:none; font-weight:bold;background-repeat: no-repeat;hyphens:none}
a.highlighthomeblog i{color:#999; font-size:.9em;font-style: normal;font-weight:400;}
a.highlighthomeblog span{display:block;margin:0 auto 0;line-height:1;position:relative;text-align:left;text-transform:none;font-size:1.2em;}
a.highlighthomeblog:hover {text-decoration:none;}
@media (max-width: 999px) {a.highlighthomeblog span{font-size:1.2em}}
@media (max-width: 568px) {a.highlighthomeblog{margin-bottom:10px;}a.highlighthomeblog i{font-size:0.85em;line-height:20px; display:block;}a.highlighthomeblog span{font-size:1.1em;}}


a.highlighthomesponsor{float:none;clear:both; width:100%; padding:0; margin:10px 0 0; display:block;text-decoration:none; font-weight:bold;background-repeat: no-repeat;height:112px;hyphens:none}
a.highlighthomesponsor img{float:left;width:200px;height:112px;float:left;margin-right:10px;}
a.highlighthomesponsor i{color:#999; font-size:.9em;font-style: normal;font-weight:400;}
a.highlighthomesponsor em{color:#666; font-size:.9em;font-style: normal; line-height: 1.7em; display:block; hyphens: none; font-weight:400;}
a.highlighthomesponsor span{display:block;margin:0 auto 0;line-height:1;position:relative;text-align:left;text-transform:none;font-size:1.2em;}
a.highlighthomesponsor:hover {text-decoration:none;}
@media (max-width: 999px) {a.highlighthomesponsor{font-size:1.05em}}
@media (max-width: 568px) {a.highlighthomesponsor{font-size:1.1em;margin-bottom:10px;}a.highlighthomesponsor i{font-size:0.85em;line-height:20px; display:block;}a.highlighthomesponsor span{font-size:1.1em;}}
@media (max-width: 440px) {a.highlighthomesponsor{height:auto;margin-bottom:40px;}a.highlighthomesponsor img{width:100%; height:auto;display:block; float:none}a.highlighthomesponsor span{font-size:1.2em;}}

/* FAQ accordion */
.faq-home {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 24px;
}
.faq-home details {
    border-bottom: 1px solid #e0e0e0;
}
.faq-home details:first-of-type {
    border-top: 1px solid #e0e0e0;
}
.faq-home summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0;
    font-weight: 600;
    font-size: 1.05em;
    color: #141412;
    cursor: pointer;
    list-style: none;
    line-height: 1.4;
	word-break: keep-all;
	hyphens: none;
}
.faq-home summary::-webkit-details-marker { display: none; }
.faq-home summary::marker { display: none; content: ""; }
.faq-home summary::after {
    content: "+";
    flex-shrink: 0;
    margin-left: 16px;
    font-size: 1.4em;
    font-weight: 300;
    color: #888;
    transition: transform 0.2s ease;
}
.faq-home details[open] > summary::after {
    content: "\2212";
}
.faq-home details p {
    margin: 0 0 20px;
    padding: 0;text-align:left;
    line-height: 1.7;
}
.faq-home-link {
    text-align: center;
    margin: 30px 0 0;
}
.faq-home-link a {
    color: #4098D8;
    font-weight: 600;
    text-decoration: none;
    font-size: 1em;
}
.faq-home-link a:hover {
    text-decoration: underline;
}
.faq-home-link a::after {
    content: " \203A";
    font-size: 1.2em;
}