/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

/******************************************************
    Mise en forme du Home page
*******************************************************/
/*position du titre et slogan sur mobile*/
.nv-title-tagline-wrap {
    margin-left: 30px !important;
}

/*cesure du slogan*/
.slogan_home_page_cesure {
    white-space: nowrap;
}

.slogan_home_page {
    text-align: right !important;
}

@media (max-width: 768px) {
    .logos_partenairs figure:nth-child(odd){
        padding-right: 10px;
        padding-bottom: 20px;
    }
    .logos_partenairs figure:nth-child(even){
        padding-left: 10px;
        padding-bottom: 20px;
    }
}

/******************************************************
    Mise en forme de la liste des courses sur la page d'accueil
*******************************************************/
#liste_courses_home .eo-events.eo-events-shortcode {
    width: 100%;
    display: flex;
    flex-basis: max-content;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    margin: 30px 0;
    padding: 0px;
}

@media (min-width: 600px) {
    #liste_courses_home .eo-events.eo-events-shortcode li {
        margin: 0 1.25em 1.25em 0;
        width: calc(33.33333% - .83333em);
    }

    #liste_courses_home .eo-events.eo-events-shortcode li:nth-child(3n) {
        margin-right: 0
    }

    #liste_courses_home ul li {
        margin-top: 100px;
    }
}

@media (max-width: 768px) {
    #liste_courses_home .eo-events.eo-events-shortcode li {
        margin-top: 30px;
    }
}

#liste_courses_home .eo-events.eo-events-shortcode li a {
    font-weight: 700;
    /*text-decoration: none;*/
}

#liste_courses_home .eo-events.eo-events-shortcode p {
    margin: 0px;
}

#liste_courses_home .wp-block-latest-posts__list a {
    padding: 0px !important;


}

.event_title_home_container p {
    text-transform: uppercase;
    font-size: 12px;
}

.short_code_list_img {
    width: 290px;
    max-height: 180px;
    overflow: hidden;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.short_code_list_img img {
    width: 100%;

}


/******************************************************
    Mise en forme de la liste du programme des courses
*******************************************************/

/*affiche du mode grid*/
.grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.grid h4 {
    margin-top: 10px;
    font-size: medium;
}

.grid .course_item > div {
    border: black;
    border-style: solid;
    border-width: thin;
    border-radius: 5px;
    flex-basis: 350px;
    width: 350px;
    margin-bottom: 20px;
    padding: 10px;

}

.grid .course_item > div > div:first-child {
    min-height: 400px;

}

.grid .wp-block-columns {
    display: block !important;
}

.grid .underline {
    display: none;
}

/* Mise en forme du texte en exergue dans la liste des camps*/
.cut_the_excerpt-container {
    margin-top: 10px;
    width: 90%;
}

.cut_the_excerpt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px;

}

.eo_titre {
    margin-bottom: 0px;
}

@media (max-width: 768px) {
    .eo_titre {
        margin-top: 20px !important;
    }
}

.eo_titre a {
    text-decoration: none;
}

.picto_ins,  .picto_detail{
    display: flex;
    flex-direction: row-reverse;
    text-transform: uppercase;
    font-size: 14px;
    margin: 20px;
}

.picto_ins::after {
    margin: 0px 10px 0px -20px;
    background-image: url("pictos/picto_plusins.png");
    background-size: 40px 25px;
    display: inline-block;
    width: 40px;
    height: 25px;
    content: "";
}
.picto_detail::after {
    margin: 0px 10px 0px -20px;
    background-image: url("pictos/picto_detail.png");
    background-size: 25px 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
}

.wp-block-image-programme {
    width: 300px;
    max-height: 200px;
    overflow: hidden;
    padding-right: 20px;
}

.size-thumbnail {
    display: flex;
    justify-content: center;
    align-items: center;
}

.marker img {
    width: 30px;
    margin-right: 10px;
}

.wp-block-column p {
    margin-top: 20px;
}


/******************************************************
    Mise en forme du menu filtres du programe des courses
*******************************************************/
#filter_container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    text-decoration: none;
}

#filter_container li {
    list-style-type: none;
    text-decoration: none !important;
}

#filter_container li a {
    text-decoration: none !important;
}

#filter_container > div {
    /*flex-basis:300px;*/
    margin-right: 20px;
}

