/*---------------------------------------------------------------------------------

intégration thème Épiphanie 2025
Les Royaumes

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/* configuration du défilement horizontal */

.horizontal-container {
	display: flex;
	flex-wrap: nowrap;
	transform-origin: left top;
}
	
#page-container {
	overflow: hidden;
}
	
.horizontal-section {
	/* width: 25%; */ /* pas besoin, on gère le nombre d'éléments affichés direct dans le .js */
	margin-top: 150px;
	will-change: transform;
}

.scroll-settings-first {
	max-width: 436px; /* ajustement par rapport à la taille d'une image royaume */
}

.scroll-settings {
	padding: 0 !important;
}

.encart-royaume-bis { margin-bottom: 0 !important; }

.encart-royaume-ombre {
	display: block;
	width: 100%; 
	height: 560px;
	position: absolute;
	top: -932px;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.encart-royaume-bis:hover span.encart-royaume-ombre { box-shadow: -25px 0px 16px -20px rgba(0,0,0,0.35),25px 0px 16px -20px rgba(0,0,0,0.35); }
span.encart-royaume-ombre { cursor: pointer; pointer-events: none;}

.scroll-settings-first h1 {
	color: #6580bd;
	font-family: "museo_slab900", sans-serif !important;
	font-size: 35px !important;
	font-weight: normal !important;
	text-align: center;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.3);
	text-transform: uppercase !important;
	line-height: 1.2em;
	letter-spacing: 3px;
	margin-bottom: 30px;
}

