@charset "UTF-8";
/*
Theme Name: Eurofabrique
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: Basile Jesset / Duo J&J
Description: Thème développé dans le cadre du site web Eurofabrique
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: graphic design theme, portofolio, brutalist theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/



/*      TTT - GENERAL     */


:root{
    --main-black: #000000;
    --main-grey: rgb(204, 204, 204);
    --main-white: #FFFFFF;

    --main-euro: #2600FF;
    --main-about: #00BBFF;
    --main-agenda: #FF00EE;
    --main-session: #FF4400;
    --main-production: #00D327;
    --main-ressource: #9A52FF;


    --main-size-huge: 50px;
    --main-size-medium: 40px;
    --main-size-labeur: 20px;
    --main-size-caption: 15px;

    
    --main-global-width : 910px;
    --main-speed : 400ms;

}

html{
    padding: 0 !important;
    margin: 0 !important;
}

body{
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    font-family:"SharpEarth", sans-serif;    
    font-size: var(--main-size-labeur);
    line-height: 1.4;
    font-weight: 400;
    color: var(--main-black);
}


::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    border-radius: 2px;
    background-color: transparent;
}

::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color:  transparent;
    height: 0px;
}
 
::-webkit-scrollbar-thumb {
    background-color: var(--main-black); 
    border-radius: 5px;
}



h1, h2, h3, h4, h5, h6{
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-weight: 400;
	line-height: 1.15;
    font-family: 'Bianzhidai Pearl', sans-serif;

    font-optical-sizing: none;
    text-rendering: geometricPrecision;
}

h3{
    line-height: 1.4;
}

main h1, main h2, main h3, main h4, main h5, main h6, main p{
    background-color: var(--main-white);
    box-shadow: 0px 0px 12px 12px var(--main-white);
}

h1{
    font-size: var(--main-size-huge);  
}
h2{
    font-size: var(--main-size-medium);
}

p i, p em{
    font-style: normal;
    font-family: 'Bianzhidai Pearl', sans-serif;
    text-transform: uppercase;
}

main h2{
    max-width: 75%;
}


h3{

}

ul, ol{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

li{
    margin: 0;
    padding: 0;
}

a{
    text-decoration: none;
}

img{
    width: 100%;
    height: auto;
}



main{
    padding-top: 135px;
    position: relative;
    min-height: calc(100vh - 248px);
    padding-bottom: 100px;
}

hr{
    border: 0;
    border-bottom: 1px solid var(--main-white);
}

p{
    font-weight: 300;
}

b, strong{
    font-weight: 500;
}




video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}


.container_flag_global{
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin-top: -120px;
    height: calc(100% + 423px);
    overflow: hidden;


    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container_flag_left{
    position: absolute;
    left: 0;
    top: 0;
    width: calc(50% - 450px);
    height: 100%;
}

.container_flag_right{
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 450px);
    height: 100%;
}


.container_flag_top{
    position: absolute;
    left: 0;
    top: -150px;
    width: 100%;
    height: 100px;
}

.container_flag_bottom{
    position: absolute;
    left: 0;
    bottom: 100px;
    width: 100%;
    height: 100px;
}

.flag{
    position: absolute;
    width: auto;
    height: 450px;
    box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.35);
    transform-origin: 50% 50%;
}

.flag svg{
    width: auto;
    height: 450px;
}

.wp-block-spacer{
    position: relative;
    overflow: hidden;
    width: 100vw;
    margin-left: calc(450px - 50vw);
    min-height: 300px !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wp-block-spacer img{
    position: absolute;
    width: auto;
    height: 450px;
    box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.35);
    transform-origin: 50% 50%;
}

.spacer_menu{
    height: 120px;
}

header{
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 100;
}



.main_menu{
    position: relative;
    z-index: 100;
    top: 18px;
    left: 18px;
    width: calc(100% - 36px);
    /* border: 0;
    border-bottom: 5px; */
}

.main_menu_hr{
    position: relative;
    top: 18px;
    left: 18px;
    width: calc(100% - 36px);
    z-index: -100;
    margin: 20px 0;
}

.inner_main_menu{
    position: relative;
    margin: auto;
    max-width: var(--main-global-width);
    display: flex;
    justify-content: space-between;
}

.inner_main_menu a{
    color: var(--main-black);
}

.inner_main_menu h1, .menu_open{
    position: relative;
}

