@import "../modules/vc_helper.less";
@import "../modules/vc_placeholder.less";

// Sorting
&.vc_sorting {
  .wpb_row_section() {
    .wpb_row {
      > .vc_element {
        &:before {
          content: '';
          margin: 0;
          padding: 0;
          position: absolute;
          z-index: 0;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          outline: 1px dashed @vc_element_hover_border;
          outline: 1px dashed @vc_element_hover_border_rgba;
        }
        &:after {
          clear: both;
        }
      }
    }
    .vc_section:not(.vc_empty-element) {
      &:before {
        content: '';
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: calc(~"100% + 30px");
        margin-left: -15px;
        margin-right: -15px;
        height: 100%;
        outline: 1px dashed @vc_element_hover_border;
        outline: 1px dashed @vc_element_hover_border_rgba;
      }
      &:after {
        clear: both;
      }
    }
    .vc_section {
      &:before {
        content: '';
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        outline: 1px dashed @vc_element_hover_border;
        outline: 1px dashed @vc_element_hover_border_rgba;
      }
      &:after {
        clear: both;
      }
    }
  }
  .wpb_row_section();
  .vc_controls {
    visibility: hidden !important;
    .opacity(0);
  }
}