/* @override 
	https://2025.clva69.fr/wp-content/themes/theme-pour-clva/header.css?* */

/* Effet de surlignage */
h1 span,
h2 span {
	/* Juste pour l'effet de surlignage */
	box-decoration-break: clone;
-webkit-box-decoration-break: clone;
	background-image: linear-gradient(to top, #FFF 0%, #FFF 75%, rgba(255,255,255,0) 75.1%);
	padding-right: 5px;	
}
#page-heading {
	position: relative;	
	display: block;
	
	margin-top: 0;
	
	height: 90vh;
	height: 50vh;
	width: 100%;
}
#page-heading h1 {
	/* Pour que ça passe à la ligne */
	width: calc(100% - 12%);
	font-size: 35px;
	
	position: absolute;
	bottom: 10px;
	left: 12%;
	
	margin-bottom: 0;
}
#page-heading h1 + * {
	/* Par exemple un <p>, un <small> ou un <span> */
	position: absolute;
	top: 100%;
	left: 12%;
	right: 12%;
	margin-top: 15px;
}
/* Exception pour la page des voitures car titre de page + description assez longue */
.post-type-archive-voitures section {
	/* Faire de la place à la description */
	padding-top: 70px;
}
/* Exception pour la page des sorties car titre de page + titre de premier item */
.archive.category-sorties #page-heading h1 {
	bottom: 30%;
}


/* Titre de boucle */
.item-heading {
	position: relative;
	margin-left: -12vw;
	margin-right: -12vw;
	
	/* Si pas d'image de carte */
	min-height: 250px;
}


.item-heading h1 {
	position: absolute;	
	bottom: 0;
	left: 12%;
}
.item-heading h1 span {}
.item-heading time {
	position: absolute;
	bottom: 10px;
	right: 12vw; /* Comme le padding de son parent */
	background-color: white;
	padding-right: 3px;
	padding-left: 3px;
}

@media (min-width: 768px) {
	.item-heading {
		margin: 0;
		/* Laisse toute la place à la carte */
		padding-left: calc(50% + 15px);
		min-height: auto;
	}
	.item-heading h1 {
		position: relative;	
		bottom: auto;
		left: auto;
	}
	#page-heading h1 + * {
		/* Par exemple un <p>, un <small> ou un <span> */
		position: relative;
		top: auto;
		left: auto;
		right: auto;
	}
	.item-heading time {
		background: none;
		position: relative;
		bottom: auto;
		right: auto;
		display: inline-block;
	}

	
}



@media (min-width: 300px) {
	#page-heading h1,
	.item-heading h1 {
		/* Pour que ça passe à la ligne */
		width: 50%;
		font-size: 45px;
	}
}
@media (min-width: 768px) {
	#page-heading,
	h1.item-heading {
		padding-left: calc(50% + 15px);
		height: auto;
	}	
	#page-heading h1,
	.archive.category-sorties #page-heading h1 {
		/* Pour que ça passe à la ligne */
		width: 30%;
		width: 80%;
		
		position: relative;
		bottom: auto;
		left: auto;
	}
}
@media (min-width: 992px) {
	#page-heading h1,
	.item-heading h1 {
		/* Pour que ça passe à la ligne */
		width: auto;
	}
}


/* Exception sur la home */
.home #page-heading {
	/* Sur mobile, on affiche le titre de la home parce qu'il fait un peu le layout */
}
@media (min-width: 768px) {
	.home #page-heading {
		display: none;
	}	
}