.white_area{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: calc(100% - 28px);
    height: calc(100% - 36px);
    margin: 14px 14px 22px 14px;
    background-color: var(--main-white);
    box-shadow: 0px 0px 12px 12px var(--main-white);
}

.menu_open{
    text-transform: uppercase;
    font-size: var(--main-size-huge);
    font-weight: 400;
	line-height: 1.1;
    font-family: 'Bianzhidai Pearl', sans-serif;
    leading-trim: both;
    text-edge: cap;
    border: 0;
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    margin-right: -4px;
}

.ensemble_menu_desk_content{
    z-index: 300;
    position: fixed;
    left: 140%;
    top: 22px;
    height: calc(100% - 26px);
    width: 75%;
    border-radius: 19px;
    background: var(--main-white);
    box-shadow: 0px 0px 12px 12px var(--main-white);

    transition: all var(--main-speed);
    background-color: var(--main-white);
}

.eurofabrique_menu{
    text-transform: uppercase;
    font-size: var(--main-size-huge);
    font-family: 'Bianzhidai Stitches', sans-serif;
}

.ensemble_menu_desk_content li{
    margin-bottom: 40px;
}

.ensemble_menu_desk_content li a{
    color: var(--main-black);
    font-size: var(--main-size-labeur);
    text-transform: uppercase;
    font-family: 'Bianzhidai Pearl', sans-serif;
    transition: all var(--main-speed);
}

.ensemble_menu_desk_content li a::after {
    content: "Explore";
    display: block;
    font-size: var(--main-size-caption);
    line-height: 1.33;
    font-family:"SharpEarth", sans-serif;   
    font-weight: 300;
    color: var(--main-black);
    text-transform: none;
    opacity: 0;
    transition: all var(--main-speed);
  }

.ensemble_menu_desk_content li a:hover{
    padding-left: 20px;
    color: var(--main-euro);
}

.ensemble_menu_desk_content li a:hover::after{
    padding-left: 20px;
    opacity: 1;
    color: var(--main-black);
}



.ensemble_menu_desk_content .menu_calendar a:hover{ color: var(--main-agenda); }
.ensemble_menu_desk_content .menu_session a:hover{ color: var(--main-session); }
.ensemble_menu_desk_content .menu_corpus a:hover{ color: var(--main-production); }
.ensemble_menu_desk_content .menu_tools a:hover{ color: var(--main-ressource); }


.ensemble_menu_desk_content .current_page_item a{ 
    color: var(--main-euro); 
    pointer-events: none;
}

.current_page_item.menu_calendar a{ color: var(--main-agenda); }
.current_page_item.menu_session a{ color: var(--main-session); }
.current_page_item.menu_corpus a{ color: var(--main-production); }
.current_page_item.menu_tools a{ color: var(--main-ressource); }

.ensemble_menu_desk_content li.current_page_item a::after{ color: var(--main-euro); }
.ensemble_menu_desk_content .current_page_item.menu_calendar a::after{ color: var(--main-agenda); }
.ensemble_menu_desk_content .current_page_item.menu_session a::after{ color: var(--main-session); }
.ensemble_menu_desk_content .current_page_item.menu_corpus a::after{ color: var(--main-production); }
.ensemble_menu_desk_content .current_page_item.menu_tools a::after{ color: var(--main-ressource); }



.ensemble_menu_desk_content .current_page_item a::before {
    content: "→ ";
}

.ensemble_menu_desk_content .current_page_item a::after {
    content: " ←";
    display: inline;
    font-size: inherit;
    font-family: 'Bianzhidai Pearl', sans-serif; 
    color: var(--main-black);
    text-transform: none;
    opacity: 1;
}


.ensemble_menu_exit{
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 10px;
    text-transform: uppercase;
    font-size: var(--main-size-huge);
    font-family: 'Bianzhidai Pearl', sans-serif;
    transition: all var(--main-speed);
}

.ensemble_menu_exit b{
    font-weight: 500;
}

.ensemble_menu_exit:hover{
    color: var(--main-grey);
}



footer{
    position: relative;
    z-index: 10;
    padding-bottom: 200px;
    left: 18px;
    width: calc(100% - 36px);
}

footer hr{
    position: relative;
    z-index: -10;
}

footer ul{
    position: relative;
    margin: auto;
    display: flex;
    justify-content: center;
    gap: 35px;
}


footer li a{
    color: var(--main-black);
    font-size: var(--main-size-labeur);
    text-transform: uppercase;
    font-family: 'Bianzhidai Pearl', sans-serif;
}