/*grandeur des bouton*/
#filter_container button {
    width: 240px;
    height: 30px;
    border-radius: 50px;
    border: solid 1px;
    background-color: white;
    color: black;
    padding: 0px 20px 0px 5px;
    margin-bottom: 10px;
    font-size: small;
    text-transform: uppercase;
}

#box-grid_list button {
    width: 25px;
    height: 25px;
    padding: 0px 20px 0px 5px;
    margin-bottom: 10px;
    border: solid 0px;
}

/*on cache les liste déroulante par défaut*/
.menu_filtre_category, .menu_filtre_author {
    display: none;
    margin: 0px !important;
}

/*affichage sur smartphone*/
@media (max-width: 768px) {
    /*on ne propose pas la fontion grid*/
    #box-grid_list {
        display: none;
    }

    /*espace vertical entre les boutons*/
    .menu_filtre_category, .menu_filtre_author {
        margin-bottom: 20px !important;
    }
}

.hide_course_item_by_category, .hide_course_item_by_author, .hide_author_from_menu, .hide_category_from_menu, .not_in_programm, .hide_befor_today {
    display: none;
}

/*élément sélectionné*/
.menu_filtre_author_bold, .menu_filtre_category_bold {
    font-weight: bold;
    border: solid 1px black;
    border-radius: 20px;
    padding: 0px 20px 0px 30px;
}

.menu_filtre_author_bold a, .menu_filtre_category_bold a {
    font-weight: bold;
    color: #de9d03;
}

/*affichsge des picto*/
.menu_filtre_category_bold::before, .menu_filtre_category_bold::after {
    content: "";
}

#filtre_category::before {
    margin: 5px 10px -5px 10px;
    background-image: url("pictos/picto_categorie.png");
    background-size: 30px 20px;
    display: inline-block;
    width: 30px;
    height: 20px;
    content: "";
}

#remove_category_filter, #remove_author_filter {
    font-size: small;
    text-transform: uppercase;
    text-align: right;
}

#filtre_author::before {
    margin: 5px 10px -5px 10px;
    background-image: url("pictos/picto_auteur.png");
    background-size: 30px 20px;
    display: inline-block;
    width: 30px;
    height: 20px;
    content: "";
}

#remove_category_filter::before, #remove_author_filter::before {
    margin: 5px 10px -5px 10px;
    background-image: url("pictos/picto_supp_filtre.png");
    background-size: 20px 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
}

.previous_not_selected::before {
    margin: 5px 10px -5px 10px;
    background-image: url("pictos/picto_oeil_afficher.png");
    background-size: 30px 20px;
    display: inline-block;
    width: 30px;
    height: 20px;
    content: "";
}

.previous_selected::before {
    margin: 5px 10px -5px 10px;
    background-image: url("pictos/picto_oeil_masquer.png");
    background-size: 30px 20px;
    display: inline-block;
    width: 30px;
    height: 20px;
    content: "";
}

.picto_list::before {
    margin: 5px 10px -5px 10px;
    background-image: url("pictos/picto_list.png");
    background-size: 25px 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
}

.picto_grid::before {
    margin: 5px 10px -5px 10px;
    background-image: url("pictos/picto_grid.png");
    background-size: 25px 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
}

/******************************************************
    Mise en forme page détail course
*******************************************************/
.event_back_link {
    display: flex;
    flex-direction: row-reverse;
    height: 50px;
    /*    text-transform: uppercase;
        font-size: 16px;*/
}

.event_back_link::after {
    margin: 5px 10px -5px -20px;
    background-image: url("pictos/picto_retour.png");
    background-size: 30px 20px;
    display: inline-block;
    width: 30px;
    height: 20px;
    content: "";
}

.nv-thumb-wrap {
    display: none;
    justify-content: center;
    align-items: baseline;
}


.img_event_wrap {
    width: 100%;
    overflow: hidden;
}

.img_event {
    display: flex;
    justify-content: center;
    align-items: center;
}

ul.eo-event-meta {
    list-style-type: none;
    margin-left: 20px;
}

ul.eo-event-meta li {
    text-indent: -20px;
}

.singel_event_list::before {
    margin: 5px 10px -5px -20px;

    background-size: 30px 20px;
    display: inline-block;
    width: 30px;
    height: 20px;
    content: "";
}

