/*
Theme Name: BeFlex Child
Theme URI: https://www.eoxia.com
Author: the Eoxia team
Description: Child theme of BeFlex
License: AGPLv3
License URI: https://spdx.org/licenses/AGPL-3.0-or-later.html
Version: 1.0.0
Template: beflex
Text Domain: beflex-child
*/

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Work Sans Regular'), url('assets/font/WorkSans-Regular.woff') format('woff');
    }


    @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 100;
    src: local('Work Sans Thin'), url('assets/font/WorkSans-Thin.woff') format('woff');
    }


    @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 200;
    src: local('Work Sans ExtraLight'), url('assets/font/WorkSans-ExtraLight.woff') format('woff');
    }


    @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Work Sans Light'), url('assets/font/WorkSans-Light.woff') format('woff');
    }


    @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Work Sans Medium'), url('assets/font/WorkSans-Medium.woff') format('woff');
    }


    @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Work Sans SemiBold'), url('assets/font/WorkSans-SemiBold.woff') format('woff');
    }


    @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Work Sans Bold'), url('assets/font/WorkSans-Bold.woff') format('woff');
    }


    @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Work Sans ExtraBold'), url('assets/font/WorkSans-ExtraBold.woff') format('woff');
    }


    @font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 900;
    src: local('Work Sans Black'), url('assets/font/WorkSans-Black.woff') format('woff');
    }


    
    /*scroll smoot*/
        html {
     scroll-behavior: smooth;
    }
    /*h1, h2, h3*/
    @media screen and (max-width: 780px) {
        h1 {
            font-size: 40px;
        }
        h2 {
            font-size: 35px;
        }
        h3 {
            font-size: 25px !important;
        }
    }



    /*logo responsive*/
    @media screen and (max-width: 780px) {
    .wp-block-group.header-sticky  .wp-block-site-logo {
        width: 180px;
    }
    }
    /*décalagage home*/
    body.home .wp-site-blocks {
        padding-top: 0px !important;
    }

    /*calage block*/
    :where(.wp-site-blocks) > * {
        margin-block-start: 0px;
    }

    /*bannière*/
    .wp-block-cover .wp-block-cover__inner-container {
        max-width: 1500px;
    }
    /*mot du directeur justifier*/
    .mot_directeur {
        text-align: justify;
    }
   

    /*stiky telephone*/
    .bouton-tel {
        position: fixed;
        top: 90%;
        z-index: 999; 
        transition: 0.4s;
    }

    .bouton-tel .wp-block-button__link.wp-element-button {
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.151);
    }

    .bouton-tel .wp-block-button__link.wp-element-button::before {
        content: '';
        position: relative;
        top: 6px;
        margin-right: 9px; 
        display:inline-block;
        width:22px;
        height:22px;
        background:url(https://preprod.levalfleuri.fr/wp-content/uploads/2023/07/Fichier-1.6.png) no-repeat;
        background-size:100%;
    }

    .wp-block-button .wp-block-button__link:hover {
        opacity: 1;
        background-color: #8FB7E3;
    }

    /*bouton video*/
    .bouton-video .wp-block-button__link.wp-element-button::before {
        content: '';
        position: relative;
        top: 8px;
        margin-right: 9px; 
        display:inline-block;
        width:28px;
        height:28px;
        background:url(https://preprod.levalfleuri.fr/wp-content/uploads/2023/08/video.png) no-repeat;
        background-size:100%;
    }

    /*calage menue*/
    :where(.wp-site-blocks) > :first-child:first-child {
    margin-block-start: -25px;
    }

    /*menu transparent*/
    body.home :where(.wp-site-blocks) > :first-child:first-child {
        margin-block-start: -113px;
    }
    body.home .header-sticky  li ,body.home .header-sticky h1,body.home .header-sticky {
        color:white !important;
        background-color: transparent !important; 
        transition: 0.4s;  
    } 
    body.home .header-sticky .custom-logo-link {
        filter: saturate(0) brightness(500%);
    }
    @media screen and (max-width: 780px) {
        body.home .header-sticky .custom-logo-link {
            filter: saturate(0) brightness(500%);
        }
    }
    body.home .header-sticky.-sticky .wp-block-navigation__responsive-container-open {
        color:#0e4b8e !important;
    }
    body.home .header-sticky .is-style-outline .wp-block-button__link.wp-element-button {
        background-color: transparent !important;
    }
    .header-sticky  li ul li a {
        color:#0e4b8e !important;
    }
    body.home .header-sticky.-sticky li,body.home .header-sticky.-sticky h1 {
        color: #0e4b8e !important;
    }
    body.home .header-sticky.-sticky {
        background-color: #fff !important;  
    }
    body.home .header-sticky.-sticky .is-style-outline .wp-block-button__link.wp-element-button {
        background-color: #0e4b8e !important ;
    }
    body.home .header-sticky.-sticky .custom-logo-link {
        filter: none;
    }

    .is-style-outline .wp-block-button__link.wp-element-button {
        background-color: #0e4b8e !important;
        color:white !important;
    }
    body.home .wp-block-navigation__responsive-container-open {
        color: white;
    }


    /*block horaire*/
    #block-horaire {
      position: relative;
      left: -12%;
    }

    @media screen and (max-width: 780px) {
        #block-horaire {
          
            left: 0 !important;
          }
    }

    /*page contact*/
  

     /*menu responsive mobile*/
     @media screen and (max-width: 780px) {
     .wp-block-navigation__responsive-container-content ul{
  text-align: end;
     }
     .wp-block-navigation__submenu-container  {
        padding-right: 0rem !important;
     }
     h1.wp-block-site-title a {
        font-size: 35px !important;
     }
     .titre-home{
        font-size: 80px !important;
     }
    }

    /*sous menu custome*/
    @media screen and (min-width: 780px) {
    .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
        border-radius: 8px;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.151);
        border: 0px !important;
    }
    }

    /*groupe cacher fleur*/
    @media screen and (max-width: 780px) {
        .groupe-over{
            overflow: hidden;
        }
    }