<head>
خطأ 404: صفحة غير موجودة
:
-
الأرشيف:
<style><!-- /*
*/
/*
Name : tasnyplus
Version : 1.3
Date : October 6, 2020
Demo : tasnyplus-template.blogspot.com
Type : Premium
Designer : mostafa moahmoud
Website : tasnyplus-template.blogspot.com
============================================================================
NOTE :
This theme is premium (paid).
You can only get it by purchasing officially.
If you get it for free through any method, that means you get it illegally.
============================================================================
*/
body#layout #nav-widget {
width: 100%;
bottom: 16%;
display: block;
position: relative;
}
body#layout{width:922px}
body#layout #add-widget {
z-index: 99;}
body#layout .mainContainer{display:flex;}
body#layout .header{width:50%;position: relative;}
body#layout .mainbar{width:65%}
body#layout .sidebar{width:35%}
body#layout div#HTML2, body#layout div#HTML3{width:calc(50% - 4px);float:left}
body#layout div#HTML3{float:right}
body#layout div.section:after{content:'';display:block;clear:both}
/* Standar Element */
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
a{-webkit-transition:all .2s ease;transition:all .2s ease;color:$(link.colors);text-decoration:none}a:hover{color:$(link.hover.colors)}
h1, h2, h3, h4, h5, h6{margin:0;font-weight:700;font-family:$(heading.font);color:$(main.colors)} h1{font-size:1.8rem} h2{font-size:1.7rem} h3{font-size:1.5rem} h4{font-size:1.3rem} h5{font-size:1.2rem} h6{font-size:1.1rem}
table{border-spacing:0} iframe{width:100%;border:0} input,button,select,textarea{font:inherit;font-size:110%;color:inherit;line-height:normal;vertical-align:baseline} img{display:block;position:relative;max-width:100%;font-size:10px;color:transparent}
svg{width:22px;height:22px;vertical-align:middle;fill:$(main.colors)}
svg .svg-c{fill:$(link.bg.colors)}
svg.line{fill:none !important;stroke:$(nav.colors);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
svg.line .svg-c{fill:none;stroke:$(link.bg.colors)}
.hidden, .replaced{display:none} .invisible{visibility:hidden} .clear{width:100%;display:block;margin:0;padding:0;float:none;clear:both}
.full-close{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;background:transparent;opacity:0;visibility:hidden}
/* Scrollbar Custom */
html, #nav-widget, .Blog pre, .Blog pre code{scrollbar-width:thin}
/* Main Content */
html{scroll-behavior:smooth;overflow-x:hidden}
body{position:relative;margin:0;padding:0;width:100%;font-family:$(body.font);font-size:14px;color:$(text.colors);background-color:#fff);-webkit-font-smoothing: antialiased;}
main{display:block;padding:30px 200px 30px 10px;-webkit-transition:all .2s ease;transition:all .2s ease}
main > *:not(:last-child), .sidebar > *:not(:last-child){margin-bottom:40px}
#nav-widget{position:fixed;top:0;right:0;background-color:$(nav.bg.colors);width:190px;height:100%;padding:calc($(header.height) + 15px) 0 0 0;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:2;overflow:hidden;box-shadow:0 6px 18px 0 rgb(30 30 30 / 15%)}
#nav-widget:hover{overflow-y:auto;}
#nav-widget:before{content:'';position:fixed;top:0;left:0;width:220px;height:$(header.height);background-color:$(nav.bg.colors);z-index:2;-webkit-transition:all .2s ease;transition:all .2s ease}
#nav-widget .widget{padding-bottom:90px}
#add-widget{padding-top:40px}
#large-ads{width:100%;padding:0 245px 0 30px;-webkit-transition:all .2s ease;transition:all .2s ease}
#large-ads .widget{margin:30px 0 10px}
.mainContainer{display:flex;justify-content:space-between;flex-wrap:wrap}
.mainIner:before{content:'';display:block;width:100%;padding-top:$(header.height)}
.asideIner{position:absolute;left:0;bottom:0;width:100%}
.mainbar{min-height:100vh;width:calc(100% - $(side.width))}
.sidebar{background-color:transparent;background-color: ;border-right: 0.5px solid #ccccccb0;width:$(side.width);padding:30px 30px;flex:0 0 auto}
#sidebar-sticky{position:sticky;top:calc($(header.height) + 20px)}
/* Header */
.header{position:fixed;top:0;left:0;display:flex;width:100%;height:$(header.height);padding:0 30px 0 25px;background-image:linear-gradient(to right,#324acd,#03a9f4);color:$(header.text.colors);fill:$(header.text.colors);z-index:50;box-shadow:0px 3px 10px 0 rgb(0 0 0 / 55%);-webkit-transition:all .2s ease;transition:all .2s ease;}
.header #header-widget{flex:0 0 auto;display:flex;align-items:center;height:100%;width:205px;padding:0 23px 0 0;overflow:hidden}
.header .widget{margin:auto 0;background-repeat:no-repeat;background-size:100%;background-position:center}
.header .header-inner img{max-width:142px;max-height:40px;}
.header .header-inner h1, #header-widget .header-inner h2{max-width:200px;font-size:18px;color:#f2f2f2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.header .header-inner a{color:inherit;-webkit-transition:none;transition:none}
/* Header Navicon */
.header .navicon{position:relative;flex:0 0 auto;display:flex;align-items:center;height:100%;z-index:4}
.header .navicon.right{margin-right:auto}
.header .navicon.search{display:flex;width:22px;position:absolute;top:-100%;right:10px;padding:0;border:0;outline:0;background:transparent;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden}
.header .navicon.search > *{cursor:default;fill:#5f6368}
.header .navicon > *{margin:auto 0;width:20px;cursor:pointer}
.header .navicon > * svg{width:20px}
.header .navicon .nav{height:20px;padding:3px 0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.header .navicon .nav i{position:relative;display:block;width:60%;height:2px;background-color:#fff;margin:0 0 4px 0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border-radius:2px}
.header .navicon .nav i:nth-child(2){width:100%;margin:0;z-index:2}
.header .navicon .nav i:nth-child(3){width:60%;margin:4px auto 0 0}
.header .navicon .nav.home{display:none}
.header .navicon .dark-switch{display:flex;align-items:center;width:auto;font-size:13px;color:#d0caca !important;white-space:nowrap}
.header .navicon .dark-switch:before{content:'الوضع اليلي'}
.header .navicon .dark-switch i{position:relative;margin-right:8px;width:30px;height:10px;border-radius:8px;background-color:rgb(0 0 0 / 35%)}
.header .navicon .dark-switch i:before{content:'';display:block;position:absolute;top:-4px;left:0;width:18px;height:18px;border-radius:50%;background-color:#f2f2f2;-webkit-transition:all .2s ease;transition:all .2s ease}
.header .navicon .navSearch{margin-left:15px;display:none}
.dark-mode .navicon .dark-switch i:before{left:13px;background: linear-gradient(to right,#283a9c,#03a9f4);}
/* Header Search */
.header .searchbar{flex:0 0 auto;display:flex;align-items:center;width:50%;height:100%;max-width:550px;padding:0 0 0 25px}
.header .searchbar form{position:relative;display:flex;align-items:center;width:100%;margin:auto 0;}
.header .searchbar .search-button{position:absolute;top:0;left:15px;display:flex;height:100%;align-items:center;padding:0;border:0;outline:0;background:transparent;cursor:pointer}
.header .searchbar .search-button svg{width:18px;height:18px;fill:#5f6368;-webkit-transition:all .3s ease;transition:all .3s ease}
.header .searchbar input[type=text]{background-color:#f2f2f2 !important;outline:0;border:0;padding:12px 20px 12px 45px;border-radius:5px;width:100%;transition: box-shadow .3s;-webkit-transition: box-shadow .3s}
.header .searchbar input[type=text]:focus{box-shadow:0 2px 3px 0 rgba(0,0,0,.1)}
.header .searchbar input[type=text]:focus + .search-button svg{fill:$(link.bg.colors)}
.header .searchbar input[type=text]:focus + .search-button + .navicon.search{top:0;opacity:1;visibility:visible}
/* Navigation Menu */
.navigation-menu, .navigation-mobile{list-style:none;margin:0;padding:0;color:$(nav.colors);fill:$(nav.colors);font-size:14px}
.navigation-menu > li{position:relative;padding:10px 25px 10px 20px}
.navigation-menu > li:before{content:'';position:absolute;top:0;right:0;display:block;width:2px;height:42px;border-radius:0 3px 3px 0;}
.navigation-menu > li:hover:before{background-color:$(link.bg.colors)}
.navigation-menu > li.break:after{content:'';display:block;width:100%;border-bottom:1px solid #ebeced;margin-top:20px}
.navigation-menu li .link{display:flex;align-items:center}
.navigation-menu li .link svg{height:20px;flex:0 0 auto;fill:inherit}
.navigation-menu li .link svg.name{flex:0 0 auto;width:14px;height:14px;margin-right:auto}
.navigation-menu li .link span.name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.navigation-menu li .link span.new:after{content: 'جديد !';margin-right: 5px;font-size: 90%;color:$(link.colors)}
.navigation-menu li .link .name{display:block;margin-right:8px}
.navigation-menu li a{display:block;color:inherit;white-space:nowrap}
.navigation-menu ul{list-style:none;margin:0;padding:0;overflow:hidden;-webkit-transition:all .2s ease;transition:all .2s ease}
.navigation-menu ul li{height:0;padding:0 20px 0 43px;-webkit-transition:inherit;transition:inherit;opacity:0;visibility:hidden}
.navigation-menu .close{display:none;position:fixed;top:0;left:0;margin-left:-100%;padding:20px 20px 20px 25px;width:85%;max-width:480px;background:$(nav.bg.colors);-webkit-transition:all .2s ease;transition:all .2s ease}
.navigation-menu .sosmed{position:fixed;bottom:0;right:0;padding:20px 25px 30px 20px;width:190px;background:$(nav.bg.colors);-webkit-transition:all .2s ease;transition:all .2s ease}
.navigation-menu .sosmed:before, .navigation-menu .close:before{top:10px}
.navigation-menu .sosmed .link{display:none}
.navigation-menu .sosmed .link svg{width:22px;height:22px}
.navigation-menu .sosmed ul{display:flex;}
.navigation-menu .sosmed ul li{height:auto;opacity:1;visibility:visible;padding:0 7px 0 0}
.navigation-menu .sosmed ul svg{fill:$(text.colors)}
.navigation-menu .sub-menu:checked + .link + ul{padding:10px 0 0}
.navigation-menu .sub-menu:checked + .link + ul li{height:38px;padding:10px 10px 10px 20px;opacity:1;visibility:visible}
.navigation-menu .sub-menu:checked + .link svg.name{-webkit-transform:rotate(180deg);transform: rotate(180deg)}
.nav-menu:checked + .mainWrapper .mainIner #large-ads,
.nav-menu:checked + .mainWrapper .mainIner main,
.nav-menu:checked + .mainWrapper .mainIner .footbar{padding-right:90px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(33.333% - 13.333px)}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-left:10px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-left:0}
.nav-menu:checked + .mainWrapper .asideIner #nav-widget,
.nav-menu:checked + .mainWrapper .asideIner #nav-widget:before,
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed{width:68px}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed .link{display:block;}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu li > * .name,
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul{display:none}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu ul{padding:0}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu ul li{height:0;padding:0 20px 0 43px;opacity:0;visibility:hidden}
.nav-menu:checked + .mainWrapper .mainIner.singleItem main,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-left:40px;padding-right:100px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-left:30px}
/* Navigation Mobile */
.navigation-mobile{display:flex;align-items:center;justify-content:space-evenly;position:fixed;left:0;bottom:-50px;width:100%;height:50px;padding:0 25px;background-color:transparent;z-index:-1;border-radius:20px 20px 0 0}
.navigation-mobile li{visibility:hidden;opacity:0;width:20%;text-align:center}
.navigation-mobile a{display:block}
.navigation-mobile svg{fill:$(text.colors);height:20px;width:20px}
.navigation-mobile svg.line{fill:none;stroke:$(text.colors)}
.navigation-mobile .dark-link .svg-2{display:none}
.navigation-mobile .top-link{visibility:visible;opacity:1}
.navigation-mobile .top-link a{display:flex;align-items:center;justify-content:center;position:fixed;left:20px;bottom:20px;width:45px;height:45px;background-color:#fefefe;border-radius:20px;box-shadow:0 10px 20px 0 rgb(30 30 30 / 38%)}
.navigation-mobile .top-link svg.line{stroke:$(text.colors)}
.dark-mode .navigation-mobile .dark-link .svg-2{display:inline-block}
.dark-mode .navigation-mobile .dark-link .svg-1{display:none}
/* Widget Default */
.widget-title, .sidebar .title, .related-posts .title, .comments .title{display:flex;align-items:center;justify-content:space-between;margin:0 0 25px;font-size:18px}
.widget-title > *{font-size:inherit}
.widget-title a{font-size:85%;color:$(text.colors)}
.widget:not(:last-child){margin-bottom:50px}
.widget .post-thumb{display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.widget input[type=email], .widget input[type=text], .widget textarea{width:100%;padding:8px 12.5px;outline:0;border:0;border-radius:3px;line-height:22px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
.widget input[type=submit], .widget input[type=button]{outline:0;border:0;border-radius:3px;padding:8px 12.5px;line-height:22px;background-color:$(link.bg.colors);color:#fefefe;cursor:pointer;font-size:90%;box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
.widget input[type=button]{padding:8px 30px}
.sidebar ul, .sidebar ol{list-style:none;margin:0;padding:0}
/* Widget Read Also */
.post-body .bacajuga{display:block;margin:20px 0px;}
.bacajuga .judul{background-color:#005af0;color:#fff;display:block;font-weight:500;font-size:16px;padding:7px 15px;border-radius:5px 5px 0px 0px;}
.bacajuga .judul:before{content:'';display:inline-block;width:20px;height:20px;margin-left:7px;vertical-align:-4px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z' fill='%23fff'/%3E%3C/svg%3E") center no-repeat;}
.bacajuga ul{margin:0px;line-height: 30px;border: 1px solid #ccc;border-radius:0px 0px 5px 5px;padding:10px 15px;border-top:0px;}
.bacajuga ul li{list-style-type:none;padding:7px 0;}
.bacajuga ul li:before{content:'';display:inline-block;width:20px;height:20px;margin-left:3px;margin-right:-5px;transform: rotate(180deg);vertical-align:-5px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%232f303f'/%3E%3C/svg%3E") center no-repeat;}
.bacajuga ul li:first-child{padding-top:0px;}
.bacajuga ul li:last-child{border:0px; padding-bottom:0px;}
/* Widget Blog List Mode */
.widget-title .listMode{display:flex;align-items:center;font-size:85%}
.widget-title .listMode:before{content:'قائمة';margin-left:8px}
.widget-title .listMode .svg-2, .list-mode .widget-title .listMode .svg-1{display:none}
.list-mode .widget-title .listMode:before{content:'عناصر'}
.list-mode .widget-title .listMode .svg-2{display:block}
.multipleItem .Blog.list-mode .post-title {font-size: 110%;}
.multipleItem .Blog.list-mode article{width:100% !important;display:flex;align-items:center;margin-right:0;padding:10px}
.multipleItem .Blog.list-mode .post-thumbnail{width: 105px !important;margin-left: 20px !important;margin-bottom: 0;}
.multipleItem .Blog.list-mode .post-thumbnail a{padding-top:100%}
.multipleItem .Blog.list-mode .post-content{width:calc(100% - 125px)}
.multipleItem .Blog.list-mode .post-title a{-webkit-line-clamp:2}
.nav-menu:checked + .mainWrapper.multipleItem .Blog.list-mode article,
.nav-menu:checked + .mainWrapper.multipleItem .Blog.list-mode article:nth-of-type(2n),
.nav-menu:checked + .mainWrapper.multipleItem .Blog.list-mode article:nth-of-type(4n){width:100%;margin-right:0}
.nav-menu:checked + .mainWrapper.multipleItem .Blog.list-mode article:nth-of-type(3n), .multipleItem .Blog.list-mode article:nth-of-type(3n){margin-left:0}
.multipleItem .Blog.list-mode .post-thumbnail{width:90px;margin-right:15px}
.multipleItem .Blog.list-mode .post-content{width:calc(100% - 105px)}
/* Widget Blog */
.multipleItem .Blog .blog-posts{display:flex;flex-wrap:wrap}
.multipleItem .Blog .blog-posts article{width:calc(33.333% - 13.333px);margin-left:10px}
.multipleItem .Blog .blog-posts article:nth-of-type(3n){margin-left:0}
.Blog article, .FeaturedPost article{display:block;background-color:#fefefe;margin:0 0 20px;padding:10px 10px 15px;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}
.Blog article .post-thumbnail{margin-bottom:15px}
.Blog article .post-thumbnail a, .FeaturedPost article .item-thumbnail a, .PopularPosts article .item-thumbnail a, .Blog .related-posts li .item-thumbnail > *{position:relative;display:block;width:100%;padding-top:52.5%;background-color:#f7f9f8;border-radius:4px;overflow:hidden}
.Blog article .post-content{}
.Blog article .post-label{font-size:11px;line-height:1.58em;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.Blog article .post-label a{color:$(link.colors)}
.Blog article .post-label a:before{content:'#';font-size:80%}
.Blog article .post-label a:not(:last-child):after, .FeaturedPost article .item-label > *:not(:last-child):after, .PopularPosts article .item-label a:not(:last-child):after{content:',';margin-right:3px}
.Blog article .post-label a:hover, .Blog article .post-info .post-author a:hover{text-decoration:underline}
.Blog article .post-title{font-size:90%}
.Blog article .post-title a, .Blog article .post-info .post-author a, .FeaturedPost article a, .PopularPosts article a{color:inherit}
/* Ubah jadi display:block; untuk menampilkan snippet artikel */
.Blog article .post-snippet{display:none;margin-top:12px;font-size:11px;color:$(alt.text.colors)}
.Blog article .post-info, .FeaturedPost article .item-header, .PopularPosts article .item-header{display:flex;justify-content:space-between;align-items:flex-end;margin-top:12px;font-size:13px;color:$(text.colors)}
.Blog article .post-info .post-author, .FeaturedPost article .item-label, .PopularPosts article .item-label{font-size:11px;line-height:1.58em}
.Blog article .post-info .post-header, .FeaturedPost article .item-header .item-info, .PopularPosts article .item-header .item-info{width:calc(100% - 65px)}
.Blog article .post-info .post-header .post-timestamp, .Blog article .post-info .post-author .post-authorName,
.FeaturedPost article .item-header .item-timestamp, .FeaturedPost article .item-header .item-label,
.PopularPosts article .item-header .item-timestamp, .PopularPosts article .item-header .item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Blog article .post-info .post-author .post-authorName{display:block}
.Blog article .post-info .post-comment, .FeaturedPost article .item-comment, .PopularPosts article .item-comment{display:flex;width:65px;flex-shrink:0;justify-content:flex-end}
.Blog article .post-info .post-comment > *, .FeaturedPost article .item-comment > *, .PopularPosts article .item-comment > *{display:flex;align-items:flex-end;color:inherit}
.Blog article .post-info .post-comment > * svg, .FeaturedPost article .item-comment > * svg, .PopularPosts article .item-comment > * svg{width:20px;height:20px;fill:$(alt.text.colors);margin-left:5px}
.Blog article .post-info .post-comment > * svg.line, .FeaturedPost article .item-comment > * svg.line, .PopularPosts article .item-comment > * svg.line{fill:none;stroke:$(alt.text.colors)}
.Blog article .post-info .post-comment > .post-shareIcon svg{height:18px}
.Blog article.noThumbnail .post-thumb{color:#989b9f;font-size:10px}
.Blog article.post{margin:0 15px 30px;padding:0;box-shadow:none;background:transparent;border-radius:0;border-bottom:1px solid #ebeced}
.Blog article.post h1, .Blog article.post h2, .Blog article.post h3, .Blog article.post h4, .Blog article.post h5, .Blog article.post h6{margin:1.7em 0 20px;line-height:1.3em}
.Blog article.post h1:target, .Blog article.post h2:target, .Blog article.post h3:target, .Blog article.post h4:target, .Blog article.post h5:target, .Blog article.post h6:target{padding-top:70px;margin-top:0}
.Blog article.post img{display:inline-block;height: auto;border-radius:3px}
.Blog article.post .post-headline{margin-bottom:2.5rem;}
.Blog article.post .post-thumbnail{margin-bottom:20px}
.Blog article.post .post-thumbnail a{padding-top:34.61%}
.Blog article.post .post-title{font-size:24px;margin:0}
.Blog article.post .post-info{margin-top:25px}
.Blog article.post .post-info .post-author{font-size:inherit;color:$(text.colors)}
.Blog article.post .post-info .post-author .post-authorName:before{content:attr(data-text)}
.Blog article.post .post-info .post-timestamp .publish{display:none}
.Blog article.post .post-info .post-timestamp .publish:before{content:attr(data-text)}
.Blog article.post .post-info .post-timestamp .publish:after{content:'\2027';margin:0 5px}
.Blog article.post .post-info .post-timestamp .updated:before{content:'تم التعديل في:'}
.Blog article.post .post-info .post-header{width:calc(100% - 125px)}
.Blog article.post .post-info .post-comment{width:125px}
.Blog article.post .post-entry{font-size:16px;line-height:1.58em}
.Blog article.post .post-entry p{margin:1.7em 0;}
.Blog article.post .post-labels{display:flex;flex-wrap:wrap;margin:30px 0 30px;padding:0;font-size:13px}
.Blog article.post .post-labels a{margin:0 10px 10px 0}
.Blog article.post .post-labels a:before{content:'#';font-size:80%}
.Blog article.post .post-labels a:not(:last-child):after{content:','}
.Blog article.post .post-share{position:relative;display:flex;flex-wrap:wrap;margin:20px 0 30px;font-size:13px;line-height:22px;}
.Blog article.post .post-share:before{display:block;content:'شارك المنشور مع أصدقائك لتعم الفائدة ';width:100%;margin-bottom:20px;font-size:14px;font-weight:700;font-family:$(heading.font)}
.Blog article.post .post-share .share-icon{flex-grow:1}
.Blog article.post .post-share .share-icon:not(:first-child){margin-right:10px}
.Blog article.post .post-share .share-icon > *{display:flex;align-items:center;padding:12px;border-radius:3px;background-color:#fefefe;box-shadow:0 10px 20px 0 rgba(30,30,30,.1)}
.Blog article.post .post-share .share-icon > a{padding:12px 15px;color:#fefefe}
.Blog article.post .post-share .share-icon > a svg{fill:#fefefe}
.Blog article.post .post-share .share-icon svg{width:20px;fill:$(alt.text.colors)}
.Blog article.post .post-share .facebookThis a{background-color:#3059b0}
.Blog article.post .post-share .facebookThis a:after{content:'فيس بوك';margin-right:15px}
.Blog article.post .post-share .twitterThis a{background-color:#55acef}
.Blog article.post .post-share .twitterThis a:after{content:'تويتر';margin-right:15px}
.Blog article.post .post-share .whatsappThis a{background-color:#25D366}
.Blog article.post .post-share .whatsappThis a:after{content:'واتساب';margin-right:15px}
.Blog article.post .post-share .shareThis{flex-grow:0}
.Blog article.post .post-share .share-popup, .Profile .team .all-member, .Blog .post-font .post-fontContainer{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;z-index:50;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.Blog article.post .post-share .share-notif{display:flex;position:fixed;left:0;right:0;bottom:0;margin-bottom:25px}
.Blog article.post .post-share .share-notif span{position:relative;bottom:-200px;display:block;width:240px;margin:0 auto;padding:10px;border-radius:3px;background-color:#48525c;color:#fefefe;font-size:13px;line-height:22px;text-align:center;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-webkit-animation:slidein 2s ease forwards;animation:slidein 2s ease forwards;}
.Blog article.post .post-share .share-check:checked + .share-popup, .Profile .team .all-team:checked + .all-member, .Blog .post-font .post-fontContainer.active{opacity:1;visibility:visible}
.Blog article.post .post-share .share-check:checked + .share-popup ul, .Profile .team .all-team:checked + .all-member .all-memberBox, .Blog .post-font .post-fontContainer.active ul{margin:0 auto}
.Blog article.post .post-share .share-check:checked + .share-popup .full-close, .Profile .team .all-team:checked + .all-member .full-close, .Blog .post-font .post-fontContainer.active .full-close{background:rgba(0,0,0,.35);opacity:1;visibility:visible}
.Blog article.post .post-share ul, .Blog .post-font .post-fontContainer ul{position:relative;display:flex;flex-wrap:wrap;width:95%;max-width:500px;list-style:none;margin:0 auto -50%;padding:25px 25px 20px;background-color:#fafafc;border-radius:30px;z-index:3;-webkit-transition:all .2s ease;transition:all .2s ease}
.Blog article.post .post-share ul:before, .Blog .post-font .post-fontContainer ul:before{content:'مشاركة المنشور';display:block;width:100%;margin:0 0 15px;font-size:15px;font-family:$(heading.font);font-weight:700;text-align:center;color:$(main.colors)}
.Blog article.post .post-share li{position:relative;width:calc(25% - 15px);margin-right:20px}
.Blog article.post .post-share li:nth-of-type(4n){margin-right:0}
.Blog article.post .post-share li > *{display:block;margin:8px 0;text-align:center;color:inherit;cursor:pointer}
.Blog article.post .post-share li > * span{display:block;margin:5px 0 0;font-size:90%;color:$(text.colors)}
.Blog article.post .post-share li > * svg{width:48px;height:48px;fill:$(alt.text.colors);padding:13px;background-color:#ebeced;border-radius:18px;}
.Blog article.post .post-share li > * svg.line{fill:none;stroke:$(alt.text.colors);padding:16px}
.Blog article.post .post-share li input{margin:0;padding:0;outline:0;border:0;width:1px;height:0;opacity:0}
.Blog article.post .post-share li.share-close, .Profile .team .all-member .member-close, .Blog .post-font .post-fontContainer .close{width:30px;height:30px;margin:0;position:absolute;top:20px;right:-15px;z-index:1}
.Blog article.post .post-share li.share-close > *, .Profile .team .all-member .member-close label, .Blog .post-font .post-fontContainer .close > *{margin:0;display:flex;align-items:center;justify-content:center;height:100%;background-color:$(link.bg.colors);border-radius:50%}
.Blog article.post .post-share li.share-close > * svg, .Blog .post-font .post-fontContainer .close > * svg{width:22px;height:22px;padding:0;margin:0;background:transparent;fill:#fefefe}
.Blog .separate{display:block;margin:20px 0}
.Blog .separate:before{content:'\2027 \2027 \2027';display:block;color:#505050;text-align:center;font-size:28px;font-style:normal;letter-spacing:0.6em;text-indent:0.6em;clear:both}
.Blog blockquote{position:relative;font-size:15px;}
.Blog blockquote.style-1{margin-left:0;margin-right:0;padding:30px 25px 30px 90px;border-radius:4px;border:2px solid #ebeced}
.Blog blockquote.style-1:before{content:'\201D';display:block;position:absolute;font-weight:700;font-size:70px;font-family:$(heading.font);top:7px;left:25px;line-height:normal;color:rgba(0,0,0,.15)}
.Blog blockquote.style-1 ul{font-size:90%}
.Blog table.tr-caption-container{min-width:inherit;width:auto;margin:0 auto;border:0;position:relative}
.Blog table.tr-caption-container tr td{background-color:transparent;border:0;padding:0}
.Blog table.tr-caption-container tr:nth-child(2n+1) td, .Blog table.tr-caption-container tr:nth-child(2n+1) td:first-child{border:0;background:transparent}
.Blog table.tr-caption-container .tr-caption{display:block;font-size:12px;font-style:italic;color:$(alt.text.colors);background-color:transparent;border:0}
.Blog table{min-width:70%;margin:0 auto;border:0;overflow:hidden;font-size:14px;}
.Blog table th{background-color:transparent;padding:15px 20px;border:1px solid #ddd;font-family:$(heading.font);font-size:13px}
.Blog table th:last-child, .Blog table tr td:last-child, .Blog table tr:nth-child(2n) td:last-child{}
.Blog table td{padding:15px 20px;border:1px solid #ddd;border-top:0;vertical-align:middle}
.Blog table tr:nth-child(2n + 1) td{background-color:rgba(0,0,0,.025)}
.Blog .table{display:block;overflow-y:hidden;overflow-x:auto;border-radius:3px;scroll-behavior:smooth;}
.icon-set .icon-svg {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 75px;
margin: .5em 0 .5em 15px;
background-color: #f4f4f4;
border-radius: 10px;
}
.icon-set .icon-html {
width: calc(100% - 90px);
}
.icon-set {
display: flex;
align-items: stretch;
}
.icon-set .icon-html pre {
margin: .5em 0;
}
.Blog pre{font-size:13px;position:relative;direction: ltr;width:100%;background-color:#29323c;color:rgba(255,255,255,.9);border-radius:3px;padding:20px 20px;margin:25px 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;font-family: 'Fira Mono', monospace;line-height:1.5em;}
.Blog pre code{display:block;padding:0;white-space:pre;font-family: 'Fira Mono', monospace}
.Blog pre span{color:#e6db74}
.Blog pre span.block{color:#fff;background:#3a7bd5}
.Blog pre i{color:#519bd6;font-style:normal}
.Blog pre i.comment, .Blog pre i.tag{color:#6292ff;user-select:text;-moz-user-select:text;-ms-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-webkit-touch-callout:text;}
.Blog pre i.tag{color:#f15a5a}
.Blog .code{display:inline;padding:2px 4px;font-size:85%;line-height:inherit;color:#f15a5a;background-color:rgba(0,0,0,.05);font-family: 'Fira Mono', monospace;}
.Blog .daftar-isi, .Blog .spoiler{border:2px solid #ebeced;border-left:0;border-right:0;padding:25px 15px;margin:30px 0;font-size:15px}
.Blog .daftar-isi .isi-judul, .Blog .spoiler .spoiler-judul{outline:0;font-weight:700;font-family:$(heading.font);color:$(main.colors);display:flex;}
.Blog .daftar-isi .isi-judul:after{content: ' إخفاء ';font-weight:400;font-size:85%;font-family:$(body.font);color:$(text.colors);margin-right:auto}
.Blog .daftar-isi .isi-content{max-height:1000vh;transition:all .4s ease;-webkit-transition:all .4s ease;overflow:hidden}
.Blog .daftar-isi .isi-content a{font-weight:400;color:$(text.colors)}
.Blog .daftar-isi .isi-content ol{counter-reset:daftar-count;margin-bottom:0;padding:0;list-style:none;font-size:14px}
.Blog .daftar-isi .isi-content ol ol{width:100%;margin-bottom:10px;padding-left:26px}
.Blog .daftar-isi .isi-content ol li, .Blog .post-tocContent ol li{display:flex;flex-wrap:wrap}
.Blog .daftar-isi .isi-content ol li a{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Blog .daftar-isi .isi-content li ul li a{max-width:none}
.Blog .daftar-isi .isi-content ol li a:before, .Blog .post-tocContent ol li a:before{content:counters(daftar-count,'.')'. ';counter-increment:daftar-count;display:inline-block;min-width:20px;margin-right:5px;color:$(text.colors);flex-shrink:0;font-weight:700;font-family:$(heading.font)}
.Blog .daftar-isi .isi-content ol ul{width:100%;padding-left:45px}
.Blog .daftar-isi .isi-content ol ul li{display:list-item}
.Blog .daftar-isi .isi-content ol ul li:before{display:none}
.Blog .daftar-isi .isi-content ul{margin-bottom:0;padding-left:20px}
.Blog .daftar-isi .isi-input:checked + .isi-judul + .isi-content{max-height:0}
.Blog .daftar-isi .isi-input:checked + .isi-judul:after{content: ' إضهار '}
.Blog .post-toc{width:340px;height:calc(100% - $(header.height));display: none;padding:30px;background-color:#fafafc;position:absolute;top:$(header.height);left:0;z-index:2;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.Blog .post-tocContainer{position:sticky;top:calc($(header.height) + 30px)}
.Blog .post-tocHeader{position:relative}
.Blog .post-tocHeader label{display:flex;align-items:center;font-weight:700;font-family:$(heading.font);margin:0;color:$(main.colors)}
.Blog .post-tocHeader label svg.drop{margin-right:auto;width:18px;height:18px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:all .2s ease;transition:all .2s ease;}
.Blog .post-tocHeader label .show{width:50px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#fefefe;border-radius:0 50px 50px 0;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);position:absolute;top:0;right:-95px;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.Blog .post-tocContent ol{padding:0;list-style:none;font-size:14px;font-weight:400;line-height:1.9em;counter-reset: toc-count;}
.Blog .post-tocContent ol li a:before{content:counters(toc-count,'.')'. ';counter-increment:toc-count;}
.Blog .post-tocContent ol ol{width:100%;padding-left:26px;margin-bottom:10px}
.Blog .post-tocContent a{color:$(main.colors);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Blog .toc-menu:checked + .post-toc{left:-360px}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{opacity:1;visibility:visible}
.Blog .spoiler{padding:20px 15px}
.Blog .spoiler .spoiler-judul{align-items:center}
.Blog .spoiler .spoiler-judul .button{margin:0 auto 0 0;padding:5px 15px;font-size:11px;font-weight:400;font-family:$(body.font);}
.Blog .spoiler .spoiler-judul .button:before{content:' إضهار'}
.Blog .spoiler .spoiler-isi{max-height:0;margin-top:0;transition:all .2s ease;-webkit-transition:all .2s ease;overflow:hidden}
.Blog .spoiler .spoiler-isi p, .Blog article.post .spoiler .spoiler-isi p{margin-top:10px}
.Blog .spoiler .spoiler-isi pre{margin:10px auto 0}
.Blog .spoiler .spoiler-input:checked + .spoiler-judul .button:before{content:' إخفاء'}
.Blog .spoiler .spoiler-input:checked + .spoiler-judul + .spoiler-isi{max-height:1000vh;margin-top:1em}
.Blog .post-font > span, .Blog .post-shareIcon label{margin-left:7px}
.Blog .post-font .post-fontContainer ul:before{content:'تغيير حجم الخط'}
.Blog .post-font .post-fontContainer li{width:33.333%;text-align:center}
.Blog .post-font .post-fontContainer li label{display:block;margin:0 auto;cursor:pointer}
.Blog .post-font .post-fontContainer li label:before{content:'A';font-size:35px;font-weight:700;font-family:$(heading.font);color:#ddd;line-height:60px}
.Blog .post-font .post-fontContainer li label:hover:before{color:$(main.colors)}
.Blog .post-font .post-fontContainer li:nth-child(1) label:before{font-size:25px}
.Blog .post-font .post-fontContainer li:nth-child(3) label:before{font-size:45px}
.Blog article .post-info .post-comment .post-fontContainer .close > * svg{fill:#fefefe}
.font-size1:checked + .font-size2 + .font-size3 + article .post-font .post-fontContainer li:nth-child(1) label:before,
.font-size2:checked + .font-size3 + article .post-font .post-fontContainer li:nth-child(2) label:before,
.font-size3:checked + article .post-font .post-fontContainer li:nth-child(3) label:before{color:$(main.colors)}
.font-size1:checked + .font-size2 + .font-size3 + article .post-entry{font-size:14px}
.font-size3:checked + article .post-entry{font-size:18px}
.Blog .post-tabs .post-tabsHeader{display:flex;border-bottom:1px solid #ebeced;margin-bottom:30px;font-size:13px}
.Blog .post-tabs .post-tabsHeader > *:not(:last-child){margin-right:7px}
.Blog .post-tabs .post-tabsHeader > *{padding:8px 15px;border:1px solid #ebeced;border-bottom:0;border-radius:4px 4px 0 0;position:relative}
.Blog .post-tabs .post-tabsHeader > *:after{content:'';display:block;width:100%;height:2px;background-color:#fafafc;position:absolute;left:0;bottom:-1px;visibility:hidden;opacity:0}
.Blog .post-tabs .post-tabsContent{position:relative}
.Blog .post-tabs .post-tabsContent > *{display:none;transition:all .2s ease;-webkit-transition:all .2s ease;}
.Blog .post-tabs .post-tabsContent > *:not(:first-child){width:100%}
.Blog .post-tabs .post-tabsContent > * p:first-child{margin-top:0}
.tab-1:checked + .tab-2 + .post-tabs .post-tabsHeader > *:first-child:after,
.tab-2:checked + .post-tabs .post-tabsHeader > *:nth-child(2):after{opacity:1;visibility:visible}
.tab-1:checked + .tab-2 + .post-tabs .post-tabsContent > *:first-child,
.tab-2:checked + .post-tabs .post-tabsContent > *:nth-child(2){display:block}
.Blog .post-pagenav > *{padding:6px 15px}
.Blog .post-pagenav > *:not(:last-child){margin-right:12px}
.Blog .blog-pager, .Blog .post-pagenav{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0 0;font-size:12px;color:#fefefe;line-height:22px}
.Blog .blog-pager > *, .Blog .post-pagenav > *{display:flex;align-items:center;padding:8px 15px;border-radius:3px;background-color:$(link.bg.colors);color:inherit;box-shadow:0 10px 20px 0 rgba(30,30,30,.1)}
.Blog .blog-pager > * svg{width:20px;fill:#fefefe}
.Blog .blog-pager > * svg.line{fill:none;stroke:#fefefe}
.Blog .blog-pager .no-post, .Blog .post-pagenav .current{cursor:not-allowed;background-color:#fefefe;color:$(alt.text.colors)}
.Blog .blog-pager .newer-link{margin-left:auto}
.Blog .blog-pager .older-link{margin-right:auto}
.Blog .blog-pager .js-load svg{margin-right:10px}
.Blog .blog-pager .js-load.error{background-color:#f15a5a}
.Blog .blog-pager > span{margin:0 10px 10px 0}
.Blog .blog-pager > span:last-child{margin-right:0}
.Blog .breadcrumbs{display:flex;align-items:center;margin:0 15px 8px;font-size:11px;font-weight:700;font-family:$(heading.font);color:$(alt.text.colors);}
.Blog .breadcrumbs > *:first-child{display:none}
.Blog .breadcrumbs > *:not(:last-child):after{content:'\203A';margin:0 7px 0 4px;font-size:13px;line-height:16px}
.Blog .breadcrumbs > *{flex-shrink:0}
.Blog .breadcrumbs > .title-link{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:$(alt.text.colors)}
.Blog .accordion{position:relative;list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;font-size:14px}
.Blog .accordion li{width:100%;padding:20px 0;border-bottom:2px solid #ebeced}
.Blog .accordion .accor-title{display:flex;align-items:center}
.Blog .accordion .accor-title .accor-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:15px;position:relative}
.Blog .accordion .accor-title .accor-icon:before, .Blog .accordion .accor-title .accor-icon:after{content:'';display:block;width:60%;height:2px;border-radius:2px;background-color:$(main.colors)}
.Blog .accordion .accor-title .accor-icon:after{position:absolute;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.Blog .accordion .accor-title .title{flex-grow:1;margin:0;line-height:1.48em;font-weight:700;font-family:$(heading.font);color:$(main.colors)}
.Blog .accordion .accor-menu:checked + .accor-title .title{color:$(link.colors)}
.Blog .accordion .accor-menu:checked + .accor-title .accor-icon:before, .Blog .accordion .accor-menu:checked + .accor-title .accor-icon:after{background-color:$(link.colors)}
.Blog .accordion .accor-menu:checked + .accor-title .accor-icon:after{visibility:hidden;opacity:0}
.Blog .accordion .accor-menu:checked + .accor-title + .content{max-height:100vh;padding-top:15px;padding-bottom:8px}
.Blog .accordion .content{margin:0;padding-left:35px;position:relative;overflow:hidden;max-height:0;-webkit-transition:all .2s ease;transition:all .2s ease;}
.Blog .download-info{display:flex;align-items:center;margin:1.7em 0;padding:15px;border:2px solid #ebeced;border-radius:3px;font-size:13px}
.Blog .download-info .file-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:10px;border-radius:15px;color:#fefefe;background:#ebeced linear-gradient(225deg,#00dcc0 0,#005af0 75%);font-weight:700;font-family:$(heading.font)}
.Blog .download-info .file-text{padding:0 12px;width:calc(100% - 150px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Blog .download-info .file-link{flex-shrink:0;display:flex;font-size:11px;margin:0 0 0 auto;padding:6px 10px}
.Blog .download-info .file-link .m-icon{width:15px;height:15px}
.Blog .author-posts{display:flex;align-items:center;margin:30px 15px;position:relative;padding:15px;border-radius:4px;background:#fefefe;overflow:hidden;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);font-size:13px;}
.Blog .author-posts .authorImage{flex-shrink:0;margin-left:15px}
.Blog .author-posts .authorImage div{position:relative;width:50px;padding-top:100%;background-color:#f2f2f2;border-radius:20px}
.Blog .author-posts .authorInfo{flex-grow:1;}
.Blog .author-posts .author-name{font-weight:700;font-family:$(heading.font);color:$(main.colors);font-size:13px}
.Blog .author-posts .author-name:before{content:attr(data-text);display:none}
.Blog .author-posts .author-desc{color:$(alt.text.colors);margin-top:2px}
.Blog .author-posts .author-link{list-style:none;margin:0}
.Blog .author-posts a, .Blog .related-posts a, .Blog .comments a{color:inherit}
.Blog .related-posts{margin:60px 15px 30px}
.Blog .related-posts ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.Blog .related-posts li{width:calc(33.333% - 13.333px);margin-left:10px;margin-bottom:20px;padding:10px 10px 18px;background-color:#fefefe;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}
.Blog .related-posts li:nth-of-type(3n){margin-left:0}
.Blog .related-posts li .item-thumbnail{margin-bottom:12px}
.Blog .related-posts li .item-thumbnail > *{padding-top:60%}
.Blog .related-posts li .item-thumbnail > *:before{content:'No image';display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:$(sec.night.colors);font-size:10px}
.Blog .related-posts li .item-title{padding:0 5px;font-size:12px;font-weight:700;font-family:$(heading.font);color:$(main.colors)}
.Blog .related-post.style-1 a:before{content:'';display:block;position:absolute;bottom:0;right:0;width:70px;height:65px;background:rgba(0,0,0,.025);border-radius:70px 0 5px 0;}
.Blog #disqus_thread{margin:30px 15px}
.Blog .show-comment{margin:30px 15px;font-size:13px}
.Blog .show-comment label{display:block;margin:0;padding:15px;text-align:center;border:2px solid #ebeced}
.Blog .show-comment + .comments{height:0;overflow:hidden}
.Blog .all-comment:checked + .show-comment{display:none}
.Blog .all-comment:checked + .show-comment + .comments{height:auto;overflow:visible}
.Blog .comments{margin:30px 15px 0;height:auto}
.Blog .comments .avatar-image-container{width:52px}
.Blog .comments .avatar-image-container div{position:relative;overflow:hidden;padding-top:100%;border-radius:20%;background-color:#f2f2f2;box-shadow:0 6px 18px 0 rgba(30,30,30,.035)}
.Blog .comments .comment-header, .Blog .comments .comment-header > *{display:flex;align-items:center}
.Blog .comments .comment-header .user{font-weight:700;font-size:13px;font-family:$(heading.font)}
.Blog .comments .comment-header .user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
.Blog .comments .comment-header .user svg{width:16px;height:16px;margin-left:5px;fill:#519bd6}
.Blog .comments .comment-header .datetime{margin-right:auto;font-size:11px;color:$(alt.text.colors)}
.Blog .comments .comment-content{margin-top:15px}
.Blog .comments .comment-thread .thread-toggle{margin:0 0 0 25px;font-size:13px}
.Blog .comments .comment-thread .thread-chrome{margin:15px 0 0}
.Blog .comments .comment-add .button{display:block;margin:20px 0 0 25px;text-align:center;cursor:pointer}
.Blog .comments .comment-form{margin-left:26px}
.Blog .comments ol, .Blog .comments ul{list-style:none;margin:0;padding:0}
.Blog .comments ol > li{position:relative;margin:0 0 20px 26px;padding:15px 0 0;background-color:#fefefe;border-radius:12px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}
.Blog .comments ol > li > .avatar-image-container{position:absolute;top:10px;right:-20px}
.Blog .comments ol > li > .comment-block{padding:10px 40px 0 15px}
.Blog .comments ol > li > .comment-actions{padding:12px 15px 15px 40px;font-size:13px;color:$(alt.text.colors)}
.Blog .comments ol > li > .comment-actions a, .Blog .comments .comment-reply a, .Blog .comments .comment-thread .thread-toggle{display:inline-flex;align-items:center;color:$(alt.text.colors)}
.Blog .comments ol > li > .comment-actions svg, .Blog .comments .comment-reply svg, .Blog .comments .comment-thread .thread-toggle svg{height:14px;fill:none;stroke:$(alt.text.colors)}
.Blog .comments ol > li > .comment-replies + .comment-actions{display:none}
.Blog .comments ol > li > .comment-replies{padding:12px 15px 15px 15px;margin-top:15px;background-color:rgba(0,0,0,.015);border-radius:0 0 12px 12px}
.Blog .comments ol > li > .comment-replies .comment-reply{padding:12px 0 0 40px;font-size:13px}
.Blog .comments ol > li > .comment-replybox-single{padding:0 15px 0 40px}
.Blog .comments li li {position:relative}
.Blog .comments li li:not(:last-child){margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #ebeced}
.Blog .comments li li .avatar-image-container{position:absolute;top:0;right:0;width:32px}
.Blog .comments li li .avatar-image-container div{box-shadow:none}
.Blog .comments li li .comment-block{padding:5px 46px 0 0}
.Blog .comments li li .comment-content{margin-top:10px}
.Blog .comments .thread-show:checked + .comment-thread .thread-chrome,
.Blog .comments .thread-show:checked + .comment-thread + .comment-reply{display:none}
.Blog .comments .thread-show:checked + .comment-thread .thread-toggle svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.Blog .sitemaps .sitemap-box{font-size:14px;line-height:1.5em;padding:18px 20px 25px;border-radius:4px;border:2px solid #ebeced}
.Blog .sitemaps .sitemap-box:not(:last-child){margin-bottom:15px}
.Blog .sitemaps .judul{margin-top:0;font-size:14px;color:$(text.colors)}
.Blog .sitemaps .judul:before{content:'التصنيف: ';margin-left:5px}
.Blog .sitemaps ol{list-style:none;margin:0;padding:0;counter-reset:panduan-count}
.Blog .sitemaps li:not(:last-child){margin-bottom:10px}
.Blog .sitemaps li{display:flex}
.Blog .sitemaps li:before{content:counter(panduan-count) '.';counter-increment:panduan-count;flex-shrink:0;width:40px;font-size:22px;font-family:$(heading.font);line-height:normal;color:rgba(0,0,0,.15);}
.Blog .sitemaps li a{color:$(main.colors);font-size:90%;font-weight:700;font-family:$(heading.font)}
.Blog .sitemaps li a:after{content:'إفرأ المزيد';display:block;margin-top:2px;color:$(text.colors);font-size:11px;font-family:$(body.font);font-weight:400;line-height:1.58em}
.Blog .sitemaps li a:hover:after{text-decoration:underline}
.page .Blog article.post{border:0}
.page .Blog .breadcrumbs > *:first-child{display:block}
.created-using-layers, .created-using-layers a {position: relative;display: block!important;}
.created-using-layers {position: relative;float: right;top: 3px;width: 27px;height: 29px;margin: 0 0 0 10px;
display: inline-block !important;}
/* Widget FeaturedPost */
.FeaturedPost article{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:10px;position:relative;overflow:hidden}
.FeaturedPost article:after{content:'';display:block;min-width:25px;padding:4px 0;background-color:;position:absolute;top:0;left:0;border-radius:0 3px 0 0}
.FeaturedPost article .item-thumbnail{flex:0 0 auto;width:310px;margin-left:20px}
.FeaturedPost article .item-content{flex:1 0;padding:8px 8px 8px 0;width:calc(100% - 330px)}
.FeaturedPost article .item-label a:hover, .PopularPosts article .item-label a:hover, .Label li .label-title:hover{text-decoration:underline}
.FeaturedPost article .item-title{font-size:105%;line-height:1.48em}
.FeaturedPost article .item-entry{margin-top:12px;font-size:90%}
.sidebar .FeaturedPost article{display:block;padding:0;box-shadow:none}
.sidebar .FeaturedPost article .item-content{padding:15px 0 0}
.sidebar .FeaturedPost article .item-title, .PopularPosts article .item-title{font-size:99%}
/* Widget PopularPosts */
.PopularPosts{counter-reset:popular-count}
.PopularPosts article:not(:last-child){margin-bottom:25px}
.PopularPosts article .item-thumbnail{margin-bottom:15px}
.PopularPosts article .item-thumbnail a{padding-top:34.61%;background-color:#fefefe;border-radius:3px}
.PopularPosts article .item-header{margin-top:5px}
.PopularPosts article.no-thumbnail{display:flex}
.PopularPosts article.no-thumbnail:before{flex-shrink:0;content:'0' counter(popular-count);counter-increment:popular-count;width:45px;font-size:25px;font-family:$(heading.font);color:rgba(0,0,0,.15);}
.PopularPosts article.no-thumbnail .item-content{flex-grow:1;width:calc(100% - 45px)}
/* Widget Label */
.Label .widget-content{font-size:90%;color:$(main.colors)}
.Label ul, .Label .cloud-label, .Label .cloud-label .label-all{display:flex;flex-wrap:wrap}
.Label li{width:calc(50% - 12.5px);margin-bottom:13px}
.Label li:nth-child(2n+1){margin-right:25px}
.Label li a{display:flex;align-items:center;color:inherit}
.Label li a svg{flex-shrink:0;width:20px;height:20px;margin-right:5px;fill:$(alt.text.colors)}
.Label li a:hover svg{fill:$(link.bg.colors)}
.Label li:nth-child(2n+1).label-show{margin:0}
.Label .label-show{width:100%;margin:0}
.Label .label-show ul, .Label .cloud-label .label-all{margin:0;padding:0;max-height:0;overflow:hidden;-webkit-transition:all .4s ease;transition:all .4s ease;}
.Label .label-show label{display:flex;align-items:center;justify-content:center;margin-top:4px;padding:4px 0;color:$(alt.text.colors);cursor:pointer}
.Label .label-show label:before{content: attr(data-show);margin-right:5px; display:none}
.Label .label-show label span{margin-right:10px;direction: ltr;}
.Label .label-show label svg{fill:$(alt.text.colors);height:14px}
.Label .label-input:checked + .label-all ul, .Label .cloud-label .label-input:checked + .label-all{max-height:100vh}
.Label .label-input:checked + .label-all + label:before{content: attr(data-hide)}
.Label .label-input:checked + .label-all + label svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.Label .label-title{margin-left:auto;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Label .label-count{flex-shrink:0;font-size:11px;color:$(alt.text.colors)}
.Label .cloud-label .label-show label{margin:0 10px 0 0;padding:5px 12.5px;line-height:22px;border-radius:3px;background-color:#f2f2f2}
.Label .cloud-label > *, .Label .cloud-label .label-all > *{display:block;flex:1 0 auto}
.Label .cloud-label a{display:flex;justify-content:space-between;margin:0 10px 10px 0;padding:5px 12.5px;line-height:22px;border-radius:3px;background-color:#f2f2f2;color:$(text.colors)}
/* Widget Profile Individual */
.Profile .widget-content{font-size:13px}
.Profile .individual{display:flex;align-items:center;flex-direction:row;position:relative;padding:15px 15px;border-radius:4px;background:#fefefe;overflow:hidden;box-shadow:0 10px 20px 0 rgb(30 30 30 / 21%)}
.Profile .individual .profile-image{flex:0 0 auto;width:60px;height:60px;border-radius:20px;background-color:#f1f1f0}
.Profile .individual .profile-image .profile-g{position:relative;padding-top:100%}
.Profile .individual .profile-image img, .Blog .author-posts .authorImage div img{border-radius:20px}
.Profile .individual .profile-info{flex-grow:1;margin-right:auto;padding-right:15px}
.Profile .individual .profile-link{color:$(main.colors);font-weight:700;font-size:15px}
.Profile .individual .profile-text{font-size:13px;margin:4px 0 0;color:$(alt.text.colors);line-height:1.4em}
.Profile .individual .profile-media, .Blog .author-posts .author-link{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fefefe;padding:15px;opacity:0;visibility:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:2}
.Profile .individual .profile-media li:not(:last-child) a, .Blog .author-posts .author-link li:not(:last-child) a{margin-right:10px}
.Profile .individual .profile-media li a, .Blog .author-posts .author-link li a{display:block;padding:5px}
.Profile .individual .profile-media li a:hover svg, .Blog .author-posts .author-link li a:hover svg{fill:$(link.bg.colors)}
.Profile .individual .profile-media li svg, .Blog .author-posts .author-link li svg{width:24px;height:24px;fill:$(alt.text.colors)}
/* Widget Profile Team */
.Profile .team ul{display:flex;flex-wrap:wrap}
.Profile .team ul li{width:60px;margin:0 15px 20px 0}
.Profile .team .team-member > *, .Profile .team .more-member > *, .Profile .team .more-member{display:block;position:relative}
.Profile .team .team-member > * .profile-image{position:relative;padding-top:100%;background-color:#fefefe;border-radius:28px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);-webkit-transition:transform .2s cubic-bezier(.25,.1,.25,1);transition:transform .2s cubic-bezier(.25,.1,.25,1)}
.Profile .team .team-member > * .profile-image svg{fill:$(alt.text.colors)}
.Profile .team .team-member > * .profile-image > *{border-radius:0}
.Profile .team .team-member > * .profile-image:after, .Profile .individual .profile-g:after, .Blog .author-posts .authorImage div:after{content:'+';display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:#fefefe;color:$(link.bg.colors);border-radius:50%;position:absolute;right:0;bottom:-2px;box-shadow:0 4px 10px 0 rgba(30,30,30,.08);-webkit-transition:all .1s ease;transition:all .1s ease;}
.Profile .team .team-member > * .profile-name, .Profile .team .more-member > span{position:absolute;width:100%;text-align:center;color:$(text.colors);font-size:80%;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}
.Profile .team .team-member > *:hover .profile-image, .Profile .team .more-member:hover > .profile-more{transform:translateY(-8px);-webkit-transform:translateY(-8px)}
.Profile .team .team-member > *:hover .profile-image:after, .Profile .individual .profile-image:hover .profile-g:after, .Blog .author-posts .authorImage:hover div:after{opacity:0;visibility:hidden;}
.Profile .team .team-member > *:hover .profile-name, .Profile .team .more-member:hover > span, .Profile .individual .profile-image:hover .profile-media, .Blog .author-posts .authorImage:hover .author-link{opacity:1;visibility:visible}
.Profile .team .more-member > *{padding-top:calc(100% - 4px);border-radius:28px;border:2px dashed #ebeced}
.Profile .team .more-member > * svg{fill:$(link.bg.colors)}
.Profile .team .more-member > .profile-more{-webkit-transition:transform .2s cubic-bezier(.25,.1,.25,1);transition:transform .2s cubic-bezier(.25,.1,.25,1)}
.Profile .team .more-member > span{padding:0;border:0;border-radius:0}
.Profile .team .all-member .all-memberBox{position:relative;width:95%;height:45%;max-width:500px;margin:0 auto -50%;background-color:#fafafc;border-radius:30px;z-index:3;-webkit-transition:all .2s ease;transition:all .2s ease}
.Profile .team .all-member .all-memberBox:before{content:'المشرف و الناشرون';width:100%;display:block;padding:25px 25px 5px;border-radius:30px 30px 0 0;background-color:#fafafc;font-size:15px;font-weight:700;font-family:$(heading.font);color:$(main.colors);position:absolute;z-index:1}
.Profile .team .all-member ul{overflow-x:hidden;overflow-y:auto;width:100%;height:100%;padding:65px 10px 10px 25px}
.Profile .team .all-member ul li{margin:0 20px 25px 0}
.Profile .team .all-member .member-close svg{fill:#fefefe}
/* Widget FollowByEmail */
.FollowByEmail{position:relative;padding:18px 20px 25px;border:2px solid #ebeced;border-radius:4px;font-size:90%}
.FollowByEmail:after{content:'';display:block;position:absolute;top:0;right:0;width:80px;height:60px;background:rgba(0,0,0,.01);border-radius:0 0 0 100px}
.FollowByEmail .title{font-size:14px;margin-bottom:15px;color:$(text.colors)}
.FollowByEmail .follow-by-email-text{display:block;margin-bottom:15px;}
.FollowByEmail .follow-by-email-label{position:absolute;left:0;display:inline-block;padding:8px 12.5px;cursor:pointer;background-color:$(link.bg.colors);border-radius:3px}
.FollowByEmail .follow-by-email-label svg{fill:#fefefe}
.FollowByEmail form, .FollowByEmail > *{position:relative;z-index:1}
.FollowByEmail input[type=email]{width:calc(100% - 60px)}
.FollowByEmail input[type=email]:focus + input + label, .FollowByEmail .follow-by-email-label:hover{box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
.FollowByEmail input[type=submit]{display:none;margin-top:10px}
/* Widget Contact Form */
.ContactForm{font-size:14px;display: block;margin-top:30px;max-width:480px}
.ContactForm form > *:not(:last-child){margin-bottom:15px}
.ContactForm label{display:inline-block;margin-bottom:8px}
.ContactForm div p{display:flex;align-items:center;margin-bottom:0}
/* Widget Slider */
@keyframes tonext{75%{left:0;} 95%{left:100%;} 98%{left:100%;} 99%{left:0}}
@keyframes tostart{75%{left:0} 95%{left:-300%} 98%{left:-300%} 99%{left:0}}
@keyframes snap{96%{scroll-snap-align:center} 97%{scroll-snap-align:none} 99%{scroll-snap-align:none} 100%{scroll-snap-align:center}}
@media (hover:hover){
.carousel-snapper{animation-name:tonext, snap;animation-timing-function:ease;animation-duration:4s;animation-iteration-count:infinite}
.carousel-slide:last-child .carousel-snapper{animation-name:tostart, snap}}
@media (prefers-reduced-motion:reduce){
.carousel-snapper{animation-name:none}}
.carousel{position:relative;padding-top:30%;border-radius:5px;overflow:hidden}
.carousel ol{list-style:none;margin:0;padding:0;scrollbar-color: transparent transparent;scrollbar-width: 0px;}
.carousel ol::-webkit-scrollbar{height:0}
.carousel-viewport{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory}
.carousel-slide{display:flex;align-items:center;position:relative;flex:0 0 100%;width:100%;background-color:#f1f1f0;outline:0;}
.carousel-slide:nth-child(even){background-color:#99f}
.carousel-snapper{position:absolute;top:0;left:0;width:100%;height:100%;scroll-snap-align:center}
.carousel-navigation{position:absolute;right:0;bottom:5px;left:0;text-align:center}
.carousel-navigation-list{display:flex;align-items:center;justify-content:center}
.carousel-navigation-button{display:block;width:18px;height:12px;background-color:#fff;background-clip:content-box;border:0.25rem solid transparent;border-radius:10px;-webkit-transition:all .1s ease;transition:all .1s ease}
.carousel-navigation-button:hover{width:30px}
.carousel-prev, .carousel-next{position:absolute;width:4rem;height:4rem;outline:0;z-index:2;cursor:default}
.carousel-prev, .carousel:hover:before{left:0;opacity:1;visibility:visible}
.carousel-next, .carousel:hover:after{right:0;opacity:1;visibility:visible}
.carousel:hover .carousel-snapper,
.carousel:focus-within .carousel-snapper{animation-name:none}
.carousel:before{left:-1em} .carousel:after{right:-1em}
.carousel:before, .carousel:after{content:'';z-index:1;background-size:1.5rem 1.5rem;background-repeat:no-repeat;background-position:center center;position:absolute;width:3rem;height:3rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.carousel:before{background-image:url('data:image/svg+xml, ')}
.carousel:after{background-image:url('data:image/svg+xml, ')}
/* Footer */
.footbar{margin-top:0;padding:30px 245px 20px 30px;color:inherit;font-size:100%;-webkit-transition:all .2s ease;transition:all .2s ease;}
.footbar .credit p{margin:20px 0 0;overflow:hidden;white-space:nowrap}
.footbar .credit a:hover{text-decoration:underline}
.footbar .credit .creator{opacity:0}
/* Error 404 Page */
.mainIner.error-404{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center}
.mainIner.error-404:before{display:none}
.error-container{margin:auto;width:90%;max-width:500px}
.error-container h3{font-size:1.414rem}
.error-container h3 span{display:block;font-size:140px;line-height:1.8;margin-bottom:-2.4rem;color:#ebebf0} .dark-mode .error-container h3 span{color:rgba(0,0,0,.2)}
.error-container p{margin:15px 5% 30px;font-size:16px;line-height:1.4em}
.error-container .button{margin:0;padding:1em 2em;font-size:1em;font-weight:700;font-family:$(heading.font);line-height:1.2em}
header .navicon .nav:hover:before {
opacity: 1;
visibility: visible;
transform: scale(1,1);
}
header .navicon .nav:before {
content: '';
width: 45px;
height: 45px;
display: block;
border-radius: 50%;
position: absolute;
top: 7px;
right: -13px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .1s ease;
transition: all .1s ease;
transform: scale(.75,.75);
}
/* Dark Mode */
.dark-mode, .dark-mode .Blog .post-toc, .dark-mode .Blog .post-tabs .post-tabsHeader > *:after{background-color:$(bg.night.colors)}
.dark-mode .header .navicon > * svg, .dark-mode .header .navicon.search > *, .dark-mode .header .searchbar .search-button svg, .dark-mode .Blog article .post-info .post-comment > * svg, .dark-mode .FeaturedPost article .item-comment > * svg, .dark-mode .PopularPosts article .item-comment > * svg, .dark-mode .Label li a svg, .dark-mode .Label .label-show label svg, .dark-mode .Profile .individual .profile-media li svg, .dark-mode .Blog .author-posts .author-link li svg, .dark-mode .Blog .post-tocHeader label svg.drop
{fill:$(sec.night.colors)}
.dark-mode svg.line{stroke: #c5c5c5;}
.dark-mode .Blog article .post-info .post-comment > * svg.line{stroke:$(sec.night.colors)}
.dark-mode, .dark-mode .Blog .post-pagenav, .dark-mode .Label .widget-content, .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode .FollowByEmail .title, .dark-mode .Profile .team .team-member a .profile-name, .dark-mode .Profile .team .more-member > span, .dark-mode .Blog .sitemaps .judul, .dark-mode .Blog .sitemaps li a, .dark-mode .Blog .daftar-isi .isi-judul, .dark-mode .Blog .spoiler .spoiler-judul, .dark-mode .Blog .daftar-isi .isi-content a, .dark-mode .Blog .accordion .accor-title .title, .dark-mode .Blog .author-posts .author-name, .dark-mode .Blog .related-posts li .item-title, .dark-mode .Blog .post-tocHeader label, .dark-mode .Blog .post-tocContent a
{color:$(night.colors) !important}
.dark-mode .header, .dark-mode .Blog article, .dark-mode .Blog .blog-pager .no-post, .dark-mode .Blog .post-pagenav .current, .dark-mode .FeaturedPost article, .dark-mode .Profile .individual, .dark-mode .Profile .individual .profile-media, .dark-mode #nav-widget, .dark-mode #nav-widget:before, .dark-mode .navigation-menu .sosmed, .dark-mode .Blog .author-posts, .dark-mode .Blog .author-posts .author-link, .dark-mode .Blog .related-posts li, .dark-mode .Blog .comments ol > li
{background-color:#0e0e0e}
.dark-mode .header .searchbar input[type=text], .dark-mode .Blog article .post-thumbnail a, .dark-mode .FeaturedPost article .item-thumbnail a, .dark-mode .PopularPosts article .item-thumbnail a, .dark-mode .Profile .individual .profile-image, .dark-mode .Label .cloud-label .label-show label, .dark-mode .Label .cloud-label a, .dark-mode .widget input[type=email], .dark-mode .widget input[type=text], .dark-mode .widget textarea, .dark-mode .Blog .related-posts li .item-thumbnail > *, .dark-mode .Blog .comments ol > li > .comment-replies
{background-color:$(bg.hover.night.colors)}
.dark-mode .header .navicon .nav i, .dark-mode .Blog .accordion .accor-title .accor-icon:before, .dark-mode .Blog .accordion .accor-title .accor-icon:after
{background-color:$(night.colors)}
.dark-mode .header, .dark-mode .navigation-menu, .dark-mode .navigation-mobile, .dark-mode .navigation-menu .sosmed ul svg
{color:#fefefe;fill:#fefefe}
.dark-mode .header .navicon .dark-switch, .dark-mode .widget-title a, .dark-mode .FeaturedPost article .item-header, .dark-mode .PopularPosts article .item-header, .dark-mode .PopularPosts article.no-thumbnail:before, .dark-mode .Label .label-count, .dark-mode .Label .cloud-label a, .dark-mode .Label .label-show label, .dark-mode .FollowByEmail .follow-by-email-text, .dark-mode .button.outline, .dark-mode .Blog .sitemaps li:before, .dark-mode .Blog .sitemaps li a:after, .dark-mode .Blog blockquote.style-1:before, .dark-mode .Blog article .post-info, .dark-mode .Blog .blog-pager .no-post, .dark-mode .Blog article.post .post-info .post-author, .dark-mode .Blog .daftar-isi .isi-judul:after, .dark-mode .Blog .daftar-isi .isi-content ol li:before, .dark-mode .Blog .post-tocContent ol li:before, .dark-mode .Blog .author-posts .author-desc, .dark-mode .Blog article .separate:before, .dark-mode .error-container p, .dark-mode .footbar, .dark-mode .Blog .comments .comment-header .datetime, .dark-mode .Blog .comments ol > li > .comment-actions a, .dark-mode .Blog .comments .comment-reply a, .dark-mode .Blog .comments .comment-thread .thread-toggle
{color:$(sec.night.colors)}
.dark-mode .Blog .comments ol > li > .comment-actions svg, .dark-mode .Blog .comments .comment-reply svg, .dark-mode .Blog .comments .comment-thread .thread-toggle svg
{fill:none;stroke:$(sec.night.colors)}
.dark-mode .button{color:$(night.colors)}
.dark-mode .button.outline{border-color:$(night.colors)}
.dark-mode .FollowByEmail, .dark-mode .navigation-menu > li.break:after, .dark-mode .Blog .sitemaps .sitemap-box, .dark-mode .Blog blockquote.style-1, .dark-mode .Blog article.post, .dark-mode .Blog table td, .dark-mode .Blog table th, .dark-mode .Blog .daftar-isi, .dark-mode .Blog .accordion li, .dark-mode .Blog .spoiler, .dark-mode .Blog .download-info, .dark-mode .Blog .comments li li:not(:last-child), .dark-mode .Blog .post-tabs .post-tabsHeader, .dark-mode .Blog .post-tabs .post-tabsHeader > *
{border-color:rgba(255,255,255,.1)}
.dark-mode .Blog table tr:nth-child(2n+1) td, .dark-mode .Blog pre{background-color:rgba(0,0,0,.1)}
.dark-mode .Blog table.tr-caption-container .tr-caption, .dark-mode .Blog article.post{background-color:transparent}
.dark-mode .header{background: #252525 !important;
border-bottom: 0.5px solid #cccccc5c;
color: #161617;
fill: #161617;box-shadow: 0 2px 10px 0 rgba(0,0,0,.07);}
.dark-mode .Blog .blog-pager{{color: #fefefe;}}
.dark-mode .ads-here .ads-img{background-color: #0e0e0e;}
.dark-mode .ads-here{border: 1px solid rgb(255 255 255 / 25%);color: #e5e7ea;}
.dark-mode .sidebar{background-color: #141513;}
.dark-mode .navicon .nav i {background-color: #fefefe;}
.dark-mode .Profile .individual .profile-link{color: #fefefe;}
.dark-mode .Profile .individual .profile-text{color: #fefefe;}
.dark-mode .ads-here .ads-content:before,.dark-mode .ads-here .ads-content:after {background-color: #0e0e0e;}
.dark-mode .ads-here .ads-button:before{background-color: #0e0e0e;}
/* Addtional Style */
.button{display:inline-flex;align-items:center;margin:0 40%;padding:10px 20px;outline:0;border:0;color:#fefefe;background-color:$(link.bg.colors);border-radius:3px;font-size:13px;line-height:22px;}
.button.outline{color:$(text.colors);background-color:transparent;border:1px solid $(alt.text.colors)}
.button.whatsapp{background-color:#25D366}
.button:hover{color:#fefefe;opacity:.75}
.button.outline:hover{color:$(link.bg.colors);border-color:$(link.bg.colors)}
.button-info{display:flex;flex-wrap:wrap;justify-content:center;margin:12px 0 0}
.button-info > *{margin:0 0 12px 12px}
.button-info > *:last-child{margin-left:0}
.lazy-youtube{background-color:#505050;position:relative;overflow:hidden;padding-top:56.30%;cursor:pointer;border-radius:3px;}
.lazy-youtube img{width:100%;top:-16.84%;left:0;opacity:.95;cursor:pointer}
.lazy-youtube .play-button{width:60px;height:60px;z-index:1;opacity:.98;border-radius:50px;border:2px solid rgba(255,255,255,.8);cursor:pointer}
.lazy-youtube .play-button:hover{border-color:#3a7bd5}
.lazy-youtube .play-button:hover:before{border-color:transparent transparent transparent #3a7bd5}
.lazy-youtube .play-button:before{content:'';border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent rgba(255,255,255,.8);border-radius:3px;margin-left:1px}
.lazy-youtube img, .lazy-youtube iframe, .lazy-youtube .play-button,.lazy-youtube .play-button:before{position:absolute!important}
.lazy-youtube .play-button, .lazy-youtube .play-button:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
.lazy-youtube iframe{height:100%;width:100%;top:0;left:0}
.lazy-youtube .playBut{display:inline-block;position:absolute;width:70px;height:70px;z-index:1;top:50%;left:50%;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.lazy-youtube .playBut svg{width:inherit;height:inherit}
.lazy-youtube .playBut .svg-play{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:7}
.lazy-youtube .circle{stroke:rgba(255,255,255,.8);stroke-dasharray:650;stroke-dashoffset:650;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;opacity:0.3;}
.lazy-youtube .triangle{stroke:rgba(255,255,255,.8);stroke-dasharray:240;stroke-dashoffset:480;-webkit-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;transform:translateY(0);-webkit-transform:translateY(0)}
.lazy-youtube .playBut:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:#fefefe;animation:nudge 0.7s ease-in-out;-webkit-animation:nudge 0.7s ease-in-out}
.lazy-youtube .playBut:hover .circle{stroke-dashoffset:0;opacity:1;stroke:#fefefe}
.iklan-atas + .widget, .iklan-bawah + .widget, .post-entry .widget{margin:30px 0}
.Blog pre .widget, .Blog pre code .widget, #main-widget > #HTML4{display:none}
/* Non-user Select */
.post pre code i{user-select:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
/* Background Icon */
.m-icon{display:inline-block;margin-left:12px;width:18px;height:18px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.m-icon.download{background-image:url('data:image/svg+xml, ')}
.m-icon.whatsapp{background-image:url("data:image/svg+xml, ")}
/* Keyframes Animation */
@-webkit-keyframes slidein{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-200px}}
@keyframes slidein{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-200px}}
@-webkit-keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
@keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
/* Sample Ads */
.ads-here{position:relative;display:flex;align-items:stretch;flex-wrap:wrap;min-height:150px;padding:15px;border:1px solid rgba(0,0,0,.05);border-radius:3px;color:#989b9f;font-size:90%}
.ads-here:after{content:'';display:block;width:50px;height:12px;background-color:rgba(0,0,0,.05);border-radius:0 0 0 8px;position:absolute;top:0;right:0}
.ads-here .ads-img{width:30%;display:flex;flex-shrink:0;align-items:center;justify-content:center;font-style:normal;background-color:rgba(0,0,0,.05)}
.ads-here .ads-img:before{content:'مساحة إعلانية'}
.ads-here .ads-content{width:50%;padding:20px 15px 0 0}
.ads-here .ads-content:before, .ads-here .ads-content:after{content:'';display:block;width:100%;padding-top:30px;background-color:rgba(0,0,0,.05)}
.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:rgba(0,0,0,.05)}
.ads-here.in-article .ads-img{width:100%;min-height:100px;margin-bottom:15px}
.ads-here.in-article .ads-content{padding:0;width:60%} .ads-here.in-article .ads-button{width:40%;justify-content:flex-end;align-items:flex-end}
.ads-here.in-article .ads-content:before{padding-top:12px}
.ads-here.in-article .ads-content:after{padding-top:10px}
.ads-here.in-article .ads-button:before{width:50px;height:10px;border-radius:0}
.ads-here.text{padding:15px 0;border-left:1px;border-right:0;border-radius:0}
.ads-here.text .ads-text{display:flex;flex-wrap:wrap;width:100%}
.ads-here.text .ads-text i{width:calc(50% - 10px);height:27px;margin:5px;border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;position:relative;overflow:hidden;border-radius:15px}
.ads-here.text .ads-text i:before{content:'';height:8px;width:30%;margin:auto auto;background-color:rgba(0,0,0,.05)}
.ads-here.text .ads-text i:after{content:'';height:25px;width:30px;background-color:rgba(0,0,0,.05);position:absolute;right: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:90px}.ads-here .ads-content{padding-top:10px} .ads-here.text .ads-text i{width:100%;margin:5px 0}}
/* Responsive */
@media screen and (min-width:768px){::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color: #767676;border-radius: 10px;}}
@media screen and (max-width:1100px){
.header #header-widget{width:155px}
.sidebar{width:300px;padding:30px 25px 50px}
.mainbar{width:calc(100% - 300px)}
#nav-widget, #nav-widget:before, .navigation-menu .sosmed{width:200px}
#large-ads, main, .footbar{padding-right:225px} #large-ads, .footbar{padding-left:25px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem main,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-right:120px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-left:25px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(33.333% - 13.333px)}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-left:20px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-child(3n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-child(6n){margin-left:0}
.FeaturedPost article .item-thumbnail{width:240px}
.FeaturedPost article .item-content{width:calc(100% - 260px)}
.FeaturedPost article .item-title{font-size:97%}
.Blog article.post, .Blog .breadcrumbs, .Blog .related-posts, .Blog .author-posts, .Blog .show-comment, .Blog #disqus_thread{margin-right:0;margin-left:0}
.Blog article.post .post-title{font-size:22px}
.Blog article.post .post-share .twitterThis{display:none}
.Blog .related-posts li{width:calc(50% - 10px)}
.Blog .related-posts li .item-thumbnail > *{padding-top:57%}
.Blog .post-toc{width:300px;padding-left:25px;padding-right:25px}
.Blog .post-tocHeader label .show{right:-75px}
.Blog .toc-menu:checked + .post-toc{left:-300px}
.multipleItem .Blog .blog-posts article{width:calc(50% - 10px)}
.multipleItem .Blog .blog-posts article:nth-of-type(3n), .Blog .related-posts li:nth-of-type(3n){margin-left:20px}
.multipleItem .Blog .blog-posts article:nth-of-type(2n),
.multipleItem .Blog .blog-posts article:nth-of-type(6n),
.Blog .related-posts li:nth-of-type(2n),
.Blog .related-posts li:nth-of-type(6n){margin-left:0}
}
@media screen and (max-width:768px){
.header{padding:0 25px}
.mainbar, .asideIner{width:100%;position:relative}
.sidebar{width:100%;padding:0 225px 30px 25px;-webkit-transition:all .2s ease;transition:all .2s ease}
main{padding-left:25px}
.nav-menu:checked + .mainWrapper .mainIner .sidebar{padding-right:90px}
.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular{display:flex;flex-wrap:wrap}
.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular article,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 10px);margin-left:20px}
.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular article:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-left:0}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-left:20px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(6n){margin-left:0}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .sidebar{padding:0 120px 30px 50px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-left:50px}
.Blog .post-toc{width:100%;height:auto;padding:15px 20px;margin-bottom:30px;position:relative;top:0;background-color:#fefefe;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);font-size:14px}
.Blog .post-tocContent{-webkit-transition:all .3s ease;transition:all .3s ease;max-height:0;overflow:hidden}
.Blog .toc-menu:checked + .post-toc{right:0}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{visibility:hidden;opacity:0}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label svg.drop{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.Blog .toc-menu:checked + .post-toc .post-tocContent{max-height:1000vh}
.dark-mode .Blog .post-toc{background-color:$(bg.sec.night.colors)}
}
@media screen and (max-width:640px){
.header{padding:0 20px;position:absolute;}
.header .header-inner h1, #header-widget .header-inner h2{font-size:16px}
.header #header-widget{width:auto;max-width:220px}
.header .searchbar{position:fixed;top:0;left:0;width:100%;height:auto;max-width:none;padding:0 20px;z-index:10}
.header .searchbar input[type=text]{background-color:#fefefe;margin-top:-100px;padding:20px 20px 20px 55px;width:100%;z-index:3;border-radius:18px;-webkit-transition:all .3s ease;transition:all .3s ease}
.header .searchbar .search-button{top:-100px;left:20px;padding-top:20px;z-index:4;-webkit-transition:all .3s ease;transition:all .3s ease}
.header .searchbar input[type=text]:focus{margin-top:20px}
.header .searchbar input[type=text]:focus + .search-button, .header .searchbar input[type=text]:focus + .search-button + .navicon.search{top:0}
.header .searchbar input[type=text]:focus + .search-button + .navicon.search + .full-close.search{background:rgba(0,0,0,.25);opacity:1;visibility:visible}
.header .navicon.search{top:-100px;padding-top:20px}
.singleItem.post .header{background-color:#fefefe} .dark-mode .singleItem.post .header{background-color:$(bg.sec.night.colors)}
.singleItem .navicon .nav{display:none;transform: rotate(180deg);-webkit-transform: rotate(180deg)}
.singleItem .navicon .nav.home{display:block}
.singleItem .navicon .nav i:nth-child(1){width:45%;margin-left:55%;-webkit-transform:translateY(3px) rotate(40deg);transform:translateY(3px) rotate(40deg)}
.singleItem .navicon .nav i:nth-child(2){width:95%;margin-left:0%}
.singleItem .navicon .nav i:nth-child(3){width:10%;margin-left:62.5%;background-color:transparent;-webkit-transform:translateY(0px) rotate(-40deg);transform:translateY(0px) rotate(-40deg)}
.widget:not(:last-child){margin-bottom:40px}
#large-ads, main, .sidebar, .footbar{padding-left:20px;padding-right:20px} .footbar{padding-bottom:70px}
#nav-widget:before, .navigation-menu .home{display:none}
#nav-widget{width:100%;padding:0;background:transparent;box-shadow:none;z-index:49;margin-right:-100%}
.navigation-menu{position:fixed;top:0;right:0;background-color:$(nav.bg.colors);max-width:480px;width:85%;height:100%;margin-right:-100%;padding:calc($(header.height) + 15px) 0 90px 0;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:3;overflow:hidden;box-shadow:0 6px 18px 0 rgba(30,30,30,.035);border-radius:20px 20px}
.navigation-menu .sosmed{max-width:480px;width:85%;margin-right:-100%;border-radius:0 0 0 20px} .navigation-menu .close{display:block;margin-right: -100%;border-radius:20px 0 0 0}
.navigation-menu:hover{overflow-y:auto}
/* Navigation mobile show */
.navigation-mobile{background-color:#fefefe;box-shadow:0 -10px 20px 0 rgba(30,30,30,.05);bottom:0}
.navigation-mobile li{visibility:visible;opacity:1}
.navigation-mobile .top-link a{display:block;position:relative;right:auto;bottom:auto;width:auto;height:auto;background-color:transparent;box-shadow:none}
/* Navigation menu */
.nav-menu:checked + .mainWrapper .mainIner #large-ads,
.nav-menu:checked + .mainWrapper .mainIner main,
.nav-menu:checked + .mainWrapper .mainIner .sidebar,
.nav-menu:checked + .mainWrapper .mainIner .footbar{padding-left:20px}
.nav-menu:checked + .mainWrapper .asideIner .full-close.nav-close{background:rgba(0,0,0,.25);opacity:1;visibility:visible}
.nav-menu:checked + .mainWrapper .asideIner #nav-widget{width:100%;margin-right:0;z-index:50}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed{width:85%}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu,
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed,
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .close{margin-right:0}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu li > * .name{display:block}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed .link{display:none}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul{display:flex}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul li{height:auto;opacity:1;visibility:visible;padding:0 7px 0 0}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sub-menu:checked + .link + ul{padding:10px 0 0}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sub-menu:checked + .link + ul li{height:38px;padding:10px 43px 10px 20px;opacity:1;visibility:visible}
.nav-menu:checked + .mainWrapper .mainIner.singleItem main,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .sidebar,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-left:20px;padding-right:20px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 7.5px);margin-left:15px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-left:15px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n){margin-right:0}
.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular{display:block}
.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular article{width:100%;margin-right:0}
.dark-mode .navigation-mobile, .dark-mode .navigation-menu, .dark-mode .navigation-menu .close{background-color:$(bg.sec.night.colors)}
.dark-mode .navigation-mobile svg{fill:$(night.colors)}
.dark-mode .navigation-mobile svg.line, .dark-mode .navigation-mobile .top-link svg.line{fill:none;stroke:$(night.colors)}
.dark-mode #nav-widget{background-color:transparent}
/* Blog article */
.multipleItem .Blog .blog-pager{margin:40px 0 0}
.multipleItem .Blog .blog-posts article{width:calc(50% - 7.5px);margin-left:15px}
.multipleItem .Blog .blog-posts article:nth-of-type(3n){margin-left:15px}
.multipleItem .Blog .blog-posts article:nth-of-type(2n),
.multipleItem .Blog .blog-posts article:nth-of-type(4n),
.multipleItem .Blog .blog-posts article:nth-of-type(6n){margin-left:0}
.Blog article.post .post-info .post-timestamp .updated:before{content:'Disunting: '}
.Blog article.post .post-share .share-popup, .Profile .team .all-member, .Blog .post-font .post-fontContainer{align-items:flex-end;z-index:60}
.Blog article.post .post-share ul, .Profile .team .all-member .all-memberBox, .Blog .post-font .post-fontContainer ul{width:100%;max-width:none;margin-left:20px;margin-right:20px}
.Blog article.post .post-share .share-check:checked + .share-popup ul, .Profile .team .all-team:checked + .all-member .all-memberBox, .Blog .post-font .post-fontContainer.active ul{margin:0 20px 20px}
.Blog blockquote.style-1{padding:20px 20px 20px 70px} .Blog blockquote.style-1:before{top:0;left:15px}
.Blog .author-posts, .iklan-atas + .widget, .iklan-bawah + .widget, .Blog .show-comment{margin:30px 0}
.Blog .author-posts .author-desc{font-size:11px;line-height:1.3em}
.Blog .related-posts{margin:60px 0 30px}
.Blog .related-posts li{width:calc(50% - 7.5px);margin-left:15px;padding:8px 8px 15px}
.Blog .related-posts li:nth-of-type(3n){margin-left:15px}
.Blog .related-posts li:nth-of-type(6n){margin-left:0}
.Blog .post-pagenav > *{padding:4px 12px}
.Blog .comments{margin:30px 0 0}
.Blog .comments ol > li, .Blog .related-posts .title{font-size:13px}
.Blog .breadcrumbs, .Blog article.post .post-info, .Blog article.post .post-share li > * span,
.Blog .comments .comment-header .datetime, .Blog .author-posts .author-link a{font-size:10px}
.Blog article.post .post-share, .Blog .blog-pager, .Blog .related-posts li .item-title, .Blog .post-pagenav,
.Blog .comments .comment-thread .thread-toggle, .Blog .comments ol > li > .comment-replies .comment-reply,
.Blog .comments ol > li > .comment-actions{font-size:11px}
.Blog .author-posts .author-name, .Blog .comments .comment-header .user{font-size:12px}
.FeaturedPost article .item-title, .sidebar .FeaturedPost article .item-title, .PopularPosts article .item-title{font-size:97%}
.carousel{padding-top:35%}
}
.button-info > *{flex-grow:1;justify-content:center}
.button-info > *:last-child{flex-grow:0;flex-shrink:0}
.Blog article.post .separator a{margin-left:0!important;margin-right:0!important;float:none!important}
}
/* dihapus */
.text-here{display:flex;align-items:center;height:100%;padding:30px}
.text-here .text-left{flex-grow:1}
.text-here .text-left i{display:block;width:70%;height:25px;background-color:rgba(0,0,0,.05)}
.text-here .text-left i.bot{height:17px;width:50%;margin-top:12px}
.text-here .text-left i.go{width:30%;max-width:100px;margin-top:20px;background-color:#99f}
.text-here .text-img{flex-shrink:0;width:30%;height:80%;margin:auto 0;background-color:rgba(0,0,0,.05)}
@media screen and (max-width:768px){.text-here .text-left i{height:12px}.text-here .text-left i.bot{height:8px;margin-top:8px}.text-here .text-left i.go{margin-top:12px}.text-here .text-img{height:100%}}
li.close {position: absolute;right: 0;}
@media screen and (max-width:480px){
.multipleItem .Blog .blog-posts article, .nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
.Blog .related-posts li, .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 5px);margin-left:10px}
.multipleItem .Blog .blog-posts article:nth-of-type(3n), .nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
.Blog .related-posts li:nth-of-type(3n), .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-left:10px}
.multipleItem .Blog .blog-posts article:nth-of-type(6n), .nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n),
.Blog .related-posts li:nth-of-type(6n), .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(6n){margin-left:0}
.multipleItem .Blog article, .Blog .related-posts li{padding:8px 8px 12px;margin-bottom:10px}
.multipleItem .Blog article .post-title{font-size:80%}
.multipleItem .Blog article .post-info .post-author, .FeaturedPost article:after{display:none}
.multipleItem .Blog article .post-label{font-size:10px}
.multipleItem .Blog article .post-info, .multipleItem .Blog article .post-info .post-author{font-size:9px}
.multipleItem .Blog article .post-info .post-comment > * svg{width:16px}
.FeaturedPost article{padding:8px}
.FeaturedPost article .item-thumbnail{width:100%;margin:0 0 15px}
.FeaturedPost article .item-thumbnail a{padding-top:50%}
.FeaturedPost article .item-content{padding:0 5px 8px;width:100%}
]]>
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Dont show.
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Removed
Dont show.
Removed
Removed
Removed
<script type="text/javascript" src="https://uprimp.com/bnr.php?section=General&pub=116416&format=728x90&ga=g"></script>
<noscript><a href="https://yllix.com/publishers/116416" target="_blank"><img src="//ylx-aff.advertica-cdn.com/pub/728x90.png" style="border:none;margin:0;padding:0;vertical-align:baseline;" alt="ylliX - Online Advertising Network" /></a></noscript>
true
true
1901919145313714602
true
true
Dont show.
<script type="text/javascript" src="https://uprimp.com/bnr.php?section=General&pub=116416&format=300x250&ga=g"></script>
<noscript><a href="https://yllix.com/publishers/116416" target="_blank"><img src="//ylx-aff.advertica-cdn.com/pub/300x250.png" style="border:none;margin:0;padding:0;vertical-align:baseline;" alt="ylliX - Online Advertising Network" /></a></noscript>
التصنيف
true
الكاتب
true
TextAndImage
بتاريخ
true
1x1
false
false
1
#505050
false
#161617
true
#4d4d4d
false
#505050
#ffffff
true
false
true
false
Filter out the featured post, but only on the homepage.
"image": {
"@type": "ImageObject",
"url": " ",
"height": 630,
"width": 1200
"url": "https://1.bp.blogspot.com/-x9nY7DRzfpM/X2UxPow7NjI/AAAAAAAABJ8/keA_HosRavIgF-1LO09MBcRwDXiKKXbHQCK4BGAYYCw/s120-pf/Logomaker-Business-202082%2B%25282%2529.png",
"height": 348,
"width": 1200
},
"publisher": {
"@type": "Organization",
"name": "hayanbarmij",
"logo": {
"@type": "ImageObject",
"url": "https://1.bp.blogspot.com/-x9nY7DRzfpM/X2UxPow7NjI/AAAAAAAABJ8/keA_HosRavIgF-1LO09MBcRwDXiKKXbHQCK4BGAYYCw/s120-pf/Logomaker-Business-202082%2B%25282%2529.png",
"width": 206,
"height": 60
}
},
<script type="text/javascript" src="https://uprimp.com/bnr.php?section=General&pub=116416&format=300x250&ga=g"></script>
<noscript><a href="https://yllix.com/publishers/116416" target="_blank"><img src="//ylx-aff.advertica-cdn.com/pub/300x250.png" style="border:none;margin:0;padding:0;vertical-align:baseline;" alt="ylliX - Online Advertising Network" /></a></noscript>
<script type="text/javascript" src="https://uprimp.com/bnr.php?section=General&pub=116416&format=300x250&ga=g"></script>
<noscript><a href="https://yllix.com/publishers/116416" target="_blank"><img src="//ylx-aff.advertica-cdn.com/pub/300x250.png" style="border:none;margin:0;padding:0;vertical-align:baseline;" alt="ylliX - Online Advertising Network" /></a></noscript>
<script type="text/javascript" src="https://uprimp.com/bnr.php?section=General&pub=116416&format=300x250&ga=g"></script>
<noscript><a href="https://yllix.com/publishers/116416" target="_blank"><img src="//ylx-aff.advertica-cdn.com/pub/300x250.png" style="border:none;margin:0;padding:0;vertical-align:baseline;" alt="ylliX - Online Advertising Network" /></a></noscript>
<script type="text/javascript" src="https://uprimp.com/bnr.php?section=General&pub=116416&format=300x250&ga=g"></script>
<noscript><a href="https://yllix.com/publishers/116416" target="_blank"><img src="//ylx-aff.advertica-cdn.com/pub/300x250.png" style="border:none;margin:0;padding:0;vertical-align:baseline;" alt="ylliX - Online Advertising Network" /></a></noscript>
404 حدث خطأ ما ، نعتذر
الصفحة التي تحاول الوصول إليها قد تم حذفها أو نقلها
عودة إلى الرئيسية
<!----></body>