@charset "UTF-8";

body.web-editor {
    height: auto !important;

    // Content builder styles
    @import 'contentbuilder/reset';
    @import 'contentbuilder/wrapper';
    @import 'contentbuilder/button';
    @import 'contentbuilder/builder';
    @import 'contentbuilder/color_picker';
    @import 'contentbuilder/column_tool';
    @import 'contentbuilder/cropper';
    @import 'contentbuilder/element_list';
    @import 'contentbuilder/element_tool';
    @import 'contentbuilder/form';
    @import 'contentbuilder/grid_tool';
    @import 'contentbuilder/gradient_picker';
    @import 'contentbuilder/icons';
    @import 'contentbuilder/image_tool';
    @import 'contentbuilder/image_upload';
    @import 'contentbuilder/image_resizer';
    @import 'contentbuilder/link_tool';
    @import 'contentbuilder/modal';
    @import 'contentbuilder/no_grid';
    @import 'contentbuilder/pop';
    @import 'contentbuilder/preferences';
    @import 'contentbuilder/quick_add';
    @import 'contentbuilder/range_slider';
    @import 'contentbuilder/rte_tool';
    @import 'contentbuilder/row_tool';
    @import 'contentbuilder/search';
    @import 'contentbuilder/side_panel';
    @import 'contentbuilder/sortable';
    @import 'contentbuilder/spacer';
    @import 'contentbuilder/snippet';
    @import 'contentbuilder/snippet_panel';
    @import 'contentbuilder/table';
    @import 'contentbuilder/table_tool';
    @import 'contentbuilder/tabs';
    @import 'contentbuilder/tool';
    @import 'contentbuilder/tooltip';

    // Content box styles
    @import 'contentbox/box_tool';
    @import 'contentbox/module';
    @import 'contentbox/placeholder';
    @import 'contentbox/section';
    @import 'contentbox/sidebar';
    @import 'contentbox/source_code';

    // General
    #app {
        margin-left: 50px;
        height: 100% !important;
    }
    #main {
        height: 100% !important;
        border: 1px dashed blue;
    }
    .is-wrapper {
        height: 100% !important;
    }
    .is-subblock:focus {
        outline: none
    }
    .transition1 {
        transition: all ease 0.1s;
    }

    // Fix for owl slider lazy load
    .bongo-carousel .owl-item .owl-lazy {
        opacity: 1;
    }

    // Allow Card Images with overlays to be edited
    .card-img-overlay {
        top: auto;
    }

    // Disable stretched link in editor
    .stretched-link::after {
        display:none;
    }

    // Give images margin so links around them can be edited (may not be needed now image links are an option)
    .stretched-link > img,
    .stretched-link > .card-img {
        margin-top:20px
    }
    .stretched-link > .card-img-stretch > img {
        top: 20px !important;
    }

    // Disable opacity and transform utilities in editor
    [class*="fade-"],
    [class*="slide-"],
    [class*="hover-skew-"],
    [class*="zoom-"]{
        transform:none !important;
        opacity:1;
    }

    // Disable link overlay pointer-event to allow for editing content
    .link-overlay {
        pointer-events:all;
    }
}