.fusion-builder-live {

  .fusion-builder-placeholder-preview {
    margin-top: 2px;
    margin-bottom: 2px;
    border: 1px solid rgba(14,122,189,0.4);
    background: rgba(25, 143, 217, 0.73);
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    padding: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

    i {
      font-size: 15px;
      margin-right: 7px;
    }
  }

  .fusion-child-element:empty:before {
  	content: attr( data-empty );
  	display: block;
  	background: rgba(42,48,53,.5);
    color: rgba(255,255,255,.9);
    text-align: center;
    padding: 30px;
    font-size: 18px;
    margin: 5px 0;
  }
  .row.fusion-child-element:empty:before {
		margin-left: 15px;
		margin-right: 15px;
	}
  .fusion-builder-live-element {
    .fusion-builder-element-content {
        div:not(.fusion-text) {
          .fontawesome-icon {
            float: none;
            vertical-align: top;
          }
      }

      .content-box-counter,
      .fusion-tab-heading {
      	.fontawesome-icon,
        i.fontawesome-icon {
          vertical-align: middle;
        }
      }
    }
  }

  .fusion-builder-live-element[data-type="fusion_content_boxes"] {
    overflow: visible !important;
  }

  .fusion-alert {
    button {
      &.close {
        pointer-events: none;
      }
    }
  }

  .fusion-checklist  .fusion-li-item {
      display: flex;
  }

  &:not(.fusion-builder-dragging) {
    .fusion-builder-live-element {
        &.fusion-element-alignment-left {
            z-index: 1;
            float: left;
        }

        &.fusion-element-alignment-right {
            z-index: 1;
            float: right;
        }

        &.fusion-element-alignment-left,
        &.fusion-element-alignment-right {
            &:hover {
                z-index: auto;

                + .fusion-builder-live-element {
                    z-index: -1;
                }
            }
        }

        ~.fusion-element-alignment-block,
        ~.fusion-builder-live-element:not(.fusion-builder-live-element-inline) {
            clear: both;

            &:before {
                display: block;
                content: '';
                clear: both;
                height: 1px;
                margin-bottom: -1px;
          }
        }
    }
  }

  .fusion-builder-nested-element {
    ~.fusion-builder-live-element {
      clear: both;
    }
  }

  .fusion-builder-live-element,
  .fusion-nested-columns {
    position: relative;
    cursor: grab;

    .fusion-builder-element-content {
      &.fusion-loader {
        min-height: 100px;

        >*:not(.fusion-builder-loader) {
          opacity: 0.5;
          transition-duration: 0.5s;
          transition-property: opacity;
        }
      }

      .fusion-live-editable {
        cursor: text;
      }
    }

    &:hover {
      >.fusion-builder-module-controls-container {
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

        a {
          &.fusion-builder-add-element,
          &.fusion-builder-settings,
          &.fusion-builder-row-settings {
            display: block;
            opacity: 1;
            width: 33px;
          }

          &.fusion-builder-settings,
          &.fusion-builder-row-settings {
            background-color: #2a3035;
          }
        }
        .fusion-builder-module-controls:not(.fusion-builder-controls-wireframe) {
          .fusion-builder-controls {
            .fusion-builder-module-controls-inner {
              &:hover {
                .fusion-builder-settings,
                .fusion-builder-row-settings {
                  background: #198FD9;
                }
              }
            }
          }
        }
      }
    }
    .fusion-builder-module-controls-container {
      .fusion-builder-controls {
        .fusion-builder-module-controls-inner {
          &:hover {
            .fusion-builder-settings,
            .fusion-builder-row-settings {
              background: transparent !important;
            }
          }
        }
        &.fusion-builder-child-controls {
          &:hover {
            .fusion-builder-settings-child {
              background: transparent !important;
            }
          }
        }
      }
    }
  }

  .fusion-builder-editing-child .fusion-nested-columns:not(.editing)  {
    > .fusion-builder-module-controls-container,
    .fusion-builder-empty-container > .fusion-builder-module-controls-container {
      display: none;
    }
  }

  &:not(.fusion-builder-ui-wireframe) {
    .fusion-builder-controls-wireframe {
      display: none;
    }

    .fusion-builder-column {
      .fusion-builder-live-element {
        &.fusion-global-element {
          .fusion-builder-module-controls-container {
            background: transparent !important;
            box-shadow: none !important;

            .fusion-builder-module-controls-inner {
              background: #fe4774;
              box-shadow: 0 4px 12px rgba(0,0,0,.18);
              border-radius: 4px;
            }

            .fusion-builder-element-global {
              border-radius: 4px;
              margin-left: 8px;
              width: 33px;
              opacity: 1;
              background: #fe4774;
            }
          }
          .fusion-builder-module-controls-container {
            .fusion-builder-module-controls {
              &:hover {
                .fusion-builder-settings {
                  background: #2a3035;
                }
              }
              .fusion-builder-module-controls-inner {
                &:hover {
                  .fusion-builder-settings {
                    background: #fe4774;
                  }
                }
              }
            }
          }
        }
      }
    }

    .fusion-global-container {
      .fusion-builder-column {
        .fusion-builder-live-element {
          &:after {
            box-shadow: 0 0 0 3px rgba(254, 71, 116, 0.4);
          }
          .fusion-builder-module-controls-container {
            background: #fe4774;
            .fusion-builder-module-controls {
              .fusion-builder-module-controls-inner {
                &:hover {
                  .fusion-builder-settings {
                    background: #fe4774 !important;
                  }
                }
              }
            }

          }
        }
        .fusion-builder-live-element {
          &.fusion-global-element {
            .fusion-builder-module-controls-container {
              &:hover {
                .fusion-builder-settings {
                  background: #2a3035 !important;
                }
              }
            }
          }
        }
      }
    }

    .fusion-global-column {
      .fusion-builder-live-element {
        &:after {
          box-shadow: 0 0 0 3px rgba(254, 71, 116, 0.4);
        }

        .fusion-builder-module-controls-container {
          background: #fe4774;

          .fusion-builder-module-controls {
            .fusion-builder-module-controls-inner {
              &:hover {
                .fusion-builder-settings {
                  background: #fe4774 !important;
                }
              }
            }
          }
        }
      }
    }




    .fusion-builder-live-element {
      &.fusion-global-parent-element {
        &:after {
          box-shadow: 0 0 0 3px rgba(254, 71, 116, 0.4);
          border-radius: 4px;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          pointer-events: none;
          z-index: 9;
          content: "";
          display: none;
        }

        &:hover {
          &:after {
            display: block;
          }
        }

        >.fusion-builder-module-controls-container {
          background: transparent;
          box-shadow: none;

          .fusion-builder-module-controls {
            .fusion-builder-module-controls-inner {
              &:hover {
                .fusion-builder-settings {
                  background: #fe4774 !important;
                }
              }
            }
          }

          .fusion-builder-module-controls-inner {
            box-shadow: 0 4px 12px rgba(0,0,0,.18);
            border-radius: 4px;
            background: #fe4774;
          }

          .fusion-builder-element-global {
            background: #fe4774;
            box-shadow: 0 4px 12px rgba(0,0,0,.18);
            border-radius: 4px;
            margin-left: 8px;
            width: 33px;
            opacity: 1;
          }
        }
      }
    }
  }

  .fusion-builder-controls {
    .fusion-builder-module-controls-inner {
      display: flex;
    }
  }

  &.fusion-builder-no-ui {
    &:not(.fusion-builder-ui-wireframe) {
      .fusion-builder-live-element {
        .fusion-builder-module-controls-inner {
          display: none;
        }
      }
    }
  }

  .fusion-slider-sc,
  .fusion-image-carousel {
    .fusion-element-placeholder {
    	display: none;
    }

    &.fusion-show-placeholder .fusion-element-placeholder {
    	display: block;
    }

    &.fusion-show-placeholder .fusion-carousel-wrapper {
    	display: none;
    }
  }

  .fusion-rollover {
      -webkit-transform-style: flat;
  }
}