Popsu-coloque/web/themes/custom/colloque2024/css/components/footer/footer.scss

footer{
  background: white;
  border-top: 1px solid black;
  width: 100%;
  height: auto;
  // padding: 2rem 0 0 0;
  margin-top:2rem;
  .container{
   max-width: 90vw; 

  }
  & > .d-flex{

    & > div{
      margin-bottom: 1.5rem;
      padding-top: 2rem;
      padding-left: 2rem !important;
      padding-right: 2rem !important;
    }
    & > div:not(:last-of-type){
      border-right: 1px solid black;
      @media screen and (min-width: 300px) {
        border-right: none;
       }
    }
  }
  @media (min-width: 992px) {
    .d-lg-block {
      display: block !important;
    }
  }
  #block-renderedsitesettingsblock-5{
    max-width: 30%;
    @media screen and (max-width: 550px) {
      max-width: 80%;
    }

    div.site_setting_entity div.grid{
      display: grid;
      grid-template-columns: 1fr 1fr;
      @media (max-width: 992px){
        display: flex;
        flex-direction: row ;
        flex-wrap: wrap;
      }
      div:nth-of-type(1){
        grid-column: 1;
        grid-row: 1 / span 3;
      }
      div:nth-of-type(2){
        grid-column: 2;
        grid-row: 1;
      }
      div:nth-of-type(3){
        grid-column: 2;
        grid-row: 2;
        margin-left: 1rem;
        a{
          img{
            width: 90%;
            margin: auto;
          }
        }
      }
      div:nth-of-type(4){
        grid-column: 2;
        grid-row: 3;
        margin-top: 2rem;
        margin-left: 1rem;

        a{
          img{
            width: 60%;
          }
        }
      }
      @media screen and (max-width: 300px) {
        display: flex;
        flex-direction: column;   
        }
    }



      // & > div{
      //   // display: flex;
      //   // flex-wrap: nowrap;
      //   @media screen and (min-width: 768px) {
      //     display:block;
      //   }
      //   & > div{
      //     // width: calc((100% / 3) - #{$gutter});
      //     @media screen and (min-width: 768px) {
      //       width: calc((100% / 2) - #{$gutter});
      //       max-width: 200px;
      //       margin-bottom: 2rem;
      //     }
      //     // &:first-child{
      //     //   margin-right: $gutter;
      //     }
      //   }
      // }
    
  }

  #block-renderedsitesettingsblock-4{

    @media (min-width: 992px) {
      .d-lg-block {
        display: block !important;
      }
    }
    .site_setting_entity{
      & > div{
        margin: 1rem 0;
        &:first-child{
          &::after,&:before{
            margin: 0.5rem 0;
            display: block;
            content: " ";
            width: 1rem;
            height: 1px;
            background: black;
          }
        }
      }
      .sub-title{
        font-size: 1rem;
      }
      .d-flex{
        margin-top: 1rem;
        & > div{
          width: 30px;
          margin-right: 1rem;
        }
      }
    }
  }
  .site_setting_entity{
    img{
      height: auto;
    }
  }
  & > div{
    display: flex;
    flex-wrap: nowrap;
    .__slide{
      .flickity-slider{
        & > div{
          width: max-content;
          margin: 0 1rem;
          img{
            width: auto!important;
            height: 100px;
            max-width: 70px;
            object-fit: contain;
          }
        }
      }
    }
  }

  #block-renderedsitesettingsblock-3{
    display: none;
  }
}