/*
	************************************************
	folderHorizon editor.css loaded in global_texteditor.tpl
	************************************************
*/

/* article */

#article {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}

#article:hover {
	background: #F3F3F3;
}

#article>.editor-placeholder {
	text-align: center;
}

#article>.editor-placeholder>i {
	background-image: url(./editor.svg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: contain;
	font-weight: 600;
	padding-left: 25px;
}

/* editor wrapper */

#editorWrapper {
	margin: 100px auto;
}

.home #editorWrapper {
	/* layout article width */
	width: var(--home-article-width);
}

.archive #editorWrapper {
	/* layout article width */
	width: var(--home-archive-width);
}

/* jodit container */
.jodit-container {
	border: none !important;
}

/* jodit toolbar */
.jodit-toolbar__box {
	border: 2px solid #F3F3F3 !important;
}

/* jodit toolbar buttons */
.jodit-toolbar-button__text h1,
.jodit-toolbar-button__text h2,
.jodit-toolbar-button__text h3,
.jodit-toolbar-button__text h4 {
	font-size: 0.8rem !important;
	padding-right: 25px !important;
	white-space: nowrap;
}

/* jodit editing area */

.jodit-wysiwyg {
	min-height: 200px;
	background: #F3F3F3 !important;
	padding: 5px 0 !important;
}

.jodit-wysiwyg a {
	color: var(--link-color);
}

/* toolbar/buttons */

.editor-tools {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* OR -webkit-flexbox; ?:: NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox 20+, Chrome, Opera 12.1 */
	/* - */
	-webkit-justify-content: space-between;
	justify-content: space-between;
	/* - */
	margin: 15px 0 80px 0;
}

.editor-tools>button {
	width: 25%;
	background: none;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0 15px;
	padding: 5px 0 6px 0;
	border: 1px solid #CCCCCC;
	cursor: pointer;
}

.editor-tools>button:hover {
	color: var(--link-color);
	border-color: var(--link-color);
}