@charset "UTF-8";
@import url(main.css);
div.shadow-lg { box-shadow: none !important; }

.mx-auto.col-lg-11.px-4.py-4.mt-5 { margin: 0 !important; width: 100%; padding: 2rem 10rem !important; }

@media (max-width: 1400px) { .mx-auto.col-lg-11.px-4.py-4.mb-5.mt-5 { padding: 2rem 1rem !important; } }

#introduction { background-color: #f0f0f06b; }

.navbar-nav { letter-spacing: 0.7px; }

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

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

/*-----------------------------------Ajustements SEO----------------------------------------------------------------------*/
.dropdown-toggle { font-size: 0.8rem !important; }

.dropdown-item { transition: all 0.3s ease; }

.first-activity-div, .second-activity-div, .third-activity-div { background-color: #f0f0f06b; }

div.first-activity-div.col-lg-11.px-4.py-4.mt-5 { padding-top: 100px !important; }

div.third-activity-div.col-lg-11.px-4.py-4.mt-5 { padding-bottom: 100px !important; }

.first-banner-seo-page .background-image-div-opacity { background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FZ3nYhnaGumPTZAKptdaXlmPFYBr1%2Fimages%2F417892548_7366607693358857_8709622990035849273_n_kb0r.webp?alt=media&token=dce3625f-e2cd-4c0a-9937-f65402e3ef14) !important; }

.first-banner-seo-page-button, #button-seo-page-homepage .button_homepageDoubleScreen { border-radius: 15px !important; font-weight: normal !important; transition: all 0.5s ease !important; }

#bandeau-title-seo { width: 80%; margin: auto; text-align: center; background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FZ3nYhnaGumPTZAKptdaXlmPFYBr1%2Fimages%2FShowroom_1_jqfj.webp); padding: 50px 10px 50px 150px; background-size: contain; background-repeat: no-repeat; }

#bandeau-title-seo h2 { font-weight: normal !important; color: #364559; }

#photo-text-seo-page .titles, #seo-text-images .titles { font-weight: normal !important; color: #364559; }

#seo-text-images { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FZ3nYhnaGumPTZAKptdaXlmPFYBr1%2Fimages%2Fcustomers_s6QoTIEjZTOOHKyRNhfO1yIoLp92_images_Images_3_god6_uz23.webp); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; }

/*-------------------------------------------------------Carrousel-----------------------------------------------------------*/
div.photoCarousel-div { padding: 150px 0 !important; background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FZ3nYhnaGumPTZAKptdaXlmPFYBr1%2Fimages%2Fcustomers_s6QoTIEjZTOOHKyRNhfO1yIoLp92_images_Images_3_god6_uz23.webp); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; }

div.photoCarousel-div .d-block { object-fit: cover !important; }

#photo-carousel-slider { border-radius: 15px; }

