/* Buttons styles  */

.is-style-phone,
.is-style-map,
.is-style-pin,
.is-style-letter {
    position: relative;
}

.is-style-phone a,
.is-style-map a,
.is-style-pin a,
.is-style-letter a {
    padding: 1rem 1.5rem 1rem 2.5rem !important;
}

.is-style-phone a {
    color: var(--wp--preset--color--beige-sable) !important;
    background-color: #87916D !important;
}

/* Buttons icons */
.is-style-phone::before {
    content: "";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNGNUU5RDEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXBob25lIj48cGF0aCBkPSJNMjIgMTYuOTJ2M2EyIDIgMCAwIDEtMi4xOCAyIDE5Ljc5IDE5Ljc5IDAgMCAxLTguNjMtMy4wNyAxOS41IDE5LjUgMCAwIDEtNi02IDE5Ljc5IDE5Ljc5IDAgMCAxLTMuMDctOC42N0EyIDIgMCAwIDEgNC4xMSAyaDNhMiAyIDAgMCAxIDIgMS43MiAxMi44NCAxMi44NCAwIDAgMCAuNyAyLjgxIDIgMiAwIDAgMS0uNDUgMi4xMUw4LjA5IDkuOTFhMTYgMTYgMCAwIDAgNiA2bDEuMjctMS4yN2EyIDIgMCAwIDEgMi4xMS0uNDUgMTIuODQgMTIuODQgMCAwIDAgMi44MS43QTIgMiAwIDAgMSAyMiAxNi45MnoiLz48L3N2Zz4=');

}

.is-style-map::before {
    content: "";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNGNUU5RDEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLW1hcCI+PHBhdGggZD0iTTE0LjEwNiA1LjU1M2EyIDIgMCAwIDAgMS43ODggMGwzLjY1OS0xLjgzQTEgMSAwIDAgMSAyMSA0LjYxOXYxMi43NjRhMSAxIDAgMCAxLS41NTMuODk0bC00LjU1MyAyLjI3N2EyIDIgMCAwIDEtMS43ODggMGwtNC4yMTItMi4xMDZhMiAyIDAgMCAwLTEuNzg4IDBsLTMuNjU5IDEuODNBMSAxIDAgMCAxIDMgMTkuMzgxVjYuNjE4YTEgMSAwIDAgMSAuNTUzLS44OTRsNC41NTMtMi4yNzdhMiAyIDAgMCAxIDEuNzg4IDB6Ii8+PHBhdGggZD0iTTE1IDUuNzY0djE1Ii8+PHBhdGggZD0iTTkgMy4yMzZ2MTUiLz48L3N2Zz4=');

}

.is-style-pin::before {
    content: "";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMxRTIxNEUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLW1hcC1waW4iPjxwYXRoIGQ9Ik0yMCAxMGMwIDQuOTkzLTUuNTM5IDEwLjE5My03LjM5OSAxMS43OTlhMSAxIDAgMCAxLTEuMjAyIDBDOS41MzkgMjAuMTkzIDQgMTQuOTkzIDQgMTBhOCA4IDAgMCAxIDE2IDAiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEwIiByPSIzIi8+PC9zdmc+');

}

.is-style-letter::before {
    content: "";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMxRTIxNEUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLW1haWwiPjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgeD0iMiIgeT0iNCIgcng9IjIiLz48cGF0aCBkPSJtMjIgNy04Ljk3IDUuN2ExLjk0IDEuOTQgMCAwIDEtMi4wNiAwTDIgNyIvPjwvc3ZnPg==');

}

.is-style-letter::before,
.is-style-pin::before,
.is-style-map::before,
.is-style-phone::before {
    background-size: cover;
    background-repeat: no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0.8rem;
    left: 0.7rem;
}

/* Group custom style */
.is-style-topographic::before,
.wp-block-cover__background.has-bleu-fonce-background-color::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url('../../assets/images/Topographic\ 3.png');
    background-position: top center;
    background-size: 100% auto;
    opacity: 0.1;
}

.wp-block-cover__background.has-bleu-fonce-background-color::before {
    opacity: 0.3;
}

/* Columns custom style */
.phare-2-col {
    gap: 0;
    max-height: 100rem;
    overflow: hidden;
}

.phare-2-col, 
.phare-4-col {
    display: flex;
    align-items: stretch !important;
    overflow: hidden;
}

.phare-2-col .wp-block-column .wp-block-group, 
.phare-4-col .wp-block-column .wp-block-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
}

.phare-2-col .wp-block-column .wp-block-group .wp-block-image, 
.phare-2-col .wp-block-column .wp-block-group .wp-block-image img, 
.phare-4-col .wp-block-column .wp-block-group .wp-block-image, 
.phare-4-col .wp-block-column .wp-block-group .wp-block-image img {
    height: 100%;
}


/* header */
.wp-block-navigation__responsive-container-open::before {
    content: 'Menu';
    margin-right: 10px;
}

/* Footer */
footer {
    margin: 0;
}

/* Form */

.gform-field-label--type-sub {
    display: none;
}

.gform-body .gfield_label {
    font-family: var(--wp--preset--font-family--oskar) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #3D3C39 !important;
}

.gform-body input,
.gform-body textarea {
    border-color: #1E214E1A !important;
}

.gform-body input::placeholder {
    color: #3d3c395e !important;
}

/* Big screen Version */
@media (min-width: 1920px) {}

/* Mobile Version */
@media (max-width: 480px) {
    .wp-block-cover .has-grand-titre-font-size {
        font-size: var(--wp--preset--font-size--moyen-titre) !important;
    }
    
    .phare-section-1 {
        padding: 2rem 0 2rem !important;
    }

    .phare-section-5 {
        padding: 0 !important;
    }

    .phare-logo-partenaire-row {
        flex-direction: column;
    }

    .phare-logo-partenaire {
        display: flex;
    }

    footer .wp-container-content-2 {
        flex-direction: column;
    }
}



/** default is 600px pass to 1024px for button burger and container */
@media (max-width: 900px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }

    .phare-section-1 .wp-container-core-group-is-layout-7,
    .phare-section-1 .wp-container-core-group-is-layout-6,
    .phare-section-1 .wp-container-core-group-is-layout-flex,
    .phare-section-1 .wp-container-core-group-is-layout-5,
    .phare-section-5 .wp-container-core-group-is-layout-flex {
        flex-direction: column;
        gap: 2rem !important;
    }

    .phare-section-5 .wp-container-core-group-is-layout-26 {
        flex-direction: column;
    }

    .phare-section-1 .wp-container-core-group-is-layout-6,
    .phare-section-1 .wp-container-core-group-is-layout-5,
    .phare-section-1 .wp-container-core-group-is-layout-flex,
    .phare-section-5 .wp-container-core-group-is-layout-27,
    .phare-section-5 .wp-container-core-group-is-layout-flex,
    .wp-container-2 {
        padding: 0 2rem 0 2rem !important;
    }

    .phare-section-5 .is-position-sticky {
        position: relative;
        margin: 0 !important;
    }

    footer .is-layout-flex {
        flex-direction: column;
        align-items: center;
    }

    footer .footer-center-content {
        gap: 50px;
        flex-direction: row;
    }
    
    footer .footer-center-content .wp-block-group-is-layout-flex {
        gap: 15px;
        flex-direction: row;
        margin-top: 10px;
    }
}

@media (max-width: 900px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        bottom: 0;
        display: none;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }

    .is-style-topographic::before,
    .wp-block-cover__background.has-bleu-fonce-background-color::before {
        background-size: 200% auto;
    }
}