.node-type-site{
    .layout-content{
        margin-top: 2rem;
        max-width: 100vw;
        .content_container{
            width: 90% !important;
        }
    }
    .layout--threecol-25-50-25{
        
        flex-wrap: nowrap;
        @media(max-width: 810px){
            display: flex;
            flex-direction: column;
            width: 100%;
        }
        .layout__region--first{
            flex: 0 1 25%;
            display: flex;
            flex-direction: column;
            align-items: center;
            @media(max-width: 810px){
                flex: 0 1 100%;
            }
            .block-region-first{
                position: fixed;
                display: flex;
                flex-direction: column;
                width: 20% !important;
                top: 230px;

                @media(max-width: 810px){
                    position: relative;
                    width: 100% !important;
                    top: 0;
                }
                .views-element-container{
                    // margin-bottom: 3rem;
                }
            }
            div{
                width: fit-content;
                // margin-bottom: 0.5rem;
                @media(max-width: 810px){
                    margin: auto;                    
                }
                #sites-map-container{
                    // width: auto;
                    // left: 0.3rem;
                    left: -50px;
                    @media(max-width: 810px){
                        left: 0;  
                        height: fit-content;                  
                    }
                    
                    @media only screen and (max-width: 1200px) and (max-resolution: 300dpi){


                    }
                        
                    
                }
            }
            h2{
                display:none;
            }
            div:has(.field_field_documents){
                margin-bottom: 0.2rem;

                @media(max-width: 810px){
                    margin-top: 1rem;
                }
                
                h2, .field--label-above, span:not(.file){
                    display: none;
                }
                .file--mime-application-pdf{
                    width: fit-content;
                    padding-left: 0.5rem;
                    padding-bottom: 0.2rem;
                    padding-top: 0.2rem;
                    background: black;
                    @media (max-width:810px) {  
                        margin-left: 0;
                    }

                    a{
                        display: inline-flex;
                        align-items: center;
                        color: white;
                        text-transform: uppercase;
                        font-size: 0.6rem;
                        
                        svg{
                            display: none;
                        }
                        &::after{
                            display: inline-flex;
                            content: url("../img/noun-arrow-to-right.svg");
                            padding-right: 0.2rem;
                            padding-left: 0.2rem;
                            padding-bottom: 0.2rem;
                        }
                    }   
                }
              
            }
            div:has(.field_field_liens_site){
                // margin: auto;
                // width: 50%;
                @media(max-width: 810px){
                    margin-top: 1rem;
                }
                
                h2, .visually-hidden, .field--label-above, span:not(.file){
                    display: none;
                }
                .field_field_liens_site{
                    @media (max-width:810px) {  
                        // margin-left: 0;
                        max-width: 50%;
                        margin: auto;
                    }
    
                    a{
                        display: inline-flex;
                        align-items: center;
                        color: white;
                        background: black;
                        padding-left: 0.5rem;
                        text-transform: uppercase;
                        font-size: 0.6rem;
                        margin-bottom: 0.3rem;
                        
                        svg{
                            display: none;
                        }
                        &::after{
                            display: inline-flex;
                            content: url("../img/noun-arrow-to-right.svg");
                            padding-right: 0.2rem;
                            padding-left: 0.2rem;
                            padding-bottom: 0.2rem;

                            
                        }
                    } 
                }
              
            }
            
        }
        .layout__region--second{
            flex: 0 1 50% !important;
            margin-top: 1rem;
            // width: 60%;
            .block-region-second{
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                margin-left: 2rem;
                margin-right: 3rem;
                @media(max-width: 500px){
                    margin-left: 0.5rem;
                    margin-top: 1rem;
                }
                .field_title, 
                .field_field_sous_titre{
                    font-family: "gilroy-semibold";
                    font-size: 1.3rem;
                }
                .field_title{
                    ::before{
                        content: url("../img/map_pointer.svg");
                        top: 0.8rem;
                        position: relative;
                        padding-right: 0.5rem;
                        display: block;
                        width: fit-content;
                    }
                }
                .field_title > div:nth-child(2){
                    display: inline-flex;
                    align-items: baseline;
                }

                div:has(.field_title){
                    align-content: end;
                   
                }

                .field_field_sous_titre{
                    font-size: 0.9rem;
                    padding-left: 1.5rem;
                }
    
                div:has(.field_field_sous_titre){
                    flex: 0 0 100%;
                }
    
                .infos{
                    margin-top: 1rem;
                    font-size: 0.5rem;
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    padding-bottom: 0.5rem;
                    font-family: 'gilroy-light';
                   div{
                    div:nth-of-type(2){
                        font-size: 0.7rem;
                        border-bottom: solid 0.1px $red_QDD;
                        padding-bottom: 0.5rem;
                    }
                   } 
                    .field--label-above{
                            color: $red_QDD ;
                            text-transform: uppercase;
                            font-family: 'gilroy-regular' !important;
                            font-size: 0.5rem !important;
                            margin-bottom: 0 ;
                            margin-top: 0.5rem;

                        }
                  
                        
                        div{
                            flex: 1 1 auto;
                            min-width: 50%;
                        }
                        // div .field_field_porteur_s_de_site{
                        //     border-bottom: none;
                        //     padding-bottom: 0;
                        // }
                        // div .field_field_nom_de_la_commune_nb_d_hab{
                        //     border-bottom: none;
                        //     padding-bottom: 0;
                        // }
                        div:has(.field_field_region){
                            border-bottom: none;
                            padding-bottom: 0;

                        }
                        
                }
                .field_field_parties{
                    // div{width: fit-content;}
                    // width: 70%;
                }
                div:has(.field_field_parties){
                    margin-top: 2rem;
                    width: 100%;
                    @media(max-width: 500px){
                        width: 100%;
                    }
                    .paragraph--type--site-parts{
                        
                        .field_field_titre_site{
                            font-family: 'gilroy-bold';
                            font-size: 1.5em;
                        }
                        .field_field_texte_site{
                            h2{
                                font-family: 'gilroy-semibold';
                                color: $red_QDD;
                                font-size: 0.9rem;
                                margin-left: 1rem;
                            }
                            p{
                                font-family: 'gilroy-light';
                                font-size: 0.6rem;
                                margin-top: 0;
                                @media(max-width: 550px){
                                    font-size: 0.8rem;
                                }
                            }
                            
                        } 
                    }
                    
                }
                .paragraph--type--site-video{
                    .field_field_titre_site{
                        // margin-bottom: 1rem;
                        display: none;
                    }
                    .field_field_video{
                        margin-bottom: 2rem;
                    }
                }
                .paragraph--type--site-diapo{
                    .field_field_images {
                        .diaporama{
                            display: flex !important;
                            flex-direction: row !important;
                            // justify-content: space-between;
                            gap: 20px;
                            flex-wrap: wrap;
                            margin-bottom: 2rem;
                            @media(max-width: 500px){
                                flex-direction: column !important;
                            }
                            .cadre-img-zoom{
                            //    margin: auto;
                                img{
                                    object-fit: cover;
                                    width: 220px;
                                    height: 145px;
                                }
                            }
                            .image-field-caption{
                                margin: 0;
                                max-width: 200px;
                                p{
                                    margin-top: 0;
                                    font-size: 0.5rem;
                                    font-family: 'gilroy-light';
                                }
                            } 
                        }                           
                    }
                }
            }
        }

        .layout__region--third{
            flex: 0 1 25% !important;
            height: fit-content;
            margin-top: 1rem;
            @media(max-width: 500px){
                display: flex;
                flex-direction: column;
                width: 100%;
            }
            .block-region-third{
                position: fixed;
                @media(max-width: 810px){
                    position: relative;
                }
                div{
                    display: flex;
                    flex-direction: column;
                    // margin-bottom: 1rem;
                    @media(max-width: 810px){
                        justify-content: center;
                        margin: auto;
                        margin-bottom: 1rem;
                        width: fit-content;
                    }
                    @media(max-width: 500px){
                        justify-content: center;
                        margin: auto;
                        margin-bottom: 1rem;
                        width: fit-content;
                    }
                    .prev-site{
                        padding-right: 0.5rem;
                        &::before{
                            content: url('../img/prev.svg');
                        }
                        span{
                            display: none;
                        }
                    }
                    .next-site{
                        span{
                            display: none;
                        }
                        &::before{
                            content: url('../img/next.svg');
                        }
                    }
    
                }
                .prevnext{
                    flex-direction: row;
                    margin-bottom: 3rem;
                }

            }
            .documents-liens-wrapper{
                display: flex;
                flex-direction: column !important;
                padding-top: 2rem;
                padding-bottom: 3rem;

                .field--name-field-documents, .field_field_documents > div:nth-child(2) > div:nth-child(1) > span:nth-child(2){
                    display: none;
                }
                .field_field_liens_site > div:nth-child(2) > div:nth-child(1){
                    display: flex;
                    flex-direction: column !important;
                    width: fit-content;
                }
                .field_field_liens_site > div:nth-child(2){
                    flex-direction: column;
                }
                .field_field_documents{
                    margin-bottom: 0.3rem;
                }
            }
            .field_field_liens_site, 
            .field--type-file{
                display: flex;
                flex-direction: column !important;

                @media (max-width:810px) {  
                    // margin-left: 0;
                    // max-width: 50%;
                    margin: auto;
                    margin-bottom: 1rem;
                }

                a{
                    display: inline-flex;
                    justify-content: space-between;
                    align-items: center;
                    width: fit-content;
                    color: white;
                    background: black;
                    padding-left: 0.5rem;
                    text-transform: uppercase;
                    font-size: 0.6rem;
                    margin-bottom: 0.3rem;
                    
                    
                    svg{
                        display: none;
                    }
                    &::after{
                        display: inline-flex;
                        content: url("../img/noun-arrow-to-right.svg");
                        padding-right: 0.2rem;
                        padding-left: 0.2rem;
                        height: 25px;
                        // padding-bottom: 0.2rem;

                        
                    }
                } 
            }
            .file--mime-application-pdf{
                width: fit-content;
                padding-left: 0.5rem;
                // padding-bottom: 0.2rem;
                // padding-top: 0.2rem;
                background: black;
                @media (max-width:810px) {  
                    margin-left: 0;
                }

                a{
                    display: inline-flex;
                    justify-content: space-between;
                    align-items: center;
                    color: white;
                    text-transform: uppercase;
                    font-size: 0.6rem;
                    
                    svg{
                        display: none;
                    }
                    &::after{
                        display: inline-flex;
                        content: url("../img/noun-arrow-to-right.svg");
                        padding-right: 0.2rem;
                        padding-left: 0.2rem;
                        padding-bottom: 0.2rem;
                        height: 25px;
                    }
                }   
              
                
            }
            
        }

    }
}

.field_field_liens_site > div:nth-child(2) > div:nth-child(1){
    display: flex;
    flex-direction: column;
}
.html.js.sr body.node-type-site.node-id-40 div.dialog-off-canvas-main-canvas div#page-node.layout-container main div.layout-content div.content_container div.layout.layout--threecol-25-50-25 div.layout__region.layout__region--third div.block-region-third div div.field_field_documents div div span{
    visibility: hidden;
}
