/* Ajustements IRMMDA, chargés après custom.css (le template reste intact). */

/* Logo et nom de l'institut dans le header et le footer */
.irmmda-brand{
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
}

.irmmda-brand img{
	width: 56px;
	height: 56px;
	border-radius: 8px;
}

.irmmda-brand-name{
	display: flex;
	flex-direction: column;
	color: var(--white-color);
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1px;
}

.irmmda-brand-name small{
	margin-top: 5px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.5px;
	opacity: 0.8;
}

.footer-logo .irmmda-brand img{
	width: 80px;
	height: 80px;
}

/* Typographie française : majuscule à l'initiale seulement (le template capitalise chaque mot) */
.btn-default,
.main-menu ul li a,
.slicknav_nav .slicknav_row,
.slicknav_nav li a,
.about-list-item-content h3,
.highlighted-worship-content h3,
.worship-content h3,
.counter-content h3,
.service-content h3,
.ministries-content h3,
.our-ministries-footer p a,
.post-item-body h2,
.footer-links h3,
.footer-contact h3,
.footer-links ul li,
.footer-privacy-policy ul li a,
.page-header-box ol li.breadcrumb-item,
.vision-mission-nav ul li .nav-link,
.pastors-signature-content p,
.service-entry h3,
.service-entry ul li,
.service-catagery-list h3,
.service-catagery-list ul li a,
.contact-info-content p{
	text-transform: none;
}

.btn-default::first-letter,
.main-menu ul li a::first-letter,
.slicknav_nav li a::first-letter,
.about-list-item-content h3::first-letter,
.highlighted-worship-content h3::first-letter,
.worship-content h3::first-letter,
.counter-content h3::first-letter,
.service-content h3::first-letter,
.ministries-content h3::first-letter,
.post-item-body h2::first-letter,
.footer-links h3::first-letter,
.footer-contact h3::first-letter,
.footer-links ul li::first-letter,
.footer-privacy-policy ul li a::first-letter,
.page-header-box ol li.breadcrumb-item a::first-letter,
.page-header-box ol li.breadcrumb-item.active::first-letter,
.vision-mission-nav ul li .nav-link::first-letter,
.service-entry h3::first-letter,
.service-entry ul li::first-letter,
.service-catagery-list h3::first-letter,
.service-catagery-list ul li a::first-letter,
.contact-info-content p::first-letter{
	text-transform: uppercase;
}

.page-header-box ol li.breadcrumb-item a{
	display: inline-block;
}

/* Le bootstrap.min.css du template contient une URL à la place du séparateur « / » */
.breadcrumb{
	--bs-breadcrumb-divider: "/";
}

/* Implantations : deux cartes par ligne, images moins hautes que les trois cartes du template */
.irmmda-locations .ministries-image figure{
	position: relative;
	margin: 0;
}

.irmmda-locations .ministries-image figure::before{
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(360deg, rgba(0, 0, 0, 0) 40%, rgba(4, 4, 1, 0.7) 100%);
	z-index: 1;
}

.irmmda-locations .ministries-image img{
	width: 100%;
	aspect-ratio: 1 / 0.75;
	object-fit: cover;
}

/* Image des pages « Contenu à venir » : même espacement que le diaporama des pages de détail */
.irmmda-coming-soon-image{
	margin-bottom: 40px;
}

@media only screen and (max-width: 991px){
	.irmmda-coming-soon-image{
		margin-bottom: 30px;
	}
}

/* Affiches : affichées en entier, sans recadrage */
.irmmda-poster img{
	width: 100%;
	aspect-ratio: auto;
	object-fit: contain;
}

/* Liens dans les coordonnées (pied de page et page contact) */
.contact-info-content h3 a,
.footer-info-box-content p a{
	color: inherit;
}

.footer-info-box-content p a:hover{
	color: var(--accent-color);
}

/* Diapositives suivantes du diaporama : même style que le H1 (un seul H1 par page) */
.hero-content .section-title .irmmda-hero-title{
	font-size: 80px;
	font-weight: 700;
	line-height: 1.3em;
	text-transform: uppercase;
	color: var(--white-color);
	margin-bottom: 0;
}

@media only screen and (max-width: 991px){
	.hero-content .section-title .irmmda-hero-title{
		font-size: 60px;
	}
}

@media only screen and (max-width: 767px){
	.hero-content .section-title .irmmda-hero-title{
		font-size: 40px;
	}
}

/* Images de fond IRMMDA à la place des photos d'illustration du template */
.page-header{
	background-image: url('../images/irmmda-maison-formation.jpg');
}

.donate-now{
	background-image: url('../images/irmmda-messe-autel.jpg');
}

/* Implantations : localisation sous le nom de la maison */
.ministries-content p{
	color: var(--white-color);
	margin: 8px 0 0;
}

/* Coordonnées sur plusieurs lignes (contact, footer) */
.contact-info-content h3 + h3{
	margin-top: 6px;
}

/* Page en attente de contenu */
.irmmda-placeholder{
	padding: 100px 0;
}

.irmmda-placeholder .section-title{
	margin-bottom: 30px;
}

@media only screen and (max-width: 767px){
	.irmmda-brand img{
		width: 46px;
		height: 46px;
	}

	.irmmda-brand-name{
		font-size: 22px;
	}

	.irmmda-brand-name small{
		font-size: 10px;
	}

	.irmmda-placeholder{
		padding: 50px 0;
	}
}