/*
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:#D6780C;--color2:#444444;--color3:#8F5600;--radius:8px;--font:'Kumbh Sans'}
.hfe-menu-item{border-radius: var(--radius)}
a.btntracker{padding: 10px 20px;color: var(--color0);border-radius: var(--radius);transition : all .3s linear;position:relative;font-family: var(--font);font-weight: 500}
a.btntracker:hover{opacity: .7}
a.btntracker.btn-call{background-color: var(--color1);padding-left: 44px}
.footer a.btntracker.btn-call{background-color: transparent;padding:0 0 0 20px;font-size: 20px;font-weight: 700}
a.btntracker.btn-rdv{background-color: var(--color2);padding-left: 44px}
.orange a.btntracker.btn-rdv{background-color: var(--color1)}
.dark a.btntracker.btn-rdv,.dark a.btntracker.btn-call{background: var(--color3)}
a.btntracker.btn-call:before{content: "";position: absolute;left: 15px;width: 18px;height: 20px;background: url('http://vitrierdupays.fr/wp-content/uploads/2026/03/call.svg');background-size: contain;background-repeat: no-repeat;background-position: center;top: 50%;transform: translateY(-50%);}
.fixed-items a.btntracker.btn-rdv,.fixed-items a.btntracker.btn-call{font-size: 0px;background-color: var(--color0);background-image: url('http://vitrierdupays.fr/wp-content/uploads/2026/03/call-1.svg');border: 2px solid var(--color1);width: 36px;height: 36px;border-radius: 4px;display:block;padding: 0;background-repeat: no-repeat;background-position: center;}
.fixed-items a.btntracker.btn-call:before,.fixed-items a.btntracker.btn-rdv:before{display:none}
.fixed-items a.btntracker.btn-rdv{background-image: url('http://vitrierdupays.fr/wp-content/uploads/2026/03/devis-1.svg');}
.footer a.btntracker.btn-call:before{content: "";position: absolute;left: -6px;width: 25px;height: 25px;background: url('http://vitrierdupays.fr/wp-content/uploads/2026/03/phone-orange.svg');background-size: contain;background-repeat: no-repeat;background-position: center left;top: 50%;transform: translateY(-50%);}
a.btntracker.btn-rdv:before{content: "";position: absolute;left: 15px;width: 18px;height: 20px;background: url('http://vitrierdupays.fr/wp-content/uploads/2026/03/devis.svg');background-size: contain;background-repeat: no-repeat;background-position: center;top: 50%;transform: translateY(-50%);}
.blend img{mix-blend-mode: darken;}
.navtop{transition: all .3s linear;opacity:0;transform: translatey(-100px)}
.navtop.fixed{display:flex;opacity:1;transform: translatey(0px)}
.forminator-ui#forminator-module-114.forminator-design--default select.forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered,.forminator-ui#forminator-module-114.forminator-design--default .forminator-input, .forminator-ui#forminator-module-114.forminator-design--default .forminator-input input, .forminator-ui#forminator-module-114 .forminator-design--default .forminator-iti-input .iti__selected-dial-code,.forminator-ui#forminator-module-114.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered{font-size: 14px !important;height: 33px !important;color:#a0a7b2 !important}
.forminator-ui#forminator-module-114.forminator-design--default select.forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered{line-height: normal !important}
.forminator-ui#forminator-module-114.forminator-design--default .forminator-input input:placeholder{color: var(--color3) !important}
.forminator-ui.forminator-custom-form[data-design=default]{margin: 0px !important}
.jumbotron form .forminator-row:not(:last-child){DISPLAY: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;margin: 0 !important}
.jumbotron .forminator-row.forminator-row-last{grid-template-columns: 1fr !important}
.forminator-ui.forminator-custom-form[data-grid=open] .forminator-col:not(:last-child){margin-bottom:10px !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: 8px !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 #dedede !important;border-radius: 7px !important;background-color: #dedede !important;color: var(--color2) !important;}
.forminator-edit-module{display: none !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: center}
.jumbotron .forminator-field.forminator-has_error input.forminator-input{background-color: red !important}
.forminator-ui#forminator-module-114.forminator-design--default .forminator-error-message{display: none !important}
.forminator-ui.forminator-custom-form[data-design=default] .forminator-button{border-radius: 12px !important;background:var(--color1)}
#forminator-module-114.forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--multiple,#forminator-module-114.forminator-ui.forminator-custom-form[data-design=default] select.forminator-select2+.forminator-select .selection span[role=combobox].select2-selection--single{background-color: #dedede !important;color: var(--color2) !important;height: 33px !important}
.gallery-item, .gallery-icon,.gallery-item .gallery-icon a {position: relative;overflow: hidden;display:block}
.gallery-item .gallery-icon a:before {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;transition: all .2s linear;border-radius:15px;background-color: #d6780c94}
.realisation .gallery-item .gallery-icon a:before{background-color: transparent;}
.gallery-item .gallery-icon a:hover:before,.realisation .gallery-item .gallery-icon a:hover:before{background-color: #d6780c94;opacity:1}
.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: 40px;font-weight: 300;line-height: 45px}
span.before{display: inline-block;text-wrap: nowrap;position:relative;z-index:1}
span.before:before{content:"";position: absolute;width: 100%;height: 44%;top: 48%;left:0%;background: #D89838;z-index:-1}
h2{text-wrap: balance}
.realisation .gallery .gallery-item{height: 350px !important}
.realisation .gallery .gallery-item a, .realisation .gallery .gallery-icon{height: 100%}
.realisation .gallery .gallery-item img{width: 100%;height: 100%;object-fit: cover;object-position: center;border-radius: 15px}
.bafg-twentytwenty-container img{height: 100%;width: 100%;object-fit: cover;object-position: center}
.bafg-twentytwenty-container img,.twentytwenty-container{border-radius: 30px;}
.twentytwenty-container{border-radius: 30px;height: 55vh !important}
.realisation .gallery-item .gallery-icon a:before{
    background-image: url('https://vitrierdupays.fr/wp-content/uploads/2026/03/open.svg');
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    border-radius: var(--radius);
    transition: all .2s linear;
}
.map iframe{height: 90vh;filter: grayscale(1);}
	@media (max-width: 991px){
		.navtop{
		position: fixed !important;
        top: 0;
        left: 0 !important;
        right: auto !important;
        width: 100vw;
        z-index: 9999 !important;
		}
	.realisation .gallery .gallery-item{height: 200px !important} 
	span.soutitre{font-size: 20px}
	.realisation .gallery{display:grid !important;grid-template-columns: repeat(2,1fr) !important;}
	.twentytwenty-container{height: 40vh !important}
}
@media (max-width: 767px){
	.realisation .gallery .gallery-item{height: auto !important}
	span.soutitre{font-size: 16px}
	.gallery{grid-auto-rows: 150px;grid-template-columns: 1fr 1fr}
	.gallery-columns-4 .gallery-item{max-width: 50% !important}
}