.ql-sponsor-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.site-inner .ql-sponsor-grid {
  margin-left: auto;
  margin-right: auto;
}

/* Editor */
.acf-block-preview .ql-sponsor-grid {
  display: block;
  padding: 50px 10px 0 10px;
  border: 2px dotted #ccc;
  position: relative;
}

.bg-dark .acf-block-preview .ql-sponsor-grid {
  border-color: #2c5e57;
}

.acf-block-preview
  .ql-sponsor-grid
  > .block-editor-inner-blocks
  > .block-editor-block-list__layout {
  display: flex;
}
.acf-block-preview
  .ql-sponsor-grid
  > .block-editor-inner-blocks
  > .block-editor-block-list__layout
  .wp-block[data-type="acf/sponsor"]
  .ql-sponsor-logo {
  height: 120px;
  max-width: 150px;
}

.acf-block-preview .ql-sponsor-grid::before {
  content: "Sponsor Grid";
  position: absolute;
  top: 12px;
  left: 20px;
  background-color: #eaeaea;
  color: #646464;
  font-size: 14px;
  padding: 4px 8px;
}

/* Editor Block Appender */
.acf-block-preview
  .ql-sponsor-grid
  > .block-editor-inner-blocks
  > .block-editor-block-list__layout
  > .block-list-appender {
  bottom: -30px;
}
.ql-sponsor-grid
  > .block-editor-inner-blocks
  > .block-editor-block-list__layout
  > .block-list-appender
  .block-editor-inserter__toggle {
  position: relative;
  width: auto;
}

.acf-block-preview
  .ql-sponsor-grid
  > .block-editor-inner-blocks
  > .block-editor-block-list__layout
  > .block-list-appender
  .block-editor-inserter__toggle::before {
  content: "Add Sponsor";
  padding-left: 6px;
}

@media only screen and (max-width: 480px) {
  .ql-sponsor-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}