.picto_date::before {
    background-image: url("pictos/picto_date.png");
}

.picto_category::before {
    background-image: url("pictos/picto_categorie.png");
}

.picto_nbjours::before {
    background-image: url("pictos/picto_nbjours.png");
}

.picto_niveaux::before {
    background-image: url("pictos/picto_niveaux.png");
}

.picto_price::before {
    background-image: url("pictos/picto_prix.png");
}

.picto_lieu::before {
    background-image: url("pictos/picto_lieu.png");
}

.picto_croix::before {
    background-image: url("pictos/picto_croix.png");
}

.picto_vu::before {
    background-image: url("pictos/picto_vu.png");
}

.singel_event_category::before {
    margin: 5px 10px -5px 10px;

    background-size: 30px 20px;
    display: inline-block;
    width: 30px;
    height: 20px;
    content: "";
}

/******************************************************
    Mise en forme du bouton s'iscrire
    si on affiche pas le formulaire par défaut
*******************************************************/
.button_register {
    width: auto;
    font-size: 15px;
    height: auto;
    line-height: normal;
    text-align: center;
    background: #579AF6;
    border-width: 1px;
    border-color: #579AF6;
    border-style: solid;
    color: #ffffff;
    cursor: pointer;
    font-weight: normal;
    border-radius: 4px;
    text-shadow: none;
    padding: 10px 20px;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-shadow: 0 1px 1px #eeeeee;
    margin: 10px;
    margin-left: 0;
    margin-right: 0;
    vertical-align: middle;
}


.button_register:hover {
    background: #efefef;
    border-color: #cccccc;
    color: #444444;
}

/*.button_register:focus{
    background-color: #ffffff;
    border-color: #66afe9;
    color: var(--text-color);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}*/


/******************************************************
    Mise en forme de la page TEAM
*******************************************************/

/*.cut_the_excerpt_bio_team {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px;
}*/


#team {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

#team {
    .team-item {
        flex-basis: 300px;
        text-align: center;
        position: relative;

        .name {
            font-size: x-large;
            line-height: 60px;
            margin: 0px;
        }

        .function {
            text-transform: uppercase;
            text-decoration-line: underline;
            font-size: small;
            margin-top: 0px;
            margin-bottom: 50px;
        }
    }

    .team-item:hover a.overlay_box {
        opacity: 1;
    }

    @media (min-width: 769px) {
        .overlay_box {
            background-color: #ffffff;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 100%;
            opacity: 0;
            transition: .5s ease;
        }

        .overlay_link {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    }
    @media (max-width: 768px) {
        .overlay_box {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 100%;
            opacity: 1;
            transition: .5s ease;
        }

        .overlay_link {
            width: 200px;
            position: absolute;
            top: 0%;
            left: 80%;
            -webkit-transform: translate(-80%, -80%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .overlay_link img {
            width: 25px;
            margin-top: 10px;
        }

        .overlay_link p {
            display: none;
            padding-bottom: 20px;
        }


    }

    .box_image_profil {
        width: 200px;
        max-height: 200px;
        overflow: hidden;
        border-radius: 9999px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

}

#team-member {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.display_name {
    margin-top: 60px;
    font-size: xx-large;
}

#team-member {
    .team-member_item {
        flex-basis: 300px;
        text-align: left;
        position: relative;
        margin-right: 3%;
        margin-bottom: 20px;

        .function {
            text-transform: uppercase;
            text-decoration-line: underline;
            font-size: large;
        }

        .social_network {
            /* margin-right: 130px;*/
        }

    }

    .team-member_item:nth-child(2) {
        flex-grow: 1;
    }

    #text_profil {
        display: flex;
        flex-flow: column;
        justify-content: space-evenly;
        height: 300px;
    }

    #text_profil > div {
        flex-basis: 50px;
    }

}

.bio_long {

    /*width: 100%;*/
}

.bio_long ul {
    list-style-type: circle;
    list-style-position: outside;
    text-indent: each-line;
}

.bio_long ul li {
    padding: 5px;
    margin-left: 15px;
}

.bio_long ol {
    list-style-type: square;
    list-style-position: outside;
}

.bio_long ol li {
    padding: 5px;
    margin-left: 35px;
}