/* General Editor Styling*/ .element.left { float: left; margin: 0 20px 20px 15px; } figure { margin: 0; } figure.col-sm-12 .element.left, figure.col-sm-12 .element.right, figure.col-xs-12.element.left, figure.col-xs-12.element.right { margin: 0 0 20px 0; } .element.center { margin-left: 15px; margin-right: 15px; } .element.right { float: right; margin: 0 15px 20px 20px; } section { margin: 0 -15px; } section>p, section>h1, section>h2, section>h3, section>h4, section>h5, section>ul, section>ol { margin-left: 15px; margin-right: 15px; } /* Edit-Mode Styling */ .ce-element--type-text { background-color: rgba(243, 156, 18, 0.2); } .fm-button, .fm-single { display: none; padding: 8px !important; background: rgba(233, 233, 233, 0.9) !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; border-radius: 0 !important; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.35) !important; transition: none !important; font-size: 10px !important; line-height: 32px !important; font-weight: normal !important; color: rgb(232, 61, 0); text-shadow: rgba(255, 255, 255, 0.6) 0px 2px 2px; } .fm-single { z-index: 9998; display: inline-block !important; position: absolute; width: auto !important; height: auto !important; margin: -15px 0 0 -30px !important; } .fm-button i, .fm-single i { display: inline !important; top: 0 !important; left: 0 !important; position: relative !important; font-size: 10px !important; color: rgb(70, 70, 70) !important; letter-spacing: 0 !important; } .fm-button.bottom:before { } .fm-single.left { margin-left: 30px !important; } .fm-single.absolute { margin: 10px !important; } .fm-button.active { background: #CCC; } .section-add-float-element { display: inline-block; margin: 20px 0; line-height: 12px !important; } .top-off { margin-top: -20px; } .repeater-sticky { display: inline-block; } body .ct-widget.ct-ignition { z-index: 1000; } [data-noteditable].editing { background: rgba(0, 0, 0, .1); cursor: pointer; } [data-noteditable].editing p:after { display: inline-block; content: '\00a0'; } // Alignment styles for images, videos and iframes in editable regions // Center (default) [data-editable] image, [data-editable] [data-ce-tag=img], [data-editable] img, [data-editable] video { clear: both; display: block; margin-left: auto; margin-right: auto; max-width: 100%; } // Left align [data-editable] image.align-left, [data-editable] [data-ce-tag=img].align-left, [data-editable] img.align-left, [data-editable] video.align-left { clear: initial; float: left; margin-right: 0.5em; } // Right align [data-editable] image.align-right, [data-editable] [data-ce-tag=img].align-right, [data-editable] img.align-right, [data-editable] video.align-right { clear: initial; float: right; margin-left: 0.5em; } // Alignment styles for text in editable regions [data-editable] .text-center { text-align: center; } [data-editable] .text-left { text-align: left; } [data-editable] .text-right { text-align: right; } body .ct-widget .ct-tool { color: rgb(0, 0, 0); text-shadow: rgba(255, 255, 255, 0.6) 0px 2px 2px; }