


/* --- Remove to reduce CSS size or if you aren't using RTL --- */
.adB {
	min-height:70px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:13px;
	color:var(--darkTa);
	border:1px solid var(--contentL);
	border-radius:3px
}
.adB.h240 {
	min-height:240px
}
.adB.h360 {
	min-height:360px
}
.adB.h480 {
	min-height:480px
}
.h240, .h360, .h480 {
	border-radius:5px 15px 5px 5px
}
.adB::before {
	content:attr(data-text)
}
/* Article Style RTL */
.Rtl .pS hr::before {
	text-indent:-0.6em
}
.Rtl .dropCap {
	margin:0;
	line-height:inherit;
	font-size:inherit;
	float:none
}
.Rtl blockquote, .Rtl .cmC i[rel=quote] {
	border-left:0;
	border-right:2px solid var(--contentL)
}
.Rtl blockquote.s-1 {
	padding:25px 45px 25px 25px;
	border-right:0
}
.Rtl blockquote.s-1::before {
	left:auto;
	right:0
}
/* RTL Mode */
.Rtl .mnMn li li a >* svg {
	margin-right:0;
	margin-left:5px
}
.Rtl .ntfT {
	padding:0 0 0 15px
}
.Rtl .headL {
	padding:0 20px 0 0
}
.Rtl .headL .headN {
	padding:0 5px 0 0
}
.Rtl .searchWidget .sb {
	left:auto;
	right:0
}
.Rtl .searchWidget button.sb {
	left:0;
	right:auto
}
.Rtl .wPrf {
	right:auto;
	left:0;
	border-radius:5px 16px 16px 16px;
	-webkit-transform-origin:top left;
	transform-origin:top left
}
.Rtl .cmAc a::before {
	content:'\2935'
}
.Rtl .cmHl >li {
	padding:0 17.5px 0 0
}
.Rtl .cmHl >li >.cmAv {
	left:auto;
	right:0
}
.Rtl .cmHl >li >.cmIn {
	padding:12px 28px 12px 15px
}
.Rtl .mnMn li:not(.mr) ul {
	padding-left:0;
	padding-right:30px
}
.Rtl .tocL {
	right:auto;
	left:-280px
}
.Rtl .tocLi {
	border-radius:0 12px 12px 0
}
.Rtl .tocLi::before {
	left:auto;
	right:0
}
.Rtl .tocC {
	left:auto;
	right:-45px
}
.Rtl .tocC span {
	border-radius:0 20px 20px 0
}
.Rtl .tocL svg.rad {
	right:auto;
	left:-2px;
	transform:rotate(176deg)
}
.Rtl .tocL svg.rad.in {
	transform:rotate(-86deg)
}
.Rtl .tocI:checked ~ .tocL {
	right:auto;
	left:0
}
.Rtl .mainWrp:after {
	right:unset;
	left:0;
	border-radius:0 0 200px 0
}
@media screen and (min-width:897px) {
	.Rtl .blogCont::before {
		left:auto;
		right:0
	}
	.Rtl:not(.hdMn) .navI:checked ~ .mainWrp .mnMn .n, .Rtl:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr) ul, .Rtl.hdMn .navI:not(:checked) ~ .mainWrp .mnMn .n, .Rtl.hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr) ul {
		left:auto;
		right:35px;
		border-radius:16px 5px 16px 16px
	}
	.Rtl:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr):last-child ul, .Rtl.hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr):last-child ul {
		border-radius:16px 16px 5px 16px
	}

}
@media screen and (max-width:896px) {
	.Rtl .headR {
		padding:0 0 0 20px
	}
	.Rtl .headL {
		padding:0 15px 0 0
	}
	.Rtl .blogMn {
		left:auto;
		right:0;
		margin-right:-100%
	}
	.Rtl .mnBr {
		border-radius:12px 0 0 12px
	}
	.Rtl.flT .mnBr {
		border-radius:20px
	}
	.Rtl .navI:checked ~ .mainWrp .blogMn {
		margin-left:auto;
		margin-right:0
	}

}
@media screen and (max-width:500px) {
	.Rtl .wPrf {
		right:0;
		border-radius:12px 12px 0 0
	}
	.Rtl .ftMn {
		right:auto;
		left:-4px;
		border-radius:16px 16px 16px 5px
	}
	.Rtl .cdtIn .navigationPages {
		margin-left:9px;
		margin-right:auto
	}

}
/* Basic Layout */
@media screen and (min-width:897px) {
	.LS-2 header, .LS-2 .tocLi::before, .LS-3 header {
		border:0
	}
	.LS-2, .LS-2 .headCn, .LS-2 .mnBrs, .LS-3 .mnBrs, .LS-3 .headL {
		background:#fafafc
	}
	.LS-2 .blogCont::before {
		border:0;
		top:0;
		right:0;
		bottom:0;
		height:100%;
		z-index:-1;
		background:var(--contentB);
		border-radius:15px 0 0 0
	}
	.LS-3 .headCn {
		background:transparent
	}
	.LS-3 .headR {
		background:var(--headerB)
	}
	.LS-3 .blogCont::before {
		z-index:10
	}
	.LS-3 .blogMn {
		z-index:11
	}
	.LS-3 .tocL {
		top:var(--headerHi);
		z-index:10
	}
	.LS-3 .tocI:checked ~ .tocL {
		z-index:10
	}
	.LS-3:not(.hdMn) .navI:checked ~ .mainWrp .headN, .LS-3.hdMn .navI:not(:checked) ~ .mainWrp .headN {
		display:none
	}
	.LS-3:not(.hdMn) .navI:checked ~ .mainWrp .headL, .LS-3 .navI:not(:checked) ~ .mainWrp .headL {
		width:75px
	}

}
/* --- Your Custom CSS goes here --- */
