body {
	background-color: rgb(251, 253, 255);
	color:rgb(63, 63, 63);
}
a:link, a:visited, a:hover, a:active{
	text-decoration: none;
	
}
a, .btn-comment, .submit, #ishare, #ilike{
	transition:all 0.4s linear;
}
a:hover, btn-comment:hover, .submit:hover, #ishare:hover, #ilike:hover{
	transition-duration: 0.3s;
}
.p1 {
	text-indent: 0em !important;
}
.wp-block-image{
	display:flex;
	justify-content:center;
	align-items:center;
}
.wp-block-audio{margin: 0 auto;display: table;}

figcaption { display: block; text-align: center; }


/*header*/
nav.navbar{
	padding:0px;
	height:46px;
	background-color:rgb(205,196,213);
}
.navbar-collapse{
	background-color:rgb(205,196,213);
}
.navbar-title{
	color:#533a0a;
	font-size:140%;
	padding:0;
	margin-left:16px;
}
a.navbar-title:hover{
	color:#a77517;
}
a.nav-link{
	font-size:120%;
}
a.nav-link, .favor, .navbar-toggler{
	color:#533a0a;
}
a.nav-link:hover,a.nav-link:focus, .navbar-toggler:hover{
	color:#a77517;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: rgb(205,196,213);
}
.tooltip.bs-tooltip-bottom .tooltip-inner {
	background-color: rgb(205,196,213);
}
.tooltip.bs-tooltip-bottom.show {
	opacity: 0.98;
}
.bi.bi-stars{
	color: #a77517;
	animation-name:myfirst;
	animation-duration:5s;
	animation-timing-function:linear;
	animation-delay:0s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-play-state:running;
}
@keyframes myfirst
{
	0%   {color:#a77517; }
	25%  {color:rgb(158, 119, 36); }
	50%  {color:#9d7428; }
	75%  {color:rgb(149, 149, 19); }
	100% {color:#cf9324; }
}

/*fixed-sidebar*/
div.fixed-sidebar{
	position:fixed;
	top:46px;
	left:0;
	height:100%;
	padding:0;
	background-color:rgb(232,232,255,0.85);
	background-image: linear-gradient(45deg, #eaeaea 25%, transparent 25%, transparent 65%, #eaeaea 65%),
					   linear-gradient(135deg, #eaeaea 25%, transparent 25%, transparent 65%, #eaeaea 65%);
	background-size: 10px 10px;
	text-align: center; 
	width:230px;
	overflow-y: auto;
}
div.fixed-sidebar::-webkit-scrollbar{
	width:10px;
	height:10px;
}
div.fixed-sidebar::-webkit-scrollbar-track{
	background-color:rgb(205,196,213);
}

div.fixed-sidebar::-webkit-scrollbar-button{
	background-color:rgb(205,196,213);
}
div.fixed-sidebar::-webkit-scrollbar-thumb{
	background-color:rgb(251, 253, 255);
	
}
div.fixed-sidebar::-webkit-scrollbar-thumb:hover{
	background-color:#a6d4db;
	cursor: pointer;
}
.profile p, .sidebar-profile p{
	color:#533a0a;
}
#myintro{
	text-align: left;
	padding-left:9px;
	padding-right:9px;
}
.blink::after{
	content:"|";
	color:darkgray;
	animation: blink 1s infinite;
}
@keyframes blink{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

/*cols2*/
.cols2{
	margin-right:0;
	margin-left:0;
	padding-right:8px;
	padding-left:8px;
}
@media screen and (min-width:992px){
	.main-post, .main-about{
		margin-left:230px;
	}
}

@media screen and (min-width:576px){
	.main-doc{
		margin-left:230px;
	}
}

/*postbox*/
div.postbox, div.sidebar{
	margin-top:46px;
	padding:20px;
}
@media screen and (max-width:450px){
	div.postbox, cols2{
		padding-left:0px;
		padding-right:0px;
	}
}

a.post-title, .post-title-a a{
	color:rgb(63, 63, 63);
}
a.post-title:hover, .post-title-a a:hover{
	color:#a77517;
}
.post-excerpt-block{
	color: rgb(108, 117, 125);
}
.post-excerpt-block p{
	text-indent: 0 !important;
}
a.cat0{
	background-color: #986fa6;
}
a.cat0:hover{
	background-color: #835395;
}
a.tag0{
	background-color: #17a2b8;
}
a.tag0:hover{
	background-color: #138091;
}

.pagination > li > a
{
    background-color: white;
    color: #a963c0;
}
.pagination > li > a:active,
.pagination > li > a:hover
{
    color: #6c757d;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > li > a.page-link:focus {
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .01)
}
.pagination > .active > a
{
    color: white;
    background-color: #986fa6 !Important; /* bootstrap info */
    border: solid 1px #986fa6 !Important;
}
.pagination > .active > a:hover
{
    background-color: rgb(205,196,213) !Important;
	border: solid 1px rgb(205,196,213) !Important;
}

/*sidebar*/
div.side-block{
	margin-top:20px;
	background-color:#fbf7ff;;
	background-image: linear-gradient(45deg, #eaeaea 15%, transparent 15%, transparent 35%, rgb(164,164,255,0.15)),
					   linear-gradient(135deg, rgb(232,232,255,0.15), transparent 15%, transparent 35%, #fbf7ff 35%);
	background-size: 10px 10px;
	border:1px solid; 
	border-color: transparent;
	border-radius:6px;
}
.sidebar-profile{
	text-align: center; 
	margin-top:15px;
	margin-bottom:15px;
}
.sidebar-profile p{
	margin-bottom: 6px; 
}
.side-block ul{
	padding:0;
	margin-top:8px;
} 
.side-block ul li {
	list-style-type: none;
	padding-left:1.34em;
	text-indent: -0.67em;
	font-size:95%;
}
.side-block ul.market li {
	list-style-type: none;
	padding-left:0em;
	text-indent: 0em;
	font-size:95%;
}
.side-block h6 {
	color:#835395;
  	letter-spacing:1px;
  	margin-top:8px;
  	font-size:16px;
}
.marquee {
	overflow: hidden;
	white-space: nowrap;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:16px
  }
  .acknowledgements {
	display: inline-block;
	margin-bottom:0; 
	animation: marquee 35s linear infinite;
  }
  
  .acknowledgements:hover {
	animation-play-state: paused
  }
  
  .acknowledgements > li {
	 list-style: none; 
  }
  
  .acknowledgements > li > a {
	color: rgb(63, 63, 63);
  }
  
  .acknowledgements > li > a:hover {
	color:#a77517;
	text-decoration:none;
	
  }
  
  @keyframes marquee {
	0% {
	  transform: translateX(12%)
	}
	100% {
	  transform: translateX(-100%)
	}
  }



/*post-i-block*/
h4.post-title, .post-meta{
	text-align: center;
}
.post-meta a.cat, a.more-link, a.doc-link{
	background-color: transparent;
	color:#835395 !important;
}
.post-meta a.cat:hover, a.more-link:hover, a.doc-link:hover{
	color: #986fa6 !important;
}
.post-meta a.tag{
	background-color: transparent;
	color: #138091;
}
.post-meta a.tag:hover{
	color: #17a2b8;
}
@media screen and (min-width:576px){
	.post-i-block p{
		text-indent: 2em;
	}
}
.post-nav{
	padding:0;
	margin-bottom: 16px;
}
.post-next > a{
	color: #533a0a;
	font-size: 14px;
}
.post-next > a:hover{
	color:#a77517;
	text-decoration:none; 
}
.post-prev {
	text-align: right;
}
.post-prev > a {
	color: #533a0a;
	font-size: 14px;
}
.post-prev > a:hover{
	color:#a77517;
	text-decoration:none; 
}

#ishare{
	background-color:#986fa6;
	border-color: #986fa6;
}
#ishare:hover{
	background-color: #8b589e;
}
#ilike{
	background-color: #ee5f6d;
	border-color:#ee5f6d;
}
#ilike:hover{
	background-color: #ce535f;
}
#dashang{
	background-color:#a77517;
	border-color: #a77517;
}
#dashang:hover{
	background-color: #9f6f15;
}

