<b:if cond='data:view.isError'><data:blog.title/></b:if><b:if cond='data:view.isMultipleItems'><b:if cond='data:view.isHomepage'><data:blog.title/><b:else/><data:blog.pageTitle.escaped/></b:if><b:elseif cond='data:view.isSingleItem'/><data:view.title.escaped/></b:if> Homepage: https://www.seoplus-template.com -> Version : 2.0 -> Updated : 8 July, 2023 *//*================= >Variables =================== *//*================= >Normalize ===================*/ /* HeadLine SidePar Icon */ .clear{clear:both} /* Css Icon */ .icon-spinner{background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' x='0px' y='0px'%3E%3Cpath d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z' style='fill:%23989b9f;stroke:%23989b9f'%3E%3CanimateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'%3E%3C/animateTransform%3E%3C/path%3E%3C/svg%3E") center no-repeat} .OpenSitting.inside:after,.search-submit2:after{content:'\2715';line-height:18px;font-size:14px;font-weight:bold;font-family:inherit} /* Normalize */ :root{--HLinkfont:$(HLinkfont);--OldMin:$(keycolor);--startSide: $startSide;--endSide: $endSide;--maxWidth:$(content.width);--BodyBG:$(body.background);--minColorIc:$(keycolor);--minColor:$(keycolor);--minColorTran:$(keycolor)cf;--secColor:$(step.color);--thrColor:#fff;--whiteColor:$(grad.color);--hoverColor:$(keycolor);--MinBgColor:#fff;--txtColor:$(text.color);--TitColor:#444;--SanColor:#666;--Borderes:#f7f7f7;--Borderes2:#f7f7f7;--Borderes3:#eee;--PostTxtColor:$(PostsTextColor);--PostTitleColor:$(PostsTitleColor);--PostLinkColor:$(PostsLinkColor);--Hbg:$(BacgroundHeader);--HColor:$(LinkColor);--HbgIcon:$(Bgbuttons);--HCoIcon:$(Cobuttons);--HtitleColor:$(keycolor);--Cpc:$(PostsTextColor);--Cic:$(keycolor);--Hok:$(keycolor);--Sco:$(keycolor);--Gap:2px;--ImgRadius:1px;} :root body.dark-mode{--BodyBG:#202442;--minColor:#242950;--minColorIc:#fff;--secColor:#242950;--thrColor:#1b2044;--whiteColor:#ffffff;--hoverColor:#3a7bd5;--MinBgColor:#2d325a;--txtColor:#ffffff;--TitColor:#ffffff;--SanColor:#eee;--Borderes:#262b52;--Borderes2:#3e4477;--Borderes3:#2d325a;--PostTxtColor:#eee;--PostTitleColor:#ffffff;--PostLinkColor:#3a7bd5;--Hbg:#2d325a;--HColor:#ffffff;--HtitleColor:#ffffff;--HbgIcon:#242950;--HCoIcon:#fff;--Cpc:#eee;--Cic:#fff;--Hok:#3a7bd5;--Sco:#3a7bd5;} ul{margin:0;padding:0}*{text-decoration:none;margin:0;padding:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;color:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}img{max-height:100%;max-width:100%;position:relative} body,input{font:400 15px sans-serif;font-optical-sizing:auto;font-style:normal;font-stretch:normal;line-height:initial} body{background:var(--BodyBG)} .widget{overflow:hidden} .EndSides{overflow:hidden;clear:both;display:block} .site .widget{display:block;clear:both;overflow:hidden;margin:0 0 20px;padding:20px;background:var(--MinBgColor);box-shadow:0 2px 6px 0 rgb(9 32 76 / 4%);border-radius:3px} .bocker{flex-wrap: wrap;position:relative;display:flex;align-items:flex-start;justify-content:space-between;overflow: hidden;transition: none !important;} .r-r{position:relative;width:calc(100% - $(sidebar.width) - 20px);overflow: hidden;transition: none !important;} #sidepar-wid{width:$(sidebar.width);margin-$startSide:20px;overflow: hidden;transition: none !important;} .Treelists{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;row-gap:0} .towcol{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;row-gap:0} .no-items{display:none!important} .container{width:100%;max-width:$(content.width);margin:0 auto;display:block} /* HeadLine */ .scrolhide { overflow: hidden; } .headline,.Followers .title{position:relative;font-size:18px;padding:0 0 10px;border-bottom:2px solid var(--Borderes);display:flex;margin-bottom:15px;align-items:center;justify-content:space-between;color:var(--txtColor)} .headline:before,.Followers .title:before{content:"";width:0;height:0;position:absolute;bottom:-6px;border-top:6px solid var(--minColorTran);right:0;left:auto;border-left:5px solid transparent;border-right:0;border-top-color:var(--minColorTran)} .headline .title:after,.Followers .title:after{content:"";background:var(--minColorTran);width:103%;height:2px;position:absolute;bottom:-12px;background-color:var(--minColorTran);right:0;left:auto;z-index:1} .headline .title{position:relative;float:right;color:var(--txtColor);line-height:33px} .blocker{display:block;overflow:hidden;margin-top:15px} a.Lapel-Link{text-align:center;transition:all 0.2s linear;float:left;color:var(--whiteColor);background:var(--minColor);position:relative;font-size:13px;padding:0 15px;border-radius:2px;height:28px;line-height:28px} /* Stats Widget */ .Stats img{width:auto;height:auto;display:inline-block;vertical-align:-4px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-$endSide:5px}.Stats .widget-content *{vertical-align:middle}.Stats .widget-content{color:var(--TitColor);text-align:center;font-size:24px;font-family:sans-serif!important}.Stats .digit strong{background:#eee;margin:0 3px;border-radius:3px;padding:0 8px} /* social Icon's */ aside .social-static.social li a svg{fill:#fff;width:23px;height:23px}.social-static.social li a svg{fill:#fff;width:19px;height:19px}.shmal .social-static.social li{float:$startSide;vertical-align:middle;margin-$startSide:5px;list-style:none}aside .social-static.social li{float:$startSide;vertical-align:middle;list-style:none;width:calc((100% - 15px) / 4);margin-$endSide:5px;margin-bottom:5px;padding-bottom:0;border:0}aside .social-static.social li a{background: #aaa;border-radius:5px;justify-content:center;height:50px;display:flex;align-items:center}aside .social-static.social li:nth-of-type(4n+4){margin-$endSide:0}.social-static.social{display:block;overflow:hidden;vertical-align:middle}.shmal .social-static.social li{float:$startSide;vertical-align:middle;margin-$startSide:5px;list-style:none;padding-bottom:0;margin-bottom:0;border:0}.shmal .social-static.social li a{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:3px;background:#888}.shmal .social-static.social li:first-of-type{margin-$startSide:0} /* social Icon Color's */ .social a[title="sitemap"] {background: var(--minColor) !important;}.social a[title="email"]{background-color:#ea4335!important}.social a[title="line"]{background-color:#06c152!important}.social a[title="facebook"]{background-color:#1778F2!important}.social a[title="twitter"]{background-color:#1da1f2!important}.social a[title="rss"]{background-color:#f26522!important}.social a[title="dribbble"]{background-color:#ea4c89!important}.social a[title="google-plus"]{background-color:#dd4b39!important}.social a[title="pinterest"]{background-color:#cc2127!important}.social a[title="linkedin"]{background-color:#0976b4!important}.social a[title="wordpress"]{background-color:#00769d!important}.social a[title="github"]{background-color:#000000!important}.social a[title="youtube"]{background-color:#e52d27!important}.social a[title="quora"]{background-color:#a82400!important}.social a[title="spotify"]{background-color:#1ed760!important}.social a[title="snapchat"]{background-color:#f5d602!important}.social a[title="flickr"]{background-color:#FF0084!important}.social a[title="instagram"]{background-color:#7c38af;background:radial-gradient(circle at 0 130%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)!important}.social a[title="behance"]{background-color:#009fff!important}.social a[title="whatsapp"]{background-color:#128C7E!important}.social a[title="soundcloud"]{background-color:#FF5419!important}.social a[title="tumblr"]{background-color:#3e5a70!important}.social a[title="khamsat"]{background-color:#f9b01c!important}.social a[title="tradent"]{background-color:#59c5c4!important}.social a[title="blogger"]{background-color:#fc9644!important}.social a[title="telegram"]{background-color:#32AEE1!important}.social a[title="google-play"]{background-color:#3d9dab!important}.social a[title="mostaql"]{background-color:#2caae2!important}.social a[title="messenger"]{background-color:#0084ff!important}.social a[title="paypal"]{background-color:#193685!important}.social a[title="reddit"]{background-color:#ff4500!important}.social a[title="vk"]{background-color:#45668e!important}.social a[title="website"]{background-color:#444444!important}a[title="website:before"]{content:"\f0ac"!important} /* Style Headr */ li.item:hover > ul{opacity:1;visibility:visible;transform:translateY(0)} li.item > ul,li.sitem > ul{height:auto!important;display:block!important;position:absolute;right:0;width:200px;background:var(--Hbg);top:60px;box-shadow:0 0 5px 1px rgb(0 0 0 / 8%);z-index:9;opacity:0;visibility:hidden;transition:all .2s linear;transform:translateY(20px);border-radius:3px;border-top:2px solid var(--OldMin)} li.item > ul:before{content:"";width:25px;height:25px;position:absolute;background:var(--Hbg);top:-10px;right:8%;border-radius:8px;transform:rotate(45deg);box-shadow:0 0 5px 1px rgb(0 0 0 / 8%);z-index:-1;border:2px solid var(--OldMin)} li.item > ul li.sitem{display:block!important;padding:0!important;margin:0!important;background:var(--Hbg);border-radius:3px} li.item > ul li.sitem a{color:var(--HColor);padding:14px;margin:0!important;display:block;position:relative;background:var(--Hbg);border-radius:3px;overflow:hidden} li.sitem > ul{transform:translateX(-30px);right:100%;top:0;border-right:2px solid var(--OldMin);border-top:0} li.sitem > ul:before{content:"";width:26px;height:26px;position:absolute;background:var(--Hbg);top:10px;right:-10px;z-index:-1;transform:rotate(45deg);border:1px solid var(--Borderes);box-shadow:0 0 5px 1px rgb(0 0 0 / 8%);border:2px solid var(--OldMin);border-radius:8px} li.sitem:hover > ul{transform:translateX(0);opacity:1;visibility:visible} li.sitem:last-of-type > a{border-bottom:0!important} li.ssitem:last-of-type > a{border-bottom:0!important} li.ssitem{border-radius: 8px;background: var(--MinBgColor);padding:0!important;float:none;margin:0!important;width:100%} .targetitem li a:hover:before{color:var(--hoverColor)!important} nav.nav-par ul li a:hover{color:var(--hoverColor)} div#menu i.fa{display:inline-block;vertical-align:middle;margin-$endSide:5px} .icon.arrow-down{z-index: 9;transition:all .3s linear;display:block;position:absolute;top:19px;left:5px;right:auto} .item.targetitem:hover .icon{top:23px} .item.targetitem:hover .icon:after{transform:rotate(-45deg)} .item.targetitem .icon:after{user-select:none;content:"";display:inline-block;width:8px;height:8px;background:transparent;border:2px solid var(--Cic);border-bottom-color:transparent;border-left-color:transparent;transform:rotate(135deg);border-radius:3px;transition:all 0.3s} .item.targetitem .targetitem span.icon{left:13px!important;top:14px!important;right:auto!important} .item.targetitem .targetitem:hover span.icon{$endSide:20px!important} .item.targetitem{padding-$endSide:30px!important} .sitem:hover > a,.ssitem:hover > a{background:rgb(0 0 0 / 5%) !important} .sitem.targetitem .icon:after{transform:rotate(225deg)!important;width:6px;height:6px} /* headr sidenav */ .pos-t-t,.Sittings{display:none;position:fixed;top:0;$endSide:0;$startSide:0;bottom:0;background-color:rgba(0,0,0,.2);backdrop-filter:saturate(100%) blur(2px);z-index:999} #NavM:checked ~ .contenarpage .pos-t-t{display:block} .sidenav{transition:all .3s linear;height:100vh;width:300px;position:fixed;top:0;bottom:0;right:-400px;background-color:var(--MinBgColor);z-index:9999;max-width:100%;box-shadow:-4px 0 10px 0 rgb(0 0 0 / 8%)} #NavM:checked ~ .contenarpage .sidenav{$startSide:0} .sidehead{position:absolute;width:45px;height:45px;left:-40px;top:20px;overflow:hidden;display:flex;align-items:center;background:var(--MinBgColor);border-radius:50% 0 50% 50%;justify-content:center;box-shadow:-2px 3px 0 0 rgb(0 0 0 / 8%);border-right:0} .closemenu{display:flex;height:100%;color:var(--TitColor);font-size:16px;align-items:center;cursor:pointer;padding:0 19px} .closemenu:after{content:'\2715';line-height:18px;font-size:14px;font-weight:bold} .flexmenu{position:relative;width:100%;height:100%;display:flex;justify-content:flex-start;overflow:hidden;flex-direction:column;overflow-y:scroll;margin:0;padding-bottom:200px} .flexmenu .MegaItem .mega-wraper{display:none!important} .SiteInfo{padding:20px 20px 5px;border-bottom:1px solid var(--Borderes)} .SiteInfo .navlogo img{max-width:100%;max-height:100%;display:inline-block} .SiteInfo .navlogo{text-align: center;display:block;margin:0 auto 15px} .SiteInfo .navtitle{display:block;padding:10px 0;font-size:21px;background:var(--Borderes);margin-bottom:15px;color:var(--txtColor);text-align:center;border-radius:5px} .navdis{display:block;max-height:8em;overflow:hidden;margin-bottom:15px;color:var(--txtColor);opacity:.9;font-family:sans-serif!important;text-align:center} .mainmenu{position:relative;width:100%;padding:16px} .mainmenu ul li{position:relative;display:block;overflow:hidden;width:100%;margin:0!important} .mainmenu ul li a{border-bottom:0!important;font-size:15px;color:var(--TitColor);padding:15px 0;display:block;border-bottom:1px solid rgb(0 0 0 / 8%)!important} .mainmenu .item.targetitem{padding-left:0!important} .mainmenu .targetitem ul a:before{content:'.';font-size:30px;line-height:0;display:inline-block;vertical-align:middle;margin-left:5px;top:-6px;position:relative} .bottommeny{display:block;padding:20px;border-top:1px solid var(--Borderes)} .bottommeny{padding-bottom:100px} .bottpage ul li:after{content:'';font-size:27px;line-height:0;display:inline-block;vertical-align:middle;margin:0 8px;width:10px;height:1px;background:#666} .bottpage ul{list-style:none;margin-bottom:5px} .bottpage ul li{display:inline-block;margin-bottom:5px} .bottpage ul li a{font-size:15px;color:var(--TitColor);font-family:sans-serif;opacity:0.8} .bottpage ul li a:hover{opacity:1;text-decoration:underline} .bottsocial .social-static li{display:inline-block;margin-left:10px} .bottsocial .social-static li a{background:transparent!important} .bottsocial .social-static li a svg{fill:var(--TitColor);opacity:0.8} .bottsocial .social-static li a:hover svg{opacity:1} .mainmenu .item.targetitem .icon{transform:none!important;border-radius:3px;left:0!important;top:14px!important;background:var(--secColor);color:#202124;width:30px;height:25px;line-height:25px;padding-top:4px;display:flex;align-items:baseline;justify-content:center} .mainmenu .item.targetitem .icon:after{transform:rotate(135deg)!important} .mainmenu ul li a i{font-size:14px;color:var(--TitColor);margin-$endSide:5px} .sidenav .targetitem ul.open{display:block!important} .sidenav .targetitem ul{box-shadow: none !important;position:relative!important;opacity:1!important;visibility:visible!important;transform:unset!important;display:none!important;width:auto!important;top:0!important;right:0!important;margin-top:10px;border:0!important;border-top:1px solid var(--Borderes)!important;border-bottom:1px solid var(--Borderes)!important} .sidenav .targetitem ul:before{border:1px solid var(--Borderes);right:5%;box-shadow:none!important} .sidenav .sitem.targetitem .icon{$endSide:5px!important;transform:rotate(180deg)!important} .sidenav .sitem.targetitem span.icon{transform:rotate(0deg)!important} .sidenav .targetitem.sitem ul.open{padding-right:10px;margin:3px 0;position:relative!important} .sidenav .targetitem.sitem ul.open:before{top:-8px!important} .mainmenu .item.targetitem span.icon,.mainmenu .item.targetitem .targetitem:hover span.icon{left:10px!important} .mainmenu .item.targetitem.open > span.icon,.sidenav .sitem.targetitem.open > span.icon{background: var(--Sco);--Cic: #fff;} .bottpage ul li:last-child:after{display:none} .mainmenu .sitem:hover > a,.mainmenu .ssitem:hover > a{background:transparent!important} /* Aside */ .FeaturedPost .item-thumbnail.thumb{margin-$endSide: 0;float: none;width:100%;padding-top: 56.25%;margin-bottom:5px} .FeaturedPost .post-title .title{overflow:hidden;display:block;font-size:19px;color:var(--TitColor);max-height:4.9em;line-height:1.6em;background-size:0!important} .FeaturedPost .snippet-item{color:var(--SanColor);font-size:13px;font-family:sans-serif!important;line-height:18px;margin-top:5px;overflow:hidden}.Profile .profile-img{display:block;margin:0 auto 20px;border-radius:50%}.Profile .profile-link.g-profile{color:var(--txtColor);background:var(--secColor);display:block;text-align:center;padding:10px;margin-bottom:15px;border-radius:3px;font-family:'Tajawal',sans-serif!important;font-size:inherit!important;opacity:1}.Profile .profile-data.location{display:none}.Profile .profile-textblock{color:var(--SanColor);font-size:15px;font-family:sans-serif!important;margin-bottom:15px;text-align:center;display:block}.Profile .profile-link{color:#ffffff;background:#3560ab;display:block;text-align:center;padding:10px;border-radius:3px;font-family:sans-serif!important;font-size:13px;opacity:0.7}.Profile .profile-link:hover{opacity:1}.BlogSearch input{background:transparent;font-family:sans-serif!important;color:var(--txtColor);display:inline-block;font-size:13px;padding:10px;border-radius:3px;width:55px;border:1px solid var(--Borderes)}.BlogSearch input[type="submit"]{transition:all 0.3s;background:var(--secColor);border:0;cursor:pointer}.search-input input:hover,.search-input input:focus{border-color:#4b9ce7}.search-input{display:inline-block;width:calc((100% - 60px) / 1)}.search-input input{display:block;width:100%}aside .LinkList ul li,footer .LinkList ul li,aside .PageList ul li,footer .PageList ul li{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--Borderes);list-style:none}aside .LinkList ul li a,footer .LinkList ul li a,aside .PageList ul li a,footer .PageList ul li a{font-family:sans-serif!important;color:var(--TitColor);display:block}.list-label-widget-content ul li{display:block;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--Borderes)}.list-label-widget-content ul li a{font-family:sans-serif!important;color:var(--TitColor);display:block}aside .LinkList ul li a:before, footer .LinkList ul li a:before, aside .PageList ul li a:before, footer .PageList ul li a:before, .list-label-widget-content ul li a:before{vertical-align:baseline;display:inline-block;width:4px;height:4px;content:"";margin-left:10px;background:transparent;border:1.7px solid var(--txtColor);border-bottom-color:transparent;border-left-color:transparent;transform:rotate(225deg);font-family:inherit!important} .list-label-widget-content .label-count{float:$endSide;background-color:var(--minColor);text-align:center;font-size:13px;padding:0 5px;min-width:24px;height:20px;line-height:20px;color:var(--whiteColor);border-radius:2px;font-family:sans-serif!important}.list-label-widget-content li:hover .label-count{opacity:1}.cloud-label-widget-content{justify-content:center;display:flex;justify-content:flex-start;flex-wrap:wrap}span.label-size{flex-grow:1}.cloud-label-widget-content .label-count{margin-$startSide:10px;background:var(--MinBgColor);font-size:13px;padding:0 5px;min-width:20px;height:18px;line-height:18px;text-align:center;border-radius:3px;color:var(--txtColor)} .cloud-label-widget-content .label-name{transition:all 0.3s;display:flex;padding:0 13px;justify-content:space-between;align-items:center;background:var(--minColor);font-family:sans-serif!important;margin:0 0 6px 5px;color:var(--whiteColor);font-size:15px;border-radius:3px;height:35px;line-height:35px} input.follow-by-email-address{display:block;width:100%;height:40px;margin:15px 0;border-radius:3px;border:1px solid #efefef;text-align:center}input.follow-by-email-submit{background:#eee;border:1px solid #ccc;padding:10px;border-radius:3px;width:100%;text-align:center;color:#6b6b6b;font-size:12px;cursor:pointer}input.follow-by-email-address::placeholder{font-weight:normal;font-size:14px}div#ArchiveList ul.hierarchy{padding-$startSide:30px}div#ArchiveList ul.hierarchy ul.hierarchy{padding-$startSide:15px}div#ArchiveList ul.hierarchy ul.hierarchy ul.hierarchy li:not(:last-of-type){margin-bottom:5px;padding-bottom:5px}div#ArchiveList ul.hierarchy li a,div#ArchiveList ul.flat li a{color:#121212}div#ArchiveList ul.hierarchy ul.hierarchy ul.hierarchy li:first-of-type{margin-top:5px;padding-top:5px}div#ArchiveList ul.hierarchy li{font-size:11px}div#ArchiveList ul.hierarchy li a:hover,div#ArchiveList ul.flat li a:hover{color:$(step.color)}div#ArchiveList .hierarchy-title{font-size:13px;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #f7f7f7}div#ArchiveList .hierarchy-title span.post-count,div#ArchiveList ul.flat li span.post-count{float:$endSide;width:25px;padding:0 0;text-align:center;background:#eee;border-radius:3px;border:1px solid #ccc;font-size:12px;font-weight:normal}div#ArchiveList ul.flat{padding-$startSide:30px}div#ArchiveList ul.flat li:not(:last-of-type){margin-bottom:5px;padding-bottom:5px}div#ArchiveList ul.flat li{font-size:13px}.ContactForm textarea[name="email-message"],.ContactForm input[type="text"]{margin:0 auto 10px;border:1px solid var(--Borderes);width:100%;border-radius:3px;padding:10px 15px;background:transparent;font-family:sans-serif!important}.ContactForm textarea[name="email-message"]:hover,.ContactForm input[type="text"]:hover,.ContactForm textarea[name="email-message"]:focus,.ContactForm input[type="text"]:focus{border:1px solid #4b9ce7}textarea[name="email-message"]{min-height:130px;resize:vertical}.ContactForm input[type="button"]{transition:all 0.3s;display:inline-block!important;position:relative;font-size:14px;background:var(--secColor);color:var(--txtColor);padding:7px 20px;border-radius:3px;font-family:sans-serif!important;border:none;float:$endSide;cursor:pointer}p#ContactForm1_contact-form-error-message{font-family:sans-serif!important}p#ContactForm1_contact-form-success-message{font-family:sans-serif!important;color:#30bb81} /* nextprev */ .page-navigation{display:flex!important;align-items:center;justify-content:space-between}div#siki_next a,div#siki_prev a{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--minColor);color:var(--whiteColor);font-size:25px;border-radius:3px}.sikinot{opacity:0.7}.sikinot a{pointer-events:none}div#siki-page-number{font-size:16px;font-family:sans-serif;color:var(--txtColor)} /* InPost And Page*/ .post-body{font:$(PostsTextFont);line-height:2em;overflow:hidden;color:var(--PostTxtColor)}.post-body a{color:var(--PostLinkColor)}.post div#Blog1,.post .post-outer,.post .post-body{overflow:initial!important}.post div#Blog1,.page div#Blog1{display:block;background:transparent;border-radius:0;padding:0;border:0;margin:0;box-shadow:none;margin-bottom:15px}.bobxed,.commentsection,.pSh,.post-tags,.shareButton,.RelatedPosts,.author-posts,.post-body,.page-navigation{display:block;background:var(--MinBgColor)!important;clear:both;padding:20px!important;overflow:hidden;border-bottom:1px solid var(--Borderes)} .post .post-body p{margin:1.5em 0} .post-body h1:not(.rnav-title),.post-body h2:not(.rnav-title),.post-body h3:not(.rnav-title),.post-body h4:not(.rnav-title){margin:1em 0;line-height:1.5em} .post-body h1{font-size:1.9rem} .post-body h2{font-size:1.7rem} .post-body h3:not(.rnav-title){font-size:1.5rem} .post-body h4{font-size:1.4rem} .post-body sup {vertical-align: super;font-size: smaller !important;} .post-body sub {vertical-align: sub;font-size: smaller;} .post-meta{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.au-ti{height: 36px;display:flex;align-items:center;justify-content:flex-start;font-size:13px} .metapost{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;line-height:20px} .Times{display:inline-block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%} .Times > div{display:inline} .authorname{margin-$endSide:8px} .authorPhoto{width:36px;height:36px;object-fit:cover;border-radius:8px;margin-left:5px} .article-timeago,.readTime{opacity:.7} .readTime:before{content:'';margin:0 5px;width:13px;height:1px;background:var(--txtColor);display:inline-block;vertical-align:middle} .article-author,.article-timeago,.readTime{display:flex;align-items:center;justify-content:center;color:var(--txtColor)} .topcs7v{margin-bottom:15px;position:relative;width:100%;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid var(--Borderes)} .toctitle{border-bottom:1px solid var(--Borderes);cursor:pointer;position:relative;height:55px;font-size:16px;color:var(--txtColor);display:flex;align-items:center;justify-content:flex-start;padding:0 15px;margin:0;width:100%} .toctitle:before{content:'\002B';margin-left:10px;font-size:21px} .toctitle:after{content:"عرض الكل";float:left;font-family:sans-serif;margin-right:10px;font-size:13px;position:absolute;left:15px;text-align:center;line-height:26px;border-radius:3px;opacity:0.9} #tocList{padding:0 20px 15px;display:none;border-bottom:1px solid var(--Borderes)} #tocList li{list-style:decimal inside;font-size:14px;line-height:1.7;margin-bottom:0;padding-bottom:0;color:var(--txtColor);opacity:.8} #tocList li a{color:var(--txtColor)} #tocList li:hover{opacity:1;text-decoration:underline} .closed .toctitle:before{content:'\2212'} .closed #tocList{display:block} .toctitle:hover,.closed .toctitle{background:var(--Borderes)} .closed .toctitle:after{content:'أخفاء الكل'} .tr-caption{font-family:sans-serif!important;opacity:.8;font-size:14px;line-height:1.5em} .post-body img{border-radius:3px;width:auto;height:auto;display:inline} .separator,.separator a,a[imageanchor="1"],a[style*='1em']{text-align:center;margin:0!important} .post-body strike{text-decoration:line-through} .post-body u{text-decoration:underline} .post-body ul,.post-body ol{padding:0 15px 0 0;margin:10px 0} .post-body li{margin:5px 0;padding:0} .post-body ul li{list-style:disc inside} .post-body ol li{list-style:decimal inside} .post-body ul ul li{list-style:circle inside} .post-body blockquote{overflow:hidden;position:relative;background-color:rgba(155,155,155,0.05);color:var(--PostTxtColor);padding:15px 25px;margin:0;font-size:15px;border-$startSide:3px solid rgba(155,155,155,0.2)} .post-body blockquote *{display:initial!important} div#AddOns{display:none;opacity:0;visibility:hidden} .post-amp .topic-title{overflow:hidden;font:$(PostsTitleFont);line-height:1.7em;color:var(--PostTitleColor)} .hideensa{overflow:hidden;display:block;clear:both} .foqTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px} .FTBU{display:flex} .postTopTag{color:var(--whiteColor);background:var(--minColor);font-size:13px;padding:4px 13px;border-radius:3px} .postTopTag:hover{background:var(--minColor)} .OpenSitting,.gocomments{cursor:pointer;margin-right:10px;width:40px;height:28px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:3px;border:1px solid rgb(0 0 0 / 5%)} .gocomments{margin:0} .OpenSitting:hover,.gocomments:hover{background:rgb(0 0 0 / 6%)} .gocomments svg,.OpenSitting svg{width:18px;height:18px;fill:var(--minColorIc)} .numcomment{position:absolute;top:-10px;right:-5px;background:#ddd;padding:0 7px;color:#333;font-size:13px;border-radius:3px} .post-tags{flex-wrap:wrap;padding-bottom:15px!important;display:flex;align-items:center;justify-content:flex-start} .post-tags a{background:rgba(0,0,0,5%);color:var(--txtColor)} .post-tags .tagstitle{background:var(--minColor);color:var(--whiteColor);margin-$endSide:10px} .post-tags span,.post-tags a{margin-bottom:5px;flex-shrink:0;transition:all 0.3s;border-radius:2px;padding:0 10px;line-height:26px;margin-$endSide:7px;position:relative;font-size:13px} .tagstitle:before{content:'';position:absolute;top:10px;$endSide:-3px;width:6px;height:6px;background-color:var(--minColor);transform:rotate(45deg)} /* SeoPlusAds */ div#Topa3lan-sc .HTML,div#Topa3lan-sc2 .HTML{box-shadow:none;background:transparent!important;padding:0!important;border:0;margin:0}div#PostA3lan .widget,div#PostA3lan2 .widget{background:transparent!important;border:0!important;padding:0 20px!important;margin:0!important;box-shadow:none!important} #Blog1 .clearhtml > .HTML{background:var(--MinBgColor)!important;margin:0;padding:20px 0!important;border-bottom:1px solid var(--Borderes)} .SeoPlusAds,#Blog1 .HTML{font-family:sans-serif;background:transparent!important;margin:15px 0;text-align:center;font-size:13px;display:block;clear:both;border:none;overflow:unset!important;box-shadow:none;padding:0!important;border-radius:0}div#HTML100 .SeoPlusAds{margin-top:0}div#top-a3lan .HTML{margin-top:0}div#bot-a3lan .HTML{margin-bottom:0}.pnavigation .HTML{margin-bottom:15px!important}div#bot-a3lan,div#top-a3lan,div#ret-a3lan{overflow:initial}div#ret-a3lan .HTML{background:var(--MinBgColor)!important;padding:15px 0!important;margin:0!important;border-bottom:1px solid var(--Borderes)} /* comments */ .bloggerComment{background:#fc9644} .comments-tabs .active,.comments-tabs span:hover{opacity:1} .noimg{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOztoy4EM7AQ5GZ2Ie-TvR-7yAPN580orKKv-1CyYn9DsUCo4QrtREE8w4LESty3v4DcUggmGEo4kmV120suWhXUj3faNjfj9DzxiPQmey0kU9MCNaFq17824cHp6hplPxZkv-wc0TvGo/s83/log.jpg) no-repeat center;display:block;width:38px;height:38px;background-size:38px} .avatar-image{width:38px;height:38px;position:absolute;top:0;right:0;border-radius:8px;overflow:hidden} .CommentCounter{position:relative} .cmt-user{font-family:sans-serif!important;font-size:14px;color:var(--txtColor)} .comment-block{padding-right:45px} .comment{position:relative;padding:0;margin:15px 0 0;padding-top:15px;list-style:none;border-radius:0;border-top:1px solid rgb(0 0 0 / 2%)} .comment-replies{padding-right:45px} .comment .comment-replies .comment:not(:first-child){border-top:0} .comments .comment-content{font-size:14px;color:var(--Cpc);line-height:1.6em;margin:6px 0 10px;padding:10px;background:rgb(0 0 0 / 5%);border-radius:12px 2px 12px 12px;display:inline-block;white-space:pre-wrap} .comments .comment-actions{display:flex;margin:0;align-items:center} .comment-actions .comment-reply,.comment-actions a{margin-left:10px;font-size:13px;color:var(--txtColor);cursor:pointer;font-family:sans-serif!important;line-height:1em} .comment-actions .comment-reply{padding-left:10px;border-left:1px solid rgb(9 32 76 / 2%)} .comment-actions .comment-reply:hover,.comment-actions a:hover{text-decoration:underline} .ShowMoreCMT,.PostEdit a{display:inline-block;padding:7px 22px;text-align:center;font-size:15px;background:var(--minColor);margin-top:20px;cursor:pointer;border-radius:3px;color:var(--whiteColor);line-height:1.3em;transition:all .2s linear} #comments-respond,.comment-replies #comment-editor{padding:15px;border-radius:8px;border:1px solid rgb(9 32 76 / 2%);background:rgb(9 32 76 / 2%);min-height:100px} .comment-replies #comment-editor{margin-top:10px} .conart{margin-bottom:10px;display:block;padding-bottom:15px;border-bottom:1px solid rgb(9 32 76 / 5%)} #comment-post-message{font-size:15px;color:var(--txtColor);display:inline-block;background:rgb(0 0 0 / 5%);padding:4px 10px;border-radius:3px} #comment-post-message:hover{background:rgb(0 0 0 / 8%)} .conart p{font-size:15px;font-family:sans-serif!important;color:var(--txtColor);margin-top:5px} /* author profile */ .authorImage{float:$startSide;width:60px;height:60px;margin-$endSide:15px}.authorImage .authorImg{overflow:hidden;width:60px;height:60px}.authorInfo{width:calc(100% - 75px);float:$startSide;margin-top:5px}.author-posts{display:flex!important;align-items:flex-start}.author-name{font-size:18px;color:var(--txtColor);margin-bottom:12px}.author-desc{font-family:sans-serif!important;color:var(--SanColor);font-size:14px} /* footer */ footer{overflow:hidden;display:block;clear:both;background:var(--MinBgColor);border-top:1px solid var(--Borderes3)}.mid-top-footer{overflow:hidden;display:flex;justify-content:space-between}.footer-col{padding:0 10px;width:100%;min-width:25%}.footer-col.no-items{display:none}footer .container{display:block;overflow:hidden}.mid-top-footer .footer-col .widget{margin-top:15px;margin-bottom:30px;vertical-align:top}.mid-top-footer .footer-col .widget:last-of-type{margin-bottom:20px}.bottom-footer .container{padding:0 15px}.bottom-footer{display:block;overflow:hidden;clear:both;padding:10px 0;border-top:1px solid var(--Borderes3);margin-top:0}.yemen{min-height:32px;font-size:13px;float:$startSide;display:flex;align-items:center;color:var(--TitColor)}.yemen a{font-size:14px;color:var(--Hok);letter-spacing:0;vertical-align:middle}.yemen span{font-size:14px;vertical-align:middle;margin-$endSide:3px}.shmal{float:$endSide;font-size:13px;margin-top:5px}svg.svg-inline--fa.fa-exclamation-triangle.fa-w-18{width:200px;margin:0 auto 0;display:block;height:200px;color:var(--minColor)} /* post-share */ .n-line{width:19px;height:19px;fill:#fff;margin:0 3px} .shC .n-line{width:22px;height:22px} .pShc{display:flex;align-items:center;flex-wrap:wrap;position:relative;width:calc(100% + 18px);font-size:13px} .pShc::before{content:attr(data-text);margin-left:10px;flex-shrink:0;color:var(--txtColor);font-size:14px} .pShc .c::after{content:attr(aria-label);margin:0 3px} .pShc >*{cursor:pointer;margin:0 5px;display:flex;align-items:center;color:inherit;padding:8px 12px;border-radius:5px;background:rgba(0,0,0,5%)} .sharemore:hover{background:rgba(0,0,0,8%)} .pShc .tw{background:#1DA1F2} .pShc .c{color:#fffdfc} .pShc .wa{background:#128C7E} .pShc .fb{background:#1778F2} .fixi:checked ~ .fixL{opacity:1;visibility:visible} .fixL{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:20;transition:all .1s linear;width:100%;height:100%;opacity:0;visibility:hidden} .sharemore svg{fill:var(--txtColor)} .fixLi{width:100%;max-width:520px;max-height:calc(100% - 60px);border-radius:5px;transition:inherit;z-index:3;display:flex;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 5px 30px 0 rgb(0 0 0 / 5%)} .fixLs{padding:60px 20px 20px;overflow-x:hidden;width:100%;background:var(--MinBgColor)} .shL,.fixH{color:var(--txtColor)} .fixH{display:flex;background:inherit;position:absolute;top:0;left:0;right:0;padding:0 10px;z-index:2} .fixT::before{content:attr(data-text);flex-grow:1;padding:16px 10px;font-size:90%;opacity:.7} .fixH .cl{padding:0 10px;display:flex;align-items:center;justify-content:flex-end;position:relative;flex-shrink:0;min-width:40px;cursor:pointer} .fCls.sharebg{cursor:pointer} .fixT .c::before{content:attr(aria-label);font-size:11px;margin:0 8px;opacity:.6} .fixH .c::after{content:'\2715';line-height:18px;font-size:14px} .shL{position:relative;width:calc(100% + 20px);left:-10px;right:-10px;display:flex;flex-wrap:wrap;justify-content:center} .shL >*{margin:0 10px 20px;text-align:center} .shL a{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:60px;height:60px;color:inherit;margin:0 auto 5px;padding:8px;border-radius:5px;background:#5a5a5a} .shL >*::after{content:attr(data-text);font-size:90%;opacity:.7;display:block} .fCls{display:block;position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;z-index:1;transition:all .1s linear;background:transparent;opacity:0;visibility:hidden} .fixi:checked ~ .fixL .sharebg, #NavC:checked ~ .searchformbox .searchbg{opacity:1;visibility:visible;background:rgba(0,0,0,.2);-webkit-backdrop-filter:saturate(100%) blur(2px);backdrop-filter:saturate(100%) blur(2px)} @media screen and (max-width: 640px){ .fixL{align-items:flex-end} .fixL .fixLi,.fixL .cmBri{border-radius:12px 12px 0 0} .pShc .c::after{display:none} } .post-body iframe{display:block;margin:auto;max-width:100%} iframe {color-scheme: none;} .contenarpage{overflow:hidden} /* new worck */ .loadMore{display:flex;align-items:center;justify-content:center;font-size:90%;color:#fffdfc;margin:20px 0 0;max-width:100%} .loadMore div{transition:all .2s linear;cursor:pointer;display:flex;align-items:center;user-select:none;padding:0 20px;background:var(--minColor);border-radius:3px;height:35px;line-height:35px} #loadMoreWait,#loadMoreNomore{background:var(--secColor);color:#989b9f;display:none;user-select:none} .blog-posts{display:block} .post .blog-posts{box-shadow:0 2px 6px 0 rgb(9 32 76 / 4%);border-radius:3px} /* blog-pager2 */ .topic-nav{display:flex;align-items:center;justify-content:center}div#blog-pager{display:flex;align-items:center;justify-content:center;overflow:hidden;clear:both;margin:15px 0 0;padding:15px 0 0;border-top:1px solid var(--Borderes3)}.blog-pager{height:36px;width:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px;margin:0 2px;color:#fff;background:var(--minColor)}.blog-pager i.icon{font-size:14px;text-align:center;line-height:36px}.homelink i.icon{font-size:16px} /* Pagecontactus */ div#ContactForm200{display:none}div#Pagecontactus .widget{border:0!important;padding:0;box-shadow:none;margin:0 0;min-height:385px;display:block}div#Pagecontactus{min-height:385px}div#Pagecontactus .widget p{margin:0} /* Hovers */ .post-tags a:hover, .Lapel-Link:hover, .BlogSearch input[type="submit"]:hover, .cloud-label-widget-content .label-name:hover, .list-label-widget-content li:hover .label-count, .ContactForm input[type="button"]:hover, .moreLink:hover,.caregory-div a:hover{color: var(--whiteColor);background: var(--minColor);} tbody,table{width:100%;max-width:100%}body.dark-mode input,body.dark-mode textarea{color:#fff}body.dark-mode .ContactForm textarea[name="email-message"]::placeholder,body.dark-mode .ContactForm input[type="text"]::placeholder{color:#fff} .dark-mode g.d1{display:none} .dark-mode g.d2{display:block} /*================= responsev [not completed] ===================*/ @media screen and (max-width:992px){ #sidepar-wid{width:250px}.r-r{width:calc((100% - 255px - 15px) / 1)} .mid-top-footer{flex-wrap:wrap}.footer-col{width:50%} } @media screen and (max-width:860px){ .ReadPage-popup-cont {margin: 0;height: 100%;padding-bottom: 50px;} .bocker {display: block;} .r-r, #sidepar-wid {transform: none !important;float: none;width: 100%!important;margin: 0;display: block;} } @media screen and (max-width:720px){ span.modal-close{$endSide:5px;top:-15px} .bottom-footer{box-shadow:none} .bottom-footer .yemen{min-height:auto;display:block!important;float:none;text-align:center;margin-bottom:10px} .yemen a[title="SeoPlus Template"]{display:inline-block!important} .bottom-footer .shmal{float:none;margin-top:0;margin:0 auto;text-align:center} .bottom-footer .shmal .social-static.social{flex-wrap:wrap;display:flex;overflow:hidden;vertical-align:middle;align-items:flex-start;justify-content:center} .bottom-footer .shmal .social-static.social li{margin-bottom:5px} .metapost{width:calc(100% - 33px)} } @media screen and (max-width:640px){ .commentsection .headline:before,.commentsection .headline .title:after{display:none} .headline,.Followers .title{font-size:17px} .metapost{justify-content:flex-start;flex-direction:column;align-items:flex-start} .site .widget,.post .blog-posts { border-right: 0 !important; border-left: 0 !important; } .comment-content iframe {height: 200px;} .comment-content img{height: auto;} .textst{font-size:35px}span.datetime.com-date{float:none!important;display:block} .search-submit2{$endSide:-10px} .footer-col{width:100%} #item-comments .headline{flex-direction:column} #item-comments .headline .title{margin-bottom:5px} .commentsShow{display:flex;align-items:center;justify-content:center;text-align:center} } /* New Edit's */ .potg .Sp-slide .Posts-byCategory,.potg .Sp-slide2 .Posts-byCategory,.potg .Sp-slide3 .Posts-byCategory,,.potg .Sp-slide4 .Posts-byCategory,.btg2 .Sp-posts1 .Posts-byCategory,.btg2 .Sp-posts2 .Posts-byCategory,.btg2 .Sp-posts5 .Posts-byCategory,.btg2 .Sp-postsnew .Posts-byCategory{display:none} .potg .Sp-slide:before,.potg .Sp-slide2:before,.potg .Sp-slide3:before,.potg .Sp-slide4:before,.btg2 .Sp-posts1:before,.btg2 .Sp-posts2:before,.btg2 .Sp-posts5:before,.btg2 .Sp-postsnew:before{content:'\f12a';font-family:'FontAwesome';margin-$endSide:5px} .potg .Sp-slide:after,.potg .Sp-slide2:after,.potg .Sp-slide3:after,.potg .Sp-slide4:after,.btg2 .Sp-posts1:after,.btg2 .Sp-posts2:after,.btg2 .Sp-posts5:after,.btg2 .Sp-postsnew:after{content:"لأ يمكنك استخدام هذا الشكل في هذا المكان"} .potg .Sp-slide,.potg .Sp-slide2,.potg .Sp-slide3,.potg .Sp-slide4,.btg2 .Sp-posts1,.btg2 .Sp-posts2,.btg2 .Sp-posts5,.btg2 .Sp-postsnew{display:block;overflow:hidden;font-size:16px;height:50px;padding:0 10px;line-height:50px;text-align:center;color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:3px} .moreLink{transition:all 0.2s linear;background:var(--minColor);color:var(--whiteColor)} .postTags .HTML .headline{opacity:0} .post-frome-tag .headline{opacity:1!important} .Img-Holder{background:var(--Borderes)} .Img-Holder img{opacity:0} .Img-Loaded img{opacity:1} .rnav-title a,.post-title .title{background:linear-gradient(to right,currentColor 0%,currentColor 100%);background-size:0 1px;background-repeat:no-repeat;background-position:right 85%;transition:background 0.3s;padding-bottom:7px;display:inline;line-height:1.6em;color:var(--TitColor)} .rnav-title a:hover,.post-title .title:hover{background-size:100% 1px} .rnav-title{clear:both;font-size:16px} .thumb{transition:all .3s linear;float:$startSide;margin-$endSide:15px;display:block;border-radius:var(--ImgRadius);overflow:hidden;position:relative} .thumb img{transition:all .3s linear;border-radius:0;object-fit:cover;display:block;width:100%;height:100%;position:absolute;top:0;right:0;left:0;bottom:0} .posts-from{font-style:normal;display:flex;align-items:center;justify-content:center;min-height:410px;flex-direction:column} .posts-from[data-type="Sp-shreet"]{min-height:inherit!important} .posts-from[data-type="Sp-shreet"]:before{display:none} .posts .Date svg{display:inline-block;width:10px;height:10px;vertical-align:middle;margin-left:5px;fill:var(--SanColor)} .posts .Date{display:block;position:relative} .posts .Date a{color:var(--SanColor);display:inline-block;vertical-align:middle;font-size:12px;font-family:sans-serif!important} .posts .author{display:block;font-size:15px} .postcat{position:absolute;top:10px;right:10px;display:inline-block;background:var(--minColor);color:#fff;padding:0 10px;font-size:12px;font-family:sans-serif!important;transition:.3s;z-index:2;border-radius:2px;height:25px;line-height:25px} .postcat.catnum0{background:#95281C} .postcat.catnum1{background:#1B5A84} .postcat.catnum2{background:#2C3E50} .postcat.catnum3{background:#1A5D50} .postcat.catnum4{background:#0A3D62} .postcat.catnum5{background:#A41138} .postcat.catnum6{background:#0C2461} .postcat.catnum7{background:#850021} .postcat.catnum8{background:#04626A} .postcat.catnum9{background:#3C40C6} .thumb:after{content:"";position:absolute;z-index:1;$endSide:0;$startSide:0;bottom:0;height:100%;background:rgb(0 0 0 / 26%);opacity:0;transition:all 0.3s}.lapel .posts:hover .thumb:after,.post .posts:hover > .thumb:after,.item-thumbnail:hover{opacity:1}.Sp-posts4 .Short_content,.Sp-posts3 .Short_content,.Sp-posts4 .posts:not(.postnum0) .thumb .postcat,.Sp-posts3 .postcat,.Sp-posts3.noImg .thumb,.Sp-postsnew0.noImg .thumb,.Sp-3colList.noImg .thumb,.Sp-postsnew.noImg .thumb,.Sp-posts1 .Short_content,.Sp-3colList .posts .postcat,.moreLink,.Short_content,.Sp-shreet .Short_content,.Sp-slide3 .posts:not(.postnum0) .cont .Short_content,.Sp-slide3 .posts:not(.postnum0):not(.postnum1):not(.postnum2) .items a.author,.Sp-slide4 .posts:not(.postnum0) .cont .Short_content,.Sp-slide2 .posts:not(.postnum0) .Short_content,.Sp-posts5 .posts:not(.postnum0) .Short_content,.Sp-posts5 .posts:not(.postnum0) .postcat,.posts .items, .block-side, .Sp-shreet .posts .Date, .Sp-shreet .thumb .Noimger, .SiteInfo:empty, .modal-body.post-body .redirectSkin.blog-admin, .readMode .PostByCatRandom, .readMode div#tocDiv,.readMode li.tag-link, .dark-mode g.d1, .Sp-posts6 .thumb, .PopularPosts .Noimg a.item-thumbnail.thumb, .Sp-posts4.noImg .posts .thumb, aside .post-frome-tag .headline .Lapel-Link,footer .post-frome-tag .headline .Lapel-Link, .page .reaction-buttons, .LinkList .social li a:before {display:none!important} .Sp-shreet .rnav-title a:hover,.Sp-posts4 .posts:not(.postnum0) .rnav-title a:hover,.Sp-posts1 .rnav-title a:hover,.Sp-posts3 .rnav-title a:hover,.Sp-posts6 .rnav-title a:hover,.Sp-postsnew .posts .rnav-title a:hover,.Sp-posts5 .posts .rnav-title a:hover,.Sp-3colList .rnav-title a:hover,.list-label-widget-content ul li a:hover,.PopularPosts h3.post-title .title:hover,.FeaturedPost .post-title .title:hover,.posts .Date:hover a,.Sp-postsnew0 .posts .rnav-title a:hover,.posts .Date:hover:before{color:var(--hoverColor)!important},.Sp-3colList .posts:nth-last-child(-n+3),.Sp-posts4 .posts:last-of-type,.Sp-posts6 .posts:last-of-type,.PopularPosts article.post:last-of-type,aside .LinkList ul li:last-of-type,footer .LinkList ul li:last-of-type,aside .PageList ul li:last-of-type,footer .PageList ul li:last-of-type,.Sp-postsnew0 .posts:last-of-type,.list-label-widget-content ul li:last-of-type{padding-bottom:0!important;margin-bottom:0!important;border-bottom:0!important} /* post posts1 */ .Sp-posts1 .Posts-byCategory,.Sp-posts2 .Posts-byCategory,.Sp-postsnew .Posts-byCategory{display:grid;grid-gap:15px} .Sp-posts2 .posts{position:relative} .fullwide .Sp-postsnew .Posts-byCategory{grid-template-columns:repeat(3,1fr)} .potg .Sp-postsnew .Posts-byCategory{grid-template-columns:repeat(2,1fr)} .fullwide .Sp-posts1 .Posts-byCategory{grid-template-columns:repeat(4,1fr)} .potg .Sp-posts1 .Posts-byCategory{grid-template-columns:repeat(3,1fr)} .Sp-posts2 .Posts-byCategory{grid-template-columns:repeat(3,1fr);gap:var(--Gap)} .Sp-posts1 a.thumb,.Sp-posts8 a.thumb{margin:0;width:100%!important;padding-top:68.17%;position:relative} .Sp-slide .posts .thumb:before,.Sp-slide2 .posts .thumb:before,.Sp-slide3 .posts .thumb:before,.Sp-slide4 .posts .thumb:before,.Sp-posts4 .postnum0 .thumb:before,.Sp-posts7 .thumb:before{content:"";position:absolute;z-index:1;$endSide:0;$startSide:0;bottom:0;height:65%;transition:opacity 0.2s;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.75))} .Sp-postsnew0 .Posts-byCategory{display:grid;gap:15px;grid-template-columns:1fr} .Sp-postsnew0 .posts{display:flex} .Sp-postsnew0 .posts .thumb{width:300px;height:170px;flex-shrink:0} .Sp-postsnew0 .posts .cont{width:calc((100% - 315px) / 1);flex-shrink:0} .Sp-postsnew0 .posts .rnav-title a{font-size:21px} .Sp-postsnew0 .posts .Short_content{color:var(--SanColor);font-size:13px;font-family:sans-serif!important;line-height:21px;margin-top:5px;overflow:hidden;height:63px;display:block!important} .Sp-postsnew0.noImg .posts .cont{width:100%} .Sp-postsnew .posts .moreLink,.Sp-postsnew0 .posts .moreLink{display:inline-block!important;position:relative;font-size:14px;padding:0 20px;border-radius:3px;margin-top:10px;height:30px;line-height:30px} /* posts3+6 */ .Sp-posts3 .Posts-byCategory,.Sp-posts4 .Posts-byCategory,.Sp-3colList .Posts-byCategory,.PopularPosts .ImgShow{gap:15px;display:grid;grid-template-columns:1fr} .Sp-3colList .Posts-byCategory{grid-template-columns:repeat(3,1fr)} .Sp-posts4 .posts.postnum0 .thumb{width:100%;padding-top:56.25%;margin:0!important} .Sp-posts3 .Posts-byCategory .posts,.Sp-posts4 .posts:not(.postnum0),.Sp-posts5 .posts:not(.postnum0),.Sp-3colList .posts,.PopularPosts .ImgShow .post{display:flex} .Sp-posts4 .posts:not(.postnum0) .cont,.Sp-posts3 .cont,.Sp-3colList .cont,.PopularPosts h3.post-title,.Sp-posts5 .posts:not(.postnum0) .cont{width:calc(100% - 125px);flex-shrink:0} .Sp-posts3 .posts .thumb,.Sp-posts4 .thumb,.Sp-3colList .thumb,.PopularPosts a.item-thumbnail.thumb,.Sp-posts5 .posts:not(.postnum0) .thumb{width:110px;height:75px;flex-shrink:0} .Sp-posts3 .posts:not(.postnum0) .rnav-title a,.Sp-posts4 .rnav-title a,.Sp-posts6 .rnav-title a,.Sp-3colList .rnav-title a,.PopularPosts h3.post-title .title{font-size:14px} .PopularPosts .post-title .title{background-size:0!important;display:block;max-height:4.9em;overflow:hidden} .3colList.noImg .cont{width:100%} .Sp-posts6 .cont,.PopularPosts .Noimg .posts.post-title{width:100%} .caregory-div a{background:var(--minColor);padding:4px 20px;display:table;border-radius:3px;font-size:15px;line-height:1.6em;color:var(--whiteColor)} .ArchivePage{min-height:450px;display:block} .Sp-posts6.archive{margin-bottom:15px} .Sp-posts6.archive .Date{line-height:1.5em} .Sp-posts6 .Posts-byCategory:before,.PopularPosts .Noimg:before{content:"";position:absolute;$startSide:0;top:0;width:2px;height:100%;background:rgba(0,0,0,0.3)} .Sp-posts6 .Posts-byCategory,.PopularPosts .Noimg{overflow:unset;padding-$startSide:15px;margin-$startSide:10px;position:relative} .Sp-posts6 .Date:after,.PopularPosts .Noimg .Date:after{content:"";width:12px;height:12px;background:#e6e6e6;border:1px solid rgba(255,255,255,0.8);position:absolute;display:inline-block;vertical-align:middle;border-radius:3px;transform:translateZ(0);transition-duration:0.3s;$startSide:-21px;border-color:rgba(0,0,0,0.3);top:5px} .Sp-posts6 .posts:hover .Date:after,.PopularPosts .Noimg article.post:hover .Date:after{background:#3560ab;transform:scale(1.2)} .Sp-posts6 .posts,.PopularPosts .Noimg article.post{overflow:unset;margin-bottom:15px} @media screen and (max-width:850px){ .Sp-slide .Posts-byCategory,.Sp-slide2 .Posts-byCategory,.Sp-slide3 .Posts-byCategory,.Sp-slide4 .Posts-byCategory{grid-template-columns:repeat(2,1fr)} .Sp-slide .postnum0{grid-column:span 2;grid-row:span 2;padding-top:56.25%} .Sp-slide1 .postnum0,.Sp-slide2 .postnum0,.Sp-slide3 .postnum0{padding-top:56.25%} .Sp-slide3 .postnum1{padding-top:45%} } @media screen and (max-width:640px){ .Sp-slide .posts:not(.postnum0),.Sp-slide2 .posts:not(.postnum0),.Sp-slide3 .posts:not(.postnum0):not(.postnum1),.Sp-slide4 .posts:not(.postnum0){padding-top:80%} .Sp-postsnew0 .posts{flex-direction:column} .Sp-postsnew0 .posts .thumb,.Sp-posts2 .posts a.thumb{width:100%;padding-top:56.25%;margin-left:0} .Sp-postsnew0 .posts .cont{width:100%} .Sp-posts1 .Posts-byCategory{grid-template-columns:repeat(2,1fr)!important;gap:10px;row-gap:15px} .Sp-posts7 .Posts-byCategory{grid-template-columns:repeat(2,1fr)!important} .Sp-posts7 .posts .thumb{height:230px} } @media screen and (max-width:480px){ .postcat{padding:0 5px;font-size:11px;line-height:22px;height:22px} } ]]> div{margin-top:0!important} body#layout .contpotg div.section,body#layout footer div.section{border:0!important} body#layout div.section:after,header#sp-header:after,body#layout .contpotg:after,body#layout footer:after{content:"";height:2px;width:100%;background:#eee;display:block;position:absolute;top:30px;right:-10px} body#layout .trelists.section{display:inline-block;width:235px;padding-top:10px!important;border-top:0!important;border-left:0!important;margin:0 -2px!important} body#layout .trelists.section:after,div#BotPostsc:after{display:none!important} body#layout div#Postnw4,body#layout div#Postnw5,body#layout div#Postnw6{border-radius:0!important;border-top:1px solid #eee!important;padding-top:60px!important} .Treelists{position:relative;z-index:1;border:1px solid #eee!important} body#layout div#Postnw4:after,body#layout div#Postnw5:after,body#layout div#Postnw6:after{display:block!important} body#layout div#BotPostsc{margin-top:-5px!important;padding-top:15px!important;border-radius:0!important} body#layout div.widget{border:1px solid #eee} body#layout .dr_active:before{content:'\افلت هُنا';font-size:30px;padding-top:25px;display:block;font-weight:700} body#layout .dr_active{height:50px!important;background-color:transparent;border:1px dashed var(--minColor);color:#111;margin-bottom:30px;top:20px;border-radius:2px} #sittings:before{content:"الإعدادت"!important} #sp-header:before{content:"القائمة العلوية"!important} #TopPost-sc:before,body#layout div#Postnw4:before,.contpotg:before{content:"منطقة التدوينات الاضافية"!important} div#sidepar:before{content:"القائمة الجانبية"!important} div#shreeta5bar:before{content:"شريط الاخبار"!important} div#Tempnec:before{content:"أخر المشاركات"!important} footer:before{content:"ذيل المدونة (الفوتر)"!important} #Topa3lan-sc:before{content:"اعلان للحاسوب فقط [pc]"!important} #Topa3lan-sc2:before{content:"إعلان للهاتف فقط [mobile]"!important} #lazy:before{content:"تأجيل الاعلانات"!important} #AddOns:before{content:"مميزات المقال الاضافية"!important} #PostA3lan:before{content:"اعلانات المقال"!important} #PostA3lan2:before{content:"اعلانات المقال [للكتاب]"!important} div#BotPostsc,#Tempnec,.mid-top-footer,div#TopPost-sc,header#sp-header,div#Postcs1,div#Postcs4,div#Postcs8,div#Postcs5,.contpotg,.Treelists,footer{display:block;overflow:unset;clear:both} body#layout .widget-content{background:#fff} body#layout div.section:before,header#sp-header:before,body#layout .contpotg:before,body#layout footer:before{background:#3560ab} body#layout div#TopPost-sc{margin-bottom:-5px!important;border-radius:0!important} body#layout div.section:before,header#sp-header:before,body#layout .contpotg:before,body#layout footer:before{background:var(--minColor);color:#fff;padding:7px 35px;border-radius:5px;position:absolute;top:15px;right:15px;z-index:999;font-family:sans-serif} body#layout,body#layout *{font-family:sans-serif!important} body#layout div#Topa3lan-sc2,body#layout div#Topa3lan-sc{width:375px;display:inline-block!important;float:right!important;margin:0 4px!important;padding:0!important;padding-top:60px!important} header#sp-header,body#layout .contpotg,footer{background:#fff} body#layout div.section,header#sp-header,.contpotg,footer{background:#fff!important;overflow:unset!important;padding:50px 15px 15px!important;border:1px solid rgba(32,33,36,0.07)!important;margin:10px 0 20px!important;position:relative;border-radius:8px!important} body#layout:before{z-index:99;content:"Seoplus Free";text-align:center;position:absolute;right:10px;top:25px;font-weight:bold;color:#fff;padding:10px 15px;background:#3560ab;border-radius:8px 8px 8px 0} body#layout,body#layout *{font-family:sans-serif!important} body#layout{background:#f7f7f7!important;min-height:100%!important;direction:rtl!important;width:1130px;display:block!important;position:relative!important;border:0!important;padding:5px 0!important;border-radius:8px;margin:10px auto 10px auto !important;border:1px solid #e5e5e5!important} .contenarpage{width:800px;margin:20px 300px 20px auto;overflow:hidden!important} header#sp-header div.section{border:0!important} .TEMPsittings{right:20px;top:55px;padding:10px;background:#3560ab;float:right;width:250px;position:absolute;z-index:999;border-radius:8px} .TEMPsittings .section .editlink.icon,header#sp-header .section .editlink.icon{padding:0!important;top:0!important;right:0!important;width:45px!important;height:45px!important;border-radius:0!important} body#layout .TEMPsittings .section > div,body#layout header#sp-header .section > div{margin:0!important;border:0!important;box-shadow:none!important;margin-bottom:0!important;border-radius:0!important} body#layout .TEMPsittings .locked-widget .widget-content,body#layout header#sp-header .locked-widget .widget-content{border-radius:0!important;margin:0!important;border:0!important;padding:10px!important;margin-bottom:5px!important;border-radius:5px!important} .TEMPsittings .section::before,.TEMPsittings .section::after{display:none!important} body#layout .TEMPsittings div.section{padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important} .TEMPsittings:before{content:"Template Settings";font-size:24px;font-family:sans-serif;color:#fff;padding:10px 0;display:block} body#layout .TEMPsittings div#AddOns:before{display:block!important;content:"Post Settings"!important;font-size:24px;font-family:sans-serif;color:#fff;padding:10px 0;display:block;position:relative!important;border-radius:0!important;top:auto;right:auto;left:auto;bottom:auto;border-top:1px solid #2b4e8d;margin-top:10px} .searchformbox:before{content:"Header";font-size:24px;font-family:sans-serif;color:#fff;padding:10px 0;display:block;border-top:1px solid #2b4e8d;margin-top:10px} body#layout div#Header1 .editlink{font-size:0!important;padding:0!important;top:0!important;right:0!important;width:45px!important;height:45px!important;border-radius:0!important} body#layout div#Header1 .editlink:before{content:"";background:url(https://www.gstatic.com/images/icons/material/system/1x/mode_edit_grey600_24dp.png);width:23px;height:23px;display:block;margin:0 auto;top:10px;position:relative} body#layout div#topsocialL,body#layout div#pages,body#layout div#menu,body#layout div#logo{display:block!important;width:375px!important;float:right!important;margin:0 4px!important} body#layout div#topsocialL .locked-widget .widget-content,body#layout div#pages .locked-widget .widget-content,body#layout div#menu .locked-widget .widget-content,body#layout div#logo .locked-widget .widget-content,body#layout div#Topa3lan-sc2 .locked-widget .widget-content,body#layout div#Topa3lan-sc .locked-widget .widget-content{border:1px solid #e5e5e5!important} header#sp-header{overflow:hidden!important} body#layout div#Postnw1,body#layout div#Postnw2,body#layout div#Postnw3{border:1px solid #eee!important;border-radius:0!important} body#layout .mid-top-footer div.section{width:189px!important} .contenarpage{padding-right:10px;border-right:1px solid #e5e5e5} body#layout div#customeAnalytics:before{content:"Analytics ID";font-size:24px;font-family:sans-serif;color:#fff;padding:10px 0;border-top:1px solid #2b4e8d;margin-top:10px;display:block!important;top:auto;right:auto;position:unset} #BlogSearch2{display:none!important} ]]> <link href='' rel='image_src'/> <meta content='' property='og:image'/> <meta content='' name='twitter:image'/>

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm9Sa2mA-Ul4Cxf-5toMjvDmhMYU3IdWiauxDss1hKqr6nDSt3xxU-3xn8e2wND-yeAcrxCO45UVPSLB52DqrDbHvHyf5uGF793xJrdxlZNmsLmiT5lgR4pzuT0tCI2SJyfewwiXyRaY4/s1600/default.png