/*-----------------------------------------------------Images en forme de carrelage-------------------------------------*/
img.d-block.mx-lg-auto.img-fluid { display: block; -webkit-mask-image: url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FZ3nYhnaGumPTZAKptdaXlmPFYBr1%2Ftextfiles%2FLogo%20Chapanhy.svg?alt=media&token=3a8152d2-b89d-4666-8537-ef9862e938a7"); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size: contain; mask-image: url("https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FZ3nYhnaGumPTZAKptdaXlmPFYBr1%2Ftextfiles%2FLogo%20Chapanhy.svg?alt=media&token=3a8152d2-b89d-4666-8537-ef9862e938a7"); mask-repeat: no-repeat; mask-position: center; mask-size: contain; object-fit: cover; min-height: 600px; }

@media (max-width: 1400px) { img.d-block.mx-lg-auto.img-fluid { min-height: 400px !important; } }

/*-------------------------------------------------------------------------------Bannière vidéo----------------------------------*/
.video-background-overlay { background-color: #313A40 !important; opacity: 0.6 !important; }

.image-video-logo { width: 40% !important; }

.videoTitle { width: 80% !important; }

@media (min-width: 320px) and (max-width: 991px) { .image-video-logo { width: 30% !important; } }

.video-background-holder .h1, .video-background-holder h1 { font-size: calc(1rem + 1.2vw) !important; }

@media (min-width: 1200px) { .video-background-holder .h1, .video-background-holder h1 { font-size: 1.5rem !important; } }

/*------------------------------------------Paragraphes-----------------------------------------------------*/
#introduction .titles, #carrelage .titles, .photoCarousel-div .titles, .cardsLinks-div .titles { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FZ3nYhnaGumPTZAKptdaXlmPFYBr1%2Fimages%2FShowroom_1_jqfj.webp); padding: 50px 10px 50px 150px; background-size: contain; background-repeat: no-repeat; }

/*--------------------------------------------------Boutons-------------------------------------------------*/
a.button_header, a.button_homepageScreen { font-size: 0.9rem; background-color: #313A40; border-radius: 0.4rem !important; padding: 0.7rem 1rem !important; box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.2), 0 0.1rem 0.5rem rgba(0, 0, 0, 0.3), 0 0.2rem 1.5rem rgba(0, 0, 0, 0.4); width: fit-content; height: 52px; white-space: nowrap; text-overflow: ellipsis; align-content: center; transition: all 0.5s ease; }

/*-----------------------------------------------Cartes----------------------------------------------------------------------*/
div.cardsLinks-div { padding: 250px 0 100px 0 !important; }

div.cardsLinks-div h3 { margin-top: 30px; }

div.cardsLinks-div .card { background-color: #f0f0f0e0; text-align: left; }

.cardsLinks-div div.card-content > div:nth-child(1) { background-size: cover; height: 500px !important; }

@media (min-width: 768px) { div.cardsLinks-div .card-group { width: 25% !important; transition: all 0.5s ease; } div.cardsLinks-div .card-group:hover { transform: scale3d(1.05, 1.05, 1.05); } }

/*-----------------------------------------------Galerie infini-------------------------------------------------------------*/
.infinite-gallery { overflow: hidden; width: 100%; position: relative; margin: 50px 0; }

.gallery-track { display: flex; gap: 20px; width: max-content; animation: scrollGallery 30s linear infinite; }

.gallery-item { flex: 0 0 auto; }

.gallery-item img { max-height: 400px; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 15px; display: block; }

/* Animation */
@keyframes scrollGallery { from { transform: translateX(0); }
  to { transform: translateX(-50%); } }

/* Pause au survol (optionnel) */
.infinite-gallery:hover .gallery-track { animation-play-state: paused; }

/*---------------------------------------------------INSTA, Maps et contact-----------------------------------------*/
#contact .titles::before { content: ''; background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FZ3nYhnaGumPTZAKptdaXlmPFYBr1%2Fimages%2Flogo_nav_e7bu.webp?alt=media&token=ebb42523-5013-4b9d-adbd-cb2666fd768d); width: 50%; height: 200px; background-size: contain; background-position: center; background-repeat: no-repeat; display: block; margin-left: auto; margin-right: auto; margin-bottom: 50px; /* animation */ opacity: 0; transform: translateY(50px); animation: logoFadeUp 2s ease-out forwards; }

@keyframes logoFadeUp { to { opacity: 1;
    transform: translateY(0); } }

#contact h3 { margin-bottom: 50px; }

#contact .titles { padding: 20px 50px !important; }

#contact .titles, .maps-section .titles, .instagramMiroir-div .titles { font-size: 1.2rem !important; line-height: 1.5 !important; text-align: left !important; padding-left: 20px; }

.maps-section { margin: 150px 0 !important; }

.maps-section h3 { margin-bottom: 50px; }

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

.maps-section .item-content { background-color: white; border-radius: 15px; }

.maps-section .item-content .titles { color: #FF6820; padding: 0 !important; font-weight: 600 !important; }

.maps-section .content { background-color: #f0f0f06b; border-radius: 0 15px 15px 0; }

.maps-section iframe { border-radius: 15px; }

div.instagramMiroir-div.position-relative.minimum-height.bg-sixthColor > div.content-container.position-relative.p-3 > div { flex-direction: row-reverse; }

div.instagramMiroir-div { background-color: #f0f0f06b; }

div.instagramMiroir-div h3 { margin-bottom: 50px; }

div.instagramMiroir-div .titles { padding: 20px 50px !important; }

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