/**
 *	This stylesheet will be injected into the content frame
 *
 */

[contenteditable="true"].empty-editor:after {
	content: "Lorem Ipsum";
	cursor: text;
	opacity: 0.4;
	display: inline-block;
}

.empty-editor br {
	display: none;
}

img.ce-in-progress {
	/*outline: 5px solid #0FCE83;
	outline-offset: -5px;*/
}

body:not(.editor-overlay-active) .page_container/*:not(.overlay)*/ *[data-ce-host="true"]:not([contenteditable="true"]):not(:focus):hover {
	outline: 1px dashed #698FFF;
	outline-offset: -1px;
}

body[data-adminview="content-editproject"] .page_container.overlay.pointer-events-none .page_content:not('[contenteditable="true"]') > * {
	pointer-events: none !important;
}

body[data-adminview="content-editproject"] .page_container.overlay.pointer-events-none .page_content[contenteditable="true"] {
	pointer-events: auto !important;
}

body[data-adminview="content-editproject"] .page_container.full-pointer-events-none,
body[data-adminview="content-editproject"] .page_container.full-pointer-events-none *,
body[data-adminview="content-editproject"] .page_container.full-pointer-events-none * * {
	pointer-events: none !important;
}


body:not(.editor-overlay-active) *[data-ce-host="true"][contenteditable="true"] [grid-row] [grid-col]:focus,
body:not(.editor-overlay-active) *[data-ce-host="true"][contenteditable="true"] [grid-row] [grid-col]:hover {
	outline-color: #698FFF;
}

body:not(.editor-overlay-active)[data-dragover] *[data-ce-host="true"][contenteditable="true"] [image-gallery] {
	pointer-events: auto;
	outline: 1px dashed rgba(105, 143, 255, 1);
}

body:not(.editor-overlay-active)[data-dragover] *[data-ce-host="true"][contenteditable="true"] [grid-row] [grid-col],
body:not(.editor-overlay-active) *[data-ce-host="true"][contenteditable="true"] [grid-row].editing [grid-col],
body:not(.editor-overlay-active) *[data-ce-host="true"][contenteditable="true"] [grid-row]:hover [grid-col]{

	outline: 1px dashed rgba(105, 143, 255, 1);
}

body:not(.editor-overlay-active)[data-dragover] *[data-ce-host="true"][contenteditable="true"] [image-gallery][image-gallery-pad],
body:not(.editor-overlay-active)[data-dragover] *[data-ce-host="true"][contenteditable="true"] [image-gallery][image-gallery-pad] > *,
[image-gallery][image-gallery-pad].editing *:not(iframe),
[image-gallery][image-gallery-pad].editing,
[image-gallery][drop-target][image-gallery-pad],
[grid-row][grid-gutter].editing {
	pointer-events: auto!important;
}

[image-gallery][image-gallery-gutter="0"] {
	outline-offset: 0rem;
}

[image-gallery][image-gallery-gutter="0.5"] {
	outline-offset: -.25rem;
}

[image-gallery][image-gallery-gutter="1"] {
	outline-offset: -0.5rem;
}

[image-gallery][image-gallery-gutter="1.5"] {
	outline-offset: -0.75rem;
}

[image-gallery][image-gallery-gutter="2"] {
	outline-offset: -1rem;
}

[image-gallery][image-gallery-gutter="2.5"] {
	outline-offset: -1.25rem;
}

[image-gallery][image-gallery-gutter="3"] {
	outline-offset: -1.5rem;
}

[image-gallery][image-gallery-gutter="3.5"] {
	outline-offset: -1.75rem;
}

[image-gallery][image-gallery-gutter="4"] {
	outline-offset: -2rem;
}

[image-gallery][image-gallery-gutter="5"] {
	outline-offset: -2.5rem;
}

[image-gallery][image-gallery-gutter="6"] {
	outline-offset: -3rem;
}

[image-gallery][image-gallery-gutter="7"] {
	outline-offset: -3.5rem;
}

[image-gallery][image-gallery-gutter="8"] {
	outline-offset: -4rem;
}

[image-gallery][image-gallery-gutter="10"] {
	outline-offset: -5rem;
}

[image-gallery][image-gallery-gutter="12"] {
	outline-offset: -6rem;
}

[image-gallery][image-gallery-gutter="14"] {
	outline-offset: -7rem;
}

[image-gallery][image-gallery-gutter="16"] {
	outline-offset: -8rem;
}

[image-gallery][image-gallery-gutter="18"] {
	outline-offset: -9rem;
}

[image-gallery][image-gallery-gutter="20"] {
	outline-offset: -10rem;
}

/** image gallery menu **/
[image-gallery][image-gallery-gutter="0"] .image-gallery-menu {
	left: 0rem;
	top: 0rem;
}

[image-gallery][image-gallery-gutter="0.5"] .image-gallery-menu {
	top: .25rem;
	left: .25rem;
}

