.home .menu-primary .logo img{
    height: 3rem;
    width: 100%;

}

.herobanner{
    padding-top: 3rem;
    padding-bottom: 2rem;
    background-color: var(--orange-50);
}

.uk-grid-divider>:not(.uk-first-column)::before{
    border-color: var(--green-700);
}

.herobanner a.uk-link{
    position: relative;
    z-index: 1;
}

.herobanner a.uk-link::after{
    content: '';
    background: url(https://www.apajh41.fr/wp-content/uploads/2025/03/fleur-green-100.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0;
    right: -0.5rem;
    z-index: -1;
}

.home .uk-sticky-below .menu-primary .logo img{
    height: 2rem;
}


.title {
    color: var(--pink-600);
    position: relative;
    font-weight: 600;
    font-size: 2.5rem;
    font-family: var(--font-primary);
    line-height: 1.4
}

@media screen and (max-width:960px) {
    .title {
        font-size: 2rem;
    }
}

.title .underline {
    position: relative;
    z-index: 12;
    color: var(--white);
    display: inline-block;
}


.title .underline:before{
    content: '';
    background-image: url(https://www.apajh41.fr/wp-content/uploads/2025/03/peinture.webp);
    background-size: contain;
    position: absolute;
    width: calc(100% + 3rem);
    height: 100%;
    left: -1rem;
    z-index: -1;
    background-repeat: no-repeat;
}

.img-herobanner{
    background: rgb(253,236,216);
    background: -moz-linear-gradient(180deg, rgba(253,236,216,1) 0%, rgba(253,236,216,1) 10%, rgba(253,236,216,0) 10%);
    background: -webkit-linear-gradient(180deg, rgba(253,236,216,1) 0%, rgba(253,236,216,1) 10%, rgba(253,236,216,0) 10%);
    background: linear-gradient(180deg, rgba(253,236,216,1) 0%, rgba(253,236,216,1) 10%, rgba(253,236,216,0) 10%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdecd8",endColorstr="#fdecd8",GradientType=1);
}

.img-herobanner .cover{
    border-radius: 2rem 0.25rem;
    overflow: hidden;
}

.acces-rapide{
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.acces-rapide h3{
    font-family: var(--font-primary);
    font-size: 1.5rem;
    margin-top: 0.25rem;
    margin-bottom: 0;
    color: var(--neutral-900);
}

.acces-rapide .item-acces{
    border-radius:  2rem 0.5rem 2rem 0.5rem;
    padding: 2rem ;
    transition: all .3s ease-out;
    display: block;
}

.acces-rapide .item-acces:hover{
    text-decoration: none;

    transform: rotate(-1deg) scale(1.1);
}

.acces-rapide .item-acces.connaitre{
    background-color: var(--yellow-400);
}

.acces-rapide .item-acces.rejoindre{
    background-color: var(--green-300);
}

.acces-rapide .item-acces.accompagne{
    background-color: var(--pink-200);
}

.acces-rapide .item-acces.services{
    background-color: var(--orange-300);
}

.acces-rapide .item-acces.connaitre:hover{
    background-color: var(--yellow-500);
    color: var(--yellow-100);
}


.acces-rapide .item-acces.rejoindre:hover{
    background-color: var(--green-500);
    color: var(--green-100);
}

.acces-rapide .item-acces.accompagne:hover{
    background-color: var(--pink-400);
    color: var(--pink-100);
}

.acces-rapide .item-acces.services:hover{
    background-color: var(--orange-500);
    color: var(--orange-100);
}

/*Actualites*/

.section-actualites{
    background-color: var(--orange-50);
}

.section-actualites h2{
    margin-bottom:0.5rem;

}

/*presnetation*/
.section-presentation{
    overflow-x: hidden;
}

@media screen and (max-width:960px) {
    .section-presentation{
        overflow-x: initial;
    }
}

.section-presentation .object-radius{
    border-radius: 1rem;
    overflow: hidden;
}

.section-presentation .object-radius img{
    object-fit: cover;
    width: 100%;
    height: 100%;

}

.section-presentation .text-radius{
    border-radius: 1rem 1rem 1rem 0;
    overflow: hidden;
    background-color: var(--orange-500);
    padding:1.5rem ;
    background-image: url(https://www.apajh41.fr/wp-content/uploads/2025/03/dash.png);
    background-blend-mode: soft-light;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-presentation .text-radius h3{
    font-family: var(--font-primary);
    font-size: 1.125rem;
    color: var(--white);
    margin-top: 0.75rem;
    margin-bottom: 0;
}

.section-presentation .title-underline h2{
    margin-bottom: 0;
}

.section-presentation .position-high div{
    z-index: 12;
}

.section-presentation .flower-absolute-1{
    top: -3rem;
    right: -3rem;
    z-index: 0!important;
}

.section-presentation .flower-absolute-2{
    bottom: -4rem;
    left: 0rem;
    z-index: 0!important;
}

.section-presentation .underline{
    height: 2rem;
    top: initial;
    bottom: 0.25rem;
    right: 1rem;
}

/*section-carte*/

.section-carte-interactive{
    background: rgb(144,20,65);
    background: -moz-linear-gradient(180deg, rgba(144,20,65,0) 0%, rgba(144,20,65,0) 60%, rgba(144,20,65,1) 60%);
    background: -webkit-linear-gradient(180deg, rgba(144,20,65,0) 0%, rgba(144,20,65,0) 60%, rgba(144,20,65,1) 60%);
    background: linear-gradient(180deg, rgba(144,20,65,0) 0%, rgba(144,20,65,0) 60%, rgba(144,20,65,1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#901441",endColorstr="#901441",GradientType=1);
}



.section-carte-interactive .uk-background{
    background-color: var(--orange-50);
    padding: 3rem;
    border-radius: 2rem;
}

@media screen and (max-width:960px) {
    .section-carte-interactive .uk-background{
        padding: 2rem;
    }
}

.section-carte-interactive .item-carte{
    background-color: var(--pink-700);
    display: block;
    padding: 1.5rem;
    border-radius:  2rem 2rem 2rem 0rem;
    transition: all .3s ease-out;
}

.section-carte-interactive .item-carte:hover{
    background-color: var(--pink-600);
    text-decoration: none;
    transform: rotate(-1deg) scale(1.1);
}

.section-carte-interactive .item-carte, .section-carte-interactive .item-carte h3{
    color: var(--white);
}

.section-carte-interactive .item-carte h3{
    margin-top: 0.5rem;
    margin-bottom: 0;
    font-size: 1.25rem;
    line-height: 1.2;
}



.section-services{
    background-color: var(--pink-700);
    padding-top: 2rem;
    color: var(--white);
}

.section-services h2{
    color: var(--white);
    z-index: 12;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
}

.section-services .texte .uk-button{
    background-color: var(--orange-500);
}

.section-recrutement img{
    border-radius: 1rem
}

.section-services .underline{
    bottom: 0;
    left: -1rem;
    right: initial;
}

@media screen and (max-width:960px) {
    main{
        overflow-x: hidden;
    }
    
    .title .underline:before {
        content: '';
        background-image: url(https://www.apajh41.fr/wp-content/uploads/2025/03/peinture.webp);
        background-size: cover;
        position: absolute;
        width: calc(100% + 48px);
        height: 3rem;
        left: -1rem;
        z-index: -1;
    }

    .padding-remove{
        padding-left:0 ;
    }

    .herobanner .content{
        margin-top: 0.75rem;
    }

    .herobanner .uk-grid-divider{
        flex-wrap: nowrap;
    }

    .custom-btn{
        display: block;
    }
}

.section-services .arrow-slider-right{
    background-color: var(--yellow-500);
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4rem;
    transition: all .3s ease-out;
}

.section-services .arrow-slider-right:hover{
    background-color: var(--pink-200);
}

.section-services .arrow-slider-right svg:nth-child(2){
    display: none;
}

.section-services .arrow-slider-right svg path{
    stroke: var(--pink-600)!important;
}

.section-services .uk-slider-container{
    padding-left: 2rem;
}

.section-services .uk-slider-container::before{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 2rem;
    height: 100%;
    z-index: 12;
    background: #901441;
    background: -webkit-linear-gradient(270deg, rgba(144, 20, 65, 0) 0%, rgba(144, 20, 65, 1) 100%);
    background: -moz-linear-gradient(270deg, rgba(144, 20, 65, 0) 0%, rgba(144, 20, 65, 1) 100%);
    background: linear-gradient(270deg, rgba(144, 20, 65, 0) 0%, rgba(144, 20, 65, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#901441", endColorstr="#901441", GradientType=0);
}

.carte-structure .flower-absolute-1{
    display: none;
}

@media screen and (max-width:960px) {
    
.section-services .uk-slider-container{
    padding-left: initial;
}
.section-services .uk-slider-container::before{
    display: none;
}
}