/* 
This file is copied and modified from ./staticfiles/ckeditor/content.css
*/

/*
Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/


/* Define root colors */
:root {
	--primary-color: #0C4B33;
	--secondary-color: #444;
	--tertiary-color: orange;
    --quinary-color: #e3e3e3;
    --detail-title-color: #2f9066;
	--text-color: #333;
	--background-color: #fff;
	--kbd--color:#eaf6ff;
  }
  
  /* Use root colors */
  body {
	background-color: var(--background-color);
	color: var(--text-color);
  }
  
  a {
	color: var(--primary-color);
  }
  
  button {
	background-color: var(--secondary-color);
	color: var(--text-color);
  }
  

.cke_editable
{
	font-size: 13px;
	line-height: 1.6;

	/* Fix for missing scrollbars with RTL texts. (#10488) */
	word-wrap: break-word;
}


blockquote
{
	/* font-style: italic; */
	font-family: "Roboto", sans-serif;
	padding: 5px 10px;
	background-color: #f7f7f7;
}

strong {
	font-weight: 700;
	letter-spacing: -0.03em;
}

.cke_contents_ltr blockquote
{
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

.cke_contents_rtl blockquote
{
	padding-left: 8px;
	padding-right: 20px;
	border-right-width: 5px;
}


a
{
	color: #0782C1;
}


hr
{
	border: 0px;
	border-top: 1px solid #ccc;
}

img.right
{
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

img.left
{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}

pre
{
	-moz-tab-size: 4;
	tab-size: 4;
  white-space: pre;
  word-wrap: normal;
}

pre code.hljs {
	background-color: #f5f5f5; 
	padding: 1em;
	display: block;
	overflow-x: scroll;
	font-size: 12px;
  }

   
kbd {
  background-color: var(--kbd--color);
  border-radius: 3px;
  color: #444;
  display: inline-block;
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.3em;
}


.marker
{
	background-color: rgb(251, 251, 5);
}

span[lang]
{
	font-style: italic;
}

figure
{
	text-align: center;
	outline: solid 1px #ccc;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}

figure > figcaption
{
	text-align: center;
	display: block; /* For IE8 */
}

a > img {
	padding: 1px;
	margin: 1px;
	border: none;
	outline: 1px solid #0782C1;
}

/* Widget Styles */
.code-featured
{
	border: 5px solid red;
}

.math-featured
{
	padding: 20px;
	box-shadow: 0 0 2px rgba(200, 0, 0, 1);
	background-color: rgba(255, 0, 0, 0.05);
	margin: 10px;
}

.image-clean
{
	border: 0;
	background: none;
	padding: 0;
}

.image-clean > figcaption
{
	font-size: .9em;
	text-align: right;
}

.image-grayscale
{
	background-color: var(--background-color);
	color: #666;
}

.image-grayscale img, img.image-grayscale
{
	filter: grayscale(100%);
}

.embed-240p
{
	max-width: 426px;
	max-height: 240px;
	margin:0 auto;
}

.embed-360p
{
	max-width: 640px;
	max-height: 360px;
	margin:0 auto;
}

.embed-480p
{
	max-width: 854px;
	max-height: 480px;
	margin:0 auto;
}

.embed-720p
{
	max-width: 1280px;
	max-height: 720px;
	margin:0 auto;
}

.embed-1080p
{
	max-width: 1920px;
	max-height: 1080px;
	margin:0 auto;
}
  

/* add by XY */
  
.special-container ul {
    list-style-position: inside;
    margin-left: 0;
    padding-left: 1em;
}

.special-container li {
    margin-left: 0;
    padding-left: 0;
}