[image-gallery][image-gallery-gutter="1"] .image-gallery-menu {
	top: 0.5rem;
	left: 0.5rem;
}

[image-gallery][image-gallery-gutter="1.5"] .image-gallery-menu {
	top: 0.75rem;
	left: 0.75rem;
}

[image-gallery][image-gallery-gutter="2"] .image-gallery-menu {
	top: 1rem;
	left: 1rem;
}

[image-gallery][image-gallery-gutter="2.5"] .image-gallery-menu {
	top: 1.25rem;
	left: 1.25rem;
}

[image-gallery][image-gallery-gutter="3"] .image-gallery-menu {
	top: 1.5rem;
	left: 1.5rem;
}

[image-gallery][image-gallery-gutter="3.5"] .image-gallery-menu {
	top: 1.75rem;
	left: 1.75rem;
}

[image-gallery][image-gallery-gutter="4"] .image-gallery-menu {
	top: 2rem;
	left: 2rem;
}

[image-gallery][image-gallery-gutter="5"] .image-gallery-menu {
	top: 2.5rem;
	left: 2.5rem;
}

[image-gallery][image-gallery-gutter="6"] .image-gallery-menu {
	top: 3rem;
	left: 3rem;
}

[image-gallery][image-gallery-gutter="7"] .image-gallery-menu {
	top: 3.5rem;
	left: 3.5rem;
}

[image-gallery][image-gallery-gutter="8"] .image-gallery-menu {
	top: 4rem;
	left: 4rem;
}

[image-gallery][image-gallery-gutter="10"] .image-gallery-menu {
	top: 5rem;
	left: 5rem;
}

[image-gallery][image-gallery-gutter="12"] .image-gallery-menu {
	top: 6rem;
	left: 6rem;
}

[image-gallery][image-gallery-gutter="14"] .image-gallery-menu {
	top: 7rem;
	left: 7rem;
}

[image-gallery][image-gallery-gutter="16"] .image-gallery-menu {
	top: 8rem;
	left: 8rem;
}

[image-gallery][image-gallery-gutter="18"] .image-gallery-menu {
	top: 9rem;
	left: 9rem;
}

[image-gallery][image-gallery-gutter="20"] .image-gallery-menu {
	top: 10rem;
	left: 10rem;
}

.editor-overlay-active .quick-view * {
    pointer-events: none;
}

.quick-view .quick-view-navigation {
    opacity: 1;
}

.quick-view .left-arrow,
.quick-view .right-arrow,
.quick-view .close-button {
	pointer-events: auto;
}

.quick-view .pswp__bg {
	pointer-events: auto;
}

.quick-view .quick-view-item {
	pointer-events: auto;
}

.editor-overlay-active .quick-view-caption {
    pointer-events: auto;
}

.pswp .quick-view-placeholder > * {
    /*backdrop-filter: blur(15px);	*/
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
}

/* no clicking at all for iframes in editor */
.page iframe {
	pointer-events: none!important;
}

.image-gallery {
    position: relative;
}

.drag-gallery,
.drag-gallery .gallery_card,
.drag-gallery .gallery_card *,
.drag-gallery .thumbnail_sizer,
.drag-gallery .drag-target {
	pointer-events: none!important;
}

.image-gallery-menu {
	display:none;
}

.page_content[data-ce-host="true"][contenteditable="true"] .image-gallery .image-gallery-menu {
	display: flex;
}

.content .page_content .image-gallery.editing .image-gallery-menu,
.content .page_content .image-gallery:hover .image-gallery-menu {
	opacity: 1;
}

.image-gallery .image-gallery-menu {
	opacity: 0;
	pointer-events: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}


.image-gallery-menu .gallery-drag-handle,
.gallery-drag-handle * {
	cursor:move!important;
}

.image-gallery-menu .remove-gallery-button,
.remove-gallery-button * {
	cursor:pointer!important;
}

.image-gallery-menu .gallery-menu-button {
	width: 30px;
	height: 30px;
    display: flex;
    margin: 0 1px 0 0;
    line-height: 0;
    position: relative;
    background: rgba(0,0,0,0.5);
}

.image-gallery-menu .gallery-menu-button svg {
	margin: auto;
	width: 30px;
	height: auto;
}

.image-gallery-menu .gallery-dropdown {
	cursor: default;
	width: 30px;
	height: 30px;
    display: flex;
    margin: 0 1px 0 0;
    position: relative;
    line-height: 0;	
}

.image-gallery-menu .gallery-dropdown select {
	font-size: 14px;
}

.image-gallery-menu .gallery-dropdown svg {
	width: 18.66px;
	height: 13.333px;
	margin: auto;
}

.image-gallery-menu > div:active {
	opacity: 0.7;
}

.page_content[data-ce-host="true"][contenteditable="true"] [image-gallery]:hover,
[image-gallery].editing {
		outline: 1px dashed #698FFF;
}

