:root {
    --small-radius: 5px;
    --gap: 20px;

}

/* Fluid font size variables, for browsers that support clamp */
@supports (font-size: clamp(1rem, 1vw, 1rem)) {

    body.single-page_seo,
    body.single-page_seo_modele {
        --font-size-xxs: clamp(0.44rem, -0.04vw + 0.45rem, 0.42rem);
        --font-size-xs: clamp(0.55rem, 0.04vw + 0.54rem, 0.56rem);
        --font-size-sm: clamp(0.69rem, 0.17vw + 0.63rem, 0.75rem);
        --font-size-base: clamp(0.86rem, 0.38vw + 0.73rem, 1rem);
        --font-size-md: clamp(1.07rem, 0.7vw + 0.84rem, 1.33rem);
        --font-size-lg: clamp(1.34rem, 1.17vw + 0.95rem, 1.78rem);
        --font-size-xl: clamp(1.67rem, 1.86vw + 1.05rem, 2.37rem);
        --font-size-xxl: clamp(2.09rem, 2.85vw + 1.14rem, 3.16rem);
        --font-size-xxxl: clamp(2.62rem, 4.26vw + 1.19rem, 4.21rem);
    }
}

/* Fallback variables for browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vw, 1rem)) {

    body.single-page_seo,
    body.single-page_seo_modele {
        --font-size-xxs: 0.44rem;
        --font-size-xs: 0.55rem;
        --font-size-sm: 0.69rem;
        --font-size-base: 0.86rem;
        --font-size-md: 1.07rem;
        --font-size-lg: 1.34rem;
        --font-size-xl: 1.67rem;
        --font-size-xxl: 2.09rem;
        --font-size-xxxl: 2.62rem;
    }

    @media screen and (min-width: 990px) {

        body.single-page_seo,
        body.single-page_seo_modele {
            --font-size-xxs: 0.42rem;
            --font-size-xs: 0.56rem;
            --font-size-sm: 0.75rem;
            --font-size-base: 1rem;
            --font-size-md: 1.33rem;
            --font-size-lg: 1.78rem;
            --font-size-xl: 2.37rem;
            --font-size-xxl: 3.16rem;
            --font-size-xxxl: 4.21rem;
        }
    }
}


#top.single-page_seo h1,
#top.single-page_seo_modele h1 {
    font-size: var(--font-size-xl);
}

#top.single-page_seo h2,
#top.single-page_seo_modele h2 {
    font-size: var(--font-size-lg);
}

#top.single-page_seo h2.iconbox_content_title,
#top.single-page_seo_modele h2.iconbox_content_title {
    font-size: var(--font-size-md);
}

#top.single-page_seo h3,
#top.single-page_seo_modele h3 {
    font-size: var(--font-size-md);
}

#top.single-page_seo h4,
#top.single-page_seo_modele h4 {
    font-size: var(--font-size-base);

}

#top.single-page_seo h5,
#top.single-page_seo_modele h5 {
    font-size: var(--font-size-sm);
}


#top.single-page_seo,
#top.single-page_seo_modele {
    font-size: var(--font-size-base);
}

#top.single-page_seo small,
#top.single-page_seo_modele small {
    font-size: var(--font-size-sm);
}

.page_seo-ville-prestas {
    display: flex;
    flex-wrap: wrap;
}

.geovariant_block {
    padding: var(--gap);
    border: 1px solid;
    border-radius: 10px;
    position: relative;
    margin-top: var(--gap);
    z-index: 0;
}

#top h5.label-geovariant {
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    right: var(--gap);
    text-transform: uppercase;
    font-size: var(--font-size-sm);
    z-index: 1;
    color: var(--enfold-alternate-color-bg) !important;
    background-color: var(--enfold-alternate-color-heading);
    padding: 2px 10px;
    border-radius: var(--gap);
}

.geovariant_img {
    display: flex;
    flex-wrap: nowrap;
    align-content: space-around;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-bottom: var(--gap);
}

.geovariant_img>img {
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 32%;
    border-radius: 3px;
}

.page_seo-ville-prestas .wrap-presta {
    width: calc((100% / 4) - var(--gap));
    margin: 0 calc(var(--gap) / 2) var(--gap) calc(var(--gap) / 2);
    padding: 0;
    background: var(--enfold-main-color-bg2);
}

@media only screen and (max-width: 990px) {

    .page_seo-ville-prestas .wrap-presta {
        width: calc((100% / 2) - var(--gap));
    }

}

@media only screen and (max-width: 480px) {

    .page_seo-ville-prestas .wrap-presta {
        width: 100%;
    }

}



.img-presta {
    object-fit: cover;
    aspect-ratio: 16 / 9;
    width: 100%;
}


#top h2.title-presta {
    font-size: var(--font-size-base);
    padding: 1em 2em;
}


/* Page SEO */
#top.single-page_seo_modele .avia-section.main_color:nth-child(odd),
#top.single-page_seo .avia-section.main_color:nth-child(odd) {
    background-color: var(--enfold-main-color-bg2);
}

/* Custom pages SEO */

.titre-presta .container {
    min-height: 650px;
}

.titre-presta .avia-divider-svg-bottom {
    bottom: 0;
}

#top.single-page_seo_modele #contact,
#top.single-page_seo #contact {
    margin-top: -650px;
}


#top.single-page_seo_modele #av_section_1 #contact,
#top.single-page_seo #av_section_1 #contact {
    margin-top: unset;
}


#top.single-page_seo_modele .avia_textblock.av_multi_colums,
#top.single-page_seo .avia_textblock.av_multi_colums {
    margin-bottom: var(--gap);
}

/* Mise en forme pour les formulaires de contact des pages SEO */
#top .input-text,
#top input[type="text"],
#top input[type="input"],
#top input[type="password"],
#top input[type="email"],
#top input[type="number"],
#top input[type="url"],
#top input[type="tel"],
#top input[type="search"],
#top textarea,
#top select,
#top form {
    margin-bottom: 0px;
}


#top .full-form p {
    margin:0;
}

#top .full-form .wpcf7-form-control-wrap .wpcf7-list-item {
    margin: 0;
}

#top.single-page_seo_modele .full-form,
#top.single-page_seo .full-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
    width: calc(100% + var(--gap));
}


#top.single-page_seo_modele .full-form>div,
#top.single-page_seo .full-form>div {
    width: unset;
    height: unset;
    margin: var(--gap) 0 0 var(--gap);
}


#top.single-page_seo_modele .full-form .plein,
#top.single-page_seo .full-form .plein,
#top.single-page_seo_modele .full-form .demi,
#top.single-page_seo .full-form .demi,
#top.single-page_seo_modele .full-form .tier,
#top.single-page_seo .full-form .tier {
    width: 100%;
}