/**
 * @package     Joomla.Site
 * @subpackage  mod_seph_masshead
 */

.seph-masshead {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;

	height: var(--seph-masshead-height);

	overflow: hidden;
	isolation: isolate;
}


/*
 * Image de fond
 */
.seph-masshead-background {
	position: absolute;
	inset: 0;

	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

	z-index: -2;
}


/*
 * Overlay
 */
.seph-masshead-overlay {
	position: absolute;
	inset: 0;

	background: #000;
	opacity: var(--seph-masshead-overlay-opacity);

	z-index: -1;
}


/*
 * Contenu
 */
.seph-masshead-content {
	position: relative;

	width: 100%;
	padding: 1rem;

	text-align: center;
}


/*
 * Titre
 */
.seph-masshead-content h1 {
	margin: 0;

	color: #fff;

	font-size: clamp(1.8rem, 4vw, 3.2rem);
	font-weight: 700;

	line-height: 1.2;

	text-shadow: 0 2px 8px rgba(0,0,0,.45);
}


/*
 * Alignement gauche
 */
.seph-masshead-left {
	justify-content: flex-start;
}

.seph-masshead-left .seph-masshead-content {
	text-align: left;
	padding-left: clamp(1rem, 5vw, 4rem);
}


/*
 * Alignement droite
 */
.seph-masshead-right {
	justify-content: flex-end;
}

.seph-masshead-right .seph-masshead-content {
	text-align: right;
	padding-right: clamp(1rem, 5vw, 4rem);
}


/*
 * Mobile
 */
@media (max-width: 768px)
{
	.seph-masshead-content h1
	{
		font-size: clamp(1.5rem, 7vw, 2.2rem);
	}

	.seph-masshead-left .seph-masshead-content,
	.seph-masshead-right .seph-masshead-content
	{
		padding-left: 1rem;
		padding-right: 1rem;
	}
}