/* CSS file */

/* trumbowyg_overrides.css */

/* temporary fix for editor crashing on chromium browsers */
/* Chrome has been patched but not released. leave this in until they do. */
/* https://github.com/Alex-D/Trumbowyg/issues/1259 */
textarea.form-control.lt2_advanced_text_editor {
	height: 103px;
}
.trumbowyg-editor, .trumbowyg-textarea, .trumbowyg-box {
	min-height: 200px;
	xbackground: var(--lt-background-color);
	border-radius: var(--lt-border-radius);
	white-space: pre-wrap;
}
.trumbowyg-editor, .trumbowyg-textarea {
	padding:15px;
}
.trumbowyg-editor-visible .trumbowyg-editor {
	xbackground: var(--lt-background-color);
}
.trumbowyg-editor:focus{
	xoutline-color: var(--lt-link-color);
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
	box-shadow: 0 0 0 1px #66afe9 inset, inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
	margin-bottom: -2px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.trumbowyg-box {
	border: var(--lt-border);
	border-radius: var(--lt-border-radius);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	border-color: #ccc; /* to match bootstrap */
	max-width: 120ch;
}
.trumbowyg-dropdown button svg {
	display: none;
}
.trumbowyg-modal-box .trumbowyg-input-infos label {
	color: var(--lt-text-color);
}
.trumbowyg-button-pane {
	background: var(--lt-text-editor-menu-background-color);
	border-top-left-radius: var(--lt-border-radius);
	border-top-right-radius: var(--lt-border-radius);
}

.trumbowyg-modal-box .trumbowyg-modal-button {
	border-radius: var(--lt-border-radius);
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
	background: var(--lt-button-primary-background-color);
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover {
	background: var(--lt-button-primary-background-hover-color);
}

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
	background: var(--lt-button-default-background-color);
	border:var(--lt-border);

}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover {
	background: var(--lt-button-default-background-hover-color);
	border-color: var(--lt-button-default-border-hover-color);
}

.trumbowyg-modal-box .trumbowyg-input-html input:focus,
.trumbowyg-modal-box .trumbowyg-input-html textarea:focus,
.trumbowyg-modal-box .trumbowyg-input-html select:focus {
	background: var(--lt-background-color);
}
/* button border */
.trumbowyg-button-pane .trumbowyg-button-group::after {
	background: var(--lt-border-color);
}
/* divots */
.trumbowyg-button-pane .trumbowyg-open-dropdown::after {
	border-top-color: var(--lt-text-grey-color);
}
.trumbowyg-box svg,
.trumbowyg-modal svg,
.trumbowyg-box svg,
.trumbowyg-modal svg {
	fill: var(--lt-text-color);
}
.trumbowyg-dropdown {
	background: var(--lt-background-color);
}
.trumbowyg-dropdown button {
	color: var(--lt-text-color) !important;
}
.trumbowyg-modal-box {
	background-color: var(--lt-background-color);
	box-shadow: var(--lt-tint-dark-2) 0 1px 2px 0px;
	border-radius: var(--lt-border-radius);
	border: 2px solid var(--lt-border-color);
}

#ajax_lb_review .trumbowyg-box {
	min-height: 8em;
}
.trumbowyg-modal-box .trumbowyg-modal-title {
	color: var(--lt-text-color);
	background: var(--lt-text-editor-menu-background-color);
}
.trumbowyg-modal-box .trumbowyg-input-infos {
	background-color: var(--lt-tint-dark-1);
	border-right-color: var(--lt-border-color);
}
.trumbowyg-modal-box .trumbowyg-input-row {
	border-color: var(--lt-border-color);
}
.trumbowyg-modal-box .trumbowyg-input-html input,
.trumbowyg-modal-box .trumbowyg-input-html textarea,
.trumbowyg-modal-box .trumbowyg-input-html select {
	color: var(--lt-text-color);
	background: var(--lt-background-color);
}



html {
	--ate_header_height: 38px;
}
.textarea_head {
	border: 1px solid var(--lt-border-color);
	width: 100%;
	height: var(--ate_header_height);
	display: block;
	margin-bottom: calc(var(--ate_header_height) * -1);
	transform: translateZ(1px);
	background: var(--lt-text-editor-menu-background-color);
	border-bottom-color: var(--lt-tint-dark-2);
	border-top-left-radius: var(--lt-border-radius);
	border-top-right-radius: var(--lt-border-radius);

}
@media (min-width: 767px) {
	.textarea_head {
		max-width: 80ch;
	}
}
.ate_preinit {
	margin-top: calc(var(--ate_header_height) - 2px);
	xcolor: var(--lt-text-grey-color);
	padding: 20px 20px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: none;
	border-top: none;
}
.ate_preinit,
textarea.form-control.ate_preinit {
	height: 7.5em;
}