/*
Theme Name: Thème enfant :: La French Touch
Theme URI: https://www.ad-on.fr
Version: 1.0
Description: La French Touch
Author: Ad'on
Author URI: https://www.ad-on.fr
template: bb-theme
*/



/* Add your custom styles here... */
@font-face {
    font-family: 'Redaction Bold';
    src: url('./fonts/Redaction-Bold.woff2') format('woff2'),
        url('./fonts/Redaction-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Redaction Italic';
    src: url('./fonts/Redaction-Italic.woff2') format('woff2'),
        url('./fonts/Redaction-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Redaction';
    src: url('./fonts/Redaction-Regular.woff2') format('woff2'),
        url('./fonts/Redaction-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'lafrenchtouch';
    src: url('./fonts/lafrenchtouch.eot?37304470');
    src: url('./fonts/lafrenchtouch.eot?37304470#iefix') format('embedded-opentype'),
        url('./fonts/lafrenchtouch.woff2?37304470') format('woff2'),
        url('./fonts/lafrenchtouch.woff?37304470') format('woff'),
        url('./fonts/lafrenchtouch.ttf?37304470') format('truetype'),
        url('./fonts/lafrenchtouch.svg?37304470#lafrenchtouch') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'lafrenchtouch';
    src: url('../font/lafrenchtouch.svg?37304470#lafrenchtouch') format('svg');
  }
}
*/
[class^="lfticon-"]:before, [class*=" lfticon-"]:before {
    font-family: "lafrenchtouch";
    font-style: normal;
    font-weight: normal;
    speak: never;

    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.lfticon-coq:before {
    content: '\e800';
} /* '' */
.lfticon-calendar:before {
    content: '\e801';
} /* '' */
.lfticon-search:before {
    content: '\e802';
}

body.home .first {
    cursor: url(./gfx/so-eye.png), auto;
}
body.home .second {
    cursor: url(./gfx/so-like.png), auto;
}



.responsive-iframe {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* Ratio 16:9 */
    height: 0;
}

.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


.lft-galerie_slick{
    padding:0 0 80px
}
.lft-galerie_slick li{
    display:block;
    width:326px;
    position:relative;
    transition:all .3s ease;
    top:80px;
    padding:10px 13px 0
}
@media screen and (max-width: 1000px){
    .lft-galerie_slick li{
        max-width:280px;
        width:100%;
        top:0
    }
}
.lft-galerie_slick .slick-slider{
    margin:0
}
@media screen and (max-width: 1000px){
    .lft-galerie_slick .slick-slider{
        padding:0;
        width:280px;
        margin:0 auto
    }
}
@media screen and (max-width: 1000px){
    .lft-galerie_slick .slick-list{
        padding:0 !important;
        margin:0 auto
    }
}
.lft-galerie_slick .slick-track{
    height:525px
}
@media screen and (max-width: 1000px){
    .lft-galerie_slick .slick-track{
        height:420px
    }
}
.lft-galerie_slick .slick-center{
    top:0
}
.lft-galerie_slick .slick-active:has(+.slick-center){
    top:40px
}
@media screen and (max-width: 1000px){
    .lft-galerie_slick .slick-active:has(+.slick-center){
        top:0
    }
}
.lft-galerie_slick .slick-center+.slick-active{
    top:40px
}
@media screen and (max-width: 1000px){
    .lft-galerie_slick .slick-center+.slick-active{
        top:0
    }
}
.lft-galerie_slick .slick-arrow{
    overflow:hidden;
    text-indent:-9999px;
    display:block;
    background:#fff;
    border-radius:50px;
    border:0;
    width:48px;
    height:48px;
    box-shadow:0px 4px 10px 0px #00000040;
    cursor:pointer;
    background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' data-name='Calque 1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20.5 18.1'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D .cls-1, .cls-2 %7B stroke-width: 0px; %7D .cls-2 %7B fill: %23f60; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-2' d='M10,17.8c.3-.2.6-.4.8-.8.2-.3.3-.7.3-1.1v-2.7h5.3c.3,0,.5-.1.7-.3.2-.2.3-.5.3-.7v-6.3h0c0-.4-.2-.6-.3-.8-.2-.2-.4-.3-.7-.3h-5.3s0-2.7,0-2.7c0-.4-.1-.8-.4-1.2-.2-.3-.6-.6-.9-.8-.4-.2-.8-.2-1.2-.1-.4,0-.8.3-1.1.6L.6,7.5C.2,7.9,0,8.5,0,9s.2,1.1.6,1.5l6.9,6.9c.3.3.7.5,1.1.6.4,0,.8,0,1.2-.1h.2Z'/%3E%3Cpath class='cls-2' d='M19.5,13.2c-.3,0-.5,0-.7-.3-.2-.2-.3-.4-.3-.7h0v-6.4c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3.3,0,.5,0,.7.2.2.2.3.4.4.7h0v6.4c0,.3-.1.5-.3.7-.2.2-.5.3-.7.3Z'/%3E%3Cpath class='cls-1' d='M10,17.8c.3-.2.6-.4.8-.8.2-.3.3-.7.3-1.1v-2.7h5.3c.3,0,.5-.1.7-.3.2-.2.3-.5.3-.7v-6.3h0c0-.4-.2-.6-.3-.8-.2-.2-.4-.3-.7-.3h-5.3s0-2.7,0-2.7c0-.4-.1-.8-.4-1.2-.2-.3-.6-.6-.9-.8-.4-.2-.8-.2-1.2-.1-.4,0-.8.3-1.1.6L.6,7.5C.2,7.9,0,8.5,0,9s.2,1.1.6,1.5l6.9,6.9c.3.3.7.5,1.1.6.4,0,.8,0,1.2-.1h.2Z'/%3E%3Cpath class='cls-1' d='M19.5,13.2c-.3,0-.5,0-.7-.3-.2-.2-.3-.4-.3-.7h0v-6.4c0-.3.1-.5.3-.7.2-.2.4-.3.7-.3.3,0,.5,0,.7.2.2.2.3.4.4.7h0v6.4c0,.3-.1.5-.3.7-.2.2-.5.3-.7.3Z'/%3E%3C/svg%3E");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:20px;
    z-index:8;
    transition:all .3s ease
}
.lft-galerie_slick .slick-prev{
    position:absolute;
    bottom:-20px;
    left:300px
}
.lft-galerie_slick .slick-prev:hover{
    transform:scale(0.8)
}
@media screen and (max-width: 1200px){
    .lft-galerie_slick .slick-prev{
        left:300px;
        bottom:-45px
    }
}
@media screen and (max-width: 1000px){
    .lft-galerie_slick .slick-prev{
        left:-15px;
        bottom:-60px
    }
}
.lft-galerie_slick .slick-next{
    position:absolute;
    bottom:-20px;
    right:300px;
    transform:rotate(-180deg);
    box-shadow:0px -4px 10px 0px #00000040
}
.lft-galerie_slick .slick-next:hover{
    transform:rotate(-180deg) scale(0.8)
}
@media screen and (max-width: 1200px){
    .lft-galerie_slick .slick-next{
        right:300px;
        bottom:-45px
    }
}
@media screen and (max-width: 1000px){
    .lft-galerie_slick .slick-next{
        right:-15px;
        bottom:-60px
    }
}
.section-news .btn{
    display:block;
    margin:0 auto
}
.section-news__item{
    display:block;
    background:#fff;
    border-radius:15px;
    padding:15px 10px 10px;
    text-decoration:none;
    display:block;
    color:#1f3038;
    box-shadow:0px 4px 10px 0px #00000026;
    width:300px;
    position:relative;
    font-family:"IBM Plex Sans Condensed","Arial",sans-serif;
    transition:all .3s ease;
    height:410px
}
@media screen and (max-width: 1000px){
    .section-news__item{
        width:100%
    }
}
.section-news__item .wrapper{
    overflow:hidden;
    height:385px
}
.section-news__item .label{
    background:#00579d;
    color:#fff;
    position:absolute;
    top:-12px;
    left:50%;
    transform:translateX(-50%);
    display:inline-block;
    padding:10px 8px;
    font-weight:700
}
.section-news__item img{
    display:block;
    width:100%;
    margin-block-end:15px;
    height:230px;
    -o-object-fit:cover;
    object-fit:cover;
    transition:all .3s ease;
    border-radius:10px;
    border-top:5px solid #00579d;
    border-bottom:5px solid #00579d
}
.section-news__item .date{
    font-size:1.2rem;
    margin-block-end:10px
}
.section-news__item .tags{
    font-weight:700;
    transition:all .3s ease;
    font-size:1.6rem
}
@media screen and (max-width: 1000px){
    .section-news__item .tags{
        display:none
    }
}
.section-news__item .title{
    margin-block-end:5px;
    font-weight:600;
    line-height:1.1
}
@media screen and (max-width: 1000px){
    .section-news__item .title{
        margin-block-end:15px
    }
}
.section-news__item .excerpt{
    font-size:1.4rem;
    opacity:0;
    visibility:hidden;
    transition:all .3s ease
}
@media screen and (max-width: 1000px){
    .section-news__item .excerpt{
        display:none
    }
}
@media screen and (max-width: 1000px){
    .section-news__item .fake-button{
        color:#00579d;
        border:1px solid #00579d;
        border-radius:10px;
        font-weight:700;
        font-size:1.4rem;
        height:36px;
        line-height:36px;
        padding:0 30px;
        width:-moz-fit-content;
        width:fit-content;
        display:block;
        margin:0 auto
    }
}
.section-news__item:hover{
    text-decoration:none
}
.section-news__item:hover img{
    height:190px
}
@media screen and (max-width: 1000px){
    .section-news__item:hover img{
        height:230px
    }
}
.section-news__item:hover .title{
    text-decoration:underline
}
.section-news__item:hover .tags{
    margin-block-end:6px
}
.section-news__item:hover .excerpt{
    opacity:1;
    visibility:visible
}


.wpmfslick .slick-prev, .wpmfslick .slick-next {
    position:absolute;
}


.fl-builder-content-12624 {
    margin-top:30px;
}

footer.footer {
    height: auto;
    z-index: 999999999999;
    position: relative;
}


footer.footer .footer__bottom p a {
    color: inherit;
}

header.header {
    position:sticky;
    top : 0;
}

body.page-template-tpl-dhh .fl-page, body.page-template-tpl-dhh-home .fl-page {
    overflow:visible!important;
}

body .pp-offcanvas-content .pp-offcanvas-header .pp-offcanvas-close {
    background-color :transparent!important;
    padding:7px
}
body .pp-offcanvas-content-lo78ufjh0v23 .pp-offcanvas-close .pp-offcanvas-close-icon::before, .pp-offcanvas-content-lo78ufjh0v23 .pp-offcanvas-close .pp-offcanvas-close-icon::after {
    background-color:#fff;
}

#rejoindre-lft.btn {
    display:inline-block;
    width:-moz-fit-content;
    border-radius: 15px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 40px;
    padding:0 15px;
    background-color: #00579d;
    color:#fff;
}

.fl-html .wpgb-facet select.wpgb-select:not([multiple]){
    color:#1f3038
}

@media screen and (max-width: 1000px) {
    .fl-html .section-join ul li:nth-child(2) {
        top: 50px;
    }
}

@media screen and (max-width: 1000px) {
    .fl-html .section-news-grid__newsletter {

        margin-left: auto;
        margin-right: auto;

    }
    body.home .responsive-iframe iframe {
        transform: scale(0.8);
        transform-origin: 0 0;
        width: 125%;
        height: 125%;
        margin-left: 10%;
    }
    .section-news__slick .section-news__item .excerpt,
    .widget_wpgb_grid .section-news-grid .section-news__item .excerpt {
        display: block;
        opacity : 1;
        visibility:visible;
    }
}


.pp-offcanvas-content-lo78ufjh0v23 {
    overflow:auto;
}