/* Pop-up */
.fxPu {
	position:fixed;
	top:-50%;
	bottom:-50%;
	top:-50%;
	left:-50%;
	right:-50%;
	z-index:70;
	background:rgba(0,0,0,.4);
	visibility:hidden;
	opacity:0;
	transition:all .6s ease;
	-webkit-transition:all .6s ease
}
.fxPu.visible {
	visibility:visible;
	opacity:1
}
.fxPuW {
	position:fixed;
	top:0;
	bottom:0;
	top:0;
	left:0;
	right:0;
	z-index:71;
	padding:20px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.fxPuC {
	position:relative;
	background:#fffdfc;
	width:100%;
	max-width:500px;
	padding:20px 25px 25px;
	border-radius:20px
}
.fxPuCl::after {
	content:'';
	position:absolute;
	top:-15px;
	right:15px;
	background-color:var(--linkC);
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fffdfc' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.0005 4.99988L5.00049 18.9999M5.00049 4.99988L19.0005 18.9999'/%3E%3C/svg%3E");
	background-position:center;
	background-repeat:no-repeat;
	background-size:16px 16px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	border-radius:50%;
	transition:var(--trans-1);
	-webkit-transition:var(--trans-1);
	cursor:pointer
}
.fxPuCl:hover::after {
	transform:scale(1.03);
	-webkit-transform:scale(1.03)
}
.fxPuS {
	display:block;
	text-align:center;
	margin-bottom:5px
}
.fxPuS svg.line {
	stroke-width:1;
	width:50px;
	height:50px
}
.fxPuH {
	font-size:1.2rem;
	font-weight:500;
	font-family:var(--fontBa);
	margin-bottom:10px;
	text-align:center
}
.fxPuD {
	line-height:1.7em;
	font-size:15px
}
.fxPuB {
	text-align:center;
	margin-top:20px
}
.fxPuB .btn {
	width:45px;
	height:45px;
	outline:none;
	border:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:var(--linkC);
	border-radius:50%
}
.fxPuB .btn:hover {
	opacity:.8
}
.fxPuB .btn svg {
	stroke:#fffdfc
}
.drK .fxPuC {
	background:var(--darkBs)
}
.drK .fxPuCl::after {
	background-color:var(--darkU)
}
.drK .fxPuB .btn {
	background:var(--darkU)
}
/* Toast Notif */
.tNtf span {
	position:fixed;
	left:24px;
	bottom:-70px;
	display:inline-flex;
	align-items:center;
	text-align:center;
	justify-content:center;
	z-index:997;
	background:#323232;
	color:rgba(255,255,255,.8);
	font-size:14px;
	font-family:var(--fontB);
	border-radius:3px;
	padding:13px 24px;
	box-shadow:0 5px 35px rgba(149,157,165,.3);
	opacity:0;
	transition:var(--trans-1);
	animation:slidein 5s ease forwards;
	-webkit-animation:slidein 5s ease forwards
}
.tNtf span i {
	content:'';
	width:14px;
	height:14px;
	display:inline-block;
	margin:0 5px;
	opacity:.8
}
.tNtf span i.check {
	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/><polyline points='22 4 12 14.01 9 11.01'/></svg>") center / 14px no-repeat
}
.tNtf span i.warn {
	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><g transform='translate(2.500000, 3.000000)'><path d='M9.5,18 C3.00557739,18 0.456662548,17.5386801 0.0435259337,15.2033146 C-0.36961068,12.8679491 2.27382642,8.47741935 3.08841712,7.02846996 C5.81256986,2.18407813 7.66371927,0 9.5,0 C11.3362807,0 13.1874301,2.18407813 15.9115829,7.02846996 C16.7261736,8.47741935 19.3696107,12.8679491 18.9564741,15.2033146 C18.5443995,17.5386801 15.9944226,18 9.5,18 Z'/><line x1='9.5' y1='5.5' x2='9.5' y2='9.395'/><line x1='9.4957' y1='12.895' x2='9.5047' y2='12.895'/></g></svg>") center / 14px no-repeat
}
.tNtf span i.copy {
	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='9' y='9' width='13' height='13' rx='2' ry='2'/><path d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/></svg>") center / 14px no-repeat
}
.tNtf span i.clipboard {
	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/><rect x='8' y='2' width='8' height='4' rx='1' ry='1'/></svg>") center / 14px no-repeat
}
.tNtf span i.onCloud {
	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z'/></svg>") center / 14px no-repeat
}
.tNtf span i.offCloud {
	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22.61 16.95A5 5 0 0 0 18 10h-1.26a8 8 0 0 0-7.05-6M5 5a8 8 0 0 0 4 15h9a5 5 0 0 0 1.7-.3'/><line x1='1' y1='1' x2='23' y2='23'/></svg>") center / 14px no-repeat
}
.tNtf span i.onWifi {
	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.55a11 11 0 0 1 14.08 0'/><path d='M1.42 9a16 16 0 0 1 21.16 0'/><path d='M8.53 16.11a6 6 0 0 1 6.95 0'/><line x1='12' y1='20' x2='12.01' y2='20'/></svg>") center / 14px no-repeat
}
.tNtf span i.offWifi {
	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='1' y1='1' x2='23' y2='23'/><path d='M16.72 11.06A10.94 10.94 0 0 1 19 12.55'/><path d='M5 12.55a10.94 10.94 0 0 1 5.17-2.39'/><path d='M10.71 5.05A16 16 0 0 1 22.58 9'/><path d='M1.42 9a15.91 15.91 0 0 1 4.7-2.88'/><path d='M8.53 16.11a6 6 0 0 1 6.95 0'/><line x1='12' y1='20' x2='12.01' y2='20'/></svg>") center / 14px no-repeat
}
.tNtf span i.del {
	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><g transform='translate(3.500000, 2.000000)'><path d='M15.3891429,7.55409524 C15.3891429,15.5731429 16.5434286,19.1979048 8.77961905,19.1979048 C1.01485714,19.1979048 2.19295238,15.5731429 2.19295238,7.55409524'/><line x1='16.8651429' y1='4.47980952' x2='0.714666667' y2='4.47980952'/><path d='M12.2148571,4.47980952 C12.2148571,4.47980952 12.7434286,0.714095238 8.78914286,0.714095238 C4.83580952,0.714095238 5.36438095,4.47980952 5.36438095,4.47980952'/></g></svg>") center / 14px no-repeat
}
.Rtl .tNtf span {
	left:auto;
	right:24px
}
@media screen and (max-width:896px) {
	.tNtf span {
		margin-bottom:50px
	}

}
@media screen and (max-width:500px) {
	.tNtf span {
		left:20px;
		right:20px;
		font-size:13px
	}
	.tNtf.alt span, .Rtl .tNtf.alt span {
		left:0;
		right:0;
		margin-bottom:-25px;
		justify-content:left;
		text-align:left;
		font-size:15px;
		padding:15px 24px;
		border-radius:0
	}
	.Rtl .tNtf.alt span {
		justify-content:right;
		text-align:right
	}
	.Rtl .tNtf span {
		left:20px;
		right:20px
	}

}
.drK .tNtf span {
	box-shadow:0 10px 40px rgba(0,0,0,.2)
}
.MN-4 .tNtf span {
	margin-bottom:0;
	animation-duration:2s;
	-webkit-animation-duration:2s
}
/* Neon Lighting */
.nLght::before, .nLght::after {
	content:'';
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	right:0;
	height:3px;
	z-index:55;
	background:linear-gradient(-45deg, #4086F4, #31A952, #FBBE01, #EB4132,#4086F4, #31A952, #FBBE01, #EB4132);
	background-size:200%;
	-webkit-animation:animeNeon 5s linear infinite;
	animation:animeNeon 5s linear infinite;
	visibility:none;
	opacity:0;
	transition:all 1s ease
}
.nLght::after {
	height:10px;
	filter:blur(10px)
}
.nLght.vsbl::before, .nLght.vsbl::after {
	visibility:visible;
	opacity:.7
}
@-webkit-keyframes animeNeon {
	0% {
		background-position:0% 50%
	}
	50% {
		background-position:100% 50%
	}
	100% {
		background-position:0% 50%
	}

}
@keyframes animeNeon {
	0% {
		background-position:0% 50%
	}
	50% {
		background-position:100% 50%
	}
	100% {
		background-position:0% 50%
	}

}
/* Maintenance Mode */
.mtm {
	position:fixed;
	left:0;
	right:0;
	top:-35%;
	bottom:-35%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:var(--bodyB);
	transition:all .5s ease;
	-webkit-transition:all .5s ease;
	visibility:visible;
	opacity:1;
	z-index:499
}
.mtm.hdn {
	visibility:hidden;
	opacity:0
}
.mtmC {
	max-width:450px;
	padding:20px;
	text-align:center
}
.mtmH {
	font-weight:500;
	font-size:1.5rem;
	font-family:var(--fontBa);
	margin-bottom:10px
}
.mtmD {
	margin-bottom:10px
}
.mtm .clock {
	width:100%;
	font-size:25px;
	text-align:center;
	font-family:var(--fontBa);
	font-weight:400;
	position:relative;
	left:0;
	right:0
}
.mtm .tBox {
	width:65px;
	height:65px;
	margin:3px;
	padding-top:8px;
	background-color:#f4efff;
	border-radius:20px;
	display:inline-block
}
.mtm .unit {
	display:block;
	font-size:10px;
	margin:auto;
	font-family:var(--fontB);
	opacity:0.8
}
.drK .mtm {
	background:var(--darkB)
}
.drK .mtm .tBox {
	background:var(--darkBa)
}
/* Error Page */
.erroP {
	display:flex;
	align-items:center;
	justify-content:center;
	height:100vh;
	text-align:center;
	padding:0
}
.erroC {
	width:calc(100% - 40px);
	max-width:450px;
	margin:auto;
	font-family:var(--fontBa)
}
.erroC h3 {
	font-size:1.414rem;
	font-family:inherit
}
.erroC h3 span:not(.e) {
	position:relative
}
.erroC h3 span.e {
	display:block;
	font-size:140px;
	line-height:.8;
	margin-bottom:-1rem;
	color:#ebebf0
}
.erroC h3 span.e {
	animation:glitch 1s linear infinite
}
.erroC h3 span.e::before, .erroC h3 span.e::after {
	content:attr(title);
	position:absolute;
	left:0;
	right:0
}
.erroC h3 span.e::before {
	animation:glitchTop 1s linear infinite;
	clip-path:polygon(0 0, 100% 0, 100% 33%, 0 33%);
	-webkit-clip-path:polygon(0 0, 100% 0, 100% 33%, 0 33%)
}
.erroC h3 span.e::after {
	animation:glitchBotom 1.5s linear infinite;
	clip-path:polygon(0 67%, 100% 67%, 100% 100%, 0 100%);
	-webkit-clip-path:polygon(0 67%, 100% 67%, 100% 100%, 0 100%)
}
.erroC p {
	margin:30px 5%;
	line-height:1.6em;
	opacity:.7
}
.erroC .button {
	margin:0;
	padding-left:2em;
	padding-right:2em;
	font-size:14px
}
/* Extra */
.iFxd.bl {
	top:auto;
	bottom:0;
	right:auto;
	left:0
}
.aNm.t {
	background:rgba(255,255,255,.8);
	padding:6px
}
.aNm.t .im {
	width:16px;
	height:16px;
	margin-right:4px
}
.aNm.t .nm {
	font-size:13px;
	color:var(--bodyC)
}
.aNm.t svg {
	width:13px;
	height:13px;
	fill:#1DA1F2;
	margin-left:4px
}
.Rtl .iFxd.bl {
	top:auto;
	bottom:0;
	right:0;
	left:auto
}
.Rtl .aNm.t .im {
	margin-left:4px;
	margin-right:0
}
.Rtl .aNm.t svg {
	margin-left:0;
	margin-right:4px
}
.onIndx .blogPts .ntry, .popularPosts, .widget.categoryWidget, .footer {
	position:relative;
	overflow:hidden
}
.onIndx .blogPts .ntry::before, .itemFt .iCtnt::before, .popularPosts::before, .widget.categoryWidget::before, .footer::before {
	content:'';
	width:70px;
	height:70px;
	position:absolute;
	z-index:0;
	background:rgba(0,0,0,.04);
	bottom:0;
	left:0;
	border-radius:0 70px 0 0
}
.onIndx.Rtl .blogPts .ntry::before, .Rtl .itemFt .iCtnt::before, .Rtl .popularPosts::before, .Rtl .widget.categoryWidget::before, .Rtl .footer::before {
	border-radius:70px 0 0 0;
	bottom:0;
	left:unset;
	right:0
}
@media screen and (min-width:501px) {
	.itemFt .iCtnt::before {
		display:none
	}

}
.pTtmp[data-type] {
	display:inline-flex;
	align-items:center
}
.pTtmp[data-type]::before {
	content:attr(data-type);
	display:inline;
	background:var(--linkB);
	color:#fff;
	font-size:10px;
	line-height:.6rem;
	padding:3px;
	border-radius:2px;
	margin-right:4px
}
.pTtmp[data-type="Published"]::before {
	content:'منشور في'
}
.pTtmp[data-type="Modified"]::before {
	content:'آخر تحديث'
}
.drK .pTtmp[data-type]::before {
	background:var(--darkU)
}
.pTtmp[data-type]::after {
	display:inline
}
.Rtl .pTtmp[data-type]::before {
	margin-left:4px;
	margin-right:0
}
.Rtl .featuredPost .itemFt::after {
	left:0;
	right:unset;
	border-radius:0 0 20px 0
}



.pThmb .iFxd.bl {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	overflow:visible
}

.pThmb .aNm.t.echrahnet-author {
	position:relative;
	display:flex;
	align-items:center;
	padding:6px;
	background:var(--contentB);
	border-radius:6px;
	overflow:hidden;
	cursor:pointer;
	transition:background-color .25s ease
}

.pThmb .echrahnet-author > .im {
	width:16px;
	height:16px;
	flex:0 0 16px;
	margin-right:4px
}

.pThmb .echrahnet-author > svg {
	width:13px;
	height:13px;
	flex:0 0 13px;
	fill:#1DA1F2;
	margin-left:4px
}

/* The name is expanding content inside the SAME visual body. */
.pThmb .echrahnet-author-card {
	position:static;
	display:flex;
	align-items:center;
	width:0;
	max-width:0;
	height:auto;
	min-height:0;
	margin:0;
	padding:0;
	background:transparent!important;
	border:0;
	border-radius:0;
	box-shadow:none;
	opacity:0;
	visibility:hidden;
	overflow:hidden;
	transform:none;
	pointer-events:none;
	transition:
		width .25s ease,
		max-width .25s ease,
		opacity .18s ease,
		visibility .18s ease;
	z-index:auto
}

.pThmb .echrahnet-author-card > img {
	display:none!important
}

.pThmb .echrahnet-author-card-text {
	display:flex;
	align-items:center;
	min-width:0;
	margin:0;
	padding:0
}

.pThmb .echrahnet-author-label {
	display:none!important
}

.pThmb .echrahnet-author-name {
	display:block;
	width:max-content;
	max-width:145px;
	margin:0;
	padding:0;
	color:var(--bodyC)!important;
	font-family:var(--fontB);
	font-size:12px!important;
	font-weight:400!important;
	line-height:16px!important;
	text-decoration:none!important;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}

.pThmb .echrahnet-author-name:hover {
	color:var(--linkC)!important
}

.pThmb .echrahnet-author.is-open .echrahnet-author-card,
.pThmb .echrahnet-author:focus-within .echrahnet-author-card {
	width:auto;
	max-width:145px;
	opacity:1;
	visibility:visible;
	pointer-events:auto
}

@media (hover:hover) and (pointer:fine) {
	.pThmb .echrahnet-author:hover .echrahnet-author-card {
		width:auto;
		max-width:145px;
		opacity:1;
		visibility:visible;
		pointer-events:auto
	}
}

.Rtl .pThmb .echrahnet-author > .im {
	margin-left:4px;
	margin-right:0
}

.Rtl .pThmb .echrahnet-author > svg {
	margin-left:0;
	margin-right:4px
}



@media screen and (max-width:768px) {
	.pThmb > .iFxd:not(.bl) {
		display:flex!important;
		visibility:visible!important;
		opacity:1!important
	}

	.pThmb > .iFxd:not(.bl) .bM,
	.pThmb > .iFxd:not(.bl) .bmPs {
		display:flex!important;
		visibility:visible!important;
		opacity:1!important
	}
}


/* Follow Google */
.follow-google {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #ddd;
	padding:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center
}
/* Window Scroll */
.progress-container {
	width:100%;
	position:fixed;
	z-index:9
}
.progress-bar {
	width:0%;
	height:5px;
	background:var(--linkB)
}
.drK .progress-bar {
	background:var(--darkU)
}
/* RGB Effect */
.stwRainbow,.stwBlurRainbow {
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	right:0;
	height:3px;
	z-index:23;
	background:linear-gradient(-45deg, #4086F4, #31A952, #FBBE01, #EB4132,#4086F4, #31A952, #FBBE01, #EB4132);
	background-size:200%;
	-webkit-animation:animeBar 5s linear infinite;
	animation:animeBar 5s linear infinite
}
.stwBlurRainbow {
	height:10px;
	z-index:22;
	filter:blur(10px);
	opacity:.7
}
@-webkit-keyframes animeBar {
	0% {
		background-position:0% 50%
	}
	50% {
		background-position:100% 50%
	}
	100% {
		background-position:0% 50%
	}

}
@keyframes animeBar {
	0% {
		background-position:0% 50%
	}
	50% {
		background-position:100% 50%
	}
	100% {
		background-position:0% 50%
	}

}