d9-eql/web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss

.path-projets-complets {
  .layout-container header{
    top: inherit !important;
    left: inherit !important;
  }
  .layout-content{
    width: 80vw;
    margin: auto;
  }

    // =========================
    // ÉCRAN
    // =========================
  
    span {
      display: none;
    }
    .print-header{
      display: none;
    }

    
  
    // .print-header img {
    //   width: 2cm;
    //   height: auto;
    // }
  
    .print-header__text {
      text-transform: uppercase;
      font-family: "Source Code Pro";
   
      color: $blue-dark;
      font-size: 0.8rem;
      font-weight: 500;
      text-transform: uppercase;
      text-align: end;
    }


    ///// bouton print //////
    .view-header{
      position: fixed;
      right: 0;
      margin-right: 2rem;
      margin-top: 5rem;
      font-weight: 600;
      text-transform: uppercase;
      padding: 0.3rem 0.7rem;
      width: fit-content;
      background-color: $blue-light; 
      border: none;
      p{margin: 0;}
      a{color: white;}
    }


    .view-projets{

      margin-top: 4rem !important;
      margin-bottom: 4rem !important;
    ///// filtres ///////////
      .buttons-filtres-ressources{display: none;}
      // width: 80%;
      margin: auto;
      .view-filters{
        margin-top: 4rem;
        padding-left: 0.5rem;
        display: flex;
        flex-direction: column;
        @media (max-width: 479px){
            flex-direction: column;
            padding-bottom: 3rem;
            margin-top: 0rem;
        }
      
        &::before{
            content: 'Sélectionner les projets à imprimer :';
            margin-right: 2rem;
            margin-bottom: 1rem;
            margin-left: 0.5rem;
            font-weight: 900;
            // width: 160px;
            min-width: fit-content;
            @media (max-width: 479px){
                padding-bottom: 1rem;
            }
        }
                    
      }

      .field--name-title {
        order: 2;
        font-family: "Marianne";
        font-size: 2rem;
        font-weight: 800;
        color: $blue-light;
    
        @media (max-width: 1624px) {
          font-size: 2.3rem;
        }
    
        @media (max-width: 1384px) {
          font-size: 2rem;
        }
    
        @media (max-width: 1216px) {
          font-size: 2rem;
        }
    
        @media (max-width: 810px) {
          font-size: 1.7rem;
        }
    
        a {
          color: $blue-light;
        }
      }
    
      .field--name-field-equipe {
        order: 3;
        color: $blue-dark;
        font-size: 1.5rem;
        font-weight: 900;
        text-transform: uppercase;
    
        @media (max-width: 1624px) {
          font-size: 1.3rem;
        }
    
        @media (max-width: 1216px) {
          font-size: 1.1rem;
        }
    
        @media (max-width: 810px) {
          font-size: 1rem;
        }
    
        .field__label {
          display: none;
        }
      }
      .field--name-field-region {
        .field__label{
          display: none;
        }
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-top: 1rem;
      
        &::before {
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          background: url("../images/pictos/picto_lieu.svg") no-repeat center;
          background-size: contain;
        }
      }
      .field--name-field-incube {
        order: 4;
        display: inline-flex;
        width: fit-content;
        background-color: $red;
        color: white;
        font-weight: 800;
        padding-right: 0.3rem;
        padding-left: 0.2rem;
        margin-bottom: 1rem;
        margin-top: 1rem;
        // flex-direction: row;
    
        &::before {
          content: ' Projet ';
          padding-right: 0.5rem;
        }
        .field__label{
          display: inline;
        }
    
        .field__item {
          display: none;
        }
      }
    
      .field--name-field-neuf-rehabilitation,
      .field--name-field-encours-fini {
        display: none;
      }

     
      .field--name-field-etape-du-projet,
      .field--name-field-type-de-projet,
      .field--name-field-type-de-moa {
        margin-bottom: 1rem;
        a {
          color: black;
        }
        
        .field__label {
          width: fit-content;
          color: $blue-dark;
          font-size: 1.2rem;
          font-weight: 900;
          text-transform: uppercase;
          margin-bottom: 0 !important;
          flex-direction: row;
    
          &::after {
            content: ':';
            padding-left: 0.5rem;
          }
        }
        .field__item{
          width: fit-content;
        }
      }
      .field--name-field-textes{
        margin-top: 2rem;
        .field__label{
          display: none !important;
        }
        ul{margin-top: 0;}
        p{margin-top: 0;}
        .paragraph--type--texte{
          margin-top: 1.5rem;
          .field--name-field-titre{
            margin-bottom: 1rem;
          }
        }
      }
    ///// ///////////

      // @media screen {
      //   .node-type-projet {
      //     visibility: hidden;
      //   }
      // }
      
    }
  }