الجوالات
تواصل منصة YouTube تطوير تجربة مقاطع الفيديو القصيرة YouTube Shorts في محاولة لجعل المشاهدة أسرع وأكثر راحة وأقل تشتيتًا . وفي تحديث...
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#" >
Platform : Blogger
-> Category : Magazine
-> Homepage : https://qawa3id-web.likapps.com/
-> Version : 2.3
-> Updated : 7 jully 2025
*//*=================
>Variables
===================
*//*=================
>Normalize
===================*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/** Standered Css **/
:root{
--transition1: all .2s ease-in-out;
--transition2: linear .2s;
--highlight-bg: #f6f6f6 ;
--highlight-color: #2f3337 ;
--highlight-orange: #b75501 ;
--highlight-blue: #015692 ;
--highlight-green: #54790d ;
--highlight-red: #f15a5a ;
--highlight-comment: #656e77 ;
}
*,
*::before, *::after {box-sizing: border-box;}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {font-weight: 500;line-height: 1.2;}
h1, .h1 {font-size: calc(.9rem + 1.5vw);}
h2, .h2 {font-size: calc(.9rem + 0.9vw);}
h3, .h3 {font-size: calc(.9rem + 0.6vw);}
h4, .h4 {font-size: calc(.9rem + 0.3vw);}
h5, .h5 {font-size: 1.25rem;}
h6, .h6 {font-size: 1rem;}
@media (min-width: 1500px) {
h1, .h1 {font-size: 2.5rem;}
h2, .h2 {font-size: 2rem}
h3, .h3 {font-size: 1.75rem;}
h4, .h4 {font-size: 1.5rem;}
}
a{text-decoration:none;width: fit-content;height: fit-content;display: block;color:$(body.link.color)}
::selection{color:#fff;background:$(body.link.hover.color)}
::visited{color:$(body.link.visited.color);}
::-webkit-scrollbar {-webkit-appearance: none;width: 7px}
::-webkit-scrollbar-thumb {background-color: #aaa}
img{position:relative;max-width: 100%;object-fit: cover;transition : .4s all}
.hidden, .no-items{display:none !important}
.fixedMenu{scroll-snap-type: y mandatory;}
.fixedMenu .tocHeading{scroll-snap-align: start;scroll-margin-top: calc($(header.height) + $(menu.height))}
.d-flex{display: flex;}
.noScroll{overflow:hidden}
.f-wrap{flex-wrap: wrap;}
.al-center{align-items: center;}
.sticky{position:sticky !important;top:0}
.j-center{justify-content: center;}
.container::after{clear:both;content:"";display:table}
.clearboth{clear:both}
.BLOG_mobile_video_class{display:none}
.inline-ad{display:none;max-width:100%;overflow:hidden}
#cookieChoiceInfo{bottom:0;top:auto}
.noList, .noList :is(ul, ol) {list-style: none;margin: 0;padding: 0}
.container-fluid{width: 100%;padding-$endSide: calc(1.5rem * 0.5);padding-$startSide: calc(1.5rem * 0.5);margin-$endSide: auto;margin-$startSide: auto;}
.wrapper{max-width: $(wrapper.width);margin-$endSide: auto;margin-$startSide: auto;}
svg.outline, svg .outline{fill:none!important;stroke:$(body.icon.color);vertical-align:middle;stroke-linejoin:round;stroke-width:2}
.svg-c{stroke: $(keycolor);fill: none;}
.qw-fill .svg-c{fill: $(keycolor);stroke: none;}
.fCls{display:block;position:fixed;top:0;$startSide:0;$endSide:0;bottom:0;z-index:1;transition:var(--transition1);background:transparent;opacity:0;visibility:hidden}
html{scroll-behavior:smooth}
body{background: $(body.background);color:$(body.text.color);margin:0;min-height:100vh;background-size: cover;overflow-wrap:break-word;word-break:break-word;word-wrap:break-word}
body[data-protect='true']{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#ContactForm396{display:none}
.postBody a {display: inline;margin: 0}
.post-body img{max-width:100%}
.post-body iframe{max-width:100%;height: auto;aspect-ratio: 16 / 9;margin-inline: auto;display: block;}
.post-body #ContactForm396{display:block}
/* Keyframes Animation */
@keyframes fadein{50%{opacity:1}80%{opacity:1;height:35px}100%{opacity:0;height:0}}
@keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
@keyframes kfr-filled { 0% {opacity: 0;transform: scale(0);} 50% {opacity: 1;transform: scale(1.2);}}
@keyframes kfr-celebrate { 0% {transform: scale(0)} 50% {opacity: 0.8} 100% {transform: scale(1.2);opacity: 0;display: none}}
@keyframes heart{from{transform:scale(1)}10%{transform:scale(1.2)}}
/*** Preloader ***/
.preloader {position: fixed;inset: 0;background-color: #fff;z-index: 99;display: grid;place-content: center}
.loader {width: 60px;aspect-ratio: 1;border-radius: 50%;background: radial-gradient(farthest-side,$(keycolor) 94%,#0000) top/10px 10px no-repeat,conic-gradient(#0000 30%,$(keycolor));-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 0);animation: rotation 1s infinite linear}
@keyframes rotation{ 100%{transform: rotate(1turn)}}
.darkMode .preloader{background-color:$(dark.bg)}
/** Main Content **/
.mainContent {max-width: 100%;width: 100%;margin: 0 auto;background-color: $(body.background.color);-webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);-moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%)}
.page {min-height: 100vh;padding-block:30px}
.page_body{width:calc(100% - $(sidebar.width));height:100%;padding-$endSide:$(content.margin)}
aside{width: $(sidebar.width)}
/***** Header Tag ****/
.top-header {position: relative;background-image: linear-gradient(30deg, $(header.bg.stepColor), $(header.bg.backColor));box-shadow: 0px 3px 12px 2px rgb(0 0 0 / 15%)}
header{top:0;$startSide:0;box-shadow: 1px 0px 0.5px 1px hsla(0, 0%, 100%, 0.1), 3px 0 12px 1px rgb(20 21 26 / 8%);z-index: 10;}
.fixedMenu header {position: sticky;top: 0;z-index: 10}
.header-wrapper{height: $(header.height);position: relative}
/** Header Widget **/
.menuToggle {display: none;width: 22px;}
.menuToggle svg.outline {width: 26px;height: 26px;stroke: $(header.icon.color)}
.Header .header-widget h1 {font-size:$(blog.title.size);color: $(blog.title.color);text-align: center;font-weight: 700;width: fit-content;margin: 0 auto}
.Header .header-widget h1 a{color: $(blog.title.color);margin-inline: auto}
.header-image-wrapper{max-width: $(blog.pic.width);display: block}
.Header .header-widget img {display:block;max-height:$(header.height);object-fit: contain}
.darkModeBtn {position: relative;display: grid;place-items: center;width: 33px;height: 33px;}
.mobileMenu .darkModeBtn {margin-inline: auto}
.darkModeBtn svg {position:absolute;margin:auto}
.darkModeBtn .moon {display: none}
.darkMode .darkModeBtn .sun {display: none}
.darkMode .darkModeBtn .moon {display: block}
#heading, .headerIcon {width: 15%}
/** Header Pages **/
#heading-middle {width: 70%;margin-inline: auto}
#heading-middle .PageList ul {margin-inline: auto;column-gap: 8px; width: fit-content}
#heading-middle .PageList ul li {margin: 0}
#heading-middle .PageList ul li a {color: $(header.page.color);padding: 5px;font-weight: 600;font-size: $(header.page.size)}
/** Menu **/
.menuBar {background-color: $(menu.bg)}
#menu-bar{overflow: hidden;height:$(menu.height)}
#LinkList302 {margin-inline: auto;opacity: 0}
.menu{list-style: none;padding:0;margin:0}
.menu>li {padding-inline: 5px;margin-inline: 5px;height:$(menu.height)}
.menu li a {position: relative;font-size: $(menu.font.size);color: $(menu.link.color);font-weight: 500;-webkit-transition: var(--transition1);transition: var(--transition1)}
.menu li a span {width: max-content}
.menu>li>a:after {content: "";display: block;width: 90%;background-color: $(keycolor);height: 3px;border-radius: 2px 2px 0 0;position: absolute;inset-inline:0;margin-inline:auto;bottom: -15px;transition: ease-in-out .3s all;opacity: 0}
.menu>li:hover>a:after{opacity: 1}
.menu li.drop-menu > .down, .menu li.drop-menu .bot-menu > .down, .mega-menu > .down{display: grid;place-content: center;margin-$startSide: 8px;-webkit-transition: var(--transition1);transition: var(--transition1)}
.menu li.drop-menu > .down:after, .menu li.drop-menu .bot-menu > .down:after, .mega-menu > .down:after{user-select: none;content: "";display: block;width: 8px;height: 8px;background: transparent;border: 2px solid $(menu.icon.color);border-bottom-color: transparent;border-left-color: transparent;transform: rotate(135deg);border-radius: 2px;-webkit-transition: var(--transition1);transition: var(--transition1)}
.menu li.drop-menu > ul, .menu li.drop-menu .bot-menu > ul{list-style: none;padding: 10px;width:180px;height:auto;background-color:$(menu.dropdown.bg);position:absolute;box-shadow: 0 0 20px #00000014;border-radius: 2px;top:calc($(menu.height) + $(header.height) + 50px);z-index:10;visibility:hidden;opacity:0;-webkit-transition: var(--transition1);transition: var(--transition1)}
.menu li.drop-menu ul li{float:none!important;padding: 12px 8px;border-radius: 8px;position:relative}
.menu li.drop-menu ul li:hover {background-color: rgb(104 104 104 / 10%);}
.menu li.drop-menu ul li:hover a {transform: translateX(-5px);}
body.ltr .menu li.drop-menu ul li:hover a {transform: translateX(5px);}
.menu li.drop-menu >ul li a{font-weight: 500;font-size: 15px;width:100%}
.menu li.drop-menu:hover > ul, .menu li.drop-menu .bot-menu:hover > ul{visibility:visible;opacity:1;top:calc($(menu.height) + $(header.height))}
.menu li.drop-menu .bot-menu > .down{margin-$endSide: 4px;margin-$startSide:auto}
.menu li.drop-menu .bot-menu > .down:after {transform:rotate(-135deg)}
body.ltr .menu li.drop-menu .bot-menu > .down:after {transform:rotate(45deg)}
.menu li.drop-menu .bot-menu > ul{top:0;transform: translateX(0px);position:absolute;$startSide:90%}
.menu li.drop-menu .bot-menu:hover > ul{top:0;$startSide:calc(100% + 1px)}
.menu li.drop-menu .bot-menu > ul li {padding-$startSide: 15px;padding-$endSide: 15px}
.navMobile{list-style:none;margin:0;color:#161617;font-size:100%;justify-content:space-evenly;position:fixed;$endSide:0;bottom:0;width:100%;height:60px;padding:0 10px;z-index:9;background-color: #fefefe;box-shadow: 0 -10px 20px 0 rgba(30,30,30,.1);bottom: 0;border-radius: 20px 20px 0 0;}
.navMobile li{width:20%;text-align:center}
.navMobile a {display: grid;place-items: center;margin-inline: auto}
.navMobile svg{height:24px;width:24px}
.clsMenu, .mobileMenu{display:none}
/** Mega Menu **/
.megaMenu {min-height:200px;list-style: none;padding: 18px;width: 90%;inset-inline: 0;margin-inline: auto;height: auto;background-color: $(menu.dropdown.bg);position: absolute;box-shadow: 3px 0 16px rgb(0 0 0 / 15%);border-radius: 8px;top: calc($(menu.height) + $(header.height) + 40px);gap:0px;z-index: 0;visibility: hidden;opacity: 0;-webkit-transition: var(--transition1);transition: var(--transition1)}
.menu li:hover .megaMenu{visibility:visible;opacity:1;z-index: 10;column-gap: 25px;top:calc($(menu.height) + $(header.height))}
.menu .mega-menu .megaMenu .cust-post {width: calc(20% - 20px)}
.megaThumb {position: relative;height: 135px}
.megaContent h2.cust-title a {font-weight: 600;font-size: 14px}
.megaLoader{display: grid;place-content: center;width: 100%;height: 100%;position: absolute;inset: 0}
.megaLoader svg{fill:$(keycolor);width:50px;height:50px;margin:auto}
.megaContent h2.cust-title {margin-bottom: 0}
/* Header Icons */
.headerIcon {justify-content: flex-end;column-gap: 20px;margin-$startSide:auto}
.headerIcon >* svg {width: 22px;height: 22px;stroke:$(header.icon.color);}
.headerIcon >*{position: relative;cursor: pointer;height: 33px;display: grid;place-content: center}
.headerIcon >* .tooltip-text {visibility: hidden;width: max-content;font-size: 12px;background-color: rgb(0 0 0 / 80%);color: #fff;text-align: center;border-radius: 5px;padding: 2px 8px;position: absolute;z-index: 1;top: 125%;left: 50%;transform: translateX(-15%);opacity: 0;transition: var(--transition1)}
.headerIcon >*:hover .tooltip-text {visibility: visible;opacity: 1}
.socialFixed {list-style: none;padding: 0;margin: 0;gap: 12px}
.socialFixed li a {font-size: 18px;color: #fff;height: 35px;width: 35px;display: grid;place-content: center;border-radius: 50%}
.socialFixed li svg {width: 18px;height: 19px;fill: #fff;vertical-align: middle;stroke-width: 1.5}
footer .socialFixed li svg.outline{stroke:$(footer.text.color)}
/** Search Box **/
.srch .fixLi {padding: 20px;background-color: #fff}
.srch_frm {width: 100%}
.searchForm {width: 100%;position: relative}
.searchForm #searchInput {width: 100%;outline: 0;background: transparent;border: none;border-bottom: 1px solid #ccc;padding: 5px 10px;font-size: 14px;height: 40px;font-weight: 600}
.searchForm .searchButton {outline: 0;border:none;background-color: transparent;padding: 0;position: absolute;top: 0;height: 100%;padding: 0 15px;$endSide: 0;border-radius: 90px 0 0 90px}
.searchForm .searchButton svg.outline {stroke: #212121;vertical-align: -4px;width: 20px;height: 20px}
.srchHead {margin-bottom: 25px;justify-content: space-between}
.srchHead .title {margin-bottom: 0;font-size: 1.1rem}
.clsBtn {display: block}
.clsBtn:after {content: '\2715';line-height: 18px;font-weight: 600;font-size: 14px}
.srch_frm .Label {margin-top: 25px}
.srch_frm .widget .title {font-size: 1.1rem;}
.widget .srchHead .title {margin-bottom: 0}
.darkMode .searchForm .searchButton svg.outline{stroke:$(dark.text)}
/** Keywords **/
#Label051 .keysCloud{gap: 18px 10px;align-items: center;width: 100%}
#Label051 label {gap: 6px;margin-top: 10px;padding-block: 8px}
#Label051 label::before {content: attr(data-show) ' ';font-size:14px;}
#Label051 .cloud-label-widget-content>label::after {content: attr(data-length);font-size: smaller;opacity: .8}
#Label051 .cloud-label-widget-content .labelK:checked ~ label::before{content:attr(data-hide)}
#Label051 .cloud-label-widget-content .labelK:checked ~ label::after, #Label051 .cloud-label-widget-content .labelK:not(:checked) ~ .keysCloud >*:not(.slice){display:none}
/* Fixed/Pop-up Element */
.fixL{position:fixed;left:0;right:0;bottom:0;margin-bottom:-100%;z-index:20;transition:var(--transition1);width:100%;height:100%;opacity:0;visibility:hidden}
.fixLi{width:100%;max-width:680px;max-height:calc(100% - 60px);border-radius:6px;transition:inherit;z-index:3;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)}
.iFxd .first-label {margin-$endSide: auto;font-size: 13px;font-weight: 500;padding-inline: 18px;height: 28px;color:#fff;border-radius: 20px;-webkit-transition: var(--transition1);transition: var(--transition1)}
.index .blogPosts article:hover .iFxd .first-label {margin-$startSide: -100%;}
.iFxd .first-label:empty{display:none}
.fixLs{padding:20px;width:100%;background-color:#fff}
.fixH{background:inherit;margin-bottom: 30px;z-index:2}
.fixT::before {content: attr(data-text);flex-grow: 1;font-size: 15px;font-weight: 700;color: #212121}
.fixT .c svg{width:15px;height:15px;color:#212121;margin:0 8px;}
.fixi:checked ~ .fixL{margin-bottom:0;opacity:1;visibility:visible}
.fixi:checked ~ .fixL .fCls{opacity:1;visibility:visible;background:#121418;opacity: .8}
.iFxd{justify-content:flex-end;position:absolute;z-index: 1;top:0;left:0;right:0;padding:10px 6px;font-size:13px;line-height:16px}
.iFxd >*{display:flex;align-items:center;margin:0 5px;padding:5px 2.5px;border-radius:8px;background:$(posts.byline.bg);color:$(posts.byline.color);box-shadow:0 5px 12px rgba(18,20,24,0.1)}
.cmnt {display: flex;align-items: center;margin-$startSide: auto}
.cmnt svg.outline {width: 20px;height: 20px;margin-$startSide: 4px}
.cmnt::before{content:attr(data-text);font-size: 14px;color:$(posts.text.color)}
.psDetail .pIc .cmnt, .psDetail .pIc .cmnt svg{margin: 0}
/** Blog Widget **/
.blogPosts {max-width: $(content.width);margin: 0 auto}
.index .blogPosts article {position: relative;background-color:$(posts.bg);padding: 15px;box-shadow: -1px 3px 12px rgb(0 0 0 / 8%);border-radius: 2px;overflow: hidden;}
.static_page .blogPosts article, .item .blogPosts article{width:100%;min-height: 100vh;padding: 30px;margin-bottom:40px;background-color:$(posts.bg);box-shadow: 0 0 12px rgb(0 0 0 / 10%);border-radius: 4px;}
.index .blogPosts{display:flex;flex-wrap:wrap;gap:30px}
.index .blogPosts .pThmb{width: 100%;height: $(post.thumb.height);margin-bottom: 15px}
.share-menu{padding: 0;margin: 0;list-style: none;position: absolute;inset: 0;width: 100%;column-gap: 10px;height: 100%;display: flex;align-items: center;justify-content: center;z-index: 2;background-color: rgb(0 0 0 / 50%);visibility: hidden;opacity: 0;-webkit-transition: var(--transition1);transition: var(--transition1)}
.index .blogPosts article:hover .share-menu {opacity: 1;visibility: visible}
.share-menu li a, .share-menu li div {display:grid;place-content:center;border-radius: 46%;height: 40px;width: 41px;transition: var(--transition1);background-color: $(posts.bg)}
.index .blogPosts article .share-menu li a:hover , .index .blogPosts article .share-menu li> div:hover{transform: translateY(-5px);}
.index .blogPosts article .share-menu li{transform: translateY(20px);}
.index .blogPosts article:hover .share-menu li{transform: translateY(0);transition: var(--transition1)}
.share-menu li a svg, .share-menu li div svg{height: 20px;width: 20px;}
.share-menu li.fb a svg {fill: #4267b2;}
.share-menu li.twit a svg {fill: #212121;}
.darkMode .share-menu li.twit a svg {fill: #fefefe;}
.share-menu li.pin a svg {fill: #E60023;}
.share-menu .con-like .outline {stroke-width: 3px}
.read-more {margin-top: 10px;justify-content: space-between}
.read-more svg{width:20px;height:20px;stroke:$(posts.text.color);stroke-width:2;margin:0 2.5px}
.postInfo .pTtmp::after {color:$(posts.text.color);font-weight: 500;font-size: 14px}
.postInfo .nm::before{color:inherit}
.postInfo .pTtmp::before {content: '';width: 3px;height: 3px;vertical-align: baseline;border-radius: 50%;display: inline-block;background-color: $(keycolor);margin-inline: 0.5rem}
.index .pTtl a , .itemPopulars .itemTitle a, .cust-title a{display: inline;color: $(posts.title.color);transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1)}
.rtl.index .pTtl a , .rtl .itemPopulars .itemTitle a, .rtl .cust-title a{background: linear-gradient(to right, currentColor 0%, currentColor 100%) 100% 100% / 0 2px no-repeat;}
.ltr.index .pTtl a , .ltr .itemPopulars .itemTitle a, .ltr .cust-title a{background: linear-gradient(to left,currentColor 0%,currentColor 100%) 0 100% / 0 2px no-repeat;}
.index .blogPosts article:hover .pTtl a, .itemPopulars .itemPopular:hover .itemTitle a , .cust-post:hover .cust-title a {background-size: 100% 2px}
/** Header Profile **/
.headerProfile{display:block; position:absolute;top:30px;$endSide:36px;width:270px;max-height:450px; background-color:#fff;;border-radius:6px;box-shadow:-1px 8px 12px 0px rgb(0 0 0 / 13%);transition:var(--transition1); overflow:hidden;z-index:3;opacity:0;visibility:hidden}
.darkMode .headerProfile{background-color:$(dark.front.bg);}
.Profile .profileHeader {padding: 12px 10px 10px}
.Profile .profileHeader label {justify-content: space-between;font-size: 13px}
.clsprofile:after {content: '\2715';font-weight: 600;font-size: 13px}
.profInput:checked ~ .mainContent .headerProfile{opacity:1;visibility:visible;top:8px}
.profInput:checked ~ .mainContent .closeProfile{opacity:1;visibility:visible}
#LinkList089 {padding: 0 15px 15px;}
#LinkList089 .socialFixed {justify-content: center;gap: 20px;border-top: 1px solid rgb(135 135 135 / 25%);padding-top: 15px}
#LinkList089 .socialFixed li svg {width: 21px;height: 21px}
#Profile003 .solo{padding: 10px 15px;box-shadow:none;border-radius:0}
#Profile003 .solo .profileImage .social-hover:after{display:none}
#Profile003 .solo .profileImage .authImg{width: 50px;height: 50px;border-radius: 50%;}
#Profile003 .solo .profileText {font-size: 12px}
#Profile003 .teamMemeberProfile .profile-toggle.pThmb {width: 40px;height: 40px;border-radius: 50%}
#Profile003 .team{padding:15px}
#Profile003 .team> ul .teamMember{width: auto;height: auto}
#Profile003 .team> ul >li:not(:last-child) {margin-bottom: 20px}
.teamMemeberProfile {gap: 8px;width: 100%}
#Profile003 .teamMemeberProfile .profileContent {width: 100%}
#Profile003 .teamMemeberProfile .profileContent .profileName {justify-content: space-between;font-size: 14px}
#Profile003 .teamMemeberProfile .profileContent svg.outline {width: 16px;height: 16px;stroke-width: 2;stroke: #fff}
#Profile003 .teamMemeberProfile .profileContent a{width: 30px;height: 30px;background-color: $(keycolor);border-radius: 50%;display: grid;place-content: center}
/* Bookmark */
.con-like{position:relative}.con-like .checkmark{width:25px;height:25px;justify-content:center;align-items:center}.con-like .outline,.con-like .filled{position:absolute}.con-like .outline,.con-like .filled{stroke:rgb(255,50,100);stroke-width:2px;fill:none}.con-like .outline{stroke:$(body.icon.color)}.con-like .filled{fill:rgb(255,50,100)}.con-like .filled{animation:kfr-filled 0.5s;display:none}.con-like .celebrate{position:absolute;animation:kfr-celebrate 0.5s;animation-fill-mode:forwards;width:50px;height:50px;display:none}.con-like .poly{stroke:rgb(255,50,100);fill:rgb(255,50,100)}.con-like .like:checked ~ .checkmark .filled{display:block}.con-like .like:checked ~ .checkmark .outline{display:none}.con-like .like:checked ~ .checkmark .celebrate{display:block}.bookMark{position:relative}.bookMark .bm-counter{display: grid;place-content: center;background-color:$(keycolor);color:#fff;border-radius:50%;font-size:11px;font-weight:600;width:15px;height:15px;$endSide:65%;top:-2px}.bookmark-wrapper{border:1px solid rgb(135 135 135 / 25%);opacity:0;max-width:280px;width:100%;box-shadow:0 4px 30px rgba(0,0,0,.03);border-radius:6px;$endSide:0;overflow:hidden;top:calc(100% - 1px);transform:translateY(10px);visibility:hidden;z-index:2}.bookmark-inner{min-height: 100px;max-height:280px;overflow-y:auto;overflow-x:hidden}.noFav {display: grid;place-content: center;height: 100%;padding: 10px;font-size: 14px}.bookmark-title{font-weight:800;font-size: 14px;padding: 10px;z-index:3;position:sticky;position: -webkit-sticky;justify-content:space-between;top:0}.bm-title a{font-size: 12px;color:inherit}.bm-thumb{flex:0 0 65px;height:60px;border-radius:10px;overflow:hidden;position:relative}.bm-thumb a{display:block;height:100%}.bm-thumb img{height:100%}.bm-delete{margin-$startSide:auto;white-space:nowrap}.bm-delete svg{height:1.1rem;width:1.1rem}.bm-delete:hover svg{stroke:#e51b1b}.bookmark-wrapper,.bookmark-title{background-color:#fff}.bookmark-inner{padding:10px}.bookmark-inner ul,.bookmark-inner li{width:100%;gap:10px;list-style-type:none;margin:0;padding:0}.bm-more:after{content:attr(data-show);border-top:1px solid rgb(135 135 135 / 25%);width:100%;padding:8px 8px 0;font-size: 13px;margin-top:1rem}.bookMark label,.bm-delete{cursor:pointer}.bookMark .bm-counter,.bookmark-wrapper{position:absolute}.bookMark svg,.bookmark-wrapper{transition:var(--transition1)}#bm-off:checked~.mainContent .bookmark-wrapper{top: 8px;transform:translateY(0)}#bm-off:checked~.mainContent .closeBm,#bm-off:checked~.mainContent .bookmark-wrapper,#bmAll:checked~.mainContent .bmRest{opacity:1;visibility:visible}.bmRest{display:none;transition:.2s ease-in-out}
#bmAll:checked~.mainContent .bmRest{display:flex;flex-direction:column;padding-top:1rem}#bmAll:checked~.mainContent .bm-more:after{content:attr(data-hide)}
.bookmark-loading{height:100%;position:relative;padding:.5rem;text-align:center}
.bookmark-loading svg{position: absolute;top: calc(50% - 20px);left: calc(50% - 20px);width: 40px;height: 40px;fill:$(keycolor)}
.closeBookmark:after {content: '\2715';line-height: 18px;font-weight: 600;font-size: 14px}
/* Thumbnail */
.pThmb, .PLHolder{overflow:hidden;position:relative;border-radius:3px;transition:.8s all;background-color:rgb(159 159 159 / 12%)}
.pThmb .thmb, .PLHolder{display: block;width: 100%;height: 100%;position:relative;color:inherit;transition:var(--transition1)}
.PLHolder img{visibility:hidden}
.pl-fade .PLHolder img{opacity:0}
.pl-zoomin .PLHolder img{transform:scale(0)}
.pl-zoomout .PLHolder img{transform:scale(2)}
.pl-rotate .PLHolder img{transform:rotate(-360deg)}
.pl-blur .PLHolder img{filter:blur(50px)}
.pThmb div.thmb span::before{content:attr(data-text);opacity:.7;white-space:nowrap}
.pThmb.iyt .thmb::after{content:'';position:absolute;top:50%;width: 45px;height: 45px;box-shadow: 0 0 12px rgb(0 0 0 / 10%);transform:translate(-50%, -50%);border-radius:50%;left:50%;padding:5px;background:#FF0010 url('data:image/svg+xml,') center center / 22px no-repeat;transition:var(--transition1)}
.pThmb.iyt:hover .thmb::after, article:hover .pThmb.iyt .thmb::after{opacity:0}
.cust-post:hover img, .index .blogPosts article:hover img, .itemPopular:hover img{transform: scale(1.1)}
/* Label */
.pLbls >*::before{content:'#';margin-$endSide: 3px;color:$(keycolor);}
.pLbls a:hover{text-decoration:underline}
.pLbls >*{color:inherit;vertical-align: middle;display:inline-flex;align-items:center;margin-$endSide: 5px}
/* Profile Name */
.nm::before {content: attr(data-text);display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;direction: rtl}
.rtl .nm::before {direction: rtl}
.ltr .nm::before {direction: ltr}
/* Widget Style */
#sbCntnt2{margin-top: 25px;position: sticky;top:15px}
.fixedMenu #sbCntnt2 {top: calc($(header.height) + $(menu.height) + 15px)}
aside .widget:not(.Profile){padding: 20px 20px 30px;box-shadow: 0 5px 35px rgb(0 0 0 / 7%);border-radius: 3px;background-color:$(widget.bg)}
aside .widget:not(:last-child){margin-bottom:25px;}
.widget .subtitle {font-size: $(widget.subtitle.size);font-weight: 500;color:$(widget.subtitle.color);margin-bottom:8px}
.widget .title{margin-block: 0px 25px;font-size:$(widget.title.size);font-weight:700;color:$(widget.title.color);position:relative}
.widget .title:empty{display:none}
aside .widget .title::after, footer .widget .title::after {content: '';display: inline-block;vertical-align: middle;width: 25px;margin: 0 10px;border-bottom: 1px solid #989b9f;opacity: .5}
aside .widget .title::before, footer .widget .title::before {position: absolute;top: 0;$endSide: 0;content: '';width: 20px;height: 20px;display: inline-block;opacity: .3;background: url("data:image/svg+xml,") center / 20px no-repeat}
.rtl .widget .title::before{transform:rotate(-90deg);}
body .FeaturedPost .title::before{display:none}
/* Title and Entry */
.pTtl{color:$(posts.title.color)}.pTtl a{color:$(posts.title.color);line-height:1.7em}.pTtl.sml{margin-block:0 1rem;font-weight:700;text-wrap: pretty;font-size:clamp(1.1rem,1.15vw,2rem)}.pTtl.itm{margin-top:1rem;font-size:1.6rem ;font-weight:900;line-height:1.6em}.pSnpt,.itemEntry{color:inherit;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.pEnt{margin-top:20px;line-height:1.8em}.pHdr{margin-bottom:8px}.pHdr .pLbls{white-space:nowrap;line-height: 1;text-overflow:ellipsis}.pSml{font-size:93%}.pSnpt{-webkit-line-clamp:3;font-size:14px;line-height:1.5rem;color:$(posts.text.color);font-weight:400}.itemEntry{-webkit-line-clamp:2;margin:12px 0 0;font-size:14px;font-weight:400}.pDesc{font-size:16px;line-height:1.5em;margin:8px 0 25px;opacity:.7}.item .blogPosts .pInf{margin-top:10px}.pInf.nTm{margin:0}.pInf.ps{justify-content:flex-start;align-items:center;margin-top:25px;position:relative;left:-4px;right:-4px;width:calc(100% + 8px)}.pInf.ps .pTtmp::before{content:attr(data-date) ' '}.pInf.ps .pTtmp::after{display:inline}.pInf.ps.nul{display:none}.pInf .pIm{flex-shrink:0;margin:0 4px}.pInf .pNm{flex-grow:1;width:calc(100% - 108px);display:inline-flex;flex-wrap:wrap}.pInf .pNm.l{display:none}.pCm{flex-shrink:0;margin:0 2px}.pIc>*{display:flex;align-items:center;justify-content:center;width: 34px;height: 34px;border-radius: 12px;border: 1px solid rgb(230, 230, 230);position:relative;margin:0 2px;color:inherit}.pIc svg{width:18px;height:18px;stroke-width: 2.4;z-index:1}.pIc .cmnt::before{content:attr(data-text);display:grid;place-content:center;font-weight:600;font-size:10px;height:15px;width:15px;border-radius:50%;background:$(keycolor);color:#fefefe;position:absolute;top:-4px;$startSide:-4px;z-index:2}.pInf .pDr{display:inline-block;margin:0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.pInf .pDr>*:not(:first-child)::before{content:'\00B7';margin:0 5px}.pInf .pIn{display:inline}.pInf .nm{margin:0 4px}.aTtmp,.pJmp{overflow:hidden}.pTtmp::after,.pJmp::before,.iTtmp::before{content:attr(data-text);display:inline-block;white-space:nowrap}.pJmp::before{content:attr(aria-label)}.ntry:hover .pJmp,.itm:hover .pJmp{opacity:1}.pInf .pDr::before {content: '';width: 3px;height: 3px;vertical-align: baseline;border-radius: 50%;display: inline-block;background-color: $(keycolor);margin-inline: 0.5rem}
.item .blogPosts .pInf .authorImg {width: 50px;height: 50px}
.item .blogPosts .pInf .authorImg img {height: 100%;width: 100%;border-radius: 50%;padding: 3px;border: 1px solid $(keycolor)}
.darkMode .pTtl{color:$(dark.text)}
/* Blog pager */
.blogPager{font-size:15px;}
.blogPager>* {font-weight: 500;padding: 10px 30px;font-size:14px;color:#fefefe;width: fit-content;border-radius: 90px;align-items: center;margin-inline: auto;margin-block: 30px;box-shadow: 0 5px 12px rgba(18,20,24,0.1);background-color: $(keycolor);}
.blogPager>*:not(#loadMorePosts) {display:none}
.blogPager>* svg{width:20px;height:20px;fill:$(keycolor)}
.blogPager>* svg.outline{fill:none;stroke:$(keycolor);stroke-width:1.5}
.blogPager .jsLoad svg{margin-$startSide:8px}
.blogPager .noPost{cursor:not-allowed}
.blogPager .noPost svg,.blogPager .noPost.jsLoad svg{fill:#fefefe}
.loadMore.empty {display: none}
/* Breadcrumb */
.brdCmb{margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brdCmb a{color:inherit}.brdCmb>*{display:flex;align-items:center;flex-shrink: 0;margin-$endSide: 8px;}.brdCmb .tl::before{content:attr(data-text);color:$(keycolor)}.brdCmb .hm a{font-size:90%;display:inherit;opacity:.7}
.brdCmb> *:not(:last-child):after {content: '/';margin-$startSide: 8px;font-size: 90%;opacity: .7}
/* Article Style */
#postInner {overflow: hidden}.pS h1,.pS h2,.pS h3,.pS h4,.pS h5,.pS h6{margin:1.2rem 0;font-weight:900;color:$(posts.title.color);line-height:1.5em}.pS .separator, .pS .separator a{margin-inline:auto;max-width:fit-content}.pS img{display:inline-block;border-radius:3px;margin-inline:auto;height:auto!important}.pS img.full{display:block!important;margin-bottom:10px;position:relative;width:100%;max-width:none}.pS .widget{margin:40px 0}.tr-caption-container td {border: none;padding: 0}
/* Article Options */
.post-pages{display:flex;clear:both;overflow:hidden;margin-top:15px;text-align:center}.pagination-container{justify-content:space-between;width:100%}.numPagination{justify-content:center}.numPagination .prevContainer,.numPagination .nextContainer{width:25%}.numPagination .pagesContainer{gap: 10px;width:50%}.post-pages a,.post-pages span{padding:5px 20px;background-color:$(keycolor);white-space: nowrap;color:#fff;display:inline-flex;border-radius:8px;font-weight:500;align-items:center;justify-content:center;z-index:2;width:fit-content;transition:padding .2s}.post-pages a.prev-page{margin-$endSide:auto;margin-$startSide:0}.post-pages a.prev-page:hover{padding-$startSide:10px}.post-pages a.next-page{margin-$startSide:auto;margin-$endSide:0}.post-pages a.next-page:hover{padding-$endSide:10px}.post-pages .currentPage{opacity:.8}body.no-sidebar aside{display:none}body.no-sidebar .mainContent .page_body{max-width:$(content.width);margin:0 auto}
.article-ad {display:none;margin: 20px auto;text-align: center}
.blogPosts.showAds .article-ad{display:block}
.blogPosts.showAds .article-ad:empty{display:none}
#blog-pager {justify-content: space-between;padding-bottom: 30px}
.newer-post, .older-post {position: relative;background-color: #fff;box-shadow: 0 0 20px rgb(0 0 0 / 7%);width: calc(50% - 10px);border: 1px solid rgb(0 0 0 / 5%);padding: 20px;border-radius: 4px;-webkit-transition: var(--transition1);transition: var(--transition1);line-height: 32px}
.newer-post {padding-$startSide: 30px}
.older-post {padding-$endSide: 30px}
#blog-pager .newer-post:hover, #blog-pager .older-post:hover {box-shadow: 0px 4px 20px rgb(0 0 0 / 10%)}
#blog-pager span {color:$(keycolor);font-weight: 500;display: block}
.newer-post a, .older-post a{font-size: 15px;color:$(body.text.color)}
#blog-pager .pager_icon {position: absolute;width:40px;display: flex;justify-content: center;align-items: center;height: 40px;-webkit-transition: var(--transition1);transition: var(--transition1);background-color: #fff;border-radius: 50%;box-shadow: 0 0 20px rgb(0 0 0 / 11%);border:1px solid rgb(0 0 0 / 5%);top: 40%}
.older-post .pager_icon {$endSide: -20px}
.newer-post .pager_icon {$startSide: -20px}
#blog-pager .pager_icon svg.outline {width: 23px;height: 23px;-webkit-transition: var(--transition1);transition: var(--transition1)}
body.ltr #blog-pager .pager_icon svg.outline{transform:rotate(180deg)}
#blog-pager .newer-post:hover .pager_icon, #blog-pager .older-post:hover .pager_icon {background-color:$(keycolor)}
#blog-pager .newer-post:hover .pager_icon svg.outline, #blog-pager .older-post:hover .pager_icon svg.outline{stroke:#fff}
#blog-pager .pager-thumb {width: 115px;height: 100%}
#blog-pager .pager-thumb .thumb-link {height: 100%;width: 100%}
#blog-pager .pager-thumb img {border-radius: 3px;height: 100%;object-fit: cover}
#blog-pager .pager-cntnt {width: calc(100% - 115px);padding-$startSide: 15px}
/* Post Tags */
.post_tags {margin-block: 35px;gap:10px}
.tags {padding: 4px 15px;font-size: 15px;border: 1px solid rgb(116 116 116 / 26%);border-radius: 40px;}
.tags a {color: $(keycolor);font-weight: 500}
/* Author profile */
.postAuthors{padding-bottom: 25px;margin-top: 25px;padding-top: 40px;border-top: 2px solid rgb(100,100,100,.1);background: #fefefe;font-size: 16px}
.postAuthors .authorIcon {width: 70px;height: 70px;border: 2px solid rgba(100, 100, 100, 0.1);border-radius: 50%;display: grid;place-content: center}
.postAuthors .authorIcon svg.outline {width: 30px;height: 30px}
.postAuthors .authorImage{flex-shrink:0;margin-$endSide:25px}
.postAuthors .authorImage {width: 160px;height: 160px}
.postAuthors .authorImg {width: 100%;height: 100%}
.postAuthors .authorImage img {width: 100%;height: 100%;border-radius: 50%;object-fit: cover;padding: 5px;border: 2px solid $(keycolor)}
.postAuthors .authorInfo{flex-grow:1; width:calc(100% - 125px)}
.postAuthors .authorName:after{content:attr(data-text)}
.postAuthors .authorAbout{margin:0; font-size:14px;opacity:.8}
.postAuthors .social-widget ul {gap: 10px}
.postAuthors .social-widget li a {width: 33px;height: 33px;line-height: 33px;transform: none}
.postAuthors .social-widget li svg, .Profile .social-widget ul li svg{width: 16px;height: 16px;}
.postAuthors .authorInfo .authLabel .author-label{display: inline-block;background-color: $(keycolor);color: #fff;line-height: 30px;height: 30px;padding-inline: 1rem;font-size: 80%;font-weight: 600;border-radius: 90px;margin: 0 6px}
.postAuthors .authorInfo .authLabel {margin-$startSide:20px;margin-block: 10px}
.postAuthors .authorInfo .authLabel > span {font-size: 14px}
.postAuthors .authorInfo .author-name, .postAuthors .nm::before {margin-block: 0;font-weight: 600;font-size: 18px}
.postAuthors .author-wrap {justify-content: space-between;margin-bottom: 5px}
.postAuthors .profile-rank {color: $(keycolor);font-size: 15px;font-weight: 500}
.postAuthors .authorInfo .button svg.icon.outline {stroke: $(keycolor)}
.postAuthors .authorInfo .button {transition: var(--transition1);margin-top: 10px;padding: 5px 16px;color: $(keycolor);border-color: $(keycolor);margin-$startSide: auto}
.postAuthors .authorInfo .button:hover{opacity:1;color:#fff;background-color: $(keycolor)}
.postAuthors .authorInfo .button:hover svg.icon.outline {stroke: #fff}
.ltr .postAuthors .authorInfo .button svg.icon.outline {transform: rotate(90deg)}
/** Authors Page **/
.authpage-loader svg {width: 60px;height: 60px;stroke: $(keycolor)}
.author-header{gap:20px}
.author-header> div, .author-info-container .social-widget{border: 1px solid #ddd;border-radius: 12px;padding: 20px}
.AuthThumb {text-align: center;width: calc(40% - 10px)}
.AuthThumb .author-rank-wrap {margin-bottom: 30px}
.AuthThumb .author-name.xl {font-size: 22px;font-weight: 600;margin-bottom: 10px}
.author-meta {width: calc(60% - 10px);}
.author-stats {gap:10px;list-style: none;padding: 0;margin: 0}
.author-stats li{width:calc(50% - 5px);flex-grow: 1;flex-direction: column;gap: 5px}
.author-stats li:not(:last-child) {margin-bottom: 10px}
.author-about-container{margin-top: 15px}
.author-about {font-size: 15px}
.author-info-container .social-widget, .author_posts_container, .author-header{margin-top: 20px}
.author_posts_container {gap: 20px}
.static_page .author_posts_container .auth-post {width: calc(100% / 3 - 20px * 2 / 3);padding: 15px;min-height: auto;margin-bottom: 0;border: 1px solid #ddd;box-shadow: none;border-radius: 8px}
.static_page .author_posts_container .auth-post .pThmb {height: 180px;margin-bottom: 20px}
.static_page .author_posts_container .auth-post .pThmb a{display:block}
.static_page .author_posts_container .auth-post .pThmb img {border-radius: 6px}
.static_page .author_posts_container .auth-post .pTtl.sml {font-size: clamp(.8rem, 1.05vw, 1.2rem)}
.author-box.full-profile .author-avatar {width: 280px;height: 280px;margin-inline: auto;padding: 5px;border: 3px solid $(keycolor);border-radius: 50%}
.author-box.full-profile .author-avatar img {border-radius: 50%}
.author-name.xl, .social-widget h3 , .author-about-container h3, .static_page .author_posts_container .auth-post .pTtl.sml{color:$(posts.title.color);line-height: 2;margin-block: 0;background: transparent !important;border: 0 !important;padding: 0 !important}
.AuthThumb .author-rank-wrap .profile-rank {color: $(keycolor);font-weight: 500;font-size: 15px}
.author-stats li .statLable, .author-about-container h3 {font-weight: 600;color: $(posts.title.color)}
.author-stats li .statLable svg.outline {width: 20px;height: 20px;stroke:$(posts.title.color);stroke-width: 2px;margin-$endSide: 5px}
.social-widget h3, .author-about-container h3{margin-bottom: 20px;font-size: 18px;font-weight: 600}
.pS .authorNotFound h1, .pS .authorNotFound h2 {background-color: transparent;border: 0;padding: 0;line-height: 1}
.darkMode .author-stats li .statLable svg.outline{stroke:$(dark.text)}
.darkMode .author-stats li .statLable{color:$(dark.text)}
/** Share btn **/
.pSh{margin-top: 25px;padding-top: 40px;border-top: 2px solid rgb(100,100,100,.1)}.pShc {gap: 10px 5px}
.pShc::before{content:attr(data-text);margin-$endSide:8px;font-weight:600;font-size:14px;flex-shrink:0}.pShc>*,.shareMore,.cpL label{margin:0 5px;display:flex;align-items:center;justify-content:center;color:inherit;width:40px;height:40px;border-radius:50%;background:#f1f1f0}.shareMore{margin-$startSide:auto;width:50px;height:49px}.shareMore svg.outline{width:18px;stroke-width: 2.5px;height:18px}.pShc .c{color:#fffdfc}.pShc .c svg,.cpL label svg{width:20px;height:20px;fill:#fff}.pShc .fb{background:#1778F2!important}.pShc .wa{background:#128C7E!important}.pShc .tw{background:#212121!important}.pShc .pi{background:#E60023!important}.pShc .print{background:#404040!important}.cpL{overflow:hidden;position:relative}.cpL #getlink{position:absolute;left:-10000px}.cpL label svg.outline{width:21px;height:21px;stroke:#fefefe}#cpNotif{position:fixed;bottom:40px;left:0;right:0;margin:0 auto;z-index:111;max-width:400px}.cpLn span{font-size:90%;color:#fff;background-color:$(keycolor);border-radius:90px;transition:var(--transition1);animation:fadein 2s ease forwards;opacity:0;height:36px}.shBri{max-width:520px}.shL ul{list-style:none;margin:0;padding:0;gap:20px 14px}.shL ul>*{display:grid;place-content:center;text-align:center;flex: 0 0 calc(100% / 5 - 20px * 4/5)}.shL ul>*::after{content:attr(data-text);font-size:12px;display:block;margin-top:8px}.shL a{display:grid;place-content:center;margin-inline: auto;color:#fff;width:45px;height:45px;line-height:45px;font-size:20px;border-radius:50%}
.shL a.sg{width:51px;height:51px;background-color:#212121;display:block;line-height:50px;text-align:center;border-radius:50%;margin:0 auto}.shL a.ln{background-color:#06C755}.shL a svg{width:25px;height:25px;vertical-align:middle;fill:#fff}.shL a svg.outline{stroke:#fff}
.c.cl:after {content: '\2715';line-height: 18px;font-weight: 700;font-size: 13px}
/* Comments */
.pFoot {width: 100%}
.pCmnts{margin-top:20px}
.cmDis{text-align:center;margin-top:20px;opacity:.7}
.cmMs{margin-bottom:20px}
.cm iframe{border: 0;width:100%}
.cm .cmBrs{background:transparent;position:relative;width:100%}
.cmH {margin-bottom: 20px}
.cmH h3.title{margin:0;flex-grow:1;padding-block:16px}
.cmH .s{margin:0 14px}
.cmH .s::before{content:attr(data-text);margin:0 6px;opacity:.7;font-size:90%}
.cmH .s::after{content:'\296E';line-height:18px;font-size:17px}
.cmFrm #comment-editor {display: none}
.fixi:checked ~ .cm #comment-editor{display: block}
.cmBd.del .cmCo{font-size:90%;line-height:normal;border:1px dashed rgba(0,0,0,.2);border-radius:3px;margin:.5em 0;padding:15px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmHr{line-height:24px;overflow:hidden;margin-bottom: 15px;text-overflow:ellipsis;white-space:nowrap}
.cmHr .d{float: $endSide;font-size:90%}
.cmHr .d::before{content:'\00B7';float: $endSide;margin:0 4px}
.cmHr .n {display:inline-flex;font-weight: 700;color: #212121}
.authorMark svg {color: #f4f6fd;margin-$startSide: 5px;fill: $(keycolor);width: 20px;height: 20px;vertical-align:sub}
.cmCo{font-size: 14px;line-height:1.8em}
.cmCo .pThmb, .cmCo .lazyYoutube {border: 6px solid #fff;max-width: 480px;aspect-ratio: 15 / 9;border-radius: 12px;margin: 1rem 0;box-shadow: 0 0 10px rgb(0 0 0 / 10%)}
.cmCo .pThmb img{width: 100%;height:100%;}
.cmAc{margin-top:15px}
.cmAc a {display: block;background-color: $(keycolor);width: fit-content;margin-$startSide: auto;padding: 0 15px;color: #fff;border-radius: 90px;font-size: 14px;font-weight: 500}
.cmRp ~ .cmAc, .cmBd.del ~ .cmAc{display:none}
.cmRi:checked ~ .cmRp .thTg{margin-bottom:0}
.cmRi:checked ~ .cmRp .thTg::after{content:attr(aria-label)}
.cmRi:checked ~ .cmRp .thCh, .cmRi:checked ~ .cmRp .cmAc{display:none}
.cmAl:checked ~ .cm .cmH .s::before{content:attr(data-new)}
.cmAl:checked ~ .cm .cmCn >ol{flex-direction:column-reverse}
.thTg {flex-direction: row-reverse;margin: 15px 0 18px;font-size: 90%;transition: var(--transition1);width: fit-content}
.thTg::before {content:"";display: block;width: 8px;height: 8px;background: transparent;border: 2px solid #212121;border-bottom-color: transparent;border-$endSide-color: transparent;transform: rotate(135deg);border-radius: 2px;transition: var(--transition1)}
.cmRi:checked ~ .cmRp .thTg::before{transform: rotate(225deg)}
.thTg::after{transition: var(--transition1);content:attr(data-text);min-width: 95px;margin:0 12px;display: block;float: $startSide;}
.cmCn ol{list-style:none;margin:0;padding:0;flex-direction:column}
.cmCn li{margin-bottom:18px;position:relative}
.cmCn li .cmRbox{margin-top:20px}
.cmCn li li{display:flex;flex-wrap:wrap;width:100%}
.cmCn li li:last-child{margin-bottom:0}
.cmCn li li .cmAv{display:grid;place-content:center;width: 40px;margin: 0 6px;height: 40px;border-radius: 50%}
.cmCn li li .cmAv svg.outline {height: 23px;width: 23px}
.cmCn li li .cmIn{width:calc(100% - 64px);margin-$startSide: 5px}
.cmHl >li{padding-$startSide:30px}
.cmHl >li >.cmAv{position: absolute;$startSide: 0;top: 12px;background-color: #fefefe;border-radius: 50%;width: 60px;height: 60px;line-height: 0;text-align: center;border: 2px solid rgb(159 159 159 / 12%)}
.darkMode .cmHl >li >.cmAv{background-color:$(dark.front.bg)}
.cmHl >li >.cmAv img, .cmCn li li .cmAv img{border-radius: 50%;width: 100%;height: 100%;}
.cmAv.pThmb.PLHolder {display: grid;place-content: center}
.cmHl >li >.cmAv svg.outline {height: 28px;width: 28px;;position: relative;stroke-width: 1.5}
.cmHl >li >.cmIn{padding-top:12px;padding-bottom:12px;padding-$startSide:40px;padding-$endSide:15px;border-radius:4px;box-shadow:inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.1), 0 0 20px 1px rgb(20 21 26 / 8%)}
.cmHl .cmAv::before {display:none}
#comment:target{margin:0;padding-top:20px}
.cmSh:checked ~ .cmShw, .cmShw ~ .cm:not(.cmBr){display:none}
.cmSh:checked ~ .cm:not(.cmBr){display:block}
.cmBtn.button {display: block;padding: 12px 30px;text-align: center;width: 100%;font-size: 16px;margin: 0 auto;color: #fff;background-color: $(keycolor);border-radius: 4px;font-weight: 500}
.blogger-clickTrap {display: none!important}
/** Lazy Youtube **/
.lazyYoutube .playBut {position: absolute}
.lazyYoutube{background-color: var(--highlight-bg);position: relative;overflow: hidden;border-radius: 2px;}
.lazyYoutube img {height: 100%;width: 100%;opacity: 1}
.lazyYoutube iframe{width:100%;height:100%;}
.lazyYoutube .playBut{top:50%;left:50%;transform:translate3d(-50%,-50%,0);transition:all .5s ease}
.lazyYoutube .playBut{display:block;width:70px;height:70px;z-index:1;background-color: rgb(255 255 255 / 20%);border-radius: 50%;box-shadow: 0 0 8px rgb(0 0 0 / 25%)}
.lazyYoutube .playBut svg{width:inherit;height:inherit;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:8}
.lazyYoutube .playBut .circle{stroke:rgba(255,255,255,.85);stroke-dasharray:650;stroke-dashoffset:650;transition:all .4s ease-in-out;}
.lazyYoutube .playBut .triangle{stroke:rgba(255,255,255);stroke-dasharray:240;stroke-dashoffset:480;transition:all .6s ease-in-out;transform:translateY(0);-webkit-transform:translateY(0)}
.lazyYoutube .playBut:hover .triangle{animation:nudge .6s ease-in-out;-webkit-animation:nudge .6s ease-in-out}
.lazyYoutube .playBut:hover .triangle, .lazyYoutube .playBut:hover .circle{stroke-dashoffset:0;stroke:rgb(255, 0, 51)}
/*------- Cookies Notice -------*/
.ckWrap{position:fixed;right:0;left:0;bottom:-600px;z-index:50;width:100%;padding:20px;background:rgba(255, 255, 255, 0.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px 30px 0 0;box-shadow:0 -10px 25px -5px rgba(0,0,0,.1);align-items:center;justify-content:center;animation:ckUp 2.5s forwards;animation-delay:1s;-webkit-animation:ckUp 2.5s forwards;-webkit-animation-delay:1s}
.ckWrap.acptd{animation:ckDn 2.5s backwards;animation-delay:.3s;-webkit-animation:ckDn 2.5s backwards;-webkit-animation-delay:.3s}
.ckWrap.hidden{display:none}
.ckCont {gap: 15px}
.ckWrap .ckCont svg{width:50px;height:50px;fill:#08102b;stroke:#08102b;stroke-width:.8}
.ckCont h2{margin:0;color:#08102b;font-size:1.2rem;font-weight:800;font-family:inherit}
.ckCont p{margin:10px 0 15px;line-height:1.7em;color:#08102b;font-size:0.9rem;font-weight:400;font-family:inherit}
.ckWrap .btn{display:inline-flex;align-items:center;width: 50%;justify-content: center;margin:0;padding:9px 15px;outline:0;border:0;border-radius:25px;line-height:20px;color:#fefefe;background-color:$(keycolor);font-size:14px;font-family:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;max-width:100%;cursor:pointer;transition:all 0.3s ease}
.ckWrap .btn:hover{opacity:.8;transform:scale(0.97)}
.ckWrap .btn.outl{color:#08102b;margin-$startSide:8px;background-color:transparent;border:1px solid #767676}
.ckWrap .btn.outl:hover{border-color:$(keycolor)}
@media screen and (min-width:768px){.ckWrap{max-width:350px;border-radius:10px;$startSide:auto;$endSide:30px;bottom:-500px;box-shadow:0 5px 35px rgba(0,0,0,.1);animation:ckdeskUp 2.5s forwards;animation-delay:1s;-webkit-animation:ckdeskUp 2.5s forwards;-webkit-animation-delay:1s}.ckWrap.acptd{animation:ckdeskDn 2.5s backwards;animation-delay:.3s;-webkit-animation:ckdeskDn 2.5s backwards;-webkit-animation-delay:0.3s}}
@-webkit-keyframes ckUp{100%{bottom:0}}
@keyframes ckUp{100%{bottom:0}}
@-webkit-keyframes ckdeskUp{100%{bottom:30px}}
@keyframes ckdeskUp{100%{bottom:30px}}
@-webkit-keyframes ckDn{0%{bottom:0}100%{bottom:-600px}}
@keyframes ckDn{0%{bottom:0}100%{bottom:-600px}}
@-webkit-keyframes ckdeskDn{0%{bottom:30px}100%{bottom:-600px}}
@keyframes ckdeskDn{0%{bottom:30px}100%{bottom:-600px}}
.darkMode .ckWrap{background:rgba(50, 50, 50, 0.8)}
.darkMode .ckWrap .ckCont svg{fill:#fefefe;stroke:#fefefe}
.darkMode .ckCont h2, .darkMode .ckCont p, .darkMode .btn.outl{color:#fefefe}
/* Widget Profile */
.Profile .defaultAvatar{position: relative;width:100%;height:100%;background-color: #fff}
.darkMode .Profile .defaultAvatar{background-color:$(dark.front.bg)}
.Profile .defaultAvatar svg.outline {width: 30px;height: 30px}
.Profile .profileImg{background-color: #fff;width: 100%;height: 100%;border-radius: 25px}
.darkMode .Profile .profileImg{background-color: $(dark.bg);}
.Profile .profileInfo {width: calc(100% - 65px);padding-$startSide: 15px;}
.Profile .team{padding: 25px 10px 35px}
.Profile .team ul {list-style: none;margin: 0;padding: 0;gap: 30px 20px;flex-wrap: wrap}
.Profile .team ul .teamMember {position: relative;width: 60px;height: 60px}
.Profile .team ul .teamMember a .profileName {position: absolute;width: 100%;text-align: center;color: #4d4d4d;font-size: 80%;line-height: 1.3em;-webkit-transition: all .2s ease;transition: all .2s ease;opacity: 0;visibility: hidden;overflow: hidden;text-overflow: ellipsis}
.Profile .team ul .teamMember a .profileImage {position: relative;-webkit-transition: transform .2s cubic-bezier(.25,.1,.25,1);transition: transform .2s cubic-bezier(.25,.1,.25,1)}
.Profile .team ul .teamMember a .profileImage .profile-toggle{width: 60px;height: 60px;border-radius: 28px;box-shadow: 0 10px 20px 0 rgba(30, 30, 30, .08);}
.Profile .team ul .teamMember a .profileImage .profileImg{border-radius: 28px;}
.Profile .team ul .teamMember:hover a .profileImage{transform: translateY(-8px);-webkit-transform: translateY(-8px)}
.Profile .team ul .teamMember:hover a .profileName{opacity: 1;visibility: visible;}
.Profile .solo .profileImage .authImg{width:60px;height:60px;border-radius:25px}
.Profile .solo .profileImage .social-hover{position:relative}
.Profile .solo .profileImage .social-hover:after, .Profile .team ul .teamMember a .profileImage:after{content: '+';display: flex;align-items: center;justify-content: center;width: 18px;height: 18px;background-color: #fefefe;color: $(keycolor);border-radius: 50%;position: absolute;$startSide: 0;bottom: -2px;box-shadow: 0px 0 10px 0px rgb(0 0 0 / 11%)}
.Profile .solo .profileLink{display:block;color:#212121;font-weight:600;margin-bottom: 5px;font-size:15px;line-height: 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Profile .solo .profileText{font-size:13px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.Profile .solo .profileData{display:inline-flex;margin-top:5px; font-size:12px; color:$(keycolor)}
.Profile .solo .profileData:after{content:attr(data-text); padding-$startSide:8px}
.Profile .solo .profileData svg{width:18px;height:18px;fill:$(keycolor)}
.Profile .solo .profileData svg.outline{fill:none;stroke:$(keycolor)}
.Profile .widget-content{position:relative}
.Profile .solo .social-widget {display: none;place-content: center;background-color: #fff;z-index: 1;position: absolute;inset: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: var(--transition1)}
.Profile .profileImage:hover .social-widget{opacity: 1;visibility: visible}
.Profile .social-widget ul{gap:10px}
.Profile .social-widget ul li a{width: 30px;height: 30px;line-height: 30px;transform: none;}
.Profile .social-widget ul li a svg {fill: #fff;width: 18px;height: 18px}
.Profile .social-widget ul li a[title="khamsat"] svg{padding: 2px}
.Profile .solo {padding: 15px;box-shadow: -1px -1px 20px 0 rgb(30 30 30 / 10%);border-radius: 4px}
footer .Profile .solo{box-shadow:none}
/* Widget Labels */
.cloud-label-widget-content {display: flex;flex-wrap: wrap;gap: 18px 10px;align-items: center;width:100%}
.cloud-label-widget-content .label-size{display:flex;align-items:center;flex: 1 0 auto;line-height:22px;padding: 8px 12px;border-radius: 4px;border:1px solid $(cloud.border.color);background-color:$(cloud.bg)}
.widget-content .label-name {font-size: 14px;width:100%;display: flex;align-items: center}
.cloud-label-widget-content .label-name{color:$(cloud.text.color)}
.cloud-label-widget-content .label-size .label-count {margin-$startSide: auto;background-color:$(postsCount.bg.color);color:$(cloudCount.text.color);display: block;width: 20px;height: 20px;text-align: center;font-size: 12px;border-radius: 50%}
.list-label-widget-content ul {list-style: none;padding: 0;margin: 0}
.list-label-widget-content ul li {margin-bottom: 5px}
.list-label-widget-content ul li .label-name {line-height: 33px;color:$(list.text.color)}
.list-label-widget-content ul li .label-name .label-count {margin-$startSide: auto;color:$(listCount.text.color);font-size: 14px;display: block}
.darkMode .cloud-label-widget-content .label-size .label-count{color:$(dark.text)}
/* Widget PopularPosts/ FeaturedPost */
.itemPopulars {counter-reset: popularposts-cnt;}
.counter{width:70px;justify-content: center;align-items: center;margin-$endSide: 10px;background: $(feautured.count.bg);box-shadow: 0px 0px 20px rgb(0 0 0 / 5%);border-radius: 90px;height: 70px;}
.itemPopular .counter:before {flex-shrink: 0;content: '0' counter(popularposts-cnt);counter-increment: popularposts-cnt;width: 70px;font-style: normal;text-align: center;opacity: .4;font-weight: 500;font-family: sans-serif;font-size: 19px;color: $(feautured.count.text);line-height: 1.8em}
.itemPopulars .itemTitle {margin-top: 0;margin-bottom: 5px}
.itemPopulars .itemTitle a{color:$(feautured.title.color)}
.itemPopular .itemEntry{color:$(feautured.text.color)}
.widget .itemPopulars .itemPopular:not(:last-child){margin-bottom: 25px}
.widget .itemPopulars .itemPopular:not(.item-1) .iFxd {display: none}
.widget .itemPopulars.featuredPost .item-1 .pThmb {height: 210px;width: 100%;border-radius: 3px;margin-$endSide: 0}
.PopularPosts .featuredPost .item-1 {margin-bottom: 20px}
.PopularPosts .featuredPost .item-1 .itemContent {padding-top: 10px}
.PopularPosts .itemPopulars .itemPopular .pThmb {width: 90px;height: 90px;border-radius: 50%;margin-$endSide: 10px;box-shadow: 0 0 15px rgb(0 0 0 / 10%) }
.PopularPosts .itemPopulars .itemPopular:not(.item-1) .pThmb .imgThm {border-radius: 50%}
.PopularPosts .itemPopulars .itemPopular:not(.item-1) .itemContent {width: calc(100% - 100px)}
.PopularPosts .itemPopulars .itemPopular:not(.item-1) .itemContent .itemTitle {font-size: 1rem;line-height: 26px;font-weight: 700}
.featuredPost .item-1 .iFxd {display: flex}
.featuredPost .item-1 .itemTitle a {font-size: 18px;line-height: 35px;font-weight: 700;color: $(feautured.title.color)}
.FeaturedPost{position:relative}
.FeaturedPost:after, #content .FeaturedPost .itemPopulars.featuredPost .Popular_item:after{content:"";border-radius: 3px 0 3px 0;position: absolute;top: 0;$endSide: 0;display:block;width: 30px;height: 6px;background-color: $(keycolor)}
.FeaturedPost .itemPopulars.featuredPost .item-1 .itemContent {padding: calc(1.3625rem - 10px);padding-bottom: 0;width: 100%}
.FeaturedPost .featuredPost .item-1 .itemEntry {padding: calc(1rem - 5px);padding-top: 0}
#content .FeaturedPost .itemPopulars.featuredPost .Popular_item {display: flex;align-items: center;flex-wrap: wrap;margin: 0;background-color: $(feautured.posts.bg);border-radius: 4px;box-shadow: 0 10px 20px 0 rgb(30 30 30 / 7%);padding: 10px;position: relative}
#content .FeaturedPost:after{display:none}
#content .FeaturedPost .itemPopulars.featuredPost .Popular_item .pThmb {flex: 0 0 40%;border-radius: 2px}
#content .FeaturedPost .itemPopulars.featuredPost .Popular_item .itemContent {flex: 1 0 60%;padding-$startSide: 18px;z-index: 1}
.darkMode #content .FeaturedPost .itemPopulars.featuredPost .Popular_item{background-color:$(dark.front.bg)}
/** LinkList Widget **/
.LinkList .widget-content ul {padding: 0;margin: 0;list-style: none}
.LinkList .widget-content ul li {margin:8px 0}
.LinkList .widget-content ul li a {width:100%;display: flex;align-items: center;justify-content: space-between;color:#212121;font-size:16px}
.LinkList .widget-content.style2 ul li svg.outline{stroke:#212121;width:19px;height:19px;transition:var(--transition1)}
.LinkList .widget-content.style2 ul li:hover svg.outline{transform:scale(1.15);stroke:$(keycolor)}
.darkMode .LinkList .widget-content.style2 ul li svg.outline{stroke:$(dark.text)}
/** [ACC] Widget **/
.acc-head{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;margin-bottom:3px;color:#212121;font-weight:bold;font-size:14px;cursor:pointer;border-radius:5px;padding-$endSide:40px;position:relative}
.LinkList .acc-head {padding: 10px}
.darkMode .LinkList .acc-head {color:$(dark.text)}
.darkMode .LinkList .acc-head svg {fill:$(dark.text)}
.acc-head svg{width:12px;height:12px}
.acc-head.opened svg{transform:rotate(180deg)}
.acc-body{padding:0 18px;margin-bottom:5px;text-align:justify;border-radius:5px;max-height: 0;opacity:0;overflow: hidden;transition: max-height 0.2s ease-out;}
/** [GAl] Widget **/
.gallery-widget a{float:right;border-radius:1px;overflow:hidden;opacity:.9}
.gallery-widget.gal-1 a{width:100%;margin-bottom:15px}
.gallery-widget.gal-2 a{width:47.5%;margin-$endSide:5%;margin-bottom:15px}
.gallery-widget.gal-3 a{width:30%;margin-$endSide:5%;margin-bottom:15px}
.gallery-widget.gal-4 a{width:22%;margin-$endSide:4%;margin-bottom:12px}
.gallery-widget.gal-2 a:nth-of-type(2n),.gallery-widget.gal-3 a:nth-of-type(3n),.gallery-widget.gal-4 a:nth-of-type(4n){margin-$endSide:0}
.gallery-widget{overflow:hidden}
.gallery-widget a:hover{opacity:1}
.gallery-widget a img{display:block;width:100%;height:100%}
/** [SOC] Widget **/
.social-widget ul{list-style:none;padding:0;gap: 20px 17px;margin:0}
.social-widget li{position: relative;display: flex;flex-direction: column;justify-content;center;align-items: center}
.social-brand {font-size: 11px;position: absolute;z-index:0;font-weight:500;bottom: -5px;width: 100%;text-align: center;color: #4d4d4d;line-height: 1.3em;-webkit-transition: all .2s ease;transition: all .2s ease;opacity: 0;visibility: hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.social-widget li a{display:grid;place-content:center;text-align:center;width:50px;height:50px;background-color: #ccc;transition:var(--transition1);border-radius:50%}
.social-widget li svg{width: 22px;height: 22px;stroke-width: 1.5;fill:#FFF}
.social-widget li svg.fa-snapchat{stroke: #fff;stroke-width: 25px;}
.social-widget li:hover a{transform:translateY(-15px);-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px)}
.social-widget li:hover .social-brand{opacity:1;visibility: visible;}
aside .LinkList .social-widget li{width: calc(100% / 4 - 15px)}
/** Widget PageList **/
.PageList ul {padding: 0;margin: 0;list-style: none;}
.PageList ul li {margin-bottom: 7px;}
.PageList ul li a {padding: 8px 19px;display: block;color:$(body.text.color);font-size: 16px;}
.PageList ul li a svg {vertical-align: middle;margin-$endSide: 8px;width: 18px;height:18px;fill: inherit}
.PageList ul li a:hover{color:$(keycolor)}
/* Sample Ads */
#billboard-ad .widget {margin-block: 30px 20px}
.midAd .fixedAd{text-align:center;margin:15px}
.midAd :not(.fixedAd){clear:both;text-align:center}
.midAd :not(.fixedAd):not(:empty){margin:20px 0}
.ads-here{position:relative;display:flex;align-items:stretch;flex-wrap:wrap;min-height:150px;padding:18px;border:1px solid rgb(159 159 159 / 12%);border-radius:3px;color:#989b9f;font-size:90%}
.ads-here:after{content:'';display:block;width:50px;height:12px;background-color:rgb(159 159 159 / 12%);border-radius:0 0 0 8px;position:absolute;top:0;$startSide:0}
.ads-here .ads-img{width:30%;display:flex;flex-shrink:0;align-items:center;justify-content:center;font-style:normal;background-color:rgb(159 159 159 / 12%)}
.rtl .ads-here .ads-img:before{content:'مساحة إعلانية';text-align: center}
.ltr .ads-here .ads-img:before{content:'Ad Space'}
.ads-here .ads-content{width:50%;padding-top:20px;padding-$startSide:15px}
.ads-here .ads-content:before, .ads-here .ads-content:after{content:'';display:block;width:100%;padding-top:30px;background-color:rgb(159 159 159 / 12%)}
.ads-here .ads-content:after{width:70%;margin-top:12px;padding-top:20px}
.ads-here .ads-button{width:20%;display:flex;flex-shrink:0;align-items:center;justify-content:center;}
.ads-here .ads-button:before{content:'';width:60px;height:60px;border-radius:50%;background-color:rgb(159 159 159 / 12%)}
.ads-here.vertical .ads-img{width:100%;min-height:100px;margin-bottom:15px}
.ads-here.vertical .ads-content{padding:0;width:60%}
.ads-here.vertical .ads-button{width:40%;justify-content:flex-end;align-items:flex-end}
.ads-here.vertical .ads-content:before{padding-top:12px}
.ads-here.vertical .ads-content:after{padding-top:10px}
.ads-here.vertical .ads-button:before{width:50px;height:10px;border-radius:0}
@media screen and (max-width:768px){ .ads-here .ads-content:before{padding-top:12px} .ads-here .ads-content:after{padding-top:10px} .ads-here .ads-button{align-items:flex-end;justify-content:flex-end} .ads-here .ads-button:before{height:10px;border-radius:0}}
@media screen and (max-width:640px){.ads-here{min-height:110px}.ads-here .ads-content{padding-top:10px}}
/* Widget ContactForm */
.ContactForm{position: relative;max-width: 90%;margin: 0 auto;padding: 0;}
.ContactForm label span{color:var(--highlight-red);font-size:small}
.input-area input[type="text"], .input-area textarea{display: block;width: 100%;border-radius: 8px;outline: 0;padding: 15px 15px;background: none!important;font: 400 14px sans-serif;line-height: normal;color: #444;border: 2px solid rgb(159 159 159 / 12%)}
.ContactForm svg {fill: $(keycolor);stroke: $(keycolor);width: 22px;height: 22px;vertical-align: -5px;margin-$endSide: 8px;}
.contact-form-email-message {height: 190px;}
.input-area {position: relative;margin-bottom: 35px}
.input-area input[type="text"]:focus, .input-area textarea:focus, .input-area input[type="text"]:valid, .input-area textarea:valid{border: 0!important;background: none!important;}
.input-area input[type="text"]:valid + .contact-label, .input-area input[type="text"]:focus + .contact-label, .input-area input[type="text"]:active + .contact-label, .contact-label.active, .input-area textarea:valid + .contact-label, .input-area textarea:focus + .contact-label, .input-area textarea:active + .contact-label{font-size: 12px;top: -28px;color: $(keycolor);}
.contact-label {display: block;position: absolute;inset: 0;padding: 12px;overflow: hidden;white-space: nowrap;pointer-events: none;text-align: start;height: auto;font-size: 14px;background: none;border: 0;width: 100%;font-family: inherit;}
.contact-label:after {visibility: hidden;position: absolute;$startSide: 50%;bottom: 0;background-color: #1165f1;width: 10px;height: 2px;content: '';z-index: 2;}
.input-area input[type="text"]:focus + .contact-label:after, .input-area textarea:focus + .contact-label:after {visibility: visible;$startSide: 0;width: 100%;}
.input-area input, .input-area .contact-label, .input-area .contact-label:after {transition: 0.2s cubic-bezier(0.4,0,0.2,1);}
.notif-area {position: relative;}
.notif-area > .contact-form-error-message-with-border, .notif-area > .contact-form-success-message-with-border {line-height: 38px;background: #fff;padding: 15px;box-shadow: -4px 1px 11px #00000029;}
.notif-area > p img {width: 15px;height: 15px !important;position: absolute;top: 5px;$endSide: 5px;}
.notif-area {font-size: 15px;color: $(body.text.color);}
.contact-form-error-message-with-border {font-size: 18px !important;color:#b68500 !important;FONT-WEIGHT: 700;opacity: 1 !important;}
.contact-form-success-message-with-border{font-size: 18px !important;color:#e12424 !important;FONT-WEIGHT: 700;opacity: 1 !important;}
.input-area.send-btn {margin-$startSide: auto;width: fit-content}
.ContactForm input[type=button], .widget input[type=submit] {padding-inline: 1.3rem;height: 35px;line-height: 30px;outline: 0;border: 0;border-radius: 90px;color: #fff;background: $(keycolor);font-size: 14px;font-weight: 700;white-space: nowrap;overflow: hidden;max-width: 100%}
/** Table Of Content **/
.toc_wrapper {margin-top: 20px}
.toc_head {margin-bottom: 20px}
.tocTitle span {font-weight: 600;color: #212121}
#TOC{text-align: $startSide}
#TOC::-webkit-scrollbar {-webkit-appearance: none;width: 4px}
#TOC::-webkit-scrollbar-thumb {background-color: #ddd !important;border-radius: 0 !important;}
#TOC > ul {list-style: none;padding-right: 0;padding-left: 10px;margin: 0;counter-reset: TOC}
#TOC ul:empty{display:none}
#TOC ul > li {counter-increment: TOC}
#TOC ul > li > ul {width:100%;list-style: none;padding-top: 15px;padding-right: 1rem;counter-reset: nestedtoc}
#TOC ul > li > ul > li {counter-increment: nestedtoc}
#TOC ul > li::before {content: counter(TOC) ". ";margin-left: 5px;width: 20px;}
#TOC ul > li > ul > li::before {content: counter(nestedtoc) "." counter(TOC) " ";width:max-content;}
#TOC ul li:not(:last-child) {margin-bottom: 15px}
#TOC ul li{display: flex;align-items: center;flex-wrap:wrap;color: #161617;font-size: 15px;font-weight: 500}
#TOC ul li a{color: #212121;}
.darkMode #TOC ul li a, .darkMode #TOC ul > li::before{color: #fcfcfc;}
#TOC li[data-tag="h3"]{font-size:14px;font-weight: 500}
.h2-wrapper {display: flex;align-items: center;justify-content: space-between;width: calc(100% - 25px)}
.toggle-button {background: none;border: none;cursor: pointer;outline: none}
.tocChevron {display: inline-block;transition: transform 0.3s ease}
.collapsed {display: none}
.toggle-button svg.tocChevron {width: 12px;height: 12px;fill: #212121;vertical-align: middle;transform: rotate(0deg)}
.darkMode .toggle-button svg.tocChevron{fill:#fcfcfc}
.rotated {transform: rotate(180deg)!important}
/* Read Also */
.post-random {position: relative;display:block;padding: 30px 20px 20px;margin-block: 35px 20px;border: 2px solid rgb(100,100,100,.1);line-height:1.8rem;border-radius: 18px;counter-reset: toc-count}
.post-random .texxattt {padding: 4px 24px;font-size: 16px;eight: 36px;display: block;font-weight: 500;background-color: $(keycolor);color: #fefefe;display: grid;place-content: center;width: fit-content;border-radius: 30px;position: absolute;top: -18px}
.post-random .newPost {margin-top: 6px}
.newPost .posttitle{color:$(body.text.color);font-weight:600;transition:.2s ease-in-out;font-size:14px}
.newPost .posttitle:before{content:counters(toc-count,'.') '. ';counter-increment:toc-count;display:inline-block;min-width:20px;margin-$startSide:5px;flex-shrink:0;font-weight:600;}
.newPost:hover .posttitle,.newPost:hover .posttitle:before{color:$(keycolor)}
/** Article Controll Box **/
.ctrlB {position: fixed;$endSide: -100%;opacity: 0;top: 0;bottom:0;width: 33.33%;z-index: 11;height: 100vh;border-$startSide: 1px solid rgb(135 135 135 / 25%);background-color: #fff;box-shadow: 1px 2px 22px rgb(0 0 0 / 10%);transition:var(--transition2)}
.ctrlB.fade-in {opacity: 1;$endSide: 0}
.fixedMenu .ctrlB{z-index: 9;}
#controlBoxoff:checked + .ctrlB.fade-in {$endSide: -33.4%}
.ctrlBoff {position: relative;display: flex;$startSide: -45px;width: 45px;height: 40px;box-shadow: 0 5px 20px 0 rgb(0 0 0 / 10%);opacity: 0;visibility:hidden;transition:var(--transition1);background-color: #fff;top: calc($(header.height)*2 + 20px);justify-content: center;align-items: center;border-bottom-$startSide-radius: 20px;border-top-$startSide-radius: 20px}
.ctrlBoff label{position: relative}
.ctrlBoff svg {width: 21px;height: 21px;stroke-linecap: round}
.ctrlBoff svg.rad {transform: rotate(172deg);width: 35px;height: 30px;position: absolute;top: -28px;$endSide: -8px;stroke: none;fill: #fff}
.ctrlBoff svg.rad.in {transform: rotate(-86deg);bottom: -28px;top: auto}
.darkMode .ctrlBoff svg.rad{fill:$(dark.front.bg)}
.ltr .ctrlBoff svg.rad {transform: rotate(97deg)}
.ltr .ctrlBoff svg.rad.in {transform: rotate(-5deg)}
.ctrlBoff label:before {content: '';display: block;height: 8px;position: absolute;top: -9px;$startSide: -9px;width: 8px;border-radius: 50%;background-color: $(keycolor);transition:all 300ms cubic-bezier(0.250,0.100,0.250,1.000);transition-timing-function:cubic-bezier(0.250,0.100,0.250,1.000);animation:heart 2s infinite ease}
#controlBoxoff:checked + .ctrlB.fade-in .ctrlBoff {opacity: 1;visibility:visible;}
.ctrlB.fade-in .ctrlAllCls{opacity: 1;visibility:visible}
#controlBoxoff:checked + .ctrlB.fade-in .ctrlAllCls{opacity: 0;visibility:hidden}
.ctrlBoxCnt {width: 100%;position: absolute;top: 0;overflow-y: auto;z-index: 10;overflow-x: hidden;height:100vh}
.fixedMenu .ctrlBoxCnt{top: calc($(header.height) + $(menu.height));height: calc(100vh - calc($(header.height) + $(menu.height)))}
.ctrlHead {width: 100%;background-color: #fff;position: sticky;justify-content: space-between;margin-bottom: 20px;top: 0px;padding-inline: 15px 7px;height:80px;border-bottom: 1px solid rgb(135 135 135 / 25%);z-index: 11}
.ctrlContent {padding: 15px}
.ctrlClose {display: grid;place-items: center;padding: 10px;margin-$startSide: auto}
.ctrlClose svg{width:16px;height:16px;fill:#212121}
.darkMode .ctrlClose svg{fill:$(dark.text)}
.ctrlHead h3.title {margin-block: 0;font-size: 20px;font-weight: 700}
/* Reading Time */
.psDetail {justify-content: space-between;margin-bottom: 25px}
.pRd > *{display:inline;vertical-align: middle;font-size: 95%;font-weight: 500}
.pRd span i {margin-$endSide: 5px}
#rdTime {color: #999}
/* Font Resize */
#font-resizer div>label{font-weight:700}.fSize{margin-bottom:15px}.fCtrl{gap:10px;margin-top:10px}.fNbr{width:fit-content;height:40px;font-weight:600}.fCtrl input[type="range"]{-webkit-appearance:none;flex:1 0 auto;height:4px;border-radius:5px;background:#D5DBE1;outline:none;-webkit-transition:.2s;transition:opacity .2s}.fCtrl input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background-color:$(keycolor);cursor:pointer;transition:0.3s ease-in-out}.fCtrl input[type="range"]::-webkit-slider-thumb:hover,.fCtrl input[type="range"]::-webkit-slider-thumb:focus{box-shadow:0 0 0 8px rgba(0,0,0,.16);transition:0.3s ease-in-out}.fCtrl input[type="range"]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background-color:#000;cursor:pointer}
/*** Progressive Back to Top ***/
#toUp{position:fixed;bottom:0;$endSide:0;opacity:0;visibility:hidden;border-radius:50%;cursor:pointer;transition:var(--transition1)}#toUp.showBtn{opacity:1;visibility:visible;$endSide:30px;bottom:30px}#progress-scroll{display:grid;place-items:center;width:50px;height:50px;position:relative;overflow:hidden;border-radius:50%}.progress-icon{width:50px;height:50px;stroke-linecap:round;stroke-linejoin:round}.progress-icon circle{fill:none;stroke:rgb(135 135 135 / 25%);stroke-width:2px;display:flex}#progress-circle{stroke-dashoffset:0;stroke-dasharray:93.6;transition:stroke-dashoffset ease-in-out;stroke:$(keycolor);transform:rotate(-90deg);transform-origin:center}#progress-scroll .icon{display:grid;place-items:center;position:absolute;inset:0;margin:auto;border-radius:50%}#progress-scroll .icon svg{fill:$(keycolor);width:16px;height:16px}
/*** Related Posts ***/
.related_posts_container{display:flex;flex-wrap:wrap;gap:30px 20px}.relatedPs{width:calc(33.33% - 14px);padding:10px;border-radius:4px;background-color:#fff;box-shadow:inset 0 0 .5px 1px hsla(0,0%,100%,.1),0 0 20px 1px rgb(20 21 26 / 8%)}.relatedPs .relatedThumb{height:180px}.relatedPs .relatedThumb img{height:100%;border-radius:3px}.relatedPs .relatedThumb a{display:block;width:100%;height:100%}.relatedPs .itemTitle{font-size:.95em;line-height:30px;font-weight:700;margin-block:10px 5px}.relatedPs .itemTitle a{color:#212121}.related-list .relatedPs{width:calc(50% - 10px);display:flex;align-items:center;padding:7px}.related-list .relatedPs .relatedThumb{width:160px;height:140px}.related-list .relatedPs .relatedCnt{width:calc(100% - 160px);padding-$startSide:15px}.related-list .relatedPs .relatedCnt .relatedEntry,.related-list .relatedPs .relatedCnt .itemTitle{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden}.related-list .relatedPs .relatedCnt .relatedEntry{font-size:14px;opacity:.7;margin-block:5px}.slider{position:relative;overflow:hidden}
.relatedPs.splide__slide{margin-block: 12px !important}
.relatedHead.sliderHead .controls {margin-right: auto}
.related_posts_container .slider {width: 100%}
.slide{text-align:$startSide}.relatedHead.sliderHead{margin-bottom:20px}.relatedHead.sliderHead .title{margin-bottom:0}.controls{display:flex;justify-content:center;margin-$startSide:15px;gap:8px}
.controls button{position: initial;opacity:1;background:#fff;transform: none;display:grid;width:40px;height:40px;place-items:center;border-radius:50%;border:1px solid rgb(135 135 135 / 10%);box-shadow:0 0 11px rgb(0 0 0 / 8%);transition:var(--transition1)}
.controls button svg{width:16px;height:16px;fill:#444;transition:var(--transition1)}
.darkMode .controls button svg{fill:$(dark.text)}
.controls button:hover{box-shadow:0 0 11px rgb(0 0 0 / 15%);background-color:$(keycolor)}.controls button:hover svg{fill:#fff}
.relatedHead .title{padding-block:16px}
.relatedHead .title:after, .cmH h3.title:after {content: '';display: block;width: 35px;height: 2px;border-radius: 20%;position: absolute;bottom: 0;background-color: $(keycolor)}
/*------- Footer --------*/
footer {padding-block: 1rem;background-color: $(footer.bg);color: $(footer.text.color);box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.1), 0 0 20px 1px rgb(20 21 26 / 8%)}
footer * {color:$(footer.text.color) !important}
#footerSec {flex-wrap:wrap;padding: 2rem 1.2rem;margin-bottom: 1.2rem;gap:20px;border-bottom: 1px solid rgb(135 135 135 / 25%)}
#footerSec .section {width: calc(25% - 15px);}
#copyrightSec {flex-wrap:wrap;padding-inline:1rem;justify-content: space-between}
.allRights {margin: 0;gap: 3px}
.allRights>* {display: inline;width: max-content}
.allRights a {margin-inline: 2px;color:$(keycolor)}
footer #footerSec .widget:not(:last-child) {margin-bottom: 15px}
#footerSec svg {fill: $(footer.text.color)}
#footerSec svg.outline {stroke: $(footer.text.color)}
/*------- Custom Widgets --------*/
.customSections {margin-block: 15px}
.three-cols {gap: 21px}
.three-cols>* {width: calc(33.33% - 14px)}
.two-cols {gap: 25px}
.two-cols>* {width: calc(50% - 12.5px)}
.one-col>* {width: 100%}
.customSections {margin-block: 2rem}
.customSections.top-widget:first-child {margin-top: 0}
.customSections>*:not(.no-items) .headline{display: flex;align-items: start;width: 100%;margin:0}
.customSections>*:not(.no-items) .headline{margin-bottom:25px}
.customSections>*:not(.no-items) .title {margin: 0;padding-block: 5px 20px;font-size:20px;position: relative}
.customSections>*:not(.no-items) .title:after {content: '';display: block;width: 50px;height: 3px;border-radius: 8px;position: absolute;bottom: 0;background-color: $(keycolor);}
.customSections>*:not(.no-items) .sliderControll {flex: 1 0 auto;margin-$startSide: 15px}
.customSections>*:not(.no-items) .showMore {width: fit-content;font-size: 14px;height: 35px;line-height: 35px;margin-$startSide: auto;color: $(body.text.color);border-radius: 18px}
.customSections>*:not(.no-items) .showMore svg.outline {width: 20px;height: 20px;margin-right: 2px;stroke-width: 1.7;stroke:$(body.icon.color)}
.ltr .customSections>*:not(.no-items) .showMore svg.outline {transform: rotate(180deg)}
.customSections>*:not(.no-items) .sliderControll .showMore {margin-$startSide: auto;}
.customSections>*:not(.no-items) .title:empty{display:none}
.darkMode .customSections>*:not(.no-items) .showMore{color:$(dark.text)}
.darkMode .customSections>*:not(.no-items) .showMore svg.outline{stroke:$(dark.text)}
.mainContent .splide{visibility: visible;}
.post-info {font-size: 13px}
.post-info .nm-stem {white-space: nowrap;font-weight: 600;margin-$endSide: 5px}
.post-info .separate {transform: translateY(1px);content: '';display: block;background-color: $(keycolor);width: 3px;height: 3px;border-radius: 50%;vertical-align:baseline;margin-inline: 8px}
.cust-post {overflow: hidden}
.cust-thumb{position: relative;overflow: hidden}
.cust-thumb, .cust-thumb img {display: block;border-radius: 3px;width: 100%;height: 100% !important}
.cust-title {margin-block:0 10px;line-height: 1}
.cust-title a {font-size: 17px;font-weight: 600;color: #161616;line-height:1.6}
.darkMode .cust-title a{color:$(dark.text)}
.customSections>*:not(.no-items) .controls button {width: 38px;height: 35px;border-radius: 18px;box-shadow: none;border: 0;background-color: $(keycolor)}
.customSections>*:not(.no-items) .controls button svg{height: 14px;fill: #fefefe;width: 14px;}
.postHead .post-info {width: 100%;font-size: 14px}
.share-post {position: relative;width: fit-content;margin-$endSide: 5px;margin-$startSide: auto}
.share-post svg {width: 20px;height: 20px}
.shareLabel:not(.fCls) {background: transparent;border: none;padding: 0;height: 30px;width: 30px;border-radius: 50%}
.share-post.visible .fCls.shareLabel {opacity: 1;visibility: visible}
.shareLabel svg.outline {width: 20px;height: 20px}
.share-post .sharePlatforms {list-style: none;margin: 0;z-index: 2;visibility: hidden;opacity: 0;position: absolute;bottom: 0;width: 150px;$endSide: 0;transition: var(--transition1);background: $(posts.bg);box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);padding: 10px;border-radius: 3px}
.share-post.visible .shMore .sharePlatforms {visibility: visible;opacity: 1;bottom: 30px;$endSide: 20px}
.share-post .sharePlatforms li {display: flex;align-items: center;padding: 5px;transition:var(--transition1);border-radius: 8px}
.share-post .sharePlatforms li:hover {background-color: rgb(104 104 104 / 4%)}
.share-post .sharePlatforms li a[title] {width: 28px;height: 28px;border-radius: 50%;display: grid;place-content: center;margin-$endSide:8px}
.share-post .sharePlatforms li a[title] svg {fill: #fefefe;width: 15px;height: 15px}
.share-post .sharePlatforms li .name {font-size: 13px;color: $(body.text.color)}
.darkMode .share-post .sharePlatforms li .name{color:$(dark.text)}
/* Skeleton Placholders */
i.PLHolder {border-radius: 4px}
i.PLHolder:after, i.PLHolder:before{display:none}
.pLbls i.PLHolder {width: 30%;height: 13px;margin-bottom:10px}
.post-info i.PLHolder {height: 18px;width: 80%}
.pSnpt i.PLHolder{height: 15px;border-radius: 30px;}
.pSnpt i.PLHolder:not(:last-child){margin-bottom:15px}
.pSnpt i.PLHolder:nth-child(3), .cust-title i.PLHolder:nth-child(2){width:50%;}
.cust-title i.PLHolder, .EPContent i.PLHolder {height: 20px;margin-bottom: 15px}
.IconHolder i.PLHolder {width: 30px;height: 30px;border-radius: 50%}
.skellyLi {width: 100%}
/* Hero Posts */
#hero-widget {margin-block: 2rem}
.cust-slider, .left-hero {gap:15px}
.cust-slider>* {width: calc(50% - 7.5px);overflow: hidden}
.left-hero .hero-post, .left-hero i.PLHolder {width: calc(50% - 7.5px)}
.left-hero i.PLHolder {height: auto;display: block}
.right-hero>*, .right-hero .articleSlide, .right-hero .splide__track{height:100%;min-height:auto}
.articleSlide, .left-hero i.PLHolder{position: relative;min-height:230px;border-radius: 4px;overflow:hidden}
.hero-thumbnail {position: absolute;inset: 0;width: 100%;height: 100%}
.hero-thumbnail{border-radius: 4px;}
.hero-thumbnail .iFxd {z-index: 1}
.hero-content {position: absolute;bottom: 0;inset-inline: 0;width: 100%;text-align: center}
.hero-content-container .title {font-size: 16px;margin-bottom: 0;line-height: 25px}
.hero-content .title a {color: #fefefe}
.right-hero .hero-content-container {background-color: #fefefe;max-width: 75%;border-radius: 4px;margin-inline: auto;margin-bottom: 15px;display: grid;place-content: center;padding: 15px 20px}
body .right-hero .splide__arrow{opacity: 1;background: $(keycolor);transition:var(--transition1);border-radius: 7px;height: 38px;width: 60px}
body .right-hero .splide__arrow svg{fill:#fefefe;height: 14px;width: 14px}
body .right-hero .splide__arrow--next {$endSide: -100px;$startSide: auto}
body .right-hero:hover .splide__arrow--next {$endSide: -25px}
body.rtl .right-hero .splide__arrow--next svg {transform: scaleX(-1) translateX(-12px)}
body.ltr .right-hero .splide__arrow--next svg {transform: scaleX(1) translateX(-12px)}
body .right-hero .splide__arrow--prev {$startSide: -100px;$endSide: auto}
body .right-hero:hover .splide__arrow--prev {$startSide: -25px}
body.rtl .right-hero .splide__arrow--prev svg{transform:translateX(-12px);}
body.ltr .right-hero .splide__arrow--prev svg{transform:scaleX(-1) translateX(-12px);}
.right-hero: .hero-content-container .title {font-size: 17px;margin-bottom: 8px}
.right-hero .hero-content-container .title a {color: #161617}
.left-hero .hero-post .hero-content-container {background: linear-gradient(transparent, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8));padding: 15px}
.darkMode .right-hero .hero-content-container{background-color:$(dark.front.bg)}
.darkMode .right-hero .hero-content-container .title a{color:$(dark.text)}
/* News Ticker */
.newsticker {list-style: none;flex-wrap: nowrap;width:1400px}
.ticker .skeletonLoadin {width: calc(100% / 4);height: 22px;border-radius: 2px}
.ticker .skeletonLoadin:not(:last-child){margin-$endSide:25px}
.ticker {justify-content:space-between;margin-block: 25px}
.ticker .widget.HTML {flex-basis: 100%;width: 70%}
.ticker .widget#LinkList049 {width: 15%;margin-$startSide: 5%}
.ticker .widget#LinkList049 .socialFixed {justify-content: end;gap: 10px;width: 100%;overflow-y: auto}
.ticker .widget#LinkList049 .socialFixed li a {width: auto;height: auto;background: transparent}
.ticker .widget#LinkList049 .socialFixed li a svg {width: 18px;height: 18px}
.ticker .ticker-title{display: flex;align-items: center;margin-block: 0;flex: 0 0 auto;width: fit-content;height: 45px;background-color: $(keycolor);font-size: 16px;color: #fff;font-weight: 500; overflow: hidden;padding: 0 15px;position: relative;z-index: 1;border-radius: 2px;}
.ticker .ticker-title svg{margin-$endSide: 8px;fill: #fff;stroke: none;width: 25px;height: 25px;}
.ticker .widget{position: relative;overflow:hidden;display: flex;align-items: center;margin: 0}
.ticker .widget-content {position:relative;width: 85%;flex: 1 0 auto;margin-$startSide:10px}
.ticker .HTML .widget-content:before, .ticker .HTML .widget-content:after{content: '';z-index: 1;position: absolute;top: 0;width: 50px;height: 100%;transition: background .25s linear;}
.ticker .HTML .widget-content:before{$endSide: -2px;background: linear-gradient(to $startSide, $(body.background.color), $(body.background.color) 10%, hsla(0, 0%, 100%, 0));}
.darkMode .ticker .HTML .widget-content:before{background: linear-gradient(to $startSide, $(dark.bg), $(dark.bg) 10%, hsla(0, 0%, 100%, 0))}
.ticker .HTML .widget-content:after{$startSide: -2px;background: linear-gradient(to $endSide, $(body.background.color), $(body.background.color) 10%, hsla(0, 0%, 100%, 0))}
.darkMode .ticker .HTML .widget-content:after{background: linear-gradient(to $endSide, $(dark.bg), $(dark.bg) 10%, hsla(0, 0%, 100%, 0))}
.ticker .recent-title{font-size:14px;font-weight: 400;display:inline-flex;align-items: center;line-height:23px}
.ticker .recent-title a{color:#2f2f33}
.ticker .recent-title:before{content:'';width:5px;height:5px;display:block;border-radius:50%;background:#ccc;margin-$endSide:10px}
.ticker .recent-title a:hover{color:$(keycolor)}
.darkMode .ticker .HTML:before {background: linear-gradient(to $startSide, rgba(255, 255, 255, 0), $(dark.bg) 50%)}
.darkMode .ticker .recent-title a{color: $(dark.text);}
/* Editor pick */
.editor-post .EPThumb ,.editor-post .EPThumb .cust-thumb, .EPThumb i.PLHolder {min-height: 230px;border-radius: 2px;overflow: hidden}
.EPThumb {margin-bottom: 15px}
.EPContent .pLbls {margin-block: 12px;line-height: 1}
.editor-pick.noSlide .splide__list, .splide:not(.is-active) .editor-pick .splide__list{gap: 36px}
.editor-pick.noSlide .splide__slide, .splide:not(.is-active) .editor-pick .splide__slide{width: calc(25% - 27px)}
.editor-pick .splide__slide:nth-child(3n+2) .editor-post{position: relative;width: 100%;height: 100%}
.editor-pick .splide__slide:nth-child(3n+2) .editor-post:after {content: '';background: linear-gradient(transparent, rgba(0, 0, 0, .95));opacity: .43;inset: 0;position: absolute;z-index: 0}
.editor-pick .splide__slide:nth-child(3n+2) .EPThumb {position: absolute;inset: 0;margin: 0;min-height: auto}
.editor-pick .splide__slide:nth-child(3n+2) .EPContent {position: absolute;bottom: 0;inset-inline: 0;z-index: 1;color: #fefefe;padding: 20px;text-align: center}
.editor-pick .splide__slide:nth-child(3n+2) .EPContent .cust-title a{color: #fefefe}
.editor-pick .splide__slide:nth-child(3n+2) .separate:before {background-color: #fefefe}
.editor-pick .splide__slide:nth-child(3n+2) .post-info {justify-content: center;font-size: 12px}
.editor-pick .splide__slide:nth-child(3n+2) .EPContent .pLbls >*::before{display:none}
.editor-pick .splide__slide:nth-child(3n+2) .EPContent .pLbls >* {margin: 0}
.editor-pick .splide__slide:nth-child(3n+2) .EPContent .pLbls >*::after {background-color: #060f2e;transition: var(--transition1);padding: 5px 11px;border-radius: 2px;font-size: 12px}
.editor-pick .splide__slide:nth-child(3n+2) .cust-post:hover .EPContent .pLbls >*::after {background-color: $(keycolor)}
/* Custom List */
.custom-list {padding: 20px;box-shadow: 0 5px 35px rgb(0 0 0 / 7%);background-color:$(posts.bg);border-radius: 4px}
.list-post:not(:last-child) {margin-bottom: 20px;border-bottom: 2px solid rgb(159 159 159 / 12%);padding-bottom: 20px}
.list-post:not(.firstPost) {--list-width:140px}
.list-post:not(.firstPost) .listThumb {width: var(--list-width);height: 110px;overflow: hidden;border-radius: 3px}
.list-post:not(.firstPost) .listContent {width: calc(100% - var(--list-width));padding-$startSide: 15px}
.list-post:not(.firstPost) .cust-title a {font-size: 15px}
.list-post.firstPost .listThumb {position: relative;height: 240px;margin-bottom: 15px}
.list-post.firstPost .cust-title a {line-height: 2.5rem;font-size: 18px}
.listContent .pSnpt {margin-block: 20px;line-height: 30px}
/* Custom Video */
.video-post {position: relative;min-height: 260px;width: calc(100% / 4);border: 1px solid transparent;border-$startSide: 0;border-top: 0}
.page_body .video-post {width: calc(100% / 3);}
.videoThumb {position: absolute;inset: 0}
.videoThumb:after {content: '';background: linear-gradient(transparent, rgba(0, 0, 0, .95));opacity: .5;inset: 0;position: absolute;z-index: 0}
.videoThumb .cust-thumb, .videoThumb .cust-thumb img, .video-post i.PLHolder {border-radius: 0}
.video-post .play-btn {display: grid;place-content: center;position: absolute;z-index: 1;top: 0;$endSide: 0;transition: var(--transition1)}
.video-post.cust-post.skeletonVideo .play-btn {top: 0;$endSide: 0;transform:none }
.video-post.cust-post.skeletonVideo svg.svg-play {stroke: rgb(159 159 159 / 60%)}
.video-post.cust-post.skeletonVideo svg.svg-play .circle{display:none}
.video-post:hover .play-btn {top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0)}
.video-post .play-btn .svg-play {width: 55px;height: 55px;fill: none;stroke: #fefefe;stroke-linecap: round;stroke-linejoin: round;stroke-miterlimit: 10;stroke-width: 12px}
.video-post .play-btn .svg-play .triangle {stroke-dasharray: 240;stroke-dashoffset: 480;transition: all .8s ease-in-out}
.video-post .play-btn .svg-play .circle {stroke-dasharray: 650;stroke-dashoffset: 650;transition: all .6s ease-in-out}
.video-post:hover .play-btn .svg-play > * {stroke-dashoffset: 0}
.video-post .videoContent {position: absolute;bottom: 0;inset-inline: 0;padding: 16px}
.video-post .videoContent .cust-title {margin: 0;text-align: center;}
.video-post .videoContent .cust-title a {color: #fefefe}
/* Custom Cover / Custom Grid */
.custom-cover {gap: 20px}
.custom-cover>* {width: calc(50% - 10px)}
.cover-post {position: relative;padding: 15px;box-shadow: -1px 3px 12px rgb(0 0 0 / 8%)}
.bigPost .cover-post {height: 100%;padding: 15px;}
.bigPost .coverThumb {position: relative;height: 50%;min-height: 240px;margin-bottom: 15px}
.smallPosts {flex-direction: column;gap: 20px}
.smallPosts .cover-post, .grid-post {--cover-width: 36%;}
.smallPosts .cover-post .coverThumb, .grid-post .gridThumb {width: var(--cover-width);aspect-ratio: 16 / 13;overflow: hidden;border-radius: 3px}
.smallPosts .cover-post .coverContent, .grid-post .gridContent {width: calc(100% - var(--cover-width));line-height: 1;padding-$startSide: 15px}
.page_body .smallPosts .cover-post .coverContent .cust-title a, .grid-post .gridContent .cust-title a {font-size: 15px}
.page_body .smallPosts .pSnpt{display:none}
.bigPost .cust-title a {font-size: 22px}
.page_body .bigPost .cust-title a {font-size: 16px}
.bigPost .cover-post{padding-bottom:45px;}
.bigPost .cover-post .postHead {position: absolute;bottom: 0;inset-inline: 0;padding: 0 15px 15px}
/* Custom Grid */
.custom-grid {gap: 18px}
.grid-post {width: calc(33.33% - 12px);box-shadow:-1px 3px 12px rgb(0 0 0 / 8%);padding:10px}
.gridContent svg.outline {width: 16px;height: 16px;margin-$endSide: 5px}
.darkMode .smallPosts .cover-post, .darkMode .grid-post, .darkMode .bigPost .cover-post, .darkMode .share-post .sharePlatforms, .darkMode .custom-list{background-color:$(dark.front.bg);}
/*------- Redirect Page --------*/
#pageredirect{position:relative}
.cLoaderWrap{text-align:center;width:260px;margin:0 auto;position:relative;font-style:normal;display:block}
#cLoaderSVG{-webkit-transform:rotate(140deg);transform:rotate(140deg);width:260px;height:260px;display:block}
.cPath{stroke-dashoffset:0;stroke-dasharray:500;r:110;cy:130;cx:130;stroke-width:20px;stroke:rgb(104 104 104 / 10%);fill:none}
.cLoader{stroke-dashoffset:500;stroke-dasharray:500;-webkit-transition:all 1s linear;transition:all 1s linear;r:110;cy:130;cx:130;fill:none;stroke-width:20px;stroke:$(keycolor)}
.hLoader{stroke-dashoffset:500;stroke-dasharray:500;-webkit-transition:all 1s linear;transition:all 1s linear;r:110;cy:130;cx:130;fill:none;stroke-width:22px;stroke:#fff}
.page .cCount{top:105px}
.cCount{position:absolute;top:90px;right:50%;transform: translateX(50%);font-size:3rem;width:66px;display:block;margin-bottom:0;text-align:center}
.cButton{text-align:center}
a.cLink{position:absolute;bottom:20px;right:0;user-select:none;left:0;z-index:8;display:inline-block;background-color:rgb(104 104 104 / 10%);padding:0 15px;width:160px;font-size:14px;font-weight:500;margin:0 auto;border-radius:50px;color:#d2d2d2;cursor:progress;line-height: 40px;height:40px}
a.cLink.ready:hover{transform:translateY(-5px);}
a.cLink.ready{cursor:pointer;background:$(keycolor);color:#fff;transition:.3s}
a.cLink.err{cursor:no-drop;background-color:#ffcfcf;color:#de6262}
#ReadPage{z-index:99999;position:fixed;display:none;background:rgba(0,0,0,.2);backdrop-filter:saturate(100%) blur(2px);right:0;left:0;top:0;bottom:0;width:100%;height:100%}
.ReadPage-popup{width:calc(100% - 40px);height:auto!important;min-height:calc(100% - 40px);max-height:calc(100% - 40px)!important;display:flex;margin:20px}
.ReadPage-popup-cont{width:100%;position:relative;direction:unset;display:flex;border-radius:8px;margin:0 auto;flex-direction:column;height: 85vh;overflow-y: auto;overflow-x: hidden;max-width:900px;overflow:hidden;padding-bottom:0!important}
.modal-head{font-size:21px;background:#fff;height:60px;line-height:60px;padding:0 20px;display:flex;align-items:center;justify-content:space-between}
.mdltitle{width:90%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modal-close{text-align:center;color:#212121;cursor:pointer;}
.modal-close:after{content:'\2715';line-height:0;font-size:18px;font-weight:bold;font-family:inherit}
.ReadPage-popup .ReadPage-popup-cont .modal-body.post-body{background-color:#fff;overflow:hidden;padding:20px;box-shadow:none;margin:0;border:0!important;height:100%;overflow-y:auto;display:block}
.ReadPage-popup-cont .no-redirect-page {position: absolute;bottom: 10px;inset-inline: 15px;margin-inline: auto;}
.mdltitle a {color:$(posts.title.color)}
.darkMode .mdltitle a {color: $(dark.text)}
.darkMode .hLoader{stroke: $(dark.front.bg)}
/* Copyright Page */
#HTML400{display:none}
.copyright_b{margin: 0;background: #efefef url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr4ijWpAeRUM0UsG5nxh3kXzZgpIPkma1C1TWzevdvniO8WA9b8FWL-Y_7Fdv2AXt9sPKIjukdMCxs4fvVAzsCBYIct31RlNRiTdnJUQKyvTFXeHblIchRdepkfxyqYMT71tKipGbOc5No/s0/pattern.png);text-align: $startSide}
.copyright {width: 50%;display: flex;max-width: 440px;margin: auto;height: 100vh;align-items: center;justify-content: center;}
.copyright_container {padding: 25px;background-color: #fefefe;border-radius: 8px;box-shadow: 0px 6px 20px #0000001c;position: relative;overflow: hidden;}
.copyright_container:after {content: "";display: block;position: absolute;top: -25px;width: 150px;height: 150px;$startSide: -50px;background: $(keycolor);border-radius: 50%;}
.qawa3id-logo {max-width: 310px;margin: 0 auto;padding: 50px;}
.copyright_container svg {z-index: 1;position: relative;width: 100%;height: auto;}
.copyright_container h1 {text-align: center;margin: 0;font-size: 24px;color: #888;margin-top: -30px;margin-bottom: 20px;}
.reasons h2 {font-size: 1.4rem;font-weight: 600;color:#212121;margin-top: 10px;margin-bottom: 15px;}
.reasons ul {list-style: " - ";margin: 0;padding: 0 10px;line-height: 40px;z-index: 1;color: #333;position: relative;}
.reasons ul li {font-size: 16px;font-weight: 500;color: #666}
@media only screen and (max-width: 767px) { .copyright {width: 95%} }
/* Error Page */
#notfound {position: relative;background-color: #fff;height: 100vh}
#notfound .notfound {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
.notfound {max-width: 560px;width: 100%;padding-$startSide: 160px;line-height: 1.1}
.notfound .notfound-404 {position: absolute;$startSide: 0;top: 0;display: inline-block;width: 140px;height: 140px;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXXaHAxwl5qnrdDPC879E3gIa5rczEukpnfnEruppQlvHfMfaVhtdKlkGeTK_z8Z80MHUH1mthyYPOGgVcKieXIPF2o8ZolwMOeApWcUcAMyWJs3bfYniB6VYGA4tign6sejhvfC4QpqlOH6h0Eseg23GooOO7EkqHwGXTigQN50ZKEuNRZLdgujtE3Ufj/s1600/emoji.webp);background-size: cover}
.notfound .notfound-404:before {content: '';position: absolute;width: 100%;height: 100%;-webkit-transform: scale(2.4);-ms-transform: scale(2.4);transform: scale(2.4);border-radius: 50%;background-color: #f2f5f8;z-index: -1}
.notfound h1 {font-size: 65px;font-weight: 700;margin-top: 0;margin-bottom: 10px;color: #151723;text-transform: uppercase}
.notfound h2 {font-size: 21px;font-weight: 500;margin: 0;text-transform: uppercase;color: #151723}
.notfound p {color: #999fa5;line-height: 29px;font-weight: 400}
.notfound a.button {padding: 12px 27px;margin-top: 30px;display: flex;align-items: center;font-weight: 500;width: fit-content;outline: 0;border: 0;border-radius: 30px;color: #fefefe;background-color: $(keycolor);font-size: 15px;white-space: nowrap;overflow: hidden;max-width: 100%}
@media only screen and (max-width: 767px) {
.notfound .notfound-404 {width:110px;height: 110px;}
.notfound {padding-inline: 15px;padding-top: 110px}
}
/*------- Typography --------*/
/* blockquote */
blockquote{position:relative; margin-inline:0;padding: 20px;border-$startSide:4px solid #eee; font-size:1.2em;line-height:2}
blockquote::before{content:'\201D'; position:absolute;top:5px;$endSide:5px;font-family: fantasy;height: 35px;font-size:4rem;line-height:normal;opacity:.5}
blockquote.style-2:before{content:'\201D';display:block;position:absolute;font-weight:700;font-size:70px;top:7px;$endSide:10px;line-height:normal;color:rgba(0,0,0,.15)}
blockquote.style-2 ul{font-size:90%}
.block-author{display:flex;align-items:center;font-size:13px;margin-top:20px}
.block-author .block-img{flex-shrink:0;width:30px;height:30px;border-radius:50%;overflow:hidden;margin-$endSide:13px}
.block-author .block-info{line-height:normal;color:#767676} .Blog .block-author .block-desc{display:block}
/* Notes */
.note{position:relative;overflow: hidden;padding:16px 20px;padding-$startSide:50px; background-color:#e1f5fe;color:#01579b; font-size:.85rem; line-height:1.62em;border-radius:6px}
.note:before{content:'';position:absolute;$startSide:12px;top:13px; width:20px;height:20px; background: url("data:image/svg+xml,") center / 20px no-repeat}
.note:after {content: '';width: 60px;height: 60px;background: rgba(0, 0, 0, .4);display: block;border-radius: 50%;position: absolute;top: -12px;$startSide: -12px;opacity: .2}
.noteAlert{background-color:#ffdfdf;color:#48525c}
.noteAlert:before{background: url("data:image/svg+xml,") center / 20px no-repeat}
.noteGift{background-color:#a6ffb1;color:#00730e}
.noteGift:before{background: url("data:image/svg+xml,") center / 20px no-repeat}
.noteWarning{background-color:#f7ff80;color:#777f00}
.noteWarning:before{background: url("data:image/svg+xml,") center / 20px no-repeat}
/* table */
.table{display:block;overflow-y:hidden;overflow-x:auto;scroll-behavior:smooth}
table{min-width:90%;margin:0 auto;border:0;overflow:hidden;font-size:14px; word-break: normal;}
table th{padding:17px 25px;border:1px solid rgba(0,0,0,.1);}
table th:first-child{border-radius:0 5px 0 0}
table td{padding:20px 25px; border:1px solid rgba(0,0,0,.1);border-top:0; vertical-align:middle}
table td:not(:last-child){border-$endSide: 0;}
table th:not(:last-child){border-$endSide: 0;}
table tr:last-child td:first-child{border-radius:0 0 5px 0}
table tr:nth-child(2n+1) td{background-color:rgba(0,0,0,.01)}
pre{position:relative;line-height:1.6em;font-size:.8rem}
pre:before{content:'';position:absolute;$endSide:0;top:0;color:var(--highlight-comment);font-size:14px;font-weight:500;padding:0 15px;z-index:2;line-height:35px}
code{display:block;direction: ltr;white-space:pre; font-size:1rem; position:relative;width:100%; border-radius:8px;background-color:var(--highlight-bg);color:var(--highlight-color); padding:30px 20px;margin-inline: auto; -moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;overflow:auto;line-height:1.6em}
pre span{color:var(--highlight-green)}
pre span.block{color:#fff;background:var(--highlight-blue)}
pre i{color:var(--highlight-blue);font-style:normal}
pre i{user-select:none;-moz-user-select:none;-ms-user-select:none;-html-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
pre i.comment, pre i.tag, article pre i.blue{color:var(--highlight-comment);user-select:text;-moz-user-select:text;-ms-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-webkit-touch-callout:text;}
pre i.tag{color:var(--highlight-orange)}
pre i.blue{color:var(--highlight-blue)}
.code{display:inline;padding:2px 4px;font-size:85%;line-height:inherit;color:var(--highlight-color);background-color:rgba(0,0,0,.05)}
.darkMode .post code{background-color:rgba(0,0,0,.09);color:$(dark.text)}
.darkMode .post .code{color:$(dark.text);background-color:rgba(255,255,255,.1)}
.command_copy:before{content:attr(data-text);position:absolute;top:0;$startSide:0;background-color:$(keycolor);color:#fff;padding:3px 22px;font-size:14px;border-radius:3px 3px 3px 8px;font-weight:500}
.command_copy:hover{cursor:pointer}
/* References Box */
details.expandable-references {--szsp: 25px;position: relative;padding: 0;margin: var(--szsp) 0;border: 1px solid rgb(204 204 204 / 40%);border-radius: 5px;overflow: hidden}
details.expandable-references summary {font-weight: 700;font-size: 17px;cursor: pointer;display: flex;align-items: baseline;position: relative;padding: calc(var(--szsp) * .45) calc(var(--szsp) * .6);z-index: 1}
details.expandable-references[open] summary::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: $(keycolor);opacity: .1;z-index: -1}
details.expandable-references >:not(summary) {padding: calc(var(--szsp) * .8) var(--szsp);margin: 0;opacity: .9}
details.expandable-references[open] summary {color: $(keycolor);border-bottom: 1px solid rgb(204 204 204 / 40%)}
details.expandable-references summary::before {content: '\203A';padding: 0 5px;font-weight: 600;vertical-align: super;font-size: 28px;font-family: monospace;color: inherit; transition: var(--transition1);position: relative;top: 2px;inset-inline-start: -5px}
details.expandable-references[open] summary::before {transform: rotate(-90deg);inset-inline-start: -5px}
.expandable-references ul {list-style: none;line-height: 2;counter-reset: ref;margin: 0}
.expandable-references ul li:before {counter-increment: ref;content: "0"counter(ref)".";margin-inline-end: 5px;font-weight: 400}
/* Accordion */
.accordion-head {display:flex;align-items:center;justify-content: space-between;padding: 10px 15px;margin-bottom: 3px;color: #2e2e2e;font-weight: bold;font-size: 14px;cursor: pointer;border-radius: 5px;padding-$endSide: 40px;position: relative}
.accordion-head:after{user-select: none;content: "";display: block;width: 10px;height: 10px;background: transparent;border: 2px solid;border-bottom-color: transparent;border-$endSide-color: transparent;transform: rotate(135deg);border-radius: 2px;transition: all 0.3s}
.page_body .accordion-head:after{display:none}
.page_body .accordion-head{justify-content: flex-start;border-bottom: 2px solid rgb(159 159 159 / 12%);border-radius: 0;margin-bottom: 15px}
.page_body .accordion-body{width: 100%}
.accorIcon {flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 12px;height: 12px;margin-$endSide: 15px;position: relative}
.accorIcon:before, .accorIcon:after {content: '';display: block;width: 100%;height: 2px;border-radius: 2px;background-color: #2e2e2e}
.darkMode .accorIcon:before, .darkMode .accorIcon:after{background-color:$(dark.text)}
.accorIcon:after {position: absolute;transform: rotate(90deg)}
.accordion-head.opened .accorIcon:after{visibility: hidden;opacity: 0;}
.accordion-head.opened .accorIcon:before{background-color: $(keycolor)}
.accordion-head.opened:after{transform: rotate(315deg);}
.accordion-body {padding: 0 20px;background-color: rgb(159 159 159 / 12%);width: 95%;margin-inline: auto;font-size: 14px;text-align: justify;border-radius: 18px;max-height: 0;opacity: 0;overflow: hidden;transition: max-height 0.2s ease-out}
/* Step Lists */
.step {--w: 40px;counter-reset: n;line-height: 1.8rem}
.step >li {counter-increment: n;position: relative;padding-inline-start:calc(var(--w) + 15px)}
.step >li:not(:last-child) {padding-block-end:18px}
.step >li::before {content: counter(n);display: flex;align-items: center;justify-content: center;position: absolute;inset-block-start: 0;inset-inline-start: 0;width: var(--w);height: var(--w);border-radius: 50%;font-weight: 600;font-size: 15px;color:#fefefe;background-color:$(keycolor);transition: opacity .2s}
.step >li::after {content: '';position: absolute;inset-block: calc(var(--w) + 8px) 8px;inset-inline-start: calc((var(--w) /2));border-inline-start:2px solid rgb(159 159 159 / 12%)}
.step >li: hover::before {border-color:currentColor;color: currentColor}
.step img {margin-top: 1.2em}
/* Button */
.pS .button, .button{display:flex;align-items:center;font-weight: 500;width: fit-content;padding:10px 30px;outline:0;border:0; border-radius:30px;color:#fefefe; background-color:$(keycolor);font-size:15px;white-space:nowrap;overflow:hidden;max-width:100%}
.pS .button.outline, .button.outline {color: inherit;background-color: transparent;border: 2px solid rgb(159 159 159 / 12%)}
.pS .button:hover, .button:hover {opacity:0.8;color:#fefefe}
.pS .button.outline:hover, .button.outline:hover {border-color: $(keycolor);color: $(keycolor)}
.pS .button.outline svg.icon.fa-google-news {margin-$startSide: 20px}
.pS .button.whatsapp{background-color:#25D366}
.pS .button.donation {background-color: #ffc135}
.pS .button.telegram {background-color: #32aee1}
.pS .button.outline .icon.download {background-image: url("data:image/svg+xml,")}
.downloadInfo {max-width: 480px;border: 2px solid rgb(159 159 159 / 12%);border-radius: 6px;padding: 20px 25px;margin-block: 20px;display: flex;align-items: center;line-height: 1.8em;font-size: 14px}
.downloadInfo a, .downloadInfo .fileType {flex-shrink: 0;display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;padding: 10px;background: rgb(159 159 159 / 12%);border-radius: 10px}
.downloadInfo a {background-color: $(keycolor);color: #fefefe;margin: 0;padding: 10px 12px;border-radius: 3px;width: auto;height: auto;line-height: 20px;font-size: 13px}
.downloadInfo a:before {content: attr(aria-label)}
.downloadInfo .fileType:before {content: attr(data-text)}
.downloadInfo .fileName {flex-grow: 1;width: calc(100% - 150px);padding: 0 15px}
.downloadInfo .fileName > * {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
@media screen and (max-width: 480px) {
.downloadInfo {padding:12px}
.downloadInfo a {width: 45px;height: 45px;border-radius: 18px}
.command_copy:before {font-size: 13px;padding: 3px 16px}
.downloadInfo a:before {display: none}
.downloadInfo a .icon {margin: 0}
}
.buttonInfo{display:flex;flex-wrap:wrap;margin-top:12px;gap: 15px}
@media screen and (max-width:480px){.buttonInfo > *{flex-grow:1;justify-content:center}}
/* CSS icon background */
.icon{flex-shrink:0; display:inline-block;margin-$startSide:12px; width:18px;height:18px; background-size:cover;background-repeat:no-repeat;background-position:center}
.icon.download, .darkMode .button.outline .icon.download{background-image:url("data:image/svg+xml,")}
.icon.demo{background-image:url("data:image/svg+xml,")}
.icon.cart{background-image:url("data:image/svg+xml,")}
.icon.whatsapp{background-image:url("data:image/svg+xml,")}
.icon.donation {background-image: url('data:image/svg+xml,')}
.icon.telegram {background-image: url('data:image/svg+xml,')}
/* images formation */
.post .gridImage{display:flex;flex-wrap:wrap;margin-block:2em;gap:20px;position:relative;max-width:100%}
.post .gridImage > *{width:calc(50% - 10px);min-height: 210px;max-height: 260px;}
.post .gridImage > *:nth-last-child(1){margin-bottom:0}
.post .gridImage img{width:100%;height:100% !important}
@media screen and (max-width: 480px) {
.post .gridImage{gap:10px;}
.post .gridImage > *{width:calc(50% - 5px);height: 160px;min-height: auto;}
}
/*------- Dark Mode --------*/
body.darkMode{color:$(dark.text);background-color: $(dark.bg)}
.darkMode svg.outline, .darkMode svg .outline{stroke:$(dark.text)}
.darkMode .menu li.drop-menu > .down:after, .darkMode .menu li.drop-menu .bot-menu > .down:after, .darkMode .mega-menu > .down:after{border-color:$(dark.text);border-bottom-color: transparent;border-left-color: transparent;}
.darkMode table *, .darkMode table{border-color:$(dark.text)}
.darkMode .mainContent {background-color: $(dark.bg)}
.darkMode header, .darkMode.index .blogPosts article, .darkMode footer, .darkMode .ContactForm input[type=text], .darkMode .ContactForm input[type=email], .darkMode .ContactForm textarea, .darkMode .menu li.drop-menu > ul, .darkMode .menu li.drop-menu .bot-menu > ul, .darkMode .share-menu li a, .darkMode .share-menu li div, .darkMode .bookmark-wrapper, .darkMode .bookmark-title, .darkMode #menu-bar, .darkMode .menuBar, .darkMode .clsMenu, .darkMode .navMobile, .darkMode .srch .fixLi, .darkMode .ctrlB, .darkMode .ctrlHead, .darkMode .toc_wrapper, .darkMode .ctrlBoff, .darkMode .newer-post, .darkMode .older-post, .darkMode #blog-pager a .pager_icon, .darkMode .controls button, .darkMode .relatedPs, .darkMode .pShc >*, .darkMode .shareMore, .cpL label, .darkMode .fixLs, .darkMode .cmHl >li >.cmIn, .darkMode .modal-head, .darkMode .ReadPage-popup .ReadPage-popup-cont .modal-body.post-body, .darkMode #blog-pager .pager_icon, .darkMode.static_page .blogPosts article, .darkMode.item .blogPosts article, .darkMode aside .widget:not(.Profile), .darkMode .Profile .solo, .darkMode .Profile .solo .social-widget, .darkMode .postAuthors, .darkMode .megaMenu,.darkMode .custom-list{background-color: $(dark.front.bg)}
.darkMode .PopularPosts .itemPopulars .itemPopular .pThmb, .darkMode .Profile .solo .profileImage{border-color: $(dark.front.bg)}
.darkMode .menu li a, .darkMode .menu li.drop-menu > .down, .darkMode .menu li.drop-menu .bot-menu > .down, .darkMode.index .pTtl a, .darkMode .widget .title, .darkMode .Profile .solo .profileLink, .darkMode .Profile .solo .profileText, .darkMode .ContactForm label, .darkMode .list-label-widget-content ul li .label-name, .darkMode .featuredPost .item-1 .itemTitle a, .darkMode .itemEntry, .darkMode .itemPopulars .itemTitle a, .darkMode .PageList ul li a, .darkMode .read-more .pJmp, .darkMode .LinkList .widget-content ul li a, .darkMode .allRights, .darkMode .LinkList .widget-content.style2 ul li::after, .darkMode .bookmark-title, .darkMode .bm-title a, .darkMode .bm-more:after, .darkMode .clsMenu, .darkMode .navMobile svg, .darkMode .postInfo .nm::before, .darkMode .postInfo .pTtmp::before, .darkMode .brdCmb a, .darkMode .pTtl a, .darkMode .pInf .pNm, .darkMode .pS h1, .darkMode .pS h2, .darkMode .pS h3, .darkMode .pS h4, .darkMode .pS h5, .darkMode .pS h6, .darkMode #TOC ul li a, .darkMode .relatedPs .itemTitle a, .darkMode .fixT::before, .darkMode .newer-post a, .darkMode .older-post a, .darkMode .controls button svg.outline, .darkMode .cmHr .n, .darkMode .srchHead .clsBtn:after, .darkMode .newPost .posttitle, .darkMode .fixT .c::before, .darkMode .tocTitle span, .darkMode .modal-close, .darkMode .pSnpt, .darkMode .postInfo .pTtmp::after, .darkMode .widget .subtitle, .darkMode .cmnt::before, .darkMode .accordion-head{color:$(dark.text);fill:$(dark.text);stroke:$(dark.text)}
/*------- Responsive --------*/
@media screen and (max-width:991.99px){
.fixedMenu #head-1, .fixedMenu #head-2, .fixedMenu #head-3, .fixedMenu #head-4, .fixedMenu #head-5, .fixedMenu #head-6{scroll-margin-top: $(header.height)}
.header-wrapper{justify-content:center}.menuBtn,.headerIcon{width:20%}#heading{width:60%;margin-inline:auto}.menuToggle.visible, .tag-link.visible{display:block}#menu-bar{position:fixed;width:80%;height: 100%;justify-content: flex-start;align-items: flex-start;border-radius: 15px 0 0 15px;top:0;bottom:0;$startSide:-80%;opacity:0;visibility:visible;background-color:$(menu.bg);z-index:11;transition:var(--transition1)}
.headerIcon >* .tooltip-text{display:none}
.ltr #menu-bar{border-radius: 0 15px 15px 0}
.header-image-wrapper {margin-inline: auto}
.clsMenu {display: flex;align-items: center;width: 100%;border-bottom:2px solid rgba(230, 230, 230, 1);margin-bottom: 10px;height:$(header.height)}
.clsMenu>label {width: 100%}
.clsMenu span {display: block;font-size: 13px;font-weight: 600;color: $(body.text.color)}
.clsMenu svg.outline {height: 20px;width: 20px;margin-$endSide: 5px;stroke: $(body.icon.color)}
.ltr .clsMenu svg.outline {transform: rotate(180deg)}
.darkMode .clsMenu svg.outline{stroke: $(dark.text)}
.darkMode .clsMenu span{color: $(dark.text)}
.menu{display:block;overflow-y:auto}
#menu-bar>.LinkList {width: 100%;height: calc(100vh - 60px);padding-inline: 10px;overflow-y: auto}
.blogPages li a {font-size: 15px;color: #161617;font-weight: 600;transition: var(--transition1)}
.darkMode .blogPages li a{color:$(dark.text)}
.menu>li>a:after{display:none}
#copyrightSec{gap: 10px;justify-content: center;}
.menu li.drop-menu > .down:after, .menu li.drop-menu .bot-menu > .down:after {width: 10px;height: 10px}
.menu li a {font-size: 15px;font-weight: 600}
.menu li.drop-menu.open>.down {transform: rotate(180deg)}
.ltr .menu li.drop-menu.open>.down {transform: rotate(-180deg)}
.menu li.drop-menu .bot-menu.open>.down{transform: rotate(-90deg)}
.ltr .menu li.drop-menu .bot-menu.open>.down{transform: rotate(90deg)}
#heading-middle {display: none}
.menu>li{height: auto;margin-inline: 0;padding:5px}
.menu>li:not(:last-child) {margin-bottom: 5px}
.menu li.drop-menu ul li{padding:6px 5px}.menu li.drop-menu>ul,.menu li.drop-menu .bot-menu>ul{display:none;position:static;border-$startSide: 2px solid rgba(230, 230, 230, 1);margin-$startSide: 15px;margin-top: 10px;padding-block: 0;box-shadow:none;opacity:1;visibility:visible}.menu li.drop-menu ul li:hover{background-color:transparent}.menu li.drop-menu.open>ul,.menu li.drop-menu .bot-menu.open>ul{width:100%;padding: 5px;display:block}.menu li.drop-menu .bot-menu .down svg{transform:rotate(90deg);transition:var(--transition1)}.menu li.drop-menu .bot-menu.open .down svg{transform:rotate(0)}.menu li.drop-menu ul li:hover a{transform:translateX(0)}.drop-menu,.bot-menu{flex-wrap:wrap}.menu li.drop-menu>.down,.menu li.drop-menu .bot-menu>.down{padding:5px;margin-$startSide:auto}.menu li.drop-menu>ul li a{font-weight: 600;font-size: 14px;width:fit-content}.navToggle:checked~.mainContent #menu-bar{opacity:1;visibility:visible;$startSide:0}.navToggle:checked~.mainContent .closeMenu{opacity:1;visibility:visible;background:#121418;opacity:.8}
.bookmark-wrapper{position: fixed;top: auto;bottom: -100%;inset-inline: 0;margin: auto;width: 100%;max-width: 100%}
#bm-off:checked~.mainContent .bookmark-wrapper{bottom:0;top:auto}
.bookmark-inner{max-height: 380px;height:50vh}#bm-off:checked~.mainContent .closeBm{background:#121418;opacity:.8}#sidebar{display:flex;align-items:flex-start;gap:20px}#sidebar .section{width:calc(50% - 10px)}.page_body,.sidebar{width:100%!important}.page_body{padding-inline:.5rem}.ctrlB{width:85%}#controlBoxoff:checked+.ctrlB.fade-in{$endSide:-85%}#footerSec .section{width:calc(50% - 10px)}
#footerSec .section:not(:last-child){margin-bottom: 25px}
.index .blogPosts article:hover .iFxd .first-label{margin-$startSide:0}
.index .blogPosts article:hover .pTtl a {background-size: 0}
.static_page .blogPosts article, .item .blogPosts article{padding: 20px 0.5rem;box-shadow: none}
.share-menu {transform: scale(0.85);visibility: visible;opacity: 1;height: fit-content;padding: 6px 10px;box-shadow: 3px 0 12px rgb(0 0 0 / 15%);top: auto;bottom: 8px;background-color: $(posts.bg);width: fit-content;margin-inline: auto;border-radius: 45px}
.index .blogPosts article .share-menu li{transform: none}
.darkMode .share-menu{background-color:$(dark.front.bg)}
#blog-pager{width: calc(100% - 40px);gap: 15px;margin-inline: auto}
.newer-post, .older-post{width:100%}
#related-slider, #sidebar {padding-inline: .5rem}
#sidebar {margin-top: 30px}
.page{padding-top: 1rem}
.ctrlBoxCnt{height:calc(100vh - 60px)}
.fixedMenu .ctrlBoxCnt {top: $(header.height);height: calc(100vh - $(header.height) - 60px)}
.shareMore {display: none}
.blogPages {list-style: none;margin: 0;padding: 0;flex-wrap: wrap;margin-top: 10px;padding-top: 10px;border-top: 2px solid rgba(230, 230, 230, 1) }
.blogPages li {width: 100%;margin-block: 5px}
.ctrlBoff{top: calc($(header.height) + 20px);}
.customSections {padding-inline: .5rem}
.ticker, #hero-widget{margin-inline:.5rem}
.ticker .widget#LinkList049{display:none}
.cust-slider>* {width: 100%;min-height: 280px}
body .right-hero .splide__arrow--prev{$startSide:-25px}
body .right-hero .splide__arrow--next{$endSide:-25px}
.editor-pick.noSlide .splide__list {overflow-y: auto}
.editor-pick.noSlide .splide__slide, .splide:not(.is-active) .editor-pick .splide__slide {width: calc(50% - 18px);}
.video-post{width: calc(100% / 3);}
.fixL {height: auto;padding: 0}
.fixLi {width: 100%;max-width: 100%;margin: 0;max-height: initial}
.fixLs, .fixLi, .headerProfile, .bookmark-wrapper {border-radius: 18px 18px 0 0}
.srch .fixLi {padding: 15px 10px}
.srchHead{display:none}
.clsBtn.hidden {width: 40px;text-align: center;display: block !important}
.searchForm .searchButton{display: none}
.bookmark-title, .bookmark-inner, .Profile .profileHeader {padding: 15px}
.headerProfile {position: fixed;top: auto;bottom: -100%;inset-inline: 0;max-width: 100%;width: 100%}
.profInput:checked ~ .mainContent .headerProfile {top: auto;bottom: 0}
.profInput:checked ~ .mainContent .closeProfile{background: #121418;opacity: .8}
.ticker .HTML .widget-content:before, .ticker .HTML .widget-content:after{display:none}
.ticker .widget-content{margin-$startSide:0}
.right-hero .hero-content-container{max-width: 95%;margin-bottom: 10px;padding: 10px}
.right-hero .hero-content-container .title a, .hero-content .title a,.list-post.firstPost .cust-title a, .widget .title,.cust-title a{display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.custom-list {padding: 10px}
.list-post:not(.firstPost) .listThumb {width: 100px;height: 95px}
.list-post:not(.firstPost) .listContent {width: calc(100% - 100px)}
.video-post .videoContent{padding: 5px 5px 10px}
.widget .title{-webkit-line-clamp: 1;}
aside .widget:not(.Profile) {padding: 20px 10px 30px}
.Profile .team ul .teamMember a .profileName {opacity: 1;visibility: visible}
.Profile .team ul .teamMember a .profileImage {transform: translateY(-8px);-webkit-transform: translateY(-8px)}
.social-brand {position: inherit;opacity: 1;visibility: visible;margin-top: 5px}
.postAuthors, .postAuthors .author-wrap{flex-direction: column}
.postAuthors .social-widget ul{justify-content: center}
.postAuthors .authorInfo {text-align: center;width: 100%}
.postAuthors .authorImage{width: 140px;height: 140px;margin-$endSide: 0}
.postAuthors .author-wrap>div {margin: 10px auto}
.postAuthors .author-mainInfo {margin-top: 15px}
.postAuthors .authorInfo .button {margin-inline: auto}
.cmHl >li >.cmAv{width: 40px;height: 40px}
.cmHl >li >.cmIn {padding-inline: 15px 5px}
.cmCn li li .cmAv{width: 25px;height: 25px}
.cmCn li li .cmIn{width: calc(100% - 45px)}
.cmHl >li >.cmAv svg.outline{height: 21px;width: 21px}
.lazyYoutube .playBut {transform: translate(-50%, -50%) scale(.7)}
.lazyYoutube .playBut .triangle, .lazyYoutube .playBut .circle {animation: none;stroke-dashoffset: 0;stroke: rgb(255, 0, 51)}
.author-header> div {width: 100%}
.static_page .author_posts_container .auth-post {width: calc(100% / 2 - 20px * 1 / 2)}
.bm-delete svg {stroke: #e51b1b}
}
@media screen and (max-width:768px){
#sidebar,.mobileMenu{display:block}#sidebar .section{width:100%}.newer-post,.older-post{padding:20px}.related_posts_container{flex-wrap:nowrap;overflow-y:auto}.related_posts_container.related-list{flex-wrap:wrap;overflow:hidden}.relatedPs{width:100%;flex:1 0 100%}#toUp,.headerIcon .darkModeBtn,.headerIcon .srchNav{display:none}footer{padding-bottom:80px}
.index .blogPosts article {width: calc(50% - 15px) !important;flex-direction: column;padding:10px }
.read-more {width:100% !important}
.pS .separator a {margin: 0 auto !important}
.editor-pick.noSlide .splide__slide, .splide:not(.is-active) .editor-pick .splide__slide {width: 100%}
.three-cols>*{width:calc(50% - 11px)}
.video-post{width: calc(100% / 2);}
.custom-cover>* {width: 100%}
.grid-post {width: calc(50% - 9px)}
}
@media screen and (max-width:593px){
.newer-post a, .older-post a {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;font-size: 14px;line-height: 22px}
#blog-pager .pager-thumb {width: 90px;height: 90px}
.allRights {justify-content:center}
.brdCmb a{font-size: 14px}
.shL ul>*{flex: 0 0 calc(100% / 4 - 20px * 4/5)}
#content .FeaturedPost .featuredPost .item-1 .itemTitle a {font-size: 16px;line-height: 28px}
#content .FeaturedPost .itemPopulars.featuredPost .Popular_item .pThmb {height: 250px;border-radius: 5px}
#content .FeaturedPost .itemPopulars.featuredPost .Popular_item {padding: 0 0 30px;position: initial;display: block;background: transparent !important;box-shadow: none}
#content .FeaturedPost .itemPopulars.featuredPost .Popular_item .itemContent {position: absolute;inset-inline: 0;inset-block: auto 0;margin-inline: auto;width: calc(100% - 20px);background-color: $(posts.bg);border-radius: 8px;box-shadow: 0 10px 15px 0 rgb(30 30 30 / 7%);padding: 12px}
.darkMode #content .FeaturedPost .itemPopulars.featuredPost .Popular_item .itemContent{background-color:$(dark.front.bg)}
.Profile .auth-info{padding-top: 20px;padding-inline: .5rem}
.index .blogPosts article {width: 100% !important}
.index .blogPosts .pThmb{height:180px}
.index .blogPosts .pCntn {padding: 10px 10px 10px !important}
.index .blogPosts article>div, #footerSec .section, #sbCntnt>.widget{width:100% !important}
.pSnpt{display: block !important}
.page_body .smallPosts .pSnpt{display:none}
.two-cols>*, .three-cols>*, .grid-post {width: 100%}
.EPContent i.PLHolder{margin-bottom:10px}
.ticker .ticker-title{padding: 0 12px}
.ticker .ticker-title span {display: none;}
.ticker .ticker-title svg{margin-$endSide: 0;width: 22px;height: 20px}
.ticker .widget:before{width: 25%;}
.articleSlide, .left-hero i.PLHolder{min-height: 180px}
.video-post {min-height: 200px}
.cust-title a {font-size: 16px}
.list-post.firstPost .listThumb{height: 210px}
.pTtl.itm{font-size: 1.2rem}
.static_page .author_posts_container .auth-post {width: 100%}
}
@media screen and (max-width:480px){
.index .blogPosts article{width:100% !important}
}
@media screen and (max-width:320px){
.customSections>*:not(.no-items) .headline{flex-wrap: wrap;gap: 15px;justify-content: center}
.customSections>*:not(.no-items) .title:after{display:none}
.customSections>*:not(.no-items) .headline>* {width: 100%;flex: 0 0 auto;margin-inline: auto;justify-content: center;text-align: center}
}
@media print{
#TOC,.brdCmb,header,.postAuthors,.pFoot,.sidebar,svg,.pSh,.toc_wrapper,.pInf, footer, .qw-ads, .tags, #billboard-ad, #post-random{display:none!important}.page{padding-top:0}.page_body{marrgin:0 auto;width:100%;flex:0 0 auto}.postBody{color:#222!important}.postBody pre{max-height:100%}.article-ad{display:none!important;margin:0!important}.pTtl.itm{margin:40px 0 0}.mainContent, .static_page .blogPosts article, .item .blogPosts article{-webkit-box-shadow:none;box-shadow:none}.pEnt{margin-bottom:40px}
}
]]>
div.add_widget{margin-top:0;margin-bottom: 15px;padding:7px 15px;border:none;border-bottom:2px solid #c7c7c7}
body#layout div.section>div.add_widget:hover{border-bottom:2px solid #166aea}
body#layout .add-icon{background-color:#d8d8d8;border-radius:2px}
body#layout div.section>div.add_widget:hover .add-icon{background-color:#49b6ff}
body#layout div.section>div.widget{margin-top:0;margin-bottom:10px}
body#layout .section .widget a.editlink{border:0;padding:3px 15px;color:#fff!important;background:#166aea;text-decoration:none;border-radius:3px;height:20px;font:700 11px/18px system-ui}
body#layout.rtl .section .widget a.editlink{right:auto;left:10px}
body#layout.ltr .section .widget a.editlink{left:auto;right:10px}
body#layout .section .widget a.editlink:hover{background:#2e2e2e;color:#fff!important}
body#layout .visibility .editlink.icon{margin-top:25px;bottom: 8px;top: auto;}
body#layout .add_widget{border:1px dashed rgba(0,0,0,.3);margin-bottom:5px;margin-top:0}
body#layout .add_widget:hover{border:1px dashed rgba(0,0,0,.5)}
body#layout .section .add_widget a{color:#757575;font-weight:500;font-family:system-ui;font-size:14px;text-decoration:none!important}
body#layout.rtl .section .add_widget a{margin-left:40px;margin-right:0}
body#layout.ltr .section .add_widget a{margin-right:40px;margin-left:0}
body#layout div.widget-content{padding:10px 15px}
body#layout .draggable-widget div.widget-wrap2{background-color:#015a95}
body#layout .dr_active:before{content:'\افلت هُنا';font-family:system-ui;font-size:25px;padding-top:25px;display:block;font-weight:700}
body#layout .dr_active{height:50px!important;background-color:transparent;border:1px dashed #d95700;color:#d95700;margin-bottom:30px;top:20px;border-radius:100px}
body#layout .widget.locked-widget:before{content:'';font-size:14px;position:absolute;z-index:2;top:0;background-color:#000716;background-image:url(https://i.ibb.co/Ms8vH6z/path101434.png);background-size:12px;background-repeat:no-repeat;background-position:center center;width: 22px;height: 18px;line-height:1em;padding-top:5px;border-radius:4px 5px 5px 3px}
body#layout.rtl .widget.locked-widget:before{left:0}
body#layout.ltr .widget.locked-widget:before{right:0}
body#layout .widget .visibility .layout-widget-state{margin-top:12px;opacity:1!important}
body#layout.rtl .widget .visibility .layout-widget-state{float:right;background-repeat:repeat-y}
body#layout.ltr .widget .visibility .layout-widget-state{float:left;background-repeat:repeat-y}
.layout-widget-state.visible{background-position:center -1px!important}
.layout-widget-state.not-visible{background-position:center -23px!important}
body#layout .hidden, body#layout .invisible {display: inherit}
body#layout .header-wrapper>div.section {width: 44.6%;display: inline-block;}
body#layout .header-wrapper>div{display:none}
body#layout .header-wrapper> div#profile-widget {width: 95%}
body#layout #footerSec {display: flex}
body#layout #footerSec > div {width: 19.7%}
body#layout .page_body, body#layout .sidebar{display: inline-block;vertical-align: top;}
body#layout .page_body {width: 59%}
body#layout .sidebar {width: 40%}
body#layout .customSections, body#layout #news-ticker {display: flex}
body#layout .customSections div.section {width: 33.33%;height: fit-content;}
body#layout .customSections.top-widget div.section {width: 50%}
body#layout #news-ticker>*:not(.widget) {display: none}
body#layout #news-ticker {padding: 16px 5px}
body#layout #news-ticker>.widget {width: 50%;margin: 0}
body#layout #ContactForm396{display:none}
body#layout header, body#layout #main, body#layout #sidebar, body#layout footer, body#layout .srch, body#layout #Auth-Section, body#layout .customSections.first, body#layout #news-ticker{margin-top:60px;position:relative}
body#layout header:before, body#layout #main:before, body#layout #sidebar:before, body#layout footer:before, body#layout .srch:before, body#layout #Auth-Section:before, body#layout .customSections.first:before, body#layout #news-ticker:before{content:'رأس المدونة';display:block;position:absolute;right:0;left:0;top:-50px;border-radius:8px;font-family:system-ui;font-size:18px;font-weight:600;height:40px;line-height:35px;width:98%;margin:0 auto;text-align:center;background:#000716;color:#F6F5F4}
body#layout #main:before{content:'منطقة التدوينات';}
body#layout #sidebar:before{content:'الشريط الجانبي';}
body#layout footer:before{content:'فوتر';}
body#layout .srch:before{content:'البحث';}
body#layout #Auth-Section:before{content:'قسم الكتاب';}
body#layout .customSections.first:before{content:'الأقـســام الــرئـيــســة';}
body#layout #news-ticker:before{content:'شريط الأخبار';}
]]>
![]()
AuthorsInfo[' (function(){var snapAuthor=AuthorsInfo.filter(function(a){return a.name==='snapAuthor['
![author]()
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ60ZzWkvWkLfQ25ugYbP_PdcjxMb2S4yXJ82Bkhhz93qJY0x7xc304gT6sSP8p1mqZoy6FrGyBV-upDyE07rD0SRGGtRvbAoBLpJOaRo3PEJLkwyoXmPXTKlF_Q2WcZphaJolJIY4IsG0Vcg7ZkmtSLWJXS_S6NBI92qNA9HnzlJov-_45uEjGMsFHZwl/s1600/image.jpg
![author image]()
![author image]()
![]()
![]()
/**/
/**/
/**/ /**/ /**/
/**/