@charset "UTF-8";
@import url(main.css);
div.first-activity-div { margin-top: 200px !important; }

.custom-divider { background-color: #c7d9ae; width: 100vw; height: 20vh; display: flex; flex-direction: column; justify-content: center; /* Centre horizontalement */ align-items: center; /* Centre verticalement */ }

.custom-divider img { height: 80%; width: auto; }

/*------------------------------------------Bloc actu------------------------------*/
#news-posts-bloc { margin-top: 150px !important; margin-bottom: 150px !important; }

/*-------------------Galerie Custom--------------------------*/
#custom-gallery { padding-top: 40px; }

@media screen and (min-width: 991px) { #custom-gallery { padding: 60px 30px 0 30px; } }

#custom-gallery .image { height: 400px !important; margin: 20px 0; }

.img-wrapper { position: relative; height: 100%; margin-top: 15px; }

.img-wrapper img { width: 100%; }

.img-overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0; }

.img-overlay i { color: #fff; font-size: 3em; }

#overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#overlay img { margin: 0; width: 80%; height: auto; object-fit: contain; padding: 5%; }

@media screen and (min-width: 768px) { #overlay img { width: 60%; } }

@media screen and (min-width: 1200px) { #overlay img { width: 50%; } }

#nextButton { color: #fff; font-size: 2em; transition: opacity 0.8s; }

#nextButton:hover { opacity: 0.7; }

@media screen and (min-width: 768px) { #nextButton { font-size: 3em; } }

#prevButton { color: #fff; font-size: 2em; transition: opacity 0.8s; }

#prevButton:hover { opacity: 0.7; }

@media screen and (min-width: 768px) { #prevButton { font-size: 3em; } }

#exitButton { color: #fff; font-size: 2em; transition: opacity 0.8s; position: absolute; top: 15px; right: 15px; }

#exitButton:hover { opacity: 0.7; }

@media screen and (min-width: 768px) { #exitButton { font-size: 3em; } }

.img-responsive { height: 100% !important; object-fit: cover !important; }

/*--------------------Bloc patchwork--------------------*/
@media (min-width: 990px) { .redirectsCards-div div.row-cols-1 > div.col { width: 33.3333333333% !important; } }

.redirects-title-background h3 { margin-bottom: 0 !important; font-family: 'Work Sans'; font-size: 1.3rem; text-transform: uppercase; }

.redirects-title-background { border-radius: 20px !important; padding: 0 10px; transition: background-color 0.3s ease; }

.redirects-title-background:hover { background-color: #c7d9ae !important; transition: background-color 0.3s ease; }

.redirects-cards-links { text-decoration: none !important; }

div.redirectsCards-div { margin-bottom: 5rem !important; }

/*-------------------Bloc Galerie-----------------------*/
#myGallery { margin-top: 100px; }

/*-------------------Titres-----------------------*/
.title { text-align: center; padding: 1em 0 2em; margin: 0; background: linear-gradient(-90deg, #2E9823, #95E58B); position: relative; z-index: 9; font-size: calc(1rem + 3vw); font-weight: bold; color: white; text-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2); clip-path: polygon(0 0, 100% 0%, 100% 60%, 0% 100%); font-family: 'Nunito Sans'; text-transform: uppercase; }

.title span { color: black; display: inline-block; position: absolute; left: 0; right: 0; font-size: 5em; top: -30%; z-index: -1; opacity: .25; font-family: 'Nixie One'; text-transform: uppercase; }

/*-------------------Bannière des pages secondaires-----------------------*/
.spacer { display: none; }

#secondaires { height: 0 !important; }

#secondaires + style + #fullHeight { height: 60vh; }

/*-------------------Ajout des feuilles-----------------------*/
.cta_banner h2::before { content: ""; display: block; width: 80px; height: 80px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FyV8MBYr2SNR372ZPigpY6dvTqzQ2%2Fimages%2FFeuilles_Zammit_a2i1.webp"); background-size: cover; background-position: center; margin-left: auto; margin-right: auto; }

.custom-video-text h2 { display: flex; align-items: center; /* Aligne verticalement l'image et le texte */ gap: 10px; /* Ajoute un espace entre l'image et le texte */ }

.custom-video-text h2::before { content: ""; width: 50px; height: 50px; background-image: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FyV8MBYr2SNR372ZPigpY6dvTqzQ2%2Fimages%2FFeuilles_Zammit_a2i1.webp"); background-size: cover; background-position: center; flex-shrink: 0; /* Empêche l'image de se redimensionner */ }

/*-------------------Barre de nav-----------------------*/
.logo_nav { background-color: white; padding: 5px; border-radius: 5px; height: auto !important; }

.navbar { backdrop-filter: blur(10px); }

/*-------------------Bloc cartes custom-----------------------*/
div#custom-cards { padding-top: 5rem !important; padding-bottom: 5rem !important; }

@media (min-width: 1650px) { div#custom-cards .row-cols-lg-3 > * { flex: 0 0 auto; width: 20% !important; } }

div#custom-cards .row { justify-content: center !important; }

/*-------------------Boutons des cartes-----------------------*/
.btn { color: white !important; border-radius: 0px !important; border: solid 2px #ffffff !important; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); text-transform: uppercase; backdrop-filter: blur(5px); transition: transform 0.3s !important; }

.btn:hover { transform: scale3d(1.2, 1.2, 1.2); transition: transform 0.3s; }

/*-------------------H1 BANNIERE ACCUEIL-----------------------*/
#fullHeight > div > div.bloc-slider-homepage.text-center > div.titleText.text-white.text-center.fs-2.mb-4.mt-lg-5.titles { text-align: left !important; text-transform: uppercase; background-color: white; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold; }

#fullHeight h1 { font-weight: 900 !important; text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.6); }

#fullHeight h2 { font-weight: 900 !important; font-style: italic; text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.6); }

@media screen and (min-width: 1301px) { .fondDegradeLogo { width: 300px; } }

@media screen and (max-width: 1299px) and (min-width: 768px) { .fondDegradeLogo { width: 250px; } }

@media screen and (max-width: 767px) { .fondDegradeLogo { width: 200px; } }

/*-------------------Bloc avis-----------------------*/
.googleReviews-div .button_homepageScreen { display: none; }

div.googleReviews-div { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FyV8MBYr2SNR372ZPigpY6dvTqzQ2%2Fimages%2FBanniere_Zammit_6_c3ni.webp); padding: 100px; background-size: cover; background-position: center; background-attachment: fixed; margin-bottom: 0 !important; }

.googleReviews-div .text-center { margin-left: auto; margin-right: auto; }

div.mb-5.googleReviews-div > div.container.m-4.mx-auto > div { width: 40%; margin-left: auto; margin-right: auto; }

#google-reviews-widget .owl-stage-outer { overflow: visible !important; }

/*-------------------Bloc Facebook-----------------------*/
div.socialsMiroir-div { padding: 100px 0 !important; font-size: 1.3rem; }

div.socialsMiroir-div .background-image-div-opacity { background-attachment: fixed; background-size: cover; }

/*-------------------Bloc maps-----------------------*/
.maps-section .content { color: white !important; }

.maps-section .map-content { padding: 50px; }

.maps-section iframe { border-radius: 20px !important; }

/*-------------------BOUTON BANNIERE HAUTE-----------------------*/
a.button_homepageScreen { color: white !important; position: absolute; left: 0; border-radius: 0px !important; border: solid 2px #ffffff !important; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); text-transform: uppercase; backdrop-filter: blur(5px); transition: transform 0.3s; }

a.button_homepageScreen:hover { transform: scale3d(1.2, 1.2, 1.2); transition: transform 0.3s; }

/*-------------------BOUTON BARRE DE NAVIGATION-----------------------*/
a.button_header { color: #2E9823 !important; border-radius: 0px !important; border: solid 2px #2E9823 !important; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); text-transform: uppercase; }

/*-------------------LIENS BARRFE DE NAVIGATION-----------------------*/
div.animated-border-button { background-color: transparent; }

/*--------------------------BLOC VIDEO + TEXTE----------------------*/
.custom-video-div { display: flex; align-items: center; gap: 30px; padding: 100px; background-size: cover; background-position: center; background-attachment: fixed; flex-wrap: wrap; }

.custom-video-text { background-color: white !important; flex: 1; padding: 20px; }

.custom-video { flex: 1; }

@media (max-width: 908px) { .custom-video-div { flex-direction: column !important; } }

/*------------------------------------------Bouton Fixe en bas à droite------------------------------*/
.btnFixe { position: fixed; bottom: 20px; right: 20px; z-index: 10; width: 100px; transition: width 0.5s ease; }

.btnFixe:hover { width: 115px; transition: width 0.5s ease; }

/*# sourceMappingURL=custom.css.map */