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: 90vw;
    // margin: auto;
  }

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


    ///// bouton print //////
    .view-header{
      display: flex;
      flex-direction: row;
      // position: fixed;
      // right: 0;
      &::before{
        content: '2. ';
        margin-right: 1rem;
        // margin-bottom: 1rem;
        // margin-left: 0.5rem;
        font-weight: 600;
        font-size: 1.5rem;
        // width: 160px;
        min-width: fit-content;
        @media (max-width: 479px){
            padding-bottom: 1rem;
        }
    }
      margin-left: 3rem;
      order: 2;
      margin-top: 5rem;

      p{
        font-weight: 600;
        text-transform: uppercase;
        padding: 0.3rem 0.7rem;
        width: fit-content;
        background-color: $blue-light; 
        border: none;
        margin: 0;}
      a{color: white;}
      

    }


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

      .view-content{
        order: 3;
      }

      .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;
      }

     
    // ///// ///////////

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