#main {
    padding : 0 0 25px;
}

.page-content.page-cms {
    background : white;
    padding    : 1rem 0rem;
    text-align : justify
}

.page-content.page-cms .cms-box img {
    max-width : 100%;
}

.page-content.page-cms img {
    height : 100%;
}

@media (max-width : 991px) {
    #block-cmsinfo {
        padding : 1.25rem 1.875rem
    }
}

nav.breadcrumb {
    /*border-bottom : 1px solid #F7F2EB;*/
    padding : 30px 0;
}

nav.breadcrumb li a {
    color : #7B7C7E;
}


/* BACKGROUND PAGE HEADER DES PAGES CMS */
/*#cms .page-header {*/
/*    display             : flex;*/
/*    align-items         : center;*/
/*    justify-content     : center;*/
/*    background-position : center center;*/
/*    background-repeat   : no-repeat;*/
/*    background-size     : cover;*/
/*    height              : 340px;*/
/*}*/

/*#cms.cms-id-8 .page-header {*/
/*    background : var(--secondary-color) var(--background-path, url(../../../img/banner/cms/pour-par-mobile.jpg)) 50% 50%;*/
/*}*/

/*#cms.cms-id-7 .page-header {*/
/*    background : var(--secondary-color) var(--background-path, url(../../../img/banner/cms/concept-mobile.jpg)) 50% 50%;*/
/*}*/

/*#cms.cms-id-6.elementor-page-6070101 .page-header {*/
/*    background : var(--secondary-color) var(--background-path, url(../../../img/banner/cms/savoir-mobile.jpg)) 50% 50%;*/
/*}*/

#cms #main, #cms #content {
    padding-bottom : 0;
}

#cms.blog-subpage #content {
    margin-bottom : 15vh;
}

#cms .pink-container {
    background : #FEF5F3;
    padding    : 0px 0;
}

#cms .peach-container {
    background : #FDECE7;
}

#cms .btn-primary-cms .elementor-button-wrapper a {
    background    : var(--btn-primary-bg-color);
    color         : var(--btn-primary-color);
    border        : 1px solid var(--btn-primary-border-color);
    transition    : all 0.3s;
    border-radius : 0;
    padding       : 1em;
}

#cms .btn-primary-cms .elementor-button-wrapper a:focus, #cms .btn-primary-cms .elementor-button-wrapper a:hover {
    background : var(--btn-primary-bg-color--is-hover);
    color      : var(--btn-primary-color--is-hover);
    border     : 1px solid var(--btn-primary-border-color--is-hover);
}

#cms .first-block {
    padding-top : 75px;
}

#cms .last-block {
    padding-bottom : 75px;
}

#cms .mode-last-container > .elementor-container {
    padding-left : calc((100% - var(--default-container-max-width)) / 2);
}

#cms .title-lovely {
    margin-bottom : 0;
}

#cms .title-lovely.left {
    margin-bottom : 20px;
}


#cms .title-lovely.left h2:after, #cms .cms-subtitle h2:after {
    height       : 1px;
    display      : block;
    width        : 75px;
    background   : #F9B4A4;
    border-right : 1px white;
    content      : '';
    margin       : 20px auto;
}

#cms .title-lovely.left h2:after {
    margin : 0;
}

#cms .cms-subtitle {
    margin : auto;
}

#cms .cms-subtitle.left {
    margin-bottom : 0;
}

#cms .cms-subtitle.left h2:after {
    content : none;
}


#cms .title-lovely h2 {
    font-family : var(--typo-secondary);
    font-size   : 64px;
    font-weight : 500;

}

#cms .savoir-img-container {
    z-index : 2;
}

#cms .savoir-img-container > div:before {
    content             : "";
    background-image    : url(../../../img/cms/rond.png);
    background-size     : 190px 190px;
    display             : inline-block;
    width               : 190px;
    height              : 190px;
    position            : absolute;
    left                : -90px;
    bottom              : -50px;
    background-position : center;
    background-repeat   : none;
}

#cms .savoir-img-container_text {
    max-width : 610px;
    margin    : auto;
}

#cms .savoir-img-container > div,
#cms .concept-img-container > div,
#cms .peach-container > div,
#cms .elementor-container {
    max-width : var(--default-container-max-width) !important;
    margin    : auto !important;
}

