d9-eql/web/themes/custom/eql/scss/pages/_webform.scss

.path-webform{
    .region-content{
        margin-left: 13%;
        margin-right: 20%;
        width: 60%;

        // #block-contenudelapageprincipale{
           .block-system-main-block{
            h2{ display:none}
           } 
        // }

        #webform-submission-deposer-une-contribution-add-form{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            flex-basis: auto;
            justify-content: space-between;
            margin-top: 10vh;
            // input:focus ~ label,
            // input:not(:placeholder-shown) ~ label {
            //  z-index: -1;
            // }
            input.required::after{
                content: " - Remember this";
                background-color: yellow;
                color: red;
                font-weight: bold;
              
           }
            #edit-processed-text{
                width: 100%;
            }

            .form-item-titre-du-document{
                margin-top: 2rem;
                width: 100%;
                input{
                    width: 100%;
                    height: 5rem;
                }
            }    
                
            .form-item-auteur-s-{
                margin-top: 2rem;
                width: 100%;
                input{
                    width: 100%;
                }
            
            }
            .form-item-date-de-parution{
                margin-top: 2rem;
                width: 45%;
                input{
                    width: 100%;
                }
            }
            .form-item-nombre-de-pages{
                margin-top: 2rem;
                width: 45%;
                input{
                    width: 100%;
                }
            }
            .form-item-nom-de-la-revue-et-de-l-editeur{
                width: 100%;
                margin-top: 2rem;
                input{
                    width: 100%;
                }
            }
            .form-item-type-de-document-revue-article-etc-{
                margin-top: 2rem;
                width: 100%;
                input{
                    width: 100%;
                }
            }
            .form-item-resume-de-la-ressource{
                width: 100%;
                margin-top: 2rem;
                textarea{width: 100%;}
            }
            .form-item-_-ou-4-mots-ou-expression-cles-pour-identifier-le-sujet{
                margin-top: 2rem;
                input{
                    width: 100%;
                }
            }
            .form-item-url-vers-une-video-ou-un-site-internet{
                margin-top: 2rem;
                input{
                    width: 100%;
                }
            }
            .form-item-courriel{
                margin-top: 2rem;
                width: 45%;
                input{width: 100%;}
            }
            .form-item-telephone{
                margin-top: 2rem;
                width: 45%;
                input{width: 100%;}
            }
            #edit-actions{
                // display: inline-flex;
                width: 100%;
                input{
                    width: 30%;
                    align-self: flex-end;
                    background-color: $blue-light;
                    text-transform: uppercase;
                    color: $white;
                    font-size: 1.2rem;
                    font-weight: 600;
                    float: right;
                    margin-top: 1rem;
                    border: none;
                }
                #edit-actions-submit:after{
                    content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>');
                }
            }

        }
        #webform-submission-offre-de-service-add-form{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            flex-basis: auto;
            justify-content: space-between;
            margin-top: 10vh;
            // input:focus ~ label,
            // input:not(:placeholder-shown) ~ label {
            //  z-index: -1;
            // }

            #edit-processed-text{
                width: 100%;
            }

            .form-item-intitule-de-l-offre-de-service{
                margin-top: 2rem;
                width: 100%;
                input{
                    width: 100%;
                    height: 5rem;
                }
            }    
                
            .form-item-structure{
                margin-top: 2rem;
                width: 100%;
                input{
                    width: 100%;
                }
            
            }
            .form-item-localisation{
                margin-top: 2rem;
                width: 100%;
                input{
                    width: 100%;
                }
            }
            .form-item-description{
                margin-top: 2rem;
                width: 100%;
                textarea{
                    width: 100%;
                }
            }
            #edit-lien--wrapper{
                width: 100%;
                .form-item-lien-url{
                    margin-top: 2rem;
                    width: 100%;
                    input{
                        width: 100%;
                    }
                }
            }
            .form-item-courriel{
                margin-top: 2rem;
                width: 45%;
                input{width: 100%;}
            }
            .form-item-telephone{
                margin-top: 2rem;
                width: 45%;
                input{width: 100%;}
            }
            #edit-actions{
                // display: inline-flex;
                width: 100%;
                input{
                    width: 30%;
                    align-self: flex-end;
                    background-color: $blue-light;
                    text-transform: uppercase;
                    color: $white;
                    font-size: 1.2rem;
                    font-weight: 600;
                    float: right;
                    margin-top: 1rem;
                    border: none;
                }
                #edit-actions-submit:after{
                    content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>');
                }
            }

        }

        #webform-submission-question-add-form{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            flex-basis: auto;
            justify-content: space-between;
            margin-top: 10vh;

            #edit-couriel--wrapper{
                width: 100%;
                .form-item-couriel-mail-1{
                    margin-top: 2rem;
                    width: 100%;
                    input{
                        width: 100%;
                    }
                
                }
                .form-item-couriel-mail-2{
                    margin-top: 2rem;
                    width: 100%;
                    input{
                        width: 100%;
                    }
                
                }
            }

            .form-item-question{
                margin-top: 2rem;
                width: 100%;
                textarea{
                    width: 100%;
                }
            
            }
            #edit-actions{
                // display: inline-flex;
                width: 100%;
                input{
                    width: 30%;
                    align-self: flex-end;
                    background-color: $blue-light;
                    text-transform: uppercase;
                    color: $white;
                    font-size: 1.2rem;
                    font-weight: 600;
                    float: right;
                    margin-top: 1rem;
                    border: none;
                }
                #edit-actions-submit:after{
                    content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(255,255,255)" stroke="rgb(255,255,255)" stroke-width="0.7"/></svg>');
                }
            }
        }
    }
}