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

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

.dropdown-item:hover { color: white !important; }

a.button_homepageDoubleScreen.first-banner-seo-page-button { color: white !important; box-shadow: 0px 2px 6px white !important; border: 2px solid white !important; }

/*------------Bloc actu------------------------------*/
#news-posts-bloc { margin-top: 150px !important; margin-bottom: 150px !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; }

/* -------------Bloc Espacement-----------------*/
.spacer { display: none; }

.b-bloc-divider { height: 80px !important; background-color: transparent !important; border: none !important; box-shadow: none !important; }

#secondaires { height: 0 !important; }

/*---------------------------------------------------------------------------------------------------------Texte + image------------------------*/
#txt-img, #txt-img .background-image-div-opacity { border-radius: 40px !important; }

#txt-img .background-image-div-opacity { opacity: 0.2; }

.passation img { max-height: 400px; }

/*---------------------------------------------------------------------------------------------------------Formulaire de contact------------------------*/
#contact .titles::before { content: ''; display: block; height: 140px; width: 50%; margin-bottom: 1.5rem; margin-left: auto; margin-right: auto; background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FMqFKg8c9cFVfppOscy4I2MtOnF72%2Fimages%2Fcropped_image_ah7n.webp); background-size: contain; background-repeat: no-repeat; background-position: center; }

/*-------------------------------------------------------------------------------------------------------------------------Bannière vidéo----------------*/
#secondaires + style + #fullHeight { height: 70vh; }

#secondaires + style + #fullHeight .fondDegradeLogo { max-width: 200px; }

.videoTitle { width: 100% !important; }

.fondDegradeLogo { max-width: 300px; }

/*-------------------------------------------------------------------------------------------------------------------------Galerie d'images----------------*/
#myGallery { background-color: #2E2D2C; }

#myGallery img { border-radius: 30px; }

/*-------------------------------------------------------------------------------------------------------------------------Galerie de services----------------*/
div#galerie-services { padding-right: 0 !important; padding-left: 0 !important; margin-right: 0 !important; margin-left: 0 !important; }

@media (max-width: 1520px) { div#galerie-services h3 { font-size: 1.3rem !important; } }

@media (min-width: 1521px) { div#galerie-services h3 { font-size: 1.4rem !important; } }

@media (min-width: 768px) { .servicesGallery-div div.card-group { width: 15% !important; } }

strong { font-weight: 600 !important; }

.grow:hover { transform: scale3d(1.1, 1.1, 1.1) !important; }

@media (max-width: 430px) { div.card-body { background-size: 50% !important; } }

.card-body { background-size: 80% !important; }

#galerie-services .card { background-color: #2E2D2C; border-radius: 30px !important; }

#galerie-services div.card-header { min-height: 15vh; background-color: #2E2D2C !important; border-radius: 20px !important; border: 0px solid #2E2D2C !important; }

div.servicesGallery-div .card-group:nth-child(1) .card-header { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FMqFKg8c9cFVfppOscy4I2MtOnF72%2Fimages%2F11_m39p.webp); background-size: cover; background-position: center; }

div.servicesGallery-div .card-group:nth-child(2) .card-header { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FMqFKg8c9cFVfppOscy4I2MtOnF72%2Fimages%2F12_7l4s.webp); background-size: cover; background-position: center; }

div.servicesGallery-div .card-group:nth-child(3) .card-header { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FMqFKg8c9cFVfppOscy4I2MtOnF72%2Fimages%2F13_34p9.webp); background-size: cover; background-position: center; }

div.servicesGallery-div .card-group:nth-child(4) .card-header { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FMqFKg8c9cFVfppOscy4I2MtOnF72%2Fimages%2F14_7m9g.webp); background-size: cover; background-position: center; }

div.servicesGallery-div .card-group:nth-child(5) .card-header { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FMqFKg8c9cFVfppOscy4I2MtOnF72%2Fimages%2F15_4wkk.webp); background-size: cover; background-position: center; }

div.servicesGallery-div .card-group:nth-child(6) .card-header { background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FMqFKg8c9cFVfppOscy4I2MtOnF72%2Fimages%2F16_l4wr.webp); background-size: cover; background-position: center; }

