.editor-styles-wrapper {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    --wp--style--block-gap: 2em;
}
/* .editor-styles-wrapper {
    --wp-admin-theme-color: #004291;
    --wp-admin-theme-color--rgb: 0, 124, 186;
    --wp-admin-theme-color-darker-10: #004291;
    --wp-admin-theme-color-darker-10--rgb: 0, 107, 161;
    --wp-admin-theme-color-darker-20: #004291;
    --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
    --wp-admin-border-width-focus: 2px;
    --wp-block-synced-color: #7a00df;
    --wp-block-synced-color--rgb: 122, 0, 223;
    --wp-bound-block-color: var(--wp-block-synced-color);

} */

.editor-styles-wrapper::after {
    height: 28px !important;
}

.is-root-container {
    margin-top: 28px;
}

.editor-styles-wrapper .wp-block {
    left: 0;
}
.alignfull {
     width: 100vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 100px;
    left: 50%;
}
hr {
    opacity: 1 !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.editor-styles-wrapper h2,
.editor-styles-wrapper h3 {
    font-weight: 400;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}


/**** Bloc classic ******/
.classic-bloc {
    position: relative;
    background-color: rgba(235,239,249, 0.46);
    border-radius: 20px;
    padding: 30px 20px;
    margin-top: 5vh;
    margin-bottom: 5vh;
}
.classic-bloc h2 {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 2vh;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--secondary-color);
    width: fit-content;
}
.classic-bloc h3 {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    color: var(--secondary-color);
    font-weight: 700;
    font-size: 1.125rem;
    margin-bottom: 2vh;
}
.classic-bloc p {
    line-height: 1.8;
}
@media screen and (min-width: 991px) {
    .classic-bloc {
        padding: 50px 35px;
    }
}
/**** Block titre *****/
.block-titre {
    padding-top: 2vh;
    padding-bottom: 2vh;
    color: var(--text-color);
}
.block-titre h2 {
    font-weight: 400;
    line-height: 1.5;
}
.block-titre h2 strong {
    font-size: 700;
}
@media screen and (min-width: 991px) {
    .block-titre {
        padding-top: 5vh;
        padding-bottom: 5vh;
    }
}

/**** Block presentation ****/
.block-presentation {
    position: relative;
    background-color: rgba(235,239,249, 0.46);
    border-radius: 20px;
    padding: 25px 15px;
    margin-top: 5vh;
    margin-bottom: 5vh;
}
.block-presentation h3 {
    color: var(--secondary-color);
    font-weight: 900;
    font-size: 1.5rem;
    border-bottom: 1px solid var(--secondary-color);
    margin-bottom: 3vh;
    padding-bottom: 5px;
}
.block-presentation .left {
    padding-right: 5%;
}
.block-presentation .left p {
    line-height: 1.8;
}
.block-presentation .wp-block-gallery {
    position: relative;
}
.block-presentation .wp-block-gallery figure {
    border: 15px solid #fff;
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);
    max-width: 400px !important;
}


@media screen and (min-width: 769px) {
    .block-presentation {
        margin-bottom: 25vh;
        padding: 50px 35px;
        margin-bottom: 10vh;
    }
    .block-presentation .wp-block-gallery figure:first-child {
        position: absolute;
        top: -80px;
        transform: rotate(-5deg);
    }
    .block-presentation .wp-block-gallery figure:last-child {
        position: absolute;
        top: 250px;
        transform: rotate(5deg);
        right: -40px;
    }
}


/***** Bloc activités ****/
.bloc-activites {
    position: relative;
    background-color: rgba(235,239,249, 0.46);
    border-radius: 20px;
    margin-top: 5vh;
    margin-bottom: 5vh;
}
.bloc-activites .forme-image {
    position: absolute;
    top: -50px;
    left: -50px;
    display: none;
    width: 180px;
    height: 180px;

}
.bloc-activites .forme-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;

    -webkit-mask-image: url("../images/forme-metiers.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;

    mask-image: url("../images/forme-metiers.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.bloc-activites .left .logo img {
    max-width: 120px;
    margin: 0 auto;
    mix-blend-mode: multiply;
}
.bloc-activites .left {
    padding: 30px;
}
.bloc-activites .left h2 {
    font-size: 1.5rem;
    color: var(--secondary-color);
    border-bottom: 1px solid var(--secondary-color);
    width: fit-content;
    padding-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5vh;
}
.bloc-activites .right figure {
    width: 100%;
    height: 100%;
}
.bloc-activites .right figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (min-width: 991px) {
    .bloc-activites {
        margin-top: 10vh;
        margin-bottom: 10vh;
    }
    .bloc-activites .forme-image {
        display: block;
    }
    .bloc-activites .left {
        padding: 50px 30px;
    }
}

@media screen and (min-width: 1600px) {
    .bloc-activites .forme-image {
        width: 220px;
        height: 220px;
        top: -50px;
        left: -50px;
    }
}

/****** BLOCKS ACF ******/

/**** Bloc métier ******/
.bloc-metiers {
    position: relative;
    background-color: rgba(235,239,249, 0.46);
    border-radius: 20px;
    padding: 30px 20px;
    margin-top: 15vh;
    margin-bottom: 10vh;
}

.bloc-metiers .image {
    position: absolute;
    top: -70px;
    left: -70px;
    display: none;
    width: 250px;
    height: 250px;

}
.bloc-metiers .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;

    -webkit-mask-image: url("../images/forme-metiers.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;

    mask-image: url("../images/forme-metiers.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

@media screen and (min-width: 991px) {
    .bloc-metiers .image {
        display: block;
    }
}

.bloc-metiers #metiersTab {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
    border: none;
}
.bloc-metiers #metiersTab li button {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    border-radius: 25px;
    padding: 5px 15px;
    background-color: transparent;
}
.bloc-metiers #metiersTab li button:hover,
.bloc-metiers #metiersTab li button.active {
    background-color: #E5EAF7;
}

.bloc-metiers .left {
    line-height: 1.8;
}
.bloc-metiers .left h3 {
    font-size: 1.125rem;
}
.bloc-metiers .right .title {
    font-family: 'Maven Pro';
    font-weight: 700;
    font-size: 1.125rem;
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    gap: 15px;
}
.bloc-metiers .right .interview {
    font-style: italic;
    font-size: 0.875rem;
}

@media screen and (min-width: 991px) {
    .bloc-metiers .left {
        padding-right: 5%;
    }
    .bloc-metiers .right {
        padding-left: 5%;
        border-left: 1px solid var(--primary-color);
    }
}


/***** Bloc icon + texte *****/
.bloc-icon-texte {
    margin-top: 3vh;
    margin-bottom: 3vh;
    padding: 50px;
}
.bloc-icon-texte.blue-bloc {
    background-color: var(--primary-color);
    color: #fff;
}
.bloc-icon-texte .bloc {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding: 0 20px;
}
.bloc-icon-texte .bloc img {
    max-height: 115px;
    max-width: 115px;
    margin-bottom: 20px;
}
.bloc-icon-texte .bloc .titre {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--secondary-color);
}
.bloc-icon-texte.blue-bloc .bloc .titre {
    color: #fff;
}