/*
Theme Name: NOM A DEFINIR
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: THEME NOM A DEFINIR
Author: Agence 71
Author URI: https://agence71.fr
template: bb-theme
*/

/* Add your custom styles here... */ 

/*========================
* 
* 				HOME PAGE
* 
* ======================*/


/*===== Page D'attente  =====*/

html {
	background: #F9F9F9; 
}

.titre-1.fl-rich-text p,
.titre-1 {
	font-size: var(--50px); 
	font-family: var(--poppins);
	font-weight: var(--extra-bold); 
	text-align: center;
	color: #141212; 
}


.titre-2 {
	font-size: var(--32px); 
	font-style: italic; 
	font-family: var(--poppins);
	font-weight: var(--extra-bold); 
	text-align: center;
	color: #141212; 
}


.contenu-1.fl-rich-text p {
	font-size: var(--24px); 
	font-family: var(--poppins) !important;
	font-weight: var(--regular); 
	text-align: center;
	color: #141212; 
}
 
.contenu-contact.fl-rich-text p a,
.contenu-contact.fl-rich-text p {
	font-size: var(--18px); 
	font-family: var(--poppins) !important;
	font-style: italic; 
	font-weight: var(--semi-bold); 
	text-align: center;
	color: #141212; 
	transition: all linear 300ms;
	text-align: center; 
}

.contenu-contact.fl-rich-text p a:hover {
	pointer-events: auto; 
	opacity: 0.7; 
	transition: all linear 300ms;
}

.contenu-contact.nom.fl-rich-text p {
	 font-size: var(--22px); 
}


.mascotte {
	position: relative;
}

.mascotte::before {
	content: "";
	position: absolute;
	top: 0;
	left:0;

	background: url("https://ohm-sweet-home.fr/fr/wp-content/uploads/2026/04/ohm-sweet-home-mascotte-excite.svg") no-repeat center;
	background-size: contain; /* ou cover selon besoin */

	min-width: 300px;
	min-height: 300px;
}

@media screen and (max-width: 1000px) {

	.mascotte::before {
		display: none !important;
	}
}

/*===== EXEMPLE =====*/

/* --- Exemple */