.back_to_top{
    position: fixed;
    bottom: 50px;
    right: 10%;
    width: 50px;
    height: 50px;
    z-index: 115;
    cursor: pointer;
    font-size: var(--main-size-huge);
    font-family: 'Bianzhidai Pearl', sans-serif;
    transition: all var(--main-speed);
    opacity: 0;
    visibility: hidden;
    background-color: var(--main-white);
    box-shadow: 0px 0px 12px 12px var(--main-white);
    border-radius: 50%;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
}

.back_to_top img{
    position: absolute;
    transform-origin: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    width: 40px;
}





/* MAIN  */

.content_main{
    position: relative;
    z-index: 5;
    max-width: var(--main-global-width);
    margin: auto;
}

.wp-block-image :where(figcaption){
    font-size: var(--main-size-caption);
    line-height: 1.33;
    margin-top: 0;
}


.content_main h2{
    margin-top: 30px;
    margin-bottom: 20px;
}

.wp-block-separator, hr{
    border: 0;
    border-image-source: var(--img-root-stitch);
    border-image-slice: 25%;
    border-image-repeat: round;
    border-image-width: 0px 0 7px 0;
    height: 8px;
    margin: 30px 0;
}


.content_main .wp-element-button{
    position: relative;
    background-color: transparent;
    padding: 0 0 12px 0;
    margin: 16px 0 16px 0;
    color: var(--main-black);
    font-size: var(--main-size-labeur);
    text-transform: uppercase;
    line-height: 1.4;
    font-family: 'Bianzhidai Pearl', sans-serif;
    border-image-source: var(--img-root-pearl);
    border-image-slice: 30%;
    border-image-repeat: round;
    border-image-width: 0px 0 7px 0;
}


.wp-block-post-template{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 35px;
}


.wp-block-post-template .wp-block-read-more{
    margin-top: 10px;
    color: var(--main-black);
    font-size: var(--main-size-labeur);
    text-transform: uppercase;
    font-family: 'Bianzhidai Stitches', sans-serif;
}

.wp-block-post-template{
    margin: 35px 0;
}

.wp-block-post{
    cursor: pointer;
}

