/*
 Theme Name:   4TimingEvent
 Description:  Thème pour 4TimingEvent
 Author:       Agence Créalp
 Author URI:   https://crealp.fr
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  4timingevent
*/

/*

Style du thème

*/



/* Fonts */
@font-face {
	font-family: 'Digital';
	src: url('https://c032f7.claudeassets.com/20260308073803im_/https://www.4timingevent.com/wp-content/themes/4timingevent/fonts/digital.eot');
	src: url('https://103ed1.claudeassets.com/20260308073803im_/https://www.4timingevent.com/wp-content/themes/4timingevent/fonts/digital.eot#iefix') format('embedded-opentype'),
		 url('https://198d07.claudeassets.com/20260308073803im_/https://www.4timingevent.com/wp-content/themes/4timingevent/fonts/digital.woff2') format('woff2'),
		 url('https://4a0bc6.claudeassets.com/20260308073803im_/https://www.4timingevent.com/wp-content/themes/4timingevent/fonts/digital.woff') format('woff'),
		 url('https://13286d.claudeassets.com/20260308073803im_/https://www.4timingevent.com/wp-content/themes/4timingevent/fonts/digital.ttf') format('truetype'),
		 url('https://27bdc3.claudeassets.com/20260308073803im_/https://www.4timingevent.com/wp-content/themes/4timingevent/fonts/digital.svg#ds-digitalbold') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Général */

html {
	font-family: 'Lato', Arial, sans-serif;
	font-size: 16px;
	line-height: 1.217em;
	font-weight: 400;
	background-color: #000;
	color: #FFF;
}

* {
	outline: 0 !important;
}

body {
	margin: 0;
	background-color: #000;
}

body:not(.home) .wrap {
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
	padding: 0 60px;
}

strong, b {
	font-weight: 900;
}

em, i {
	font-style: italic;
}

.columns {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	height: 100vh;
	padding-bottom: 250px;
	margin-bottom: -250px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-webkit-flex-direction: row nowrap;
	-moz-flex-direction: row nowrap;
	-ms-flex-direction: row nowrap;
	-o-flex-direction: row nowrap;
	flex-direction: row nowrap;
	justify-content: flex-start;
	-ms-align-items: stretch;
	align-items: stretch;
}

.column {
	-webkit-flex: 1 1 50%;
	-moz-flex: 1 1 50%;
	-ms-flex: 1 1 50%;
	-o-flex: 1 1 50%;
	flex: 1 1 50%;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	-webkit-transition: .8s all cubic-bezier(.5,0,0,1);
	-o-transition: .8s all cubic-bezier(.5,0,0,1);
	transition: .8s all cubic-bezier(.5,0,0,1);
	text-align: center;
	position: relative;
	overflow: hidden;
	color: #FFF!important;
	text-decoration: none !important;
	font-size: 13px;
	line-height: 16px;
}

.column.column-vert {
	border-left: 4px solid #000;
	background-image: url('https://64e9ad.claudeassets.com/20260308073803im_/https://www.4timingevent.com/wp-content/themes/4timingevent/img/fond-global-vert.jpg');
	background-position: top left;
	text-align: left;
}

.column.column-orange {
	border-right: 4px solid #000;
	background-image: url('https://a2016c.claudeassets.com/20260308073803im_/https://www.4timingevent.com/wp-content/themes/4timingevent/img/fond-global-orange.jpg');
	background-position: top right;
	text-align: right;
}

.column:not(.unavailable):hover {
	flex-basis: 55%;
}

.indicator {
	-webkit-flex: 0 0 110px;
	-moz-flex: 0 0 110px;
	-ms-flex: 0 0 110px;
	-o-flex: 0 0 110px;
	flex: 0 0 110px;
	width: 110px;
	height: 110px;
	border-radius: 220px;
	background-color: #000;
	margin-left: -55px;
	margin-right: -55px;
	-ms-align-items: flex-start;
	align-items: flex-start;
	position: relative;
	z-index: 49;
	margin-top: 80px;
	padding: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.indicator > span {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 220px;
	background: rgb(22,22,22);
	background: -moz-linear-gradient(top, rgba(22,22,22,1) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(22,22,22,1) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(22,22,22,1) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#000000',GradientType=0 );
	position: relative;
	font-weight: 900;
	font-size: 11px;
	line-height: 13px;
	text-transform: uppercase;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	text-align: center;
}

.column::before {
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	position: absolute;
	top: 170px;
	z-index: 99;
	-webkit-transform-origin: 50% -35px;
	-moz-transform-origin: 50% -35px;
	-ms-transform-origin: 50% -35px;
	-o-transform-origin: 50% -35px;
	transform-origin: 50% -35px;
	-webkit-transition: .1s all cubic-bezier(.5,0,0,1) .2s;
	-o-transition: .1s all cubic-bezier(.5,0,0,1) .2s;
	transition: .1s all cubic-bezier(.5,0,0,1) .2s;
}

.column.column-orange::before {
	border-top-color: #F4A816;
	right: -14px;
	-webkit-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg);
}

.column.column-vert::before {
	border-top-color: #29AD02;
	left: -14px;
	-webkit-transform: rotate(-40deg);
	-ms-transform: rotate(-40deg);
	-o-transform: rotate(-40deg);
	transform: rotate(-40deg);
}

.column:hover::before {
	border-width: 12px;
	top: 168px;
}

.column.column-vert:hover::before {
	left: -16px;
}

.column.column-orange:hover::before {
	right: -16px;
}

.column-cnt {
	width: 270px;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 19vh 20px 0;
	position: relative;
	z-index: 29;
}

.column.column-vert .column-cnt {
	margin-left: 10%;
	margin-right: auto;
}

.column.column-orange .column-cnt {
	margin-right: 10%;
	margin-left: auto;
}

.column-cnt img {
	max-width: 100%;
	margin-bottom: 20px;
}

.column.unavailable {
	cursor: not-allowed;
	pointer-events: none;
}

.column.unavailable::after {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 39;
	opacity: 1;
	mix-blend-mode: soft-light;
}

.column.column-vert.unavailable::after {
	background: repeating-linear-gradient(45deg, rgba(19,80,1,1) 0px, rgba(19,80,1,1) 20px, rgba(41,173,2,.8) 20px, rgba(41,173,2,.8) 40px);
}

.column.column-orange.unavailable::after {
	background: repeating-linear-gradient(45deg, #F4A816 0px, #F4A816 20px, transparent 20px, transparent 40px);
}

.column-cnt h3 {
	font-size: 44px;
	font-weight: 900;
	text-transform: uppercase;
	line-height: .8;
	margin-bottom: 0;
	padding: 10px 0 0 0;
}

.column-cnt h4 {
	font-size: 40px;
	font-weight: 900;
	line-height: .8;
	margin-top: 10px;
	padding: 0;
}

.column.column-vert .column-cnt h4 strong,
.column.column-vert:not(.unavailable):hover .column-cnt h3 {
	color: #57A348;
}

.column.column-orange .column-cnt h4 strong,
.column.column-orange:not(.unavailable):hover .column-cnt h3 {
	color: #EDA91D;
}








/* Selection */
::-moz-selection { color: #FFF; -webkit-text-fill-color: #FFF!important; background: rgb(238,173,29); background: -moz-linear-gradient(left, rgba(238,173,29,1) 0%, rgba(109,200,45,1) 100%); background: -webkit-linear-gradient(left, rgba(238,173,29,1) 0%,rgba(109,200,45,1) 100%); background: linear-gradient(to right, rgba(238,173,29,1) 0%,rgba(109,200,45,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eead1d', endColorstr='#6dc82d',GradientType=1 ); }
::selection { color: #FFF; -webkit-text-fill-color: #FFF!important; background: rgb(238,173,29); background: -moz-linear-gradient(left, rgba(238,173,29,1) 0%, rgba(109,200,45,1) 100%); background: -webkit-linear-gradient(left, rgba(238,173,29,1) 0%,rgba(109,200,45,1) 100%); background: linear-gradient(to right, rgba(238,173,29,1) 0%,rgba(109,200,45,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eead1d', endColorstr='#6dc82d',GradientType=1 ); }

.column-vert ::-moz-selection { background: #81BE0B; color: #FFF; -webkit-text-fill-color: #FFF!important; }
.column-vert ::selection { background: #81BE0B; color: #FFF; -webkit-text-fill-color: #FFF!important; }

.column-orange ::-moz-selection { background: #E6AC09; color: #FFF; -webkit-text-fill-color: #FFF!important; }
.column-orange ::selection { background: #E6AC09; color: #FFF; -webkit-text-fill-color: #FFF!important; }








/* Cookie Bar */
#cookie-banner {
	background-color: #19171C;
	margin-bottom: -18px;
	position: relative;
	z-index: 999;
	height: 35px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

#cookie-banner-message {
	border: none !important;
	background: none !important;
	padding: 0!important;
}

#cookie-banner-message a {
	display: inline-block;
	min-width: 24px;
	height: 24px;
	padding: 0 8px;
	line-height: 24px;
	color: #FFF;
	font-size: 1rem;
}

body.couleur-vert #cookie-banner-message a  { background: #81BE0B; }
body.couleur-orange #cookie-banner-message a { background: #E6AC09; }







hr {
	height: 4px;
	width: 300px;
	margin: 6px auto 10px auto;
	background: rgb(238,173,29);
	background: -moz-linear-gradient(left, rgba(238,173,29,1) 0%, rgba(109,200,45,1) 100%);
	background: -webkit-linear-gradient(left, rgba(238,173,29,1) 0%,rgba(109,200,45,1) 100%);
	background: linear-gradient(to right, rgba(238,173,29,1) 0%,rgba(109,200,45,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eead1d', endColorstr='#6dc82d',GradientType=1 );
	border: none;
}




/* Footer */

.site-footer > div:not(.footer-mentions) {
	font-family: 'Digital', monospace;
	font-size: 1.25rem;
	line-height: 1.2;
}

.site-footer {
	max-height: 250px;
	height: 250px;
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}

.footer-mentions {
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	-o-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-end;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 10px;
	font-size: 12px;
	color: #FFF !important;
}

.footer-mentions a,
body:not(.home) .site-content a {
	position: relative;
	z-index: 2;
	color: #FFF !important;
	text-decoration: none;
}

.footer-mentions a::before,
body:not(.home) .site-content a::before {
	content: '';
	display: block;
	width: 0%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	-webkit-transition: .8s all cubic-bezier(.5,0,0,1);
	-o-transition: .8s all cubic-bezier(.5,0,0,1);
	transition: .8s all cubic-bezier(.5,0,0,1);
	background: rgb(238,173,29);
	background: -moz-linear-gradient(left, rgba(238,173,29,1) 0%, rgba(109,200,45,1) 100%);
	background: -webkit-linear-gradient(left, rgba(238,173,29,1) 0%,rgba(109,200,45,1) 100%);
	background: linear-gradient(to right, rgba(238,173,29,1) 0%,rgba(109,200,45,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eead1d', endColorstr='#6dc82d',GradientType=1 );
}

.footer-mentions a:hover::before,
.footer-mentions a:focus::before,
body:not(.home) .site-content a:hover::before,
body:not(.home) .site-content a:focus::before {
	width: 100%;
}


.site-header {
	width: 100%;
	height: 500px;
	background-image: url('https://386cea.claudeassets.com/20260308073803im_/https://www.4timingevent.com/wp-content/themes/4timingevent/img/fond-global.jpg');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: bottom center;
	text-align: center;
	padding-top:150px;
}

body.home .site-header {
	display: none !important;
	position: absolute;
	left: -9999px;
	top: -9999px;
	clip: rect(0px, 0px, 0px, 0px);
	visibility: hidden;
	opacity: 0;
}


/*
     FILE ARCHIVED ON 14:09:56 May 04, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:14:22 Jun 20, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.46
  exclusion.robots: 0.061
  exclusion.robots.policy: 0.053
  esindex: 0.007
  cdx.remote: 12.359
  LoadShardBlock: 283.138 (3)
  PetaboxLoader3.datanode: 163.641 (5)
  PetaboxLoader3.resolve: 433.967 (3)
  load_resource: 417.071
  loaddict: 113.202
*/