.block.gridBlock {
  margin-top: 2rem;

  .full-width {
    height: unset !important;
  }

  .block {
    .full-width,
    &.full-width {
      right: unset;
      left: unset;
      width: auto !important;
      margin-right: unset !important;
      margin-left: unset !important;
    }

    .container {
      width: auto !important;
    }

    //todo: commentato perchè questi sono di io-comune. Se servono li scommentiamo. Se non servono proprio: cancellare!
    // &.listing {
    //   &.simpleCard,
    //   &.attachmentCardTemplate {
    //     .card-teaser-block-3 {
    //       > .card-teaser {
    //         flex: 0 0 49%; //invece di 3 elementi per riga, ne mostro due perchè c'è poco spazio
    //       }
    //     }
    //   }

    //   &.cardWithImageTemplate,
    //   &.ribbonCardTemplate,
    //   &.completeBlockLinksTemplate {
    //     .col-lg-4,
    //     .col-xl-4,
    //     .col-lg-3 {
    //       width: 50%; //invece di 3 elementi per riga, ne mostro due perchè c'è poco spazio
    //     }
    //   }

    //   &.cardSlideUpTextTemplate,
    //   &.quaresImageTemplate {
    //     .grid {
    //       grid-template-columns: 1fr 1fr;
    //     }
    //   }

    //   &.bandiInEvidenceTemplate {
    //     .bandi-template-cards-wrapper {
    //       grid-template-columns: 1fr 1fr;
    //     }
    //   }
    // }

    &.image img {
      object-fit: contain;
      object-position: center;
    }
  }

  //in edit (cms-ui)
  .gridBlock-container {
    //custom class added in Edit.jsx customized component
    position: relative;
    max-width: 1320px;
    padding: 0 4px;
    margin: auto;

    .toolbar {
      left: 16px !important;
    }

    .block-editor-listing {
      padding-right: 0;
      padding-left: 0;
    }

    .block {
      .image {
        .ui.message {
          padding-right: 8px;
          padding-left: 8px;
        }

        .ui.input {
          margin-left: 16px;
          font-size: 14px;
        }
      }
    }
  }

  @media (max-width: #{map-get($grid-breakpoints, md)}) {
    > .row {
      gap: 1em;
      > .col {
        flex: 1 0 100%;
      }
    }
  }
}

body.cms-ui.has-toolbar.has-sidebar {
  .block.gridBlock {
    .public-ui {
      .container {
        width: auto !important;
      }

      .full-width > .px-4.container {
        padding-right: 24px !important;
        padding-left: 24px !important;
      }
    }
  }
}