.btn-comment{
	padding:3px 6px 3px 6px;
	border:0px; 
	border-radius: 0px 0px 20px 20px;
	background-color:#cdc4d5;
	color:#533a0a;
}
.btn.btn-comment:hover{
	color:#a77517;
	background-color:#dad2e1;
}
button.com-num:hover{
	cursor: default !important;;
}

.comment_i{
	margin:0 11px 11px 11px;  
	padding:0 18px 12px 18px;
	border-left: 1px solid rgba(0,0,0,.2);
	border-bottom: 1px solid rgba(0,0,0,.2);
	border-right: 1px solid rgba(0,0,0,0);
}

.cited-reply{
	opacity: 0.6;
	padding-left: 6px;
	padding-right:6px;
	text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

.comment_i p{
	text-indent: 0!important;
}

.comment-reply-link{
	color: #8757B1;
}

.comment-reply-link:hover{
	color: #dc3545;
}

.comment-reply-title a{
	color: #8757B1;
}

.comment-reply-title a:hover{
	color: #dc3545;
	text-decoration:none; 
}

.comment-meta{
	opacity: 0.6;
	font-size:12px;
}

textarea#comment{
	border-radius:4px;
	border: 1px solid #E4E4E4;  
}

textarea#comment:focus{
	outline:none; 
	border-color: #8757B1;
    box-shadow: 0 0 2px #cdc4d5; 
    caret-color:#cdc4d5;
}

textarea::placeholder {
	text-align: center;
	opacity:0.6;
	font-size:90%;
}

