/*
Theme Name: jema-conseil
Description: Thème custom pour Jema Conseil, expertise comptable et conseil.
Author: Marion Gadiffert
Author URI: https://mariongadiffert.fr
Version: 1.0
*/
 .page-id-22 section.wp-container-core-group-is-layout-13 {
    padding-bottom: 0 !important;
 }
.border-block{
    border-block: 1px solid #E5E5DC;
}
.border-inline a{
    border-inline: 1px solid #E5E5DC;
    padding: 15px 32px 25px 32px;
}
.border-left a{
    border-left: 1px solid #E5E5DC;
    padding: 20px 40px !important;
}
.border-left:last-of-type a{
    border-right: 1px solid #E5E5DC;
}
.link-compte a.wp-block-navigation-item__content{
    background-color: var(--wp--preset--color--heading) !important;
    color: var(--wp--preset--color--body)!important;
}
.link-compte:hover a.wp-block-navigation-item__content,
.link-compte:focus a.wp-block-navigation-item__content,
.link-compte:active a.wp-block-navigation-item__content
.link-compte a.wp-block-navigation-item__content[aria-current]{
    background-color: var(--wp--preset--color--kaki-inter) !important;
    color: var(--wp--preset--color--body)!important;
}
.home .section-contact{
    background-color: var(--wp--preset--color--body) !important;
}
.home h1 span{
    color: var(--wp--preset--color--heading-accent) !important;

}
 .sticky-bloc{
    position: sticky !important;
    top: 3rem;
} 
.mot-clef-style{
    list-style-type: none;
    position: relative;
}
.mot-clef-style:after{
    content: "";
    background-image: url("assets/img/--background-mots-clefs.svg");
    display: block;
    width: 152px;
    height: 175px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.mot-clef-style > li{
    position: relative;
    padding-left: 2rem;
}
.mot-clef-style > li:before{
    content: "";
    background-image: url("assets/img/check.svg");
    display: block;
    width: 16px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 10px;
    left: 0;
}

blockquote {
    position: relative;
}
blockquote:before{
    content: "“";
    position: absolute;
    left: 0;
    top: -6rem;
    font-size: 128px;
    font-weight: 100;
    color: #D9D9D9;
}

.page-id-22 blockquote:before{
    color:var(--wp--preset--color--fond-rose);
}
.avis a{
    position: relative;
}
.avis a:after{
    content: "";
    background-image: url(assets/img/fleche.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 11px;
    height: 18px;
    right: -2rem;
    top: calc(50% - 8px);
    position: absolute;
    transition: .3s ease-in-out
}
.avis a:hover,
.avis a:active,
.avis a:focus{
    color: var(--wp--preset--color--heading-accent) !important;
    transform: translateX(6px);
}
.avis a:hover::after,
.avis a:active::after,
.avis a:focus::after{
    transform: translateX(3px) scale(1.1);
}
/* //////////FAQ before */
.section-faq{
    position: relative;
}
.section-faq:after{
    content: "";
    background-image: url(assets/img/faq.svg);
    position: absolute;
    display: block;
    width: 218px;
    height: 78px;
    top: 0;
    right: calc(50% - 109px);

}
.jerome{
    align-self: end;
}
/* //////////Contact */
@media (max-width:992px) {
    .grid-services,
    .wp-container-core-group-is-layout-30{
        grid-template-columns: repeat(2, minmax(0, 1fr))!important;
        gap: 1rem !important;
    }
}
@media (max-width:500px) {
    .section-contact{
        background-image: url("assets/img/back-contact-mobile.svg") !important;
    }
}
/* //////////btn */
.btn-secondary a,
.btn-primary a,
.is-style-fill a,
.cta a,
a.wp-block-navigation-item__content{
    transition: .3s ease-in-out ;
}

.btn-secondary a:hover,
.btn-secondary a:active,
.btn-secondary a:focus{
    background-color: rgba(252,202,70,.5) !important;
}
.cta a:hover,
.cta a:active,
.cta a:focus{
    background-color: var(--wp--preset--color--heading-accent) !important;
}
.btn-primary a:hover,
.btn-primary a:active,
.btn-primary a:focus,
.is-style-fill a:hover,
.is-style-fill a:active,
.is-style-fill a:focus{
    background-color: var(--wp--preset--color--kaki-inter) !important;
}
/* /////nav link */
a.wp-block-navigation-item__content:hover,
a.wp-block-navigation-item__content:active,
a.wp-block-navigation-item__content:focus,
a.wp-block-navigation-item__content[aria-current]{
    text-decoration: none !important;
    color: var(--wp--preset--color--heading-accent) !important;
}
/* /////link */
a:where(:not(.wp-element-button)) {
    text-decoration: none !important;
    transition: .3s ease-in-out;
}
a:where(:not(.wp-element-button)):hover,
a:where(:not(.wp-element-button)):active,
a:where(:not(.wp-element-button)):focus{
    color: var(--wp--preset--color--heading-accent) !important;
}
/* /////footer */
.signature,
.signature a{
font-size: 0.75rem !important;
padding-block: 1rem !important;
}
.border-inline a img{
    transition: .3s ease-in-out;
}
.border-inline a:hover img,
.border-inline a:focus img,
.border-inline a:active img{
transform: scale(1.2);
}
footer .is-layout-grid .wp-block-group:nth-of-type(3){
    justify-self: end;
}
@media (max-width: 992px) {
   .wp-container-core-group-is-layout-29{
    margin: auto !important;
   }
   footer .is-layout-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
   }
   footer .is-layout-grid .wp-block-group:first-child{
    grid-column: 1 / 4 !important;
    border-bottom: 1px solid #E5E5DC !important;
     padding-bottom: 1rem !important;
   }
   footer .is-layout-grid .wp-block-group:first-child figure{
    text-align: center !important;
   }
}

@media (max-width:768px) {
    footer .is-layout-flex{
        flex-direction: row;
    }
    footer .border-left a,
    header .border-left a {
        padding: 10px 17px !important;
    }
    footer .border-inline a {
        padding: 10px 18px !important;
    }
    footer .is-layout-grid{
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
       }
       footer .is-layout-grid .wp-block-group:first-child{
        grid-column: 1  !important;
       }
       wp-container-core-group-is-layout-25{
        border-bottom: 1px solid #E5E5DC !important;
        padding-bottom: 1rem !important;
       }
       footer .is-layout-grid .wp-block-group:nth-of-type(3){
        justify-self: auto;
       }
       footer .is-layout-grid .wp-block-buttons{
        justify-self: center;
       }
}
@media (max-width:360px) {
    footer .is-layout-flex{
        flex-direction: column;
    }
    footer nav{
        border-bottom: 1px solid #E5E5DC;
    }
}