body.type-page-professionnel {
    --wp--preset--color--highlight: var(--wp--preset--color--highlight-2);
}

body .wp-block-cover-image.alignleft,
body .wp-block-cover-image.alignright,
body .wp-block-cover.alignleft,
body .wp-block-cover.alignright {
    max-width: none;
}
.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
    flex-basis: auto !important;
}

.cover-fullwidth .wp-block-cover__inner-container {
    width: 100% !important;
}

.m-top-auto {

    margin-top: auto !important;
}
.accordion-no-padding .wp-block-accordion-item .wp-block-accordion-panel{
    margin-block-start: 0;
}
.accordion-no-padding .wp-block-accordion-item {
    padding: 0 !important;
}
.image-height-full figure {
    object-fit: fill;
    height: 100%;
    width: auto;
}

.image-height-full figure img {
    object-fit: fill;
    height: 100%;
    width: auto;
}
.image-width-full {
    width: 100%;
}
.image-width-full img{
    width: 100%;
}
.list-style-none {
    list-style: none;
    padding-left: 0;
}

.max-height-gallery ,
.max-height-gallery img{
    height: 375px;
    max-height: 375px;
}
.max-height-menu ,
.max-height-menu img{
    max-height: 180px;
}


.image-height-small img{
    height: 100px;
}
.image-height-xsmall img{
    height: 75px;
}
.image-height-medium img{
    height: 180px;
}
.img-cover img {
    object-fit: cover;
}
.height-40 {
    height: 40px;
}


.height-full {
    height: 100%;
}

.width-full {
    width: 100%;
}

.width-full .wp-block-button__link {
    width: 100% !important;
}

.flex {
    display: flex;
}

.margin-top-auto {
    margin-top: auto !important;
}

.box-size-border {
    box-sizing: border-box;
}

.align-items-center {
    align-items: center;
}
.justify-content-center {
    justify-content: center;
}
.justify-content-right {
    justify-content: flex-end;
}


.wp-block-columns.is-style-equal-images {
    align-items: stretch;
}

.wp-block-columns.is-style-equal-images img {
    height: 100%;
    width: 100%;
    object-fit: contain !important;
}

/*editor iframe for tablet is 780px wide*/
@media (max-width: 781px) {
    .grid-tablet-columns-2{
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .grid-tablet-span-disable {
        display: none !important;
    }

    .grid-tablet-span-1 {
        grid-column: span 1 !important;
    }

    .grid-tablet-span-2 {
        grid-column: span 2 !important;

    }

    .grid-tablet-span-3 {
        grid-column: span 3 !important;
    }

    .grid-tablet-span-4 {
        grid-column: span 4 !important;
    }

    .grid-tablet-span-5 {
        grid-column: span 5 !important;
    }

    .grid-tablet-span-6 {
        grid-column: span 6 !important;
    }

    .grid-tablet-span-7 {
        grid-column: span 7 !important;
    }

    .grid-tablet-span-8 {
        grid-column: span 8 !important;
    }

    .grid-tablet-span-9 {
        grid-column: span 9 !important;
    }

    .grid-tablet-span-10 {
        grid-column: span 10 !important;
    }

    .grid-tablet-span-11 {
        grid-column: span 11 !important;
    }

    .grid-tablet-span-12 {
        grid-column: span 12 !important;
    }

    .tablet-min-height-230 {
        min-height: 230px !important;
    }

    .grid-tablet-gap-s {
        gap: 10px !important;
    }

    .column-tablet-50 {
        flex-basis: 50%;
    }
}

@media (max-width: 600px) {
    .mobile-min-height-200 {
        min-height: 200px !important;
    }

    .grid-mobile-span-disable {
        display: none !important;
    }

    .grid-mobile-span-1 {
        grid-column: span 1 !important;
    }

    .grid-mobile-span-2 {
        grid-column: span 2 !important;

    }

    .grid-mobile-span-3 {
        grid-column: span 3 !important;
    }

    .grid-mobile-span-4 {
        grid-column: span 4 !important;
    }

    .grid-mobile-span-5 {
        grid-column: span 5 !important;
    }

    .grid-mobile-span-6 {
        grid-column: span 6 !important;
    }

    .grid-mobile-span-7 {
        grid-column: span 7 !important;
    }

    .grid-mobile-span-8 {
        grid-column: span 8 !important;
    }

    .grid-mobile-span-9 {
        grid-column: span 9 !important;
    }

    .grid-mobile-span-10 {
        grid-column: span 10 !important;
    }

    .grid-mobile-span-11 {
        grid-column: span 11 !important;
    }

    .grid-mobile-span-12 {
        grid-column: span 12 !important;
    }

    .flex-mobile-column {
        flex-direction: column !important;
    }

    .flex-mobile-width-100 {
        width: 100% !important;
    }

    .flex-mobile-gap-s {
        gap: 10px !important;
    }
}