/*
Theme Name: Astra Enfant
Description: Theme enfant de Astra. Vous pouvez maintenant effectuer vos modifications en toute sécurité.
Author: WPMarmite
Author URI: https://wpmarmite.com
Template: astra
Version: 1.0
*/
:root{--color0:#ffffff;--color1:#1B4884;--color2:#4CBCEC;--color3:#188ECE;--radius:8px;--font:'Montserrat'}
.hfe-menu-item{border-radius: var(--radius)}
a.btntracker{padding: 10px 20px;color: var(--color0);border-radius: var(--radius);transition : all .3s linear;border-bottom-left-radius: 0px;position:relative;font-family: var(--font);font-weight: 500}
a.btntracker:hover{opacity: .7}
a.btntracker.btn-call{background-color: var(--color3);padding-left: 44px}
a.btntracker.btn-rdv{background-color: var(--color2);padding-left: 44px}
.rdv a.btntracker.btn-rdv{background: var(--color3)}
a.btntracker.btn-call:before{content: "";position: absolute;left: 15px;width: 18px;height: 20px;background: url('http://mateo-reno.fr/wp-content/uploads/2026/02/ico-tel.svg');background-size: contain;background-repeat: no-repeat;background-position: center;top: 50%;transform: translateY(-50%);}
a.btntracker.btn-rdv:before{content: "";position: absolute;left: 15px;width: 18px;height: 20px;background: url('http://mateo-reno.fr/wp-content/uploads/2026/02/ico-rdv.svg');background-size: contain;background-repeat: no-repeat;background-position: center;top: 50%;transform: translateY(-50%);}
.rdv a.btntracker.btn-rdv:before{content: "";position: absolute;left: 15px;width: 18px;height: 20px;background: url('http://mateo-reno.fr/wp-content/uploads/2026/02/prendre-rdv.svg');background-size: contain;background-repeat: no-repeat;background-position: center;top: 50%;transform: translateY(-50%);}
.jumbotron{box-shadow:  
  -20px 0px 20px -5px rgba(0, 0, 0, 0.6),   /* gauche */
   20px 0px 20px -5px rgba(0, 0, 0, 0.6);   /* droite */}
.forminator-ui.forminator-custom-form[data-design=default]:not(.forminator-size--small){margin-bottom:0px !important}
.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row-inside:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child){margin-bottom: 12px !important}
.forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--multiple, .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single,.forminator-ui.forminator-custom-form[data-design=default] .forminator-input{border: 1px solid var(--ast-border-color) !important;color: #a2a2a2 !important;border-radius: 7px !important}
.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--default{background: var(--color0) !important}
.jumbotron .forminator-ui.forminator-custom-form[data-design=default] .forminator-field{text-align: right}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button{border-radius: 50px !important}
.forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--multiple, .forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single{background-color: var(--color0) !important}
.call a.btntracker.btn-call{background: transparent;color: var(--color0);font-size: 35px;font-weight: 900;font-family: var(--font);padding-left: 50px}
.call a.btntracker.btn-call:before{content: "";position: absolute;left: 0;width: 50px;height: 50px;background: url('http://mateo-reno.fr/wp-content/uploads/2026/02/phone-auricular.svg');background-size: contain;background-repeat: no-repeat;background-position: center;top: 50%;transform: translateY(-50%);}
.jumbotron-left{position:relative}
.jumbotron-left:before{content: "";position: absolute;width: 40px;height:40px;background: var(--color1);left: calc(100% - 20px);top: 50%;transform: translatey(-50%);clip-path: polygon(50% 0%, 50% 100%, 100% 50%);z-index:1}
.img-right,.before{position:relative}
.img-right:before{content:"";position: absolute;width: 100%;height: 100%;top: 3%;right: -3%;background: var(--color2);z-index:-1}
.before:before{content:"";position: absolute;width: 100%;height: 100%;top: 3%;left: 3%;background: var(--color2);z-index:-1}
.gallery {display: grid;grid-template-columns: repeat(4,1fr);grid-auto-rows: 25vh;grid-gap:10px}
.realisation .gallery{grid-template-columns: repeat(3,1fr);}
.gallery .gallery-item {height: 100%;width: 100%;max-width: 100% !important;max-height: 100%;border-radius: 0;padding: 0}
.gallery .gallery-item .gallery-icon,.gallery .gallery-item .gallery-icon img {height: 100%;max-height: 100%;object-fit: cover;object-position: center;border-radius: 0}
.gallery-item, .gallery-icon {position: relative;overflow: hidden;}
.realisations .gallery-item:last-child .gallery-icon a:before,.gallery-item .gallery-icon a:before {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: var(--color0);display: flex;justify-content: center;align-items: center;opacity: 1;border-radius: 0px;transition: all .2s linear;border:1px solid var(--color0)}
.gallery-item .gallery-icon a:hover:before {background-color: #00b2ff4d}
.invert img{filter: brightness(0.5) brightness(0.5) brightness(0.5) brightness(0.5) brightness(0.5) brightness(0.5) invert(1)}
span.soutitre{display: block;font-size: 25px}
.btn-contact a.btntracker.btn-call{    background: transparent !important;
    color: #000000;
    font-size: 34px;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 50px;
    font-family: var(--font);
    font-weight: 700;}
.btn-contact a.btntracker.btn-call:before{content: "";position: absolute;left: 0;width: 35px;height: 35px;background: url('http://mateo-reno.fr/wp-content/uploads/2026/03/phone.svg');background-size: contain;background-repeat: no-repeat;background-position: center;top: 50%;transform: translateY(-50%);}
h2{text-wrap: balance}
@media(max-width: 991px){
	.jumbotron-left:before{bottom: -20px;top: auto;left: 50%;transform: translatex(-50%);clip-path: polygon(50% 100%, 0 0, 100% 0);}
	.gallery{grid-auto-rows: 15vh}
	span.soutitre{font-size: 20px}
	.realisation .gallery{grid-template-columns: repeat(2,1fr);}
	.btn-contact a.btntracker.btn-call{font-size: 25px;padding-left:40px}
	.btn-contact a.btntracker.btn-call:before{width: 30px;height: 30px}
}
@media(max-width: 767px){
	.btn-contact a.btntracker.btn-call:before{width: 25px;height: 25px}
	.btn-contact a.btntracker.btn-call{font-size: 20px;padding-left: 35px}
	span.soutitre{font-size: 16px}
	.gallery{grid-auto-rows: 150px;grid-template-columns: 1fr 1fr}
	.call a.btntracker.btn-call{font-size: 22px;padding-left: 30px}
	.call a.btntracker.btn-call:before{width: 30px;height: 30px}
	.jumbotron-left:before{display: none}
}