/*
 * Editor mode styles
 */

.editor-bar { height: 40px; margin: 20px 100px 20px 100px; }

.unselectable
{
	/* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none; /* From IE10 only */
	user-select: none;
	-webkit-user-drag: none; /* Prevents dragging of images/divs etc */
	user-drag: none;
}


.editable-click, a.editable-click
{
    text-decoration: none;
    color: inherit;
    outline: 1px dashed #c0c0c0;
    border-bottom: inherit;
}

.editable-click:hover, a.editable-click:hover
{
    text-decoration: none;
    color: inherit;
    outline: 1px dashed black;
    border-bottom: inherit;
}

.editable-empty { color: #c9302c; }

.editor section { outline: 1px dotted #555; padding: 3px; margin-bottom: 10px; }

.thumbnail-upload-preview { max-width: 150px; max-height: 150px; }

button { transition: none }

nav.navbar ul li { margin-left: 0; padding-bottom: 0; }

/* drag'n'drop */
.as-sortable-placeholder { background-color: rgba(0,0,0,0.1); border-radius: 5px; width: auto; height: auto; }
.as-sortable-hidden { width: 1px; }

.portfolio-editor-handle { background-color: rgba(200,200,200,0.3); border-radius: 5px; }
.portfolio-editor.as-sortable-dragging .thumbnail { width: 328px; }
.portfolio-image-editor.as-sortable-dragging .project-img { margin-top: 0; }

/* tinymce */
.editor-paragraph { font-family: inherit; font-weight: normal; font-size: 1rem; line-height: 1.5; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; outline: 1px dashed #c0c0c0; }
.editor-paragraph a { text-decoration: underline; }
.editor-delete-paragraph { z-index: 10; }

/* reorder slides */
.reorder-slides-container { width: 100%;}
.reorder-slides { width: 100%; overflow: hidden; height: 117px; }
.reorder-slides ul { list-style-type: none; margin: 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; height: 110px; }
.reorder-slides li { margin: 0; display: inline-block; min-width: 100px; max-width: 200px; height: 110px; padding: 0px 5px 15px 0px; }
.reorder-slides li img { display: block; }

/* edit navigation */
.navedit-header, .navedit { border-bottom: 1px solid #bbb; }
.navedit { list-style-type: none; margin: 0 0 20px 0; }
.navedit.as-sortable-dragging { border-bottom: none; margin: 0; }
.navedit.as-sortable-dragging li { position: relative; top: -20px; border-bottom: none; margin}
.navedit .editable-click, .navedit a.editable-click { outline: 1px dashed rgba(192,192,192,0.4); }