@charset "UTF-8";
@import url(main.css);
.page-content { background-attachment: fixed !important; }

.spacer { display: none !important; }

/**************** NAVBAR ****************/
.navbar-brand { height: 11vh !important; width: 11vw !important; }

.logo_nav { height: 10vh !important; }

.navbar { transition: all 0.3s ease; }

.navbar.scrolled { background-color: #F2EFE4 !important; box-shadow: 0 2px 5px rgba(89, 37, 25, 0.2) !important; }

.animated-border-button:after { background-color: #F2EFE4; }

.animated-border-button.scrolled:after { background-color: #D66B35; }

.animated-border-button.scrolled span { color: #592519 !important; }

.logo_nav { transition: all 0.3s ease; }

.logo_nav:hover { transform: scale(1.025); }

a.grow.button_header { color: #F2EFE4 !important; border: 1px solid #F2EFE4 !important; padding: 0.75rem 1rem !important; }

a.grow.button_header:hover { color: #F2EFE4 !important; border: 1px solid #D66B35 !important; }

a.grow.button_header.scrolled { color: #D66B35 !important; border: 1px solid #D66B35 !important; }

a.grow.button_header.scrolled:hover { color: #F2EFE4 !important; border: 1px solid #D66B35 !important; background-color: #D66B35 !important; }

/************************************************ PAGE D'ACCUEIL ************************************************/
/**************** HERO ****************/
.hero { height: 100vh; width: 100%; background: url("https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FKbjeckCekaQyudBewaGT0Os2LO63%2Fimages%2Fbackground_mtug.webp"); background-size: cover !important; background-position: center; position: relative; display: flex; flex-direction: column; align-items: start; justify-content: start; overflow-x: clip; }

.hero-img { position: absolute; height: 100vh; right: -20vw; bottom: -10vh; }

.hero.rotisserie .hero-img { position: absolute; height: 100vh; right: -10vw; bottom: -12vh; }

.hero.traiteur .hero-img { position: absolute; height: 100vh; right: -25vw; bottom: -10vh; }

.hero.snack .hero-img { position: absolute; height: 100vh; right: -35vw; bottom: -15vh; }

.hero.sucre .hero-img { position: absolute; height: 100vh; right: -13vw; bottom: -10vh; }

.hero-big-text { font-family: 'Abril Fatface'; font-size: 10vw; color: #f9f6e9; text-shadow: 0 0 2rem rgba(70, 20, 12, 0.2); padding-left: 6rem; margin: 0; padding-top: 25vh; }

.hero.traiteur.hero-big-text { z-index: 3; }

.hero-title { font-family: 'Funnel Display'; padding-left: 6rem; color: #f9f6e9; font-weight: 300; font-size: 3rem; width: 50%; margin: 0; text-shadow: 0 0 2rem rgba(70, 20, 12, 0.2); }

.hero-button { margin: 3rem 6rem; padding: 0.75rem 1rem; text-decoration: none; color: #f9f6e9; font-family: 'Funnel Display'; border-radius: 2rem; border: 1px solid #f9f6e9; transition: all 0.3s ease; }

.hero-button:hover { background-color: #f9f6e9; color: #46140C; }

@media screen and (max-width: 992px) { .hero-big-text { padding-left: 2rem; z-index: 3; } .hero-title { padding-left: 2rem; font-size: 2rem; z-index: 4; } .hero-button { margin: 2rem; z-index: 5; } .hero-img { right: 0rem; object-fit: cover; height: 70vh; } }

/**************** À PROPOS ****************/
#a-propos.row.row-eq-height.row-flex.flex-wrap.mx-auto.photoText-div { margin-top: 3rem; }

#a-propos .col-lg-6.order-1.order-lg-2.order-xl-2.order-xxl-2.img-services-list.position-relative { width: 40%; background-size: contain !important; }

#a-propos .col-sm-9.col-lg-6.py-5.order-2.order-lg-1.order-xl-1.order-xxl-1.position-relative.bg-primaryColor.text-color-primary.minimum-height { width: 60%; }

/**************** CARTES PRESTATIONS ****************/
.prestations { display: flex; justify-content: center; align-items: center; gap: 4rem; padding: 6rem; }

.card-presta { display: flex; flex-direction: column; background: #592519; width: 18vw; border-radius: 4rem; margin-top: 50px; margin-bottom: 50px; border-bottom: 4px inset #D66B35; box-shadow: 0 0 2rem rgba(140, 86, 66, 0.2); transition: all 0.3s ease; text-decoration: none; cursor: pointer; }

.card-pic-wrap { height: 5vw; position: relative; border-top-left-radius: 9vw; border-top-right-radius: 9vw; }

.card-pic-wrap img { position: absolute; bottom: -4rem; height: 15vw; transition: all 0.3s ease; object-fit: contain; }

.card-pic-wrap::before { content: ''; position: absolute; left: calc(50% - 4vw); border-radius: 50%; filter: blur(64px); width: 8vw; height: 8vw; background-color: rgba(89, 37, 25, 0.6); }

.card-presta-content { display: flex; height: 9vw; flex-direction: column; justify-content: end; align-items: center; padding-bottom: 1.5vw; }

h3 { font-family: "Abril Fatface", serif; color: #F2EFE4; font-weight: bold; font-size: 2rem; margin: 0 0 1em; }

.card-presta:hover { border-bottom: 10px inset #D66B35; }

.card-presta:hover img { transform: rotate(5deg) scale(1.05); }

@media screen and (max-width: 992px) { .prestations { flex-direction: column; padding: 3rem 2rem; } .card-presta { width: 80%; height: 80vw; } .card-presta-content { height: 80%; } .card-pic-wrap { height: 50vw; position: relative; border-top-left-radius: 9vw; border-top-right-radius: 9vw; } .card-pic-wrap img { position: absolute; bottom: -25vw; left: -10vw; height: 70vw; transition: all 0.3s ease; } }

/**************** BLOC PRESTA ****************/
#pres-presta.mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5.text-color-primary.rounded-3.shadow-lg.bg-primaryColor.position-relative { margin: 0 !important; width: 100%; }

#pres-presta .background-image-div-opacity { background-attachment: fixed; }

#pres-presta .row.flex-lg-row-reverse.align-items-center.g-5.py-2.px-4.mt-5.position-relative.z-1 { margin-top: 0 !important; padding: 2rem 0 !important; }

/**************** BLOC INTERVENTION ****************/
.intervention { display: flex; flex-direction: column-reverse; justify-content: center; align-items: center; gap: 2rem; padding-top: 4rem; padding-bottom: 4rem; }

.intervention-text { display: flex; flex-direction: column; justify-content: center; align-items: start; text-align: left; width: 80%; }

.titre-intervention { font-family: 'Abril Fatface', Helvetica, sans-serif; font-weight: 800; color: #D66B35; font-size: 2.5rem; }

.carte-text { font-family: 'Funnel Display', Helvetica, sans-serif; color: #592519; font-size: 1rem; line-height: 150%; }

.carte { width: 80%; }

.intervention-button { font-family: 'Funnel Display', Helvetica, sans-serif; text-transform: uppercase; padding: 0.75rem 1rem; border: 1px solid #D66B35; border-radius: 2rem; background-color: rgba(12, 13, 10, 0); color: #D66B35; text-decoration: none; transition: all 0.3s ease; }

.intervention-button:hover { background-color: #D66B35; color: #F2EFE4; }

@media (min-width: 992px) { .intervention { flex-direction: row-reverse; padding: 3rem; gap: 6rem; } .titre-intervention { font-size: 3rem; } .intervention-text { text-align: left; width: 40%; } .carte-text { font-size: 1.15rem; } .carte { width: 35%; } }

/**************** ATOUTS ****************/
.avantage-description { width: 80%; }

.avantage-top { display: flex; flex-direction: column; }

.avantage-section { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 6rem; gap: 2rem; }

.avantage-section .avantage-card-img { width: 60%; }

.avantage-section .avantage-title { font-family: 'Outfit', Arial, sans-serif; font-weight: 700; color: #181411; }

.avantage-section .avantage-description { font-family: 'Outfit', Arial, sans-serif; font-weight: 300; color: #181411; }

.avantage-section .avantage-cards { display: flex; justify-content: center; align-items: center; gap: 1rem; }

.avantage-section .avantage-card { display: flex; flex-direction: column; justify-content: start; align-items: center; gap: 1rem; padding: 1rem; width: 20vw; border-radius: 2rem; position: relative; }

@media (max-width: 992px) { .avantage-section .avantage-card { width: 50rem; } .avantage-cards { width: 100%; flex-direction: column; } .avantage-section { padding: 2rem; } .avantage-title { margin-bottom: 40px; } .avantage-description { width: 80%; } .avantage-card { width: 100vw; } }

/**************** GALERIE DÉFILANTE ****************/
.photos-defil-image-slider { margin: 3rem auto; width: 100%; overflow: hidden; display: flex; }

.photos-defil-image-slider > * { flex: 0 0 100%; }

.photos-defil { height: 20rem; width: 20rem; display: flex; justify-content: center; align-items: center; padding: 1rem; border: 1px solid #D66B35; }

.photos-defil img { height: 100%; width: 100%; object-fit: cover; }

.photos-defil-group { display: flex; gap: 1rem; padding-right: 20px; will-change: transform; animation: scrolling 60s linear infinite; }

/* Animation infinie */
@keyframes scrolling { 0% { transform: translateX(0); }
  100% { transform: translateX(-100%); } }

/**************** AVIS ****************/
.card.p-2.rounded-3.shadow-lg.px-4.border-0.d-flex.justify-content-lg-between { border-radius: 5rem !important; background-color: #F2EFE4; color: #592519; }

.googleReviews-div h3 { color: #D66B35; }

.googleReviews-div { font-family: 'Funnel Display'; }

.googleReviews-div { font-family: 'Funnel Display'; margin: 0 !important; padding: 3rem 0; background: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FKbjeckCekaQyudBewaGT0Os2LO63%2Fimages%2Fbackground_mtug.webp?alt=media&token=e644cdae-dcf2-4cc0-a5d2-1bc31a5dd041); background-size: cover; }

.googleReviews-div .card.rounded-3.shadow-lg.mx-4.mb-4 { border-radius: 1.5rem !important; background-color: #F2EFE4; color: #592519; }

a#maps-url { color: #D66B35 !important; border: 1px solid #D66B35; }

a#maps-url:hover { color: #F2EFE4 !important; }

/************************************************ PAGE CONTACT ************************************************/
div#contact { padding-top: 12vh !important; }

#contact .text-center { text-align: left !important; }

#contact .col-lg-6.text-center.text-color-sixth { padding-left: 5rem; }

@media screen and (max-width: 992px) { #contact .col-lg-6.text-center.text-color-sixth { padding-left: 1rem; } }

/************************************************ CTA ************************************************/
a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2 { border: 1px solid #F2EFE4; transition: all 0.3s ease; }

a.button_homepageDoubleScreen.ctaLinks-button.text-color-fourth.p-3.fs-6.fw-bold.m-2:hover { border: 1px solid #D66B35; }

/************************************************ PAGE ROTISSERIE ************************************************/
.col-lg-6.order-1.order-lg-2.order-xl-2.order-xxl-2.img-services-list.position-relative { background-size: contain !important; width: 40%; }

.col-sm-9.col-lg-6.py-5.order-2.order-lg-1.order-xl-1.order-xxl-1.position-relative.bg-primaryColor.text-color-primary.minimum-height { width: 60%; }

.row.row-eq-height.row-flex.flex-wrap.mx-auto.photoText-div { margin-top: 6rem; }

.service { display: flex; justify-content: center; align-items: center; gap: 4rem; padding: 10rem 6rem 6rem; }

.card-service { display: flex; flex-direction: column; background: #592519; width: 40vw; border-radius: 4rem; margin-top: 50px; margin-bottom: 50px; box-shadow: 0 0 2rem rgba(140, 86, 66, 0.2); }

.card-service-pic-wrap { height: 5vw; position: relative; border-top-left-radius: 9vw; border-top-right-radius: 9vw; }

.card-service-pic-wrap img { position: absolute; top: -175%; right: 25%; height: 20vw; transition: all 0.3s ease; object-fit: contain; }

.card-service-pic-wrap::before { content: ''; position: absolute; left: calc(50% - 4vw); border-radius: 50%; filter: blur(64px); width: 8vw; height: 8vw; background-color: rgba(89, 37, 25, 0.6); }

.card-service-content { display: flex; flex-direction: column; justify-content: end; align-items: center; padding-bottom: 1.5vw; padding-top: 8vw; padding-left: 3vw; padding-right: 3vw; }

h3 { font-family: "Abril Fatface", serif; color: #F2EFE4; font-weight: bold; font-size: 2rem; }

@media screen and (max-width: 992px) { .service { flex-direction: column; padding: 3rem 2rem; } .card-service { width: 80%; height: 80vw; } .card-service-content { height: 80%; } .card-service-pic-wrap { height: 50vw; position: relative; border-top-left-radius: 9vw; border-top-right-radius: 9vw; } .card-service-pic-wrap img { position: absolute; bottom: -25vw; left: -10vw; height: 70vw; transition: all 0.3s ease; } }

.col-sm-9.col-lg-6.p-0.img-services-list { background-size: contain; }

.row.row-eq-height.row-flex.flex-wrap.mx-auto.text-color-primary.minimum-height.bg-primaryColor.position-relative { padding: 3rem 0; }

::marker { color: #592519; }

.mx-auto.first-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { border-radius: 2rem !important; }

.mx-auto.second-activity-div.col-lg-11.px-4.py-4.mb-5.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { border-radius: 2rem !important; }

.mx-auto.third-activity-div.col-lg-11.px-4.py-4.mb-4.mt-5.bg-primaryColor.text-color-primary.rounded-3.shadow-lg.position-relative { border-radius: 2rem !important; }

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