.page_content[data-ce-host="true"][contenteditable="true"] [image-gallery][zero-height].editing,
.page_content[data-ce-host="true"][contenteditable="true"] [image-gallery][zero-height]:hover,
body:not(.editor-overlay-active)[data-dragover] *[data-ce-host="true"][contenteditable="true"] [image-gallery][zero-height] {
	outline: inherit;
}

body:not(.editor-overlay-active)[data-dragover] *[data-ce-host="true"][contenteditable="true"] [image-gallery][zero-height]:after,
.page_content[data-ce-host="true"][contenteditable="true"] [image-gallery][zero-height].editing:after,
.page_content[data-ce-host="true"][contenteditable="true"] [image-gallery][zero-height]:hover:after  {
	display: block;
	top: -1px;
	left: 0;
	right: 0;
	height: 1px;
	outline: 1px dashed #698FFF;
	outline-offset: -1px;
	position: absolute;
	z-index: -1;
	pointer-events: none;
	content: '';
}

body:not(.editor-overlay-active)[data-dragover] *[data-ce-host="true"][contenteditable="true"] [image-gallery][zero-height] .gallery_card:after,
.page_content[data-ce-host="true"][contenteditable="true"] [image-gallery][zero-height].editing .gallery_card:after, 
.page_content[data-ce-host="true"][contenteditable="true"] [image-gallery][zero-height]:hover .gallery_card:after {
	display: block;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	outline: 1px dashed #698FFF;
	position: absolute;
	content: '';
	z-index: -1;
	pointer-events: none;
}


[image-gallery="montessori"] .gallery_card,
[image-gallery="montessori"] .gallery_card * {
	cursor: move!important;
}

.page_content[data-ce-host="true"][contenteditable="true"] [image-gallery][zero-height]

body:not(.editor-overlay-active)[data-dragover] *[data-ce-host="true"][contenteditable="true"] [image-gallery][zero-height] {
	outline: inherit;
}

body:not(.editor-overlay-active)[data-dragover] *[data-ce-host="true"][contenteditable="true"] [image-gallery][zero-height] .drag_target {
	pointer-events: auto;
	display: block;
}

[image-gallery].image-gallery a:active {
	opacity: initial;
}

[image-gallery].image-gallery .gallery_card *{
	cursor: text;
}

[image-gallery].image-gallery {
	cursor: default;
}

.image-gallery .drag-target {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.image-gallery .thumbnail_sizer {
	z-index: 2;
}

[image-gallery="montessori"].editing:active {
	overflow:visible;
}

/* slideshow-specific items */

[image-gallery="slideshow"] .slick-arrow,
[image-gallery="slideshow"] .slick-arrow * {
    cursor: pointer;
}

[image-gallery="slideshow"].slick-initialized.slick-slider {
    -webkit-user-select: initial;
       -moz-user-select: initial;
        -ms-user-select: initial;
            user-select: initial;
}

/** faux-selected state for videos, store widgets, iframes **/

.content .inside-range {
	will-change: filter;
	background: rgba(128,128,128,0.333);
	filter: contrast(.5);
}

/** image-sizing-plugin **/
.image-gallery-chooser {
	display: flex;
	width: 30px;
	height: 30px;
}
.image-gallery-chooser svg {
	width: 18.66px;
	height: 13.33px;
	margin: auto;
}

/** override from global.css **/
.content [image-gallery="slideshow"] .slick-slide img {
    cursor: text;
}

/** force draggables to display **/
.content [data-draggable]{
	visibility: visible;
}

.marquee.editing {
	outline-offset: 10px;
	outline: 1px dashed rgba(105, 143, 255, 1);
}

[contenteditable="true"] .marquee[data-marquee-id]:hover {
	outline-offset: 10px;
	outline: 1px dashed rgba(105, 143, 255, 1);
}


/** fake selection for irames/videos **/
iframe.inside-range, video.inside-range {
	filter: contrast(50%);
}


body:not(.editor-overlay-active) *[data-ce-host="true"][contenteditable="true"] [grid-row]:hover [grid-col].gallery_card {
	outline: none;
}

[data-ce-host="true"],
[data-ce-host="true"] *:not(img),
[data-ce-host="true"] a {
	cursor: text;
	-webkit-nbsp-mode: initial;
}


[contenteditable="true"] shop.editing {
    outline:1px dashed #698FFF;
    outline-offset: -1px;    
}


[contenteditable="true"] shop {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

[contenteditable="true"] shop:hover {
	outline: 1px dashed #698FFF;
	outline-offset: -1px;
}

[contenteditable="true"] .audio-player:hover:after {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	outline: 1px dashed #698FFF;
	outline-offset: 3px;
}

.marker-outline-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    overflow: visible;
    pointer-events: none;
    z-index: 99;
}

.marker-outline-layer .marker-outline-box {
    position: absolute;
    outline: 1px dashed #698FFF;
    pointer-events: none;
}