input#author, input#email{
	text-align:center;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom: 1px solid #E4E4E4; 
	border-radius:4px;
}

input#author:focus, input#email:focus, input#result:focus{
	outline:none !Important; 
	border-color: #8757B1 !Important;
	box-shadow: 0 0 2px #cdc4d5; 
    caret-color:#cdc4d5 !Important;	
}

input#author::placeholder, input#email::placeholder{
	text-align: center;
	opacity:0.6;
	font-size:90%;
}

input#result{
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
	border: 1px solid #E4E4E4; 
	border-radius:4px;
}
.submit{
	background-color: #cdc4d5;
	color:#582ea1;
}
.submit:hover{
	background-color: #b9a9c6;
	color:#826ca9;
}


/*footer*/
footer{
	color: rgb(108, 117, 125);
}
.registration{
	color: rgb(108, 117, 125);
}

@media screen and (min-width:992px){
	.footer-post{
		display: none;
	}
}



.doc-name{
	margin-top:20px;
	margin-bottom:20px;
}
.doc-menu{
	padding:0;
	margin:0;
}
.doc-menu li{
	list-style-type: none;
	text-align: left;
	padding-left:30px;
	text-indent: -10.5px;
	margin-top:2px;
	margin-bottom:2px;
}
.doc-menu li:hover {
	background-color: rgb(251, 253, 255);
	
}
.doc-menu li:hover a {
    color:#a77517;
}
.doc-menu li a{
	transition:all 0.1s linear;
	color:rgb(63, 63, 63);
	display:block;
}
.doc-menu li a:hover{
	color:#a77517;
}
.doc-menu li.submenu{
	padding-left:45px;
	text-indent: -10.5px;
}
.doc-menu li.active{
	background-color: rgb(251, 253, 255);
	border-top:solid 1px #a77517 !Important;
	border-bottom:solid 1px #a77517 !Important;
}
.doc-menu li.active a{
	color:#a77517;
}
.menutoggle-left, .menutoggle-right{
	color:#8c52a0;
}
.menutoggle-left:hover, .menutoggle-right:hover{
	color:#a963c0;
	cursor:pointer;
}
.post-i-block h5 {
    color: #533a0a;
    text-indent: 4px;
    border-left: 4px solid #8c52a0;
    background-image: linear-gradient(to right, rgb(221, 214, 228), rgba(0, 0, 0, 0));
    padding-top: 3px;
    padding-bottom: 5px;
}
.post-i-block p.has-small-font-size{
	font-size:0.8em;
}
a.tozh-link, a.toen-link{
	color:#ee5f6d;
} 
a.tozh-link:hover, a.toen-link:hover{
	color:  #ce535f;
}
.post-excerpt-block p a, a.doc-text-a{
	color:#17a2b8;
}
.post-excerpt-block p a:hover, a.doc-text-a:hover{
	color:#1bd4f1;
}
a.doc-text-a.post-title{
	color:#a77517;
}
a.doc-text-a.post-title:hover{
	color:#ce901c;
}
.has-inline-color.has-vivid-purple-color{
	color:#8c52a0;
	padding:0;
}
.has-inline-color.has-vivid-red-color{
	color:#CF2E2E;padding:0;
}
.has-inline-color.has-luminous-vivid-orange-color{
	color:#FF6900;padding:0;
}

.wp-block-quote {
	color:#a77517;
	font-style:italic;
	margin:2em 2em 2.8em 2em;
	padding-left:1.4em;
	padding-right:1.4em;
	border-left:4px double #8c52a0;
	border-right:4px double #8c52a0;
}
.post-i-block-en p{
	text-indent: 0px !important;
}
pre.wp-block-code {
    border-left: 4px solid #28a745;
	background-color: #F1F1F1;
    padding: 4px;
	border-radius:4px;
	/*background: linear-gradient(90deg, #28a745 4%, #F1F1F1 4%);*/
}

pre.wp-block-code > code > ol{list-style-type:none;counter-reset:sectioncounter;padding-left:0px;margin-bottom:0px;}  
pre.wp-block-code > code > ol > li {margin-left:0}
pre.wp-block-code > code > ol > li:before {  	
    content:counter(sectioncounter, decimal-leading-zero) "  ";   
    counter-increment:sectioncounter;  
	color:#28a745;
 }  

.copyright {
    border-left: 4px solid #CF2E2E;
	background-color: #F1F1F1;
    padding: 4px;
	/*background: linear-gradient(90deg, #28a745 4%, #F1F1F1 4%);*/
}
.copyright ul {
	padding-left: 2px;
	margin-top:8px;
	margin-bottom: 8px;
}
.copyright ul li {
	list-style-type: none;
}
  
@media screen and (max-width:1052px){
	.balloon-2{
		display: none !important;
	}
} 
@media screen and (max-width:670px){
	.balloon-4{
		display: none !important;
	}
}