.d-none{
	display: none !important;
}
/* PROGRESS BAR */
/* Layout */
#reading-progress {
    position: fixed;
    width: 100%;
    height: 5px;
    z-index: 99999;
    top: 0;
    left: 0;
}

#reading-progress-fill {
    height: 5px;
    width: 0;
}
/* Theme */
#reading-progress-fill {
    -webkit-transition: width 100ms ease;
    -o-transition: width 100ms ease;
    transition: width 100ms ease;
    background-color: #66236b;
}
mark{
	background-color: #fed813;
}
/* article internal links */
.blog-internal-links{
    background-color: #F5F5F5;
    border-radius: 4px;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
}
.blog-internal-links a{
    color: #545454;
    font-family: IranSansWeb_FaNum;
    font-weight: 600;
    font-size: 0.85rem;
    text-decoration: none;
}
.blog-internal-links a::before{
content: 'مطالعه شود: ';
color: #66236b;
margin-left: 0.7em
}
.blog-internal-links a:hover{
    opacity: 90%;
}
/* animated highlight text */
.highlight-box{
    padding:2rem 0;
	text-align: justify;
}
@keyframes animate-highlight {
      50% {
        background-position: 100% 0;
      }
      /* Between 50% and 100%, nothing changes */
      100% {
        background-position: 100% 0;
      }
  }
.highlight-animation{
	margin-left: 5px;
    margin-right: 5px;
    padding: 0 0.1rem;
	line-height: 2.5rem;
    font-weight: 600;
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 50%,#fed813 0);
    background-size: 200%;
    display: inline;
    direction: rtl;
    animation-name: animate-highlight;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-delay: 1s;
}

#before-qut-icon,#after-qut-icon{
    display: inline;
}
#before-qut-icon::before{
    content: url('svg/open-qut-small.svg');
    display: inline-block;
    transform: translateY(-15px);
}
#after-qut-icon::after{
    content: url('svg/close-qut-small.svg');
    display: inline-block;
    transform: translateY(20px);
}

/* ********************************* violet alert box ****************************************** */
.violet-alert-box{
    position: relative;
    background-color: #FEEFFF;
    color: #66236B;
    border-radius: 5px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 1rem;
    padding: 0.5em 2em;
}
.violet-alert-box::before{
    content:url('svg/light.svg');
    position: absolute;
    top:20px;
    left:20px;

}
.violet-alert-box h1,.violet-alert-box h2,.violet-alert-box h3,.violet-alert-box h4,.violet-alert-box h5,.violet-alert-box h6{
    font-family: IranSansWeb_FaNum;
	font-weight: 600;
    font-size:  18px;
}
.violet-alert-box ul, li{
    font-family: IranSansWeb_FaNum;
    font-size: 14px;
}
.violet-alert-box ul{
    padding-inline-start: 20px;
}
.violet-alert-box li{
    margin-bottom: 0.5em;
}

.violet-alert-box li::marker{
    font-size:  18px;
}


/* ***************************************** quation *********************************** */
.quation-container{
    max-width: 1200px;
    /* font-family: IRANSansWeb; */
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 2rem;
	margin-top: 2rem;
}
.quation-container > span,.quation-container > p,.quation-container > h1,.quation-container > h2,.quation-container > h3,
.quation-container > h4,.quation-container > h5, .quation-container > h6 {
font-size:16px;
font-weight: normal;
line-height: 50px;
text-justify: inter-character;
}

.quation-container > p::before,.quation-container > span::before, .quation-container > h2::before,
.quation-container > h3::before, .quation-container > h4::before { 
content:url('svg/open-qut.svg'); 
/* float: right; */
margin-left: 20px;
} 
.quation-container > p::after,.quation-container > span::after, .quation-container > h2::after,
.quation-container > h3::after, .quation-container > h4::after { 
content:url('svg/close-qut.svg');
float: left;
margin-top: 5px;
margin-right: 5px;
}

@media(max-width:550px){
    .violet-alert-box::before{
        display: none;
    }
    .violet-alert-box h1,.violet-alert-boxh2,.violet-alert-boxh3,.violet-alert-box h4,.violet-alert-box h5,.violet-alert-box h6{
        /* font-size:  14px; */
        text-align: center;
    }
}
@media(min-width:1201px){
	#reading-progress{
		top: 76px;
	}
}