/*
Theme Name: OneUp Child Local Fonts
Theme URI: https://multiversosdegoni.com/
Description: Thème enfant de OneUp 1.2.0 avec correctif PHP 8.
Author: Multiversos de Goñi
Template: oneup
Version: 1.0.14
Text Domain: oneup-child
*/

/*
 * OneUp remplace sa feuille principale par celle du thème enfant lorsqu'elle
 * existe. Il faut donc importer explicitement la feuille originale.
 */
@import url("../oneup/style.css");

/*
 * Copie locale de Michroma. Un nom de famille distinct évite que les caches
 * publics ou OMGF sélectionnent une ancienne déclaration de la police.
 */
@font-face {
	font-family: "Michroma Local";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("fonts/michroma-normal-latin-400.woff2") format("woff2");
}

body,
p,
.subtitle,
input,
button,
select,
textarea,
.peSlider > div.peCaption,
.peSlider > div.peCaption h3,
.peSlider > div.peCaption > .peCaptionLayer.pe-caption-style-black,
.pe-menu .dropdown-menu li > a.pe-menu-back,
.pe-menu > li > a,
h1,
h2,
h3,
h4,
h5,
h6,
.pe-splash-section .pe-headlines > div {
	font-family: "Michroma Local", Michroma, sans-serif !important;
}

/* Ajoutez vos personnalisations CSS sous cette ligne. */

/*
 * Le slider OneUp élargit chaque diapositive à la largeur de l'écran, mais
 * laisse son image de fond historique à sa taille de 940 px. Les anciens
 * contenus comportent aussi des liens vides : on cible donc exclusivement les
 * trois images fondo_* pour ne pas repousser les fonds des slides 2 et 3.
 */
.home #section-0 .peWrap > div[data-delay] {
	position: relative;
}

.home #section-0 .peWrap img[src*="fondo_1_A"],
.home #section-0 .peWrap img[src*="fondo_2_A"],
.home #section-0 .peWrap img[src*="fondo_3_A"] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
}

/*
 * Le thème utilisait un fond fixe avec z-index:-1. Selon la diapositive, ce
 * calque pouvait passer derrière la page et disparaître. Il reste désormais
 * dans le slider, derrière les illustrations et les commandes.
 */
.home #section-0 .peSlider {
	position: relative;
}

.home #section-0 .peCaption,
.home #section-0 .peVoloPrev,
.home #section-0 .peVoloNext,
.home #section-0 .peVoloBullets {
	z-index: 2;
}

/*
 * Sur ordinateur, la hauteur suit exactement le ratio 940 x 350 des fonds :
 * aucune déformation et aucune bande blanche sous le slider.
 */
@media (min-width: 768px) {
	.home #section-0.pe-splash-section,
	.home #section-0 > .pe-container,
	.home #section-0 .peSlider {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		aspect-ratio: 940 / 350;
	}

	.home #section-0 .peWrap {
		position: absolute !important;
		top: 0;
		left: 0;
		z-index: 0 !important;
	}
}

/*
 * Les sections suivantes occupaient déjà toute la largeur, mais leur image
 * restait à sa taille naturelle. Elle couvre maintenant chaque section.
 */
.home .site-body > .pe-main-section.pe-view-layout-block {
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
}

/* Firefox peut calculer une hauteur différente pour l'image du logo. */
.pe-menu-sticky,
.pe-menu-sticky > .pe-container,
.pe-menu-sticky header,
.pe-menu-sticky header > .span12,
.pe-menu-sticky .logo {
	height: 102px !important;
	min-height: 102px !important;
}

.pe-menu-sticky .logo img {
	display: block;
	width: auto !important;
	height: 102px !important;
	min-height: 102px !important;
	max-height: 102px !important;
}