#cms .savoir-img-container > div > .elementor-row {
    gap : 35px;
}

#cms .savoir-gamme-container {
    background-color : white;
    margin-bottom    : 40px;
    margin-top       : 40px;
}

#cms .gamme-svg svg {
    margin  : 15px auto;
    display : block;
}

.chapo-title-cms p.elementor-heading-title {
    font-size   : 24px;

    margin      : auto !important;
    font-weight : 500;
    color       : #231F20;
    font-family : var(--typo-primary);
}

#cms.cms-id-6 .chapo-title-cms h2.elementor-heading-title {
    max-width : 675px;
}

#cms.cms-id-7 .chapo-title-cms h2.elementor-heading-title {
    max-width : 750px;
}

#cms.cms-id-8 .chapo-title-cms h2.elementor-heading-title {
    max-width : 910px;
}

/* LIST CATEGORY CMS*/
.list_category, .list_articles {
    display               : grid;
    grid-template-columns : repeat(1, 1fr);
    grid-gap              : 30px;
}

.list_category {
    display        : flex;
    flex-direction : column;
}

.list_category .list_category-item, .list_article-item {
    display : flex;
}

.list_category-item h2, .list_article-item span {
    color       : black;
    margin-left : 7px;
    font-weight : 500;
    font-size   : var(--font-size-300);
    display: inline;
}

.list_category-item a, .list_article-item a {
    width : 100%;
}

.list_category-item .cover-category, .list_article-item .cover-article {
    width               : 100%;
    padding-bottom      : 100%;
    box-shadow          : 0 0 9px 1px rgb(0 0 0 / 20%);
    background-size     : cover;
    background-position : center;
}

.list_category-item:hover span, .list_article-item:hover span {
    color : var(--primary-color);
}

/*.list_category-item .text-container, */
.list_article-item .text-container {
    margin-top : 12px;
}

.list_category-item .text-container:before, .list_article-item .text-container:before {
    content       : '';
    width         : .5em;
    height        : .5em;
    border-bottom : 2px solid var(--primary-color);
    border-right  : 2px solid var(--primary-color);
    display       : inline-block;
    transform     : rotate(
        -45deg);
}


#cms.blog-page section#content {
    box-shadow : 0 0 9px 1px rgb(0 0 0 / 10%);
    margin-top : -20px;
    padding    : 20px;
    max-width  : calc(var(--default-container-max-width) - 0%);
}

#cms.blog-page .breadcrumb__wrapper {
    border-top : 1px solid #f1e5e3;
    /*background: var(--secondary-color);*/
}

.breadcrumb__wrapper {
    background-color : #FDECE7;
}

#cms nav.breadcrumb {
    padding : 15px 0;
}

@media (max-width : 768px) {
    .cms-id-4 .page-header h1 {
        font-size : var(--font-size-1200);
    }
}


/* cms-page-miniature listing */
.listing__blog {
    padding-top : 1rem;
}

@media (max-width : 767px) {
    .listing__blog .listing__sub_cat + .listing__product .listing_name {
        margin-top : 2rem;
    }
}

@media (min-width : 768px) {
    .listing__blog {
        display               : grid;
        grid-template-columns : auto 1fr;
    }

    .listing__blog .listing__sub_cat + .listing__product {
        margin-left : 3rem;
    }

    .listing__blog .listing__product {
        grid-column : 2;
    }
}

.list_articles {
    display               : grid;
    grid-template-columns : repeat(auto-fill, minmax(200px, 1fr));
}

/* cms-page-miniature */
.list_article-item {
    flex-direction : column;
}

.cms-page-miniature__cover {
    position : relative;
    width    : 100%;
}

.cms-page-miniature__cover .cms-page-miniature__category {
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    display         : flex;
    justify-content : center;
    align-items     : center;
    background      : #ffe6e6;
    opacity         : 0;
    transition      : all .3s;
}

.cms-page-miniature__cover:hover .cms-page-miniature__category {
    opacity : .7;
}

.cms-page-miniature__category span,
.cms-page-miniature__category:hover span {
    color : black;
}

.cms-page-miniature__category span {
    font-size  : var(--font-size-500);
    padding    : 0 20px;
    text-align : center;
}