:root {
	--primary-color: #6c63ff;
	--secondary-color: #4d44db;
	--light-color: #f8f9fa;
	--dark-color: #343a40;
}
.image-preview {
	width: 100%;
	max-height: 200px;
	object-fit: contain;
	margin-top: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
::placeholder {
	color: #ccc !important;
	font-style: italic;
	font-size: small;
	opacity: 1; /* Make it fully visible */
  }
.CodeMirror {
	border: 1px solid #ced4da;
	height: auto;
}
.width100 {
    width:100%;
}
.btn-default {
    background: #dfebf4;
}
.divider {
	display: flex;
	align-items: center;
	margin: 20px 0;
}

.divider-line {
	flex-grow: 1;
	height: 1px;
	background-color: #e0e0e0;
}

.divider-text {
	padding: 0 10px;
	color: #6c757d;
	font-size: 0.9rem;
}

.illustration {
	width: 80%;
	margin-bottom: 30px;
}
.image-preview {
	width: 100%;
	max-height: 200px;
	object-fit: contain;
	margin-top: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.CodeMirror {
	border: 1px solid #ced4da;
	height: auto;
}
.seo-meta-block {
    border: 1px solid #dee2e6;
    border-radius: 5px;
    margin-top: 20px;
    overflow: hidden;
}
.seo-meta-header {
    background-color: #f8f9fa;
    padding: 10px 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.seo-meta-header:hover {
    background-color: #e9ecef;
}
.seo-meta-content {
    padding: 15px;
    display: none; /* Hidden by default */
}
.seo-meta-toggle-icon {
    transition: transform 0.3s ease;
}
.seo-meta-block.expanded .seo-meta-toggle-icon {
    transform: rotate(180deg);
}
.CodeMirror {
	min-height: 30px !important;
}
.app-sidebar {
	--lte-sidebar-color: #1c3970;
	--bs-border-radius : none;
	--bs-nav-pills-link-active-bg :#144a9a;
	--lte-sidebar-submenu-active-bg :#7ba5e3;
	background: #eeece8 !important;
}
.bg-primary, .card-primary, .text-bg-primary {
	--lte-card-variant-bg : #327386 !important;
}
.sidebar-expand-lg.layout-fixed .app-sidebar {
	max-height: 100%;
}
.nav-link:focus, .nav-link:hover {
	background: #ccd5dc;
}
.select2-container--default .select2-selection--single {
	height: 35px !important;            /* Set desired height */
	line-height: 40px !important;       /* Vertically center the text */
	padding: 0 8px;                      /* Optional: inner spacing */
	font-size: 0.875rem;                /* Optional: match Bootstrap sm size */
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 35px !important;
	top: 0px !important;
}