.scroll-settings-first .titreEpiphanie2025 h3 {
	color: rgba(0,0,0,0.3);
	font-family: museo_sans300, sans-serif !important;
	font-size: 18px !important;
	letter-spacing: 12px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

.scroll-settings-first img.wp-image-163 {
	margin: 30px 0;
}

.scroll-settings-first .themaEpiphanie2025 p {
	font-size: 16px;
	line-height: 2em;
	text-align: justify;
	word-wrap: normal;
}

.encart-royaume-h2 { top: -265px; }
.encart-royaume-h2-one-line { margin-top: 53px; }
.encart-royaume-bouton { top: -238px; }

.encart-royaume-bis h2 {
	color: #fe9b00;
	font-family: "mauritian_vibrationregular", sans-serif !important;
	font-size: 2.5em !important;
	line-height: 1.5em;
	text-transform: initial !important;
	letter-spacing: normal;
	/*text-shadow: 2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000,1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000;*/
	-webkit-text-stroke: 8px white;
	paint-order: stroke fill;
}

.encart-royaume-bouton a {
	font-size: 14px !important;
	padding: 15px 30px;
}

.encart-royaume-bouton a:hover {
	padding: 15px 30px !important;
}

.encart-royaume-bouton a::after {
	font-size: 22px;
	line-height: 15px !important;
}

.encart-royaume-bouton a:hover::after {
	margin-top: 4px;
}

/*#boutons-royaume>div>div{display: inline-block; margin:10px 10px 50px}
#boutons-royaume>div{text-align: center}*/

.boutonsFeves2025{
	background: none !important;
	padding: 0 !important;
	z-index: 1000;
}

#boutons-royaume .button-container{animation-name:scaleItDown3; animation-duration: 0.3s; transform:scale(1); transform-origin: center right;}
#boutons-royaume .button-container:hover{animation-name:scaleItUp3; animation-duration: 0.3s; transform:scale(1.05);}
#boutons-royaume .alcaraButtons:hover{transform: scale(1);}
#boutons-royaume .alcaraButtons::after {line-height: 29px !important;}
#boutons-royaume .button-container .button-flag-2025{animation-name:goRight; animation-duration: 0.3s; left:-58px; content:""; background-image: url("https://alcara.fr/wp-content/themes/divi-child/img/flag-background.png"); background-size: contain; display: inline-block; height: 32px; width: 400px;position: absolute; top: -11px;left: -58px; opacity:1; z-index:-1}
#boutons-royaume .button-container:hover .button-flag-2025{animation-name:goLeft; animation-duration: 0.3s; left:-48px}
#boutons-royaume .et_pb_code_0,
#boutons-royaume .et_pb_code_1 {position: fixed; right:0; margin: 0; }
#boutons-royaume .et_pb_code_0{bottom: 190px;}
#boutons-royaume .et_pb_code_1{bottom: 130px;}
#boutons-royaume .et_pb_code_0 .alcaraButtons,
#boutons-royaume .et_pb_code_1 .alcaraButtons{cursor:pointer; height: 32px; line-height:32px!important; padding:0!important; display: block;border-radius: 0 !important; width: 230px;}
#boutons-royaume .et_pb_code_0 .alcaraButtons{width: 260px;}

#personnalisable-2025 {max-width: 400px; margin:20px auto 0}

@keyframes scaleItUp3{
	from{transform:scale(1)}
	to{transform:scale(1.05);}
}
@keyframes scaleItDown3{
	from{transform:scale(1.05)}
	to{transform:scale(1);}
}
@keyframes goLeft{
	from{left:-58px}
	to{left:-48px}
}
@keyframes goRight{
	from{left:-48px}
	to{left:-58px}
}

@media only screen and (min-width: 1505px) {
	.accessoiresFeves2025{clip-path: path("M7.748,483.593v-38.61l-5.142-7.815l2.674-4.373v-14.142v-45.542l-5.21-9.49l5.21-4.838V340.92v-52.328 l-3.702-9.769l2.879-5.582c0,0,3.718-20.356,3.718-43.301c0-3.493,2.678-44.011,3.325-46.888c-0.874-6.946-2.519-9.623-2.519-9.623 l7.198-2.931c0,0,9.065-19.372,17.457-37.553c4.111-8.907,17.436-29.702,17.436-29.702l-1.663-7.981l7.559-1.204 c17.227-16.358,28.091-33.532,44.318-44.022c0.411-6.978,1.581-8.699,1.581-8.699l6.75,1.144c0,0,25.417-22.403,47.439-38.335 c1.508-2.791,3.09-3.341,3.09-3.341s1.709,0.55,3.217,3.341c22.021,13.135,47.439,38.335,47.439,38.335l8.149,0.255 c0,0-0.024,0.988,0.388,7.966c19.023,11.888,30.382,29.097,44.112,43.357l6.323,2.534c0,0-0.349,1.269-0.554,7.316 c21.043,19.898,35.02,66.591,35.02,66.591l7.198,2.931c0,0-1.772,2.345-2.646,9.291c7.404,27.74,7.17,90.522,7.17,90.522 l2.879,5.582l-3.702,9.769v70.191l5.21,4.838l-5.21,9.49v9.676v50.008l2.674,4.373l-5.142,7.815v14.628v23.983l3.085,9.676 l-3.085,4.058v14.55v18.97l-16.597-7.947H24.349l-0.841-0.039l-0.896,0.869l-14.864,7.117v-33.52l-3.085-4.058L7.748,483.593z");
	}
}

/* ajustements pages accessoires pour 2025 */

.descSerie2025 {
	font-size: 22px;
	line-height: 28px;
}

.boutique2025 h2 {
	font-size: 20px !important;
}

.boutique2025 h2 a:hover{	
	text-decoration: underline;
	text-underline-offset: 12px;
}

.img-kit-jeu img { max-width: 80%; }

.encart-royaume-bis.et_pb_section{padding: 0}
#horizontal-container{top:calc((100vh - 1090px)/2)}

/*gestion de la hauteur de l'écran pour la pages fèves 2025*/
@media only screen and (max-height: 1100px) and (min-width: 601px) {
	.encart-royaume-bis.et_pb_section{padding: 0}
	.encart-royaume-bis>div{width: 65%; height:100vh;}
	.encart-royaume-bis h2{font-size: 2rem!important; line-height: 2.5rem}
	.encart-royaume-bouton a{font-size: 12px !important; padding: 10px 15px!important;}
	.encart-royaume-ombre {height: 520px; top: -846px;}
	.et_pb_section_1.encart-royaume-bis>div{width:70%;}
	.titreEpiphanie2020 {margin-top: 60px;}
	.encart-royaume-bouton {top: -210px;}
	.encart-royaume-h2 {top: -230px;}
	#horizontal-container{top:calc((100vh - 1060px)/2)}
	.encart-royaume-h2-one-line {margin-top: 40px;}
}
@media only screen and (max-height: 1000px) and (min-width: 601px) {
	.encart-royaume-bis>div{width: 58%;}
	.encart-royaume-bis h2{font-size: 1.8rem!important; line-height: 2.2rem}
	.encart-royaume-bouton a{font-size: 12px !important; padding: 10px 15px!important;}
	.encart-royaume-ombre {height: 470px; top: -770px;}
	.et_pb_section_1.encart-royaume-bis>div{width:70%;}
	.titreEpiphanie2020 {margin-top: 40px;}
	.encart-royaume-bouton {top: -185px;}
	.encart-royaume-h2 {top: -200px;}
	#horizontal-container{top:calc((100vh - 970px)/2)}
	.encart-royaume-h2-one-line {margin-top: 35px;}
}
@media only screen and (max-height: 900px) and (min-width: 601px) {
	.encart-royaume-bis>div{width: 51%;}
	.encart-royaume-bis h2{font-size: 1.5rem!important; line-height: 2rem}
	.encart-royaume-bouton a{font-size: 10px !important; padding: 10px 14px!important;}
	.encart-royaume-bouton a:hover {padding: 12px 24px!important;}
	.encart-royaume-ombre {height: 430px; top: -690px;}
	.et_pb_section_1.encart-royaume-bis>div{width:70%;}
	.titreEpiphanie2020 {margin-top: 0px;}
	.encart-royaume-bouton {top: -170px;}
	.encart-royaume-h2 {top: -180px;}
	#horizontal-container{top:calc((100vh - 870px)/2)}
	.encart-royaume-h2-one-line {margin-top: 32px;}
}
@media only screen and (max-height: 800px) and (min-width: 601px) {
	.encart-royaume-bis>div{width: 40%;}
	.encart-royaume-bis h2{font-size: 1.2rem!important; line-height: 1.5rem}
	.encart-royaume-bouton a {font-size: 10px !important; padding: 7px 10px!important;}
	.encart-royaume-bouton a:hover {font-size: 10px !important; padding: 9px 18px!important;}
	.encart-royaume-ombre {height: 340px; top: -550px;}
	.et_pb_section_1.encart-royaume-bis>div{width:70%;}
	.titreEpiphanie2020 {margin-top: -30px;}
	.encart-royaume-bouton {top: -135px;}
	.encart-royaume-h2 {top: -130px;}
	#horizontal-container{top:calc((100vh - 730px)/2)}
	.encart-royaume-h2-one-line {margin-top: 24px;}
}

@media only screen and (max-width: 600px) {
    /*.horizontal-container { width: 100vw !important; display: block; height:auto !important; }*/
    .horizontal-container { width: 100% !important; display: block; height:auto !important;}
    .encart-royaume-ombre{display: none;}
    #horizontal-container>.et_pb_section{margin: 0 auto; max-height: inherit!important;}
    #horizontal-container>.et_pb_section.et_pb_section_1{margin-bottom: 100px!important}
    #horizontal-container>.et_pb_section>.et_pb_row{padding: 0}
    #horizontal-container>.et_pb_section>.et_pb_row>.et_pb_column,
    #horizontal-container .et_pb_image{text-align: center}
}