.maps-section { background-color: white; width: 91%; margin-left: auto; margin-right: auto; padding-top: 5rem !important; padding-bottom: 5rem !important; border-radius: 30px; margin-bottom: 3rem !important; margin-top: 3rem !important; padding-right: 1.5rem !important; padding-left: 1.5rem !important; }

.maps-section .background-image-div-opacity { background-image: url(/assets/images/installation-de-porte-de-garage-chantepie-2922086.webp); background-size: cover; background-position: center; opacity: 0.2; border-radius: 30px; }

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

.maps-section .content { color: black !important; }

.maps-section .item-content::before { content: ''; display: block; height: 200px; width: 100%; margin-bottom: 1.5rem; margin-left: auto; margin-right: auto; background-image: url(https://firebasestorage.googleapis.com/v0/b/refpro-app-ca244.appspot.com/o/customers%2FMqFKg8c9cFVfppOscy4I2MtOnF72%2Fimages%2Fpara_1_accueil_fvo4.webp?alt=media&token=f04ca80f-2f89-4073-903c-a44e4ce4545f); background-size: cover; border-radius: 20px; background-repeat: no-repeat; background-position: center; }

/*-------------------------------------------------------------------------------------------------------------------------Signatures----------------*/
.photoTitleText:has(h2)::after { content: 'signés L\'Atelier Clarté de Fenêtres'; display: block; height: 60px; text-align: right; width: 50%; margin-left: auto; margin-right: auto; color: #F9B233; font-size: 1.7rem; padding-right: 80px; font-family: 'Shadows Into Light Two'; background-image: url(https://storage.googleapis.com/refpro-app-ca244.appspot.com/customers%2FMqFKg8c9cFVfppOscy4I2MtOnF72%2Fimages%2Fcropped_image_ah7n.webp); background-size: 60px; background-repeat: no-repeat; background-position: right; align-content: center; }

/*-------------------------------------------------------------------------------------------------------------------------Avant-Après----------------*/
#avant-apres { background-color: #2e2d2c; margin: 0 !important; }

#avant-apres > .row { margin: 0 !important; padding-bottom: 1.5rem; }

.image-before-after-container { border-radius: 30px !important; }

/*-------------------------------------------------------------------------------------------------------------------------Boutons----------------*/
a.button_homepageDoubleScreen, a.button_header { font-size: 1.2rem !important; text-align: center; background-color: transparent !important; color: #2E2D2C !important; position: relative; overflow: hidden; transition: all 0.3s ease; box-shadow: 0px 2px 6px #2E2D2C; border: 2px solid #2E2D2C !important; font-family: 'Shadows Into Light Two'; font-weight: 400 !important; }

a.button_homepageDoubleScreen { font-family: 'Shadows Into Light Two'; }

a.button_header { font-family: 'Poppins'; }

a.button_header, a.button-header-telephone { font-size: 1rem !important; }

a.button_homepageDoubleScreen:hover, a.button_header:hover, a#btn-boutique:hover { color: white !important; }

a#btn-boutique::before, a#btn-boutique::after { background-color: #BB9675; }

a.button_homepageDoubleScreen::before, a.button_homepageDoubleScreen::after, a.button_header::before, a.button_header::after { content: ""; position: absolute; left: 0; width: 100%; height: 100%; background-color: #2E2D2C; opacity: 0; transition: all 0.5s ease; transform: rotate(45deg); transform-origin: center; z-index: -1; }

a.button_homepageDoubleScreen::before, a.button_header::before { top: -100%; }

a.button_homepageDoubleScreen::after, a.button_header::after { bottom: -100%; }

a.button_homepageDoubleScreen:hover::before, a.button_homepageDoubleScreen:hover::after, a.button_header:hover::before, a.button_header:hover::after { opacity: 60%; transform: rotate(0deg); }

a.button_homepageDoubleScreen:hover::before, a.button_header:hover::before { top: 0; }

a.button_homepageDoubleScreen:hover::after, a.button_header:hover::after { bottom: 0; }

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