.ck-content{
	line-height: 1.6;
	font-family: "Raleway", sans-serif;
	--bs-body-font-weight-lighter: 200;
	--bs-body-font-weight-light: 300;
	--bs-body-font-weight: 400;
	--bs-body-font-weight-semibold: 500;
	--bs-body-font-weight-bold: 600;
	--bs-body-font-weight-bolder: 700;
}

.ck-content .fw-light{ font-weight: var(--bs-body-font-weight-lighter) !important;}
.ck-content .fw-lighter{ font-weight: var(--bs-body-font-weight-light) !important;}
.ck-content .fw-normal{ font-weight: normal !important;}
.ck-content .fw-semibold{ font-weight: var(--bs-body-font-weight-semibold) !important;}
.ck-content .fw-bold{ font-weight: var(--bs-body-font-weight-bold) !important;}
.ck-content .fw-bolder{ font-weight: var(--bs-body-font-weight-bolder) !important;}

.ck-content .h1, .ck-content h1 { font-size: calc(var(--bs-body-font-size) * 1.6); line-height: 1.3; }
.ck-content .h2, .ck-content h2 { font-size: calc(var(--bs-body-font-size) * 1.45); line-height: 1.3; }
.ck-content .h3, .ck-content h3 { font-size: calc(var(--bs-body-font-size) * 1.3); line-height: 1.3; }
.ck-content .h3, .ck-content h3 { font-size: calc(var(--bs-body-font-size) * 1.3); line-height: 1.3; }
.ck-content .h4, .ck-content h4 { font-size: calc(var(--bs-body-font-size) * 1.15); line-height: 1.3; }
.ck-content .h5, .ck-content h5 { font-size: calc(var(--bs-body-font-size) * 1.05); line-height: 1.3; }
.ck-content .h6, .ck-content h6 { font-size: var(--bs-body-font-size); line-height: 1.3; }

.ck-content .video-youtube { margin: 0 0 1rem; }

.ck-content figure.image { display: flex; flex-direction: column; align-items: center; margin: 15px auto; width: fit-content; max-width: 100%;}
.ck-content figure.image img { width: auto; }
.ck-content figure.image figcaption { padding: 10px; background-color: #eeeeee; width: 100%;}
.ck-content figure.image.image-style-block-align-left {align-items: flex-start;margin-left: 0;margin-right: auto;}
.ck-content figure.image.image-style-block-align-right {align-items: flex-end;margin-left: auto;margin-right: 0;}
.ck-content figure.table { display: inline-flex; justify-content: center; margin: 15px auto; }
.ck-content figure.table table { width: auto; }
.ck-content figure.table[style*="float:left"],
.ck-content figure.table[style*="float: left"] { justify-content: flex-start; }
.ck-content figure.table[style*="float:right"],
.ck-content figure.table[style*="float: right"] { justify-content: flex-end; }
.ck-content figure.table[style*="width:100%"],
.ck-content figure.table[style*="width: 100%"] {width: 100%;display: flex;}
.ck-content figure.table[style*="width:100%"] table,
.ck-content figure.table[style*="width: 100%"] table {width: 100%;}

.ck-content table { border: 1px solid #ddd;}
.ck-content table th,
.ck-content table td { padding: 8px 25px; border: 1px solid #ddd;}

.ck-content iframe { max-width: 100%;}

.ck-content h1[id]:hover,
.ck-content h2[id]:hover,
.ck-content h3[id]:hover,
.ck-content h4[id]:hover,
.ck-content h5[id]:hover,
.ck-content h6[id]:hover {position: relative;}

.ck-content h1[id]:hover::before,
.ck-content h2[id]:hover::before,
.ck-content h3[id]:hover::before,
.ck-content h4[id]:hover::before,
.ck-content h5[id]:hover::before,
.ck-content h6[id]:hover::before {content: '#'; position: absolute; left: -1.5rem; color: #007bff; opacity: 0.5; font-weight: normal;}

.ck-content .bs-wrapper > p:last-child,
.ck-content .ck-bs-wrapper > p:last-child{ margin-bottom: 0;}

.ck-content blockquote{ font-style: normal; padding: 5px 15px; border-left: 5px solid var(--bs-primary);}
.ck-content blockquote > p:last-child,
.ck-content blockquote > h1:last-child,
.ck-content blockquote > h2:last-child,
.ck-content blockquote > h3:last-child,
.ck-content blockquote > h4:last-child,
.ck-content blockquote > h6:last-child,
.ck-content blockquote > h6:last-child{ margin-bottom: 0;}

.ck-content .bs-wrapper[style*="background-image"] {
	position: relative;
}

.ck-content .bs-wrapper[style*="background-image"]::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(var(--bs-primary-rgb),0.8);
	z-index: 1;
}

.ck-content .bs-wrapper[style*="background-image"] > .bs-wrapper-body {
	position: relative;
	z-index: 2;
}

@media (max-width: 767.98px) {
	.ck-content{ text-align: justify;}
}