.wp-block-post .wp-block-post-featured-image{
    width: 100%;
    height: 164px;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.has-small-font-size{
    font-size: var(--main-size-caption);  
    line-height: 1.33;
}


.no_event_yet{
    display: block;
    max-width: 500px;
    margin: auto;
    text-align: center;
    color: var(--main-agenda);
}

.no_event_yet b{
    font-weight: 500;
    font-family: 'Bianzhidai Stitches', sans-serif;
}

.wp-block-buttons{
    margin: 45px 0;
}







/* PRODUCTION  */


.article_main{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 100px 35px;
}

.order_article{
    position: sticky;
    width: 100%;
    left: 0;
    top: 0;
    height: 0;
    z-index: 50;
    top: 135px;
}


.order_article_inner{
    position: relative;
    top: 50px;
    right: calc(25% + 35px);
    padding: 10px;
    width: 200px;
    background-color: var(--main-white);
    box-shadow: 0px 0px 12px 12px var(--main-white);
    border-radius: 30px;
}

.order_article_list li{
    font-weight: 300;
    cursor: pointer;
}

.order_article_list li:hover{
    font-weight: 500 !important;
}


.order_article_list li b{
    font-family: 'Bianzhidai Stitches', sans-serif;
}




.partner_main{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 100px 35px;
}

.article{
    border-image-source: var(--img-root-pearl);
    border-image-slice: 30%;
    border-image-repeat: round;
    border-image-width: 0px 0 7px 0;
    display: flex;
    padding-bottom: 16px;
    flex-direction: column;
    gap: 16px;
    cursor: pointer;
}

.article_ressource{
    border-image-source: var(--img-root-pearl);
    border-image-slice: 30%;
    border-image-repeat: round;
    border-image-width: 0px 0 7px 0;
    display: flex;
    padding-bottom: 16px;
    flex-direction: column;
    gap: 16px;
}

.article_img{
    width: 100%;
    height: 164px;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}




.article_title{
    font-size: var(--main-size-labeur);
    text-transform: uppercase;
    font-family: 'Bianzhidai Pearl', sans-serif;
}

.article_desc_date{
    font-size: var(--main-size-labeur);
    text-transform: uppercase;
    font-family: 'Bianzhidai Stitches', sans-serif;
}

.article_desc_lieu{
    text-align: right;
    font-size: var(--main-size-labeur);
}

.article_desc_lieu b{
    font-family: 'Bianzhidai Pearl', sans-serif;
}

.article_decouvrir{
    width: 120px;
    font-size: var(--main-size-labeur);
    text-transform: uppercase;
    font-family: 'Bianzhidai Stitches', sans-serif;
    transition: all var(--main-speed);
    text-align: right;
    box-sizing: border-box;
    color: var(--main-black);
}

.article:hover .article_decouvrir{
    width: 100%;
    color: var(--main-euro);
    font-family: 'Bianzhidai Pearl', sans-serif;
}

.actual_session .article:hover .article_decouvrir{
    color: var(--main-session);
}

.content_ressource .article:hover .article_decouvrir{
    color: var(--main-ressource);
}

.content_production .article:hover .article_decouvrir{
    color: var(--main-production);
}



/* AGENDA  */

.flex_main{
    display: flex;
    gap: 35px;
}

.flex_main_order{
    flex: 1;
}

.flex_main_order li a{ 
    font-weight: 300;
    cursor: pointer;
}

.flex_main_order li a:hover{ 
    font-weight: 500 !important;
}

.flex_main_order li .first_order{
    font-weight: 500;
}

.flex_main_order li b{
    font-family: 'Bianzhidai Pearl', sans-serif;
}



.to_past_event{
    font-family: 'Bianzhidai Pearl', sans-serif;
    margin-bottom: 30px;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-image-source: var(--img-root-pearl);
    border-image-slice: 30%;
    border-image-repeat: round;
    border-image-width: 0px 0 7px 0;
}

.flex_main_list{
    flex: 3;
}

.event{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-image-source: var(--img-root-pearl);
    border-image-slice: 30%;
    border-image-repeat: round;
    border-image-width: 0px 0 7px 0;
    cursor: pointer;
}

.event_container_title{
    display: flex;
}



.event_title_default{
    font-family: 'Bianzhidai Stitches', sans-serif;
}

.agenda_main .event .event_title_left, .agenda_main .event .event_title_right, .event_title b, .event_container_title{
    transition: all var(--main-speed);
}


.event_title{
    background-color: transparent;
    box-shadow: 0 0 0 0 transparent;
}


.agenda_main .event:hover .event_title_left{
    margin: 0px -20px 0 20px;

}

.agenda_main .event:hover .event_title_right{
    margin: 0px 20px 0 -20px;
}



.agenda_main_event .event_container_title{
    color: var(--main-euro);
}

.agenda_production .event_container_title, .agenda_camps .event_container_title{
    color: var(--main-production);   
}

.agenda_label .event_container_title{
    color: var(--main-euro);    
}






.event_title_middle{
    flex: 4;
    text-align: center;
}

.event_title_left{
     flex: 1;
    font-family: 'Bianzhidai Pearl', sans-serif;
}

.event_title_right{
     flex: 1;
    text-align: right;
    font-family: 'Bianzhidai Pearl', sans-serif;
}

.event_title_left, .event_title_right, .event_title b{
    font-size: 28px;
    line-height: 0.9;
}


.event_desc_date{
    font-size: var(--main-size-labeur);
    text-transform: uppercase;
    font-family: 'Bianzhidai Stitches', sans-serif; 
}


.event_desc_lieu{
    text-align: right;
}

.event_desc_lieu b{
    font-family: 'Bianzhidai Pearl', sans-serif;
}






.pop_up_first{
    z-index: 200;
    position: fixed;
    right: -150%;
    top: 0;
    transition: all var(--main-speed);
}


.pop_up_second{
    z-index: 200;
    position: fixed;
    right: -100%;
    top: 0;
    transition: all var(--main-speed);
}



.global_pop_up{
    width: 1096px;
    background-color: var(--main-white);
    box-shadow: 0px 0px 12px 12px var(--main-white);
    padding: 10px;
    height: calc(100vh - 30px);
    display: flex;
    flex-direction: column;
}

.lesser_pop_up{
    width: 900px;
    background-color: var(--main-white);
    box-shadow: 0px 0px 12px 12px var(--main-white);
    padding: 10px;
    height: calc(100vh - 30px);
    display: flex;
    flex-direction: column; 
}

.popup_header{
    position: relative;
    padding-bottom: 30px;
    border-image-source: var(--img-root-stitch);
    border-image-slice: 30%;
    border-image-repeat: round;
    border-image-width: 0px 0 7px 0;
}

.popup_header h2{
    width: 60%;
}

.popup_header img{
    width: 150px;
}

.popup_header_flex{
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.popup_header_flex h3{
    font-size: var(--main-size-medium);
    font-family: 'Bianzhidai Stitches', sans-serif;
    margin-bottom: -4px;
}

.pop_up_exit{
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    padding: 0 0 12px 0;
    margin: 0;
    color: var(--main-black);
    font-size: var(--main-size-medium);
    text-transform: uppercase;
    font-family: 'Bianzhidai Pearl', sans-serif;
    border: 0;
    cursor: pointer;
    transition: all var(--main-speed);
}

.pop_up_exit b{
    font-weight: 500;
}

.pop_up_exit:hover{
    color: var(--main-grey);
}


.popup_flex{
    padding-top: 35px;
    display: flex;
    gap: 70px;
    flex: 1;
    overflow-y: scroll;
}

.popup_flex::-webkit-scrollbar-thumb {
    background-color: var(--main-grey); 
    border-radius: 5px;
}






.popup_metadata{
    flex: 1;
}

.popup_metadata hr{
    margin-top: 10px;
    border-image-source: var(--img-root-pearl);
    border-image-slice: 30%;
    border-image-repeat: round;
    border-image-width: 0px 0 7px 0;
}

.list_associated{
    font-size: var(--main-size-caption);
    line-height: 1.33;
}

.list_associated a{
    cursor: pointer;
    font-weight: 300;

}

.session_open{
    color: var(--main-black);
}

.list_associated a:hover, .session_open:hover{
    font-weight: 500 !important;
}

.link_to_map{
    display: block;
    font-size: var(--main-size-caption);
    text-transform: uppercase;
    font-family: 'Bianzhidai Pearl', sans-serif; 
    color: var(--main-black);
    line-height: 1.33;
    cursor: pointer;

    text-align: left;
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    white-space: normal;
}

.popup_content{
    flex: 4;
    padding-right: 10px;
    padding-bottom: 30px;
}







/* SESSION  */


.list_session{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 35px;
    margin-bottom: 80px;
}


.list_session li{
    font-size: var(--main-size-labeur);
    text-transform: uppercase;
    font-family: 'Bianzhidai Pearl', sans-serif; 
    color: var(--main-black);
    border-image-source: var(--img-root-pearl);
    border-image-slice: 30%;
    border-image-repeat: round;
    border-image-width: 0px 0 7px 0;
    padding-bottom: 10px;
}

.list_session li a{
    color: var(--main-black);
}


.session_wrapper{
    width: calc(100vw - 36px);
    margin-left: calc(468px - 50vw);
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.previous_session{
    flex: 1;
    margin-top: 30px;
    transition: all var(--main-speed);
}

.previous_session:hover{
    margin-left: -5px;
    margin-right: 5px;
}

.next_session{
    flex: 1;
    text-align: right;
    margin-top: 30px;
    transition: all var(--main-speed);
}

.next_session:hover{
    margin-left: 5px;
    margin-right: -5px;
}


.session_link{
    font-size: var(--main-size-medium);
    text-transform: uppercase;
    font-family: 'Bianzhidai Stitches', sans-serif; 
    color: var(--main-black);
    line-height: 1.1;
    background-color: var(--main-white);
    box-shadow: 0px 0px 12px 12px var(--main-white);
}


.session_link_arrow{
    text-transform: uppercase;
    font-size: var(--main-size-huge);
    font-weight: 400;
    line-height: 1.1;
    color: var(--main-black);
    background-color: var(--main-white);
    box-shadow: 0px 0px 12px 12px var(--main-white);
    font-family: 'Bianzhidai Pearl', sans-serif;
    border-radius: 50%;
}



.session_title{
    display: flex;
    width: 45vw;
    text-align: center;
    flex-direction: column;
    align-items: center;
}

.session_title h3{
    font-family: 'Bianzhidai Stitches', sans-serif;
}

.session_wrapper_image{
    width: 100vw;
    overflow: hidden;
    margin-left: calc(455px - 50vw);
}

.session_wrapper_image_inner{
    margin: auto;
    max-width: var(--main-global-width);
    width: 100%;
    position: relative;
}
.container_session_img{
    width: 100%;
    height: 100%;
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.container_session_img_left{
    position: absolute;
    top: 0;
    right: calc(100% + 35px);
}

.container_session_img_right{
    position: absolute;
    top: 0;
    left: calc(100% + 35px);
}


/* CONTACT  */

.wpcf7-form label{
    font-size: var(--main-size-labeur);
    text-transform: uppercase;
    font-family: 'Bianzhidai Pearl', sans-serif;
}

.wpcf7-form input, .wpcf7-form textarea{
    border: 0;
    padding-bottom: 10px;
    border-image-source: var(--img-root-stitch);
    border-image-slice: 30%;
    border-image-repeat: round;
    border-image-width: 0px 0 7px 0;
    margin-bottom: 30px;
    width: 100%;
}


.wpcf7-form input[type="submit"]{
    border: 0;
    padding-bottom: 20px;
    border-image-source: var(--img-root-pearl);
    border-image-slice: 30%;
    border-image-repeat: round;
    border-image-width: 0px 0 7px 0;
    margin-bottom: 30px;

    position: relative;
    display: block;
    margin-left: auto;
    text-align: left;
    width: 50%;
    font-size: var(--main-size-labeur);
    text-transform: uppercase;
    font-family: 'Bianzhidai Pearl', sans-serif;
}



.content_document .article_decouvrir{
    display: block;
    position: relative;
    text-align: center;
    margin: 20px;
}

.content_document .session_title{
    width: auto;
}




.menu_carto{
    font-size: var(--main-size-caption);
    line-height: 1.33;
    position: fixed;
    top: 120px;
    left: 22px;
    background-color: var(--main-white);
    box-shadow: 0px 0px 12px 12px var(--main-white);
    width: 190px;
    z-index: 99;
    border-radius: 30px;
    padding-left: 10px;
    padding-right: 20px;
}



.open_list{
    font-size: var(--main-size-labeur);
    display: block;
    padding-top: 5px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-image-source: var(--img-root-pearl);
    border-image-slice: 30%;
    border-image-repeat: round;
    border-image-width: 0px 0 7px 0;
    text-transform: uppercase;
    font-family: 'Bianzhidai Pearl', sans-serif;
    cursor: pointer;
}



.menu_carto b{
    font-weight: 500;
}


.menu_carto li{
    font-weight: 300;
}

.menu_carto li b{
    font-family: 'Bianzhidai Stitches', sans-serif;
}

.menu_carto hr{
    margin-top: 0;
    padding-bottom: 15px;
    margin-bottom: 18px;
    border-image-source: var(--img-root-pearl);
    border-image-slice: 30%;
    border-image-repeat: round;
    border-image-width: 0px 0 7px 0;
}


.menu_carto li a{
    cursor: pointer;
}

.menu_carto li a:hover{
    font-weight: 500 !important;
}

#map, .ensemble_map{
    font-size: var(--main-size-caption);
    line-height: 1.33;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}



.map_list{
    font-size: var(--main-size-caption);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--main-white);
    box-sizing: border-box;
    padding: 130px 18px;
    z-index: 1;
    gap: 35px;
    line-height: 1.33;
}

.filter_list{
    position: absolute;
    top: 120px;
    left: 22px;
    width: 190px;
    z-index: 100;
    border-radius: 30px;
    padding-left: 10px;
    padding-right: 20px;
}

.filter_selector_txt{
    display: none;
}

.list{
    position: relative;
    margin: auto;
    max-width: var(--main-global-width);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.list_stakeholder{
    flex: 1;
    overflow-y: scroll;
}


.list_line{
    margin-top: 15px;
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
    padding-bottom: 20px;
    border-image-source: var(--img-root-stitch);
    border-image-slice: 30%;
    border-image-repeat: round;
    border-image-width: 0px 0 7px 0;
    transition: all var(--main-speed);
}

.list_line:hover{
    color: var(--main-euro);
    /* font-weight: 500; */
}

.line_order{
    cursor: pointer;
}

.line_order:hover{
    font-weight: 500 !important;
}

.line_title{
    display: flex;
    gap: 4px;
    color: var(--main-euro);
    align-items: center;
    width: fit-content;
    max-width: 90%;
    justify-content: start;
}

.line_title .event_title_left, .line_title .event_title_right, .line_title .event_title b{
    font-size: 20px;
    line-height: 0.9;
}

.list_line div{
    flex: 1;
}

.list_line .line_session, .list_line .container_line_title{
    flex: 2;
}

.line_session b{
    font-family: 'Bianzhidai Stitches', sans-serif; 
}

.stakeholer_line{
    font-weight: 300;
    cursor: pointer;
}

.line_title .event_title_middle{
    flex: 1;
}    

.line_title div {
    flex: none;
}





/* PREPARE MOBILE  */

.order_article_mobile, .session_wrapper_mobile, .menu_open_mobile, .filter_agenda{
    display: none;
}





@media screen and (max-width: 1500px){

    .order_article_desk{
        display: none;
    }
        
    .order_article_mobile{
        display: block;
    }

    .order_article {
        position: sticky;
        height: auto;
        top: 150px;
    }

    .open_filter{
        cursor: pointer;
    }

    .open_filter b{
        font-family: 'Bianzhidai Pearl', sans-serif;
        display: inline-block;
        transform-origin: 45% 50%;
        transition: all var(--main-speed);

        /* transform: rotate(-90deg); */
    }

    .order_article_inner{
        position: relative;
        top: 0;
        right: 0;
        padding: 0;
    }
 
    .order_article_list_container{
        position: absolute;
        top: calc(100% + 12px);
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows var(--main-speed), padding var(--main-speed), box-shadow var(--main-speed);;
        background-color: var(--main-white);
        box-shadow: 0px 0px 0 0 transparent;
    }

    .order_article_list{
        box-sizing: border-box;
        overflow: hidden;
        font-weight: 200;
    }


    .order_article_list li{
        margin-bottom: 15px;
    }



    .ensemble_menu_exit b{display: none;}
    .pop_up_exit b{display: none;}

    .filter_list{
        position: relative;
        width: var(--main-global-width);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        top: 0;
        left: 0;
    }
    
    .open_map{ 
        position: relative;
        width: 200px;
    }


    

}




















@media screen and (max-width:1150px){

    .container_flag_global{ 
        margin-top: 0;
        width: 100vw;
        height: calc(100% + 283px);
    }
    .container_flag_left{left: -50px;}
    .container_flag_right{right: -50px;}
    .container_flag_top{top: -200px;}
    .container_flag_bottom{bottom: 70px;}

    .wp-block-spacer {
        position: relative;
        overflow: hidden;
        width: calc(100vw + 100px);
        margin-left: -135px;
        min-height: 300px !important;
    }

    .spacer_menu{
        height: 0;
    }


    .filter_selector_txt{
        display: block;
    }
    
    .header{
        position: fixed;
    }

    .main_menu {
        padding: 35px;
        position: relative;
        z-index: 100;
        top: 0px;
        left: 0px;
        width: calc(100% - 70px);
    }

    .inner_main_menu{
        margin: 0;
        max-width:none;
    }

    .main_menu_hr{
        position: relative;
        top: -10px;
        left: 0px;
        width: calc(100% - 70px);
        z-index: -100;
        margin: 0 35px;
    }

    .content_main{
        margin: 35px;
        width: calc(100% - 70px);
        max-width:none
    }


    .article_main {
        grid-template-columns: 1fr 1fr;
    }

    footer{
        padding-bottom: 100px;
    }


    footer ul{
        flex-direction: column;
        text-align: center;
    }

    .article_img{
        height: 30vw;
    }

    .flex_main_list{
        flex: 5;
    }

    .ensemble_menu_desk_content{
        top: 0;
        box-sizing: border-box;
        padding: 35px;
        height: 100%;
        width: 100%;
    }

    .ensemble_menu_exit{
        top: 35px;
        right: 35px;
    }

    .pop_up_first, .pop_up_second{
        height: 100%;
        width: 100%;
    }

    .global_pop_up, .lesser_pop_up{
        height: 100%;
        top: 0;
        width: 100%;
        padding: 35px;
        box-sizing: border-box;
    }



    .session_wrapper_mobile{
        position: sticky;
        top: 110px;
        width: 100%;
        z-index: 50;
        margin-left: 0;
        display: flex;
        justify-content: space-between;
    }



    .session_wrapper{
        width: 100%;
        margin-left: 0;
        display: flex;
        justify-content: space-between;
    }

    .session_title{
        width: 100%;
        margin-bottom: 30px;
        align-items: start;
        text-align: left;
    }

    .previous_session, .next_session{
        display: none;
    }


    .session_wrapper_image{
        width: 100%;
        overflow: hidden;
        margin-left: 0;
    }

    .session_wrapper_image_inner{
        margin: 0;
        max-width: none;
        width: 100%;
        position: relative;
    }

    .container_session_img_left, .container_session_img_right{
        display: none;
    }

    .list_session{
        display: none;
    }

    .session_wrapper_mobile{
        width: 100%;
        display: flex;
        position: sticky;
        top: 130px;
        justify-content: space-between;
        gap: 16px;
    }


    .session_link{
        max-width: 300px;
        flex: 1;
        padding-bottom: 15px;
        border-image-source: var(--img-root-pearl);
        border-image-slice: 30%;
        border-image-repeat: round;
        border-image-width: 0px 0 7px 0;
        background-color: var(--main-white);
        box-shadow: 0px 0px 12px 12px var(--main-white);
        display: flex;
        justify-content: space-between;  
    }

    .session_link_arrow{
        font-size: var(--main-size-huge);
        font-family: 'Bianzhidai Pearl', sans-serif;
    }

    .session_link_title{
        max-width: 190px;
        font-size: var(--main-size-labeur);
        font-family:"SharpEarth", sans-serif;   
        text-transform: none;
    }

    .previous_session_mobile{
        text-align: right;
    }

    .back_to_top{
        right: 50px;
    }


    .map_list{
        padding:150px 35px 50px 35px;
        flex-direction: column;
        gap: 0;
    }

    .list{
        flex: 1;
        max-width: none;
        width: 100%;
        margin: 0;
        height: calc(100% - 120px);
    }

    .filter_list{
        position: relative;
        width: 200px;
        margin: 0;
        margin-bottom: 30px;
        padding: 0;
    }


 
    .menu_carto{
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: start;
        left: 35px;
        width: calc(100% - 70px);
        background-color: transparent;
        box-shadow: 0 0 0 0 transparent;
    }

    .filtered_by{
        display: none !important;
    }

    .open_list{
        margin: 0;
        padding-top: 0;
    }

    .menu_carto_item{
        border-radius: 20px;
        width: 25%;
        background-color: var(--main-white);
        box-shadow: 0px 0px 12px 12px var(--main-white);
        position: relative;
    }

    .open_filter_map{
        cursor: pointer;
    }

    .open_filter_map b{
        font-family: 'Bianzhidai Pearl', sans-serif;
        display: inline-block;
        transform-origin: 45% 50%;
        transition: all var(--main-speed);

        /* transform: rotate(-90deg); */
    }


    .filter_map_container{
        position: absolute;
        top: calc(100% + 12px);
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows var(--main-speed), padding var(--main-speed), box-shadow var(--main-speed);
        background-color: var(--main-white);
        box-shadow: 0px 0px 0 0 transparent;
    }

    .filter_map_container_inner{
        box-sizing: border-box;
        overflow: hidden;
        font-weight: 200;
    }

    .filter_map_container_inner li{
        margin-bottom: 15px;
    }

}




@media screen and (max-width:800px){

    :root{
        --main-size-huge: 30px;
        --main-size-medium: 24px;
        --main-size-labeur: 16px;
        --main-size-caption: 11px;
    }

    .main_menu_hr{
        top: -21px;
    }

    main {
        padding-top: 95px;
    }

    .article_decouvrir{
        width: 90px;
    }

    .popup_flex{
        gap: 35px;
    }

    footer ul{
        gap: 20px;
    }


    .flex_main{
        flex-direction: column;
    }

    .flag, .flag svg, .wp-block-spacer img{
        height: 300px;
    }


    .back_to_top {
        right: 35px;
    }

    .event_title_middle{
        flex: 2;
    }

    .popup_header_flex h3{
        text-align: right;
        width: 50%;
    }

    .popup_header img{
        width: 100px;
    }


    .order_article, .session_wrapper_mobile, .filter_agenda{
        top: 110px;
    }

    .ensemble_menu_desk_content hr{
        margin-top: 10px;
    }

    .filter_agenda{
        display: block;
        position: sticky;
    }

    .flex_main_order_desk{
        display: none;
    }

    
}


@media screen and (max-width:500px){

    .menu_open_mobile{
        display: block;
        border: 0;
        cursor: pointer;
        background-color: transparent;
        padding: 0;
        margin-right: -4px;
    }

    .menu_open_mobile{
        margin-top: -2px;
        width: 30px;
    }

    .menu_open{
        display: none;
    }

    .menu_carto_item{
        width: 40%;
    }

    .eurofabrique_menu {
        width: 250px;
    }


}