.sp-smart-post-container {
  margin: auto;
}
.sp-smart-post-show-pro .sp-smart-post-container__video-wrap,
.sp-smart-post-show-pro .sp-smart-post-column__video-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}

.sp-smart-post-show-pro .sp-smart-post-container__video-wrap video,
.sp-smart-post-show-pro .sp-smart-post-column__video-wrap video {
  opacity: 1;
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 1;
  border: none;
  display: inline-block;
  vertical-align: baseline;
  -o-object-fit: cover;
  object-fit: cover;
  background-size: cover;
}

.sp-smart-post-container-selector {
  width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px;
}

.sp-smart-post-show-pro .wp-block-sp-smart-post-show-container {
  max-width: none;
}

// Edit page style.
.sp-smart-post-container-editor-page {
  .sp-smart-post-container-column-2:not(.sp-smart-post-flex-column) {
    > .block-editor-inner-blocks > .block-editor-block-list__layout {
     display: flex;
     > .sp-smart-post-container-column:nth-of-type( odd ) {
        width: calc( var( --columnOne, 50% ) - ( var( --gap, 16px ) / 2) );
      }
     > .sp-smart-post-container-column:nth-of-type( even ) {
        width: calc( var( --columnTwo, 50% ) - ( var( --gap, 16px ) / 2) );
      }
    }
  }
  .sp-smart-post-container-column-3:not(.sp-smart-post-flex-column) {
    > .block-editor-inner-blocks > .block-editor-block-list__layout {
     display: flex;
     > .sp-smart-post-container-column:nth-of-type( 3n + 1 ) {
        width: calc( var( --columnOne, 33.33% ) - ( var( --gap, 16px ) / 3) );
      }
     > .sp-smart-post-container-column:nth-of-type( 3n + 2 ) {
        width: calc( var( --columnTwo, 33.33% ) - ( var( --gap, 16px ) / 3) );
      }
     > .sp-smart-post-container-column:nth-of-type( 3n + 3 ) {
        width: calc( var( --columnThree, 33.33% ) - ( var( --gap, 16px ) / 3) );
      }
    }
  }
  .sp-smart-post-container-column-4:not(.sp-smart-post-flex-column) {
    > .block-editor-inner-blocks > .block-editor-block-list__layout {
     display: flex;
     > .sp-smart-post-container-column:nth-of-type( 4n + 1 ) {
        width: calc( var( --columnOne, 25% ) - ( var( --gap, 16px ) / 4) );
      }
     > .sp-smart-post-container-column:nth-of-type( 4n + 2 ) {
        width: calc( var( --columnTwo, 25% ) - ( var( --gap, 16px ) / 4) );
      }
     > .sp-smart-post-container-column:nth-of-type( 4n + 3 ) {
        width: calc( var( --columnThree, 25% ) - ( var( --gap, 16px ) / 4) );
      }
     > .sp-smart-post-container-column:nth-of-type( 4n + 4 ) {
        width: calc( var( --columnFour, 25% ) - ( var( --gap, 16px ) / 4) );
      }
    }
  }
  .sp-smart-post-container-column-multi-row.container-column-multi-row-layout-one:not(.sp-smart-post-flex-column) {
    > .block-editor-inner-blocks > .block-editor-block-list__layout {
      display: flex;
      > .sp-smart-post-container-column:nth-of-type( 6n + 1 ) {
        width: calc( var( --columnOne, 25% ) - ( var( --gap, 16px ) / var( --gapMultiplier, 2 )) );
      }
      > .sp-smart-post-container-column:nth-of-type( 6n + 2 ) {
        width: calc( var( --columnTwo, 25% ) - ( var( --gap, 16px ) / var( --gapMultiplier, 2 )) );
      }
      > .sp-smart-post-container-column:nth-of-type( 6n + 3 ) {
        width: calc( var( --columnThree, 25% ) - ( var( --gap, 16px ) / var( --gapMultiplier, 2 )) );
      }
      > .sp-smart-post-container-column:nth-of-type( 6n + 4 ) {
        width: calc( var( --columnFour, 25% ) - ( var( --gap, 16px ) / var( --gapMultiplier, 2 )) );
      }
      > .sp-smart-post-container-column:nth-of-type( 6n + 5 ) {
        width: calc( var( --columnFive, 25% ) - ( var( --gap, 16px ) / var( --gapMultiplier, 2 )) );
      }
      > .sp-smart-post-container-column:nth-of-type( 6n + 6 ) {
        width: calc( var( --columnSix, 25% ) - ( var( --gap, 16px ) / var( --gapMultiplier, 2 )) );
      }
    }
  }
  .sp-smart-post-container-column-multi-row.container-column-multi-row-layout-five:not(.sp-smart-post-flex-column) {
    > .block-editor-inner-blocks > .block-editor-block-list__layout {
      display: flex;
      > .sp-smart-post-container-column:nth-of-type( 3n + 1 ) {
        width: calc( var( --columnOne, 50% ) - ( var( --gap, 16px ) / var( --gapMultiplier, 2 )) );
      }
      > .sp-smart-post-container-column:nth-of-type( 3n + 2 ) {
        width: calc( var( --columnTwo, 50% ) - ( var( --gap, 16px ) / var( --gapMultiplier, 2 )) );
      }
      > .sp-smart-post-container-column:nth-of-type( 3n + 3 ) {
        width: calc( var( --columnThree, 100% ) );
      }
    }
  }
  .sp-smart-post-container-column-multi-row:not(.container-column-multi-row-layout-one, .container-column-multi-row-layout-five, .sp-smart-post-flex-column) {
    > .block-editor-inner-blocks > .block-editor-block-list__layout {
      display: flex;
      > .sp-smart-post-container-column:nth-of-type( 4n + 1 ) {
        width: calc( var( --columnOne, 25% ) - ( var( --gap, 16px ) / var( --gapMultiplier, 2 )) );
      }
      > .sp-smart-post-container-column:nth-of-type( 4n + 2 ) {
        width: calc( var( --columnTwo, 25% ) - ( var( --gap, 16px ) / var( --gapMultiplier, 2 )) );
      }
      > .sp-smart-post-container-column:nth-of-type( 4n + 3 ) {
        width: calc( var( --columnThree, 25% ) - ( var( --gap, 16px ) / var( --gapMultiplier, 2 )) );
      }
      > .sp-smart-post-container-column:nth-of-type( 4n + 4 ) {
        width: calc( var( --columnFour, 25% ) - ( var( --gap, 16px ) / var( --gapMultiplier, 2 )) );
      }
    }
  }
}

@media screen and ( max-width: 767px ) {
  .sp-smart-post-container-parent-block .sp-smart-post-container-column {
    width: 100% !important;
  }
}
