/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.responsive-block-editor-addons-advanced-column-child {
  position: relative;
  width: 100%;
}
.responsive-block-editor-addons-section-background-image-wrap {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  z-index: -1;
}
.responsive-block-editor-addons-section-background-image {
  object-fit: cover;
  height: 100%;
  width: 100%;
  transition: 0.3s ease;
}
.responsive-block-editor-addons-block-column {
  z-index: 1;
}
.responsive-column-wrap {
  position: relative;
  overflow: hidden;

  .responsive-column-inner-wrap {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    width: 100%;
  }

  &.responsive-column__align-left .responsive-column-inner-wrap {
    margin-left: 0;
    margin-right: auto;
  }

  &.responsive-column__align-right .responsive-column-inner-wrap {
    margin-left: auto;
    margin-right: 0;
  }

  .responsive-column__overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
  }

  .responsive-column__video-wrap {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
  }

  .responsive-column__video-wrap video {
    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;
  }
}

.editor-inner-blocks
  > .editor-block-list__layout
  > [data-type="responsive-block-editor-addons/column"] {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 0;
  padding-right: 0;
  margin-left: -14px;
  margin-right: -14px;
  min-width: 0;
  word-break: break-word;
  overflow-wrap: break-word;
  flex-basis: 100%;
}

@media (max-width: 976px) {
  .responsive-column__align-tablet-left .responsive-column-inner-wrap {
    margin-left: 0;
    margin-right: auto;
  }

  .responsive-column__align-tablet-right .responsive-column-inner-wrap {
    margin-left: auto;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .responsive-column__align-mobile-left .responsive-column-inner-wrap {
    margin-left: 0;
    margin-right: auto;
  }

  .responsive-column__align-mobile-right .responsive-column-inner-wrap {
    margin-left: auto;
    margin-right: 0;
  }
}

@media (max-width: 449px) {
  .responsive-columns-wrap.responsive-columns__background-image {
    background-attachment: scroll !important;
  }
}
.responsive-block-editor-addons-block-column {
  display: flex !important;
  justify-content: stretch;
  align-items: stretch;
  height: 100%;
}
