/*
Theme Name: TopChez
Theme URI: https://topchez.com
Author: TopChez
Description: Custom theme replicating the Seoplus Blogger template design.
Version: 1.0
*/
<!--
/* === Seoplus Template [Free] ====
-> Homepage: https://www.seoplus-template.com
-> Contact Us : https://www.facebook.com/SeoplusDev/
-> Version : 2.0
-> Updated : 8 July, 2023
*//*=================
>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:400 15px sans-serif;--OldMin:#0f9d58;--startSide: left;--endSide: right;--maxWidth:1100px;--BodyBG:#f7f7f7 none repeat scroll top right;--minColorIc:#0f9d58;--minColor:#0f9d58;--minColorTran:#0f9d58cf;--secColor:#ededed;--thrColor:#fff;--whiteColor:#ffffff;--hoverColor:#0f9d58;--MinBgColor:#fff;--txtColor:#2c503d;--TitColor:#444;--SanColor:#666;--Borderes:#f7f7f7;--Borderes2:#f7f7f7;--Borderes3:#eee;--PostTxtColor:#000000;--PostTitleColor:#000000;--PostLinkColor:#189f6a;--Hbg:#ffffff;--HColor:#373737;--HbgIcon:#03c466;--HCoIcon:#ffffff;--HtitleColor:#0f9d58;--Cpc:#000000;--Cic:#0f9d58;--Hok:#0f9d58;--Sco:#0f9d58;--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% - 330px - 20px);overflow: hidden;transition: none !important;}
#sidepar-wid{width:330px;margin-left: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:1100px;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);left:0;right:auto;border-right:5px solid transparent;border-left: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);left:0;right:auto;z-index:1}
.headline .title{position:relative;float:left;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:right;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-right: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:left;vertical-align:middle;margin-left:5px;list-style:none}aside .social-static.social li{float:left;vertical-align:middle;list-style:none;width:calc((100% - 15px) / 4);margin-right: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-right:0}.social-static.social{display:block;overflow:hidden;vertical-align:middle}.shmal .social-static.social li{float:left;vertical-align:middle;margin-left: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-left: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;left: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;left: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);left:100%;top:0;border-left:2px solid var(--OldMin);border-top:0}
li.sitem > ul:before{content:"";width:26px;height:26px;position:absolute;background:var(--Hbg);top:10px;left:-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-right:5px}
.icon.arrow-down{z-index: 9;transition:all .3s linear;display:block;position:absolute;top:19px;right:5px;left: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-right-color:transparent;transform:rotate(225deg);border-radius:3px;transition:all 0.3s}
.item.targetitem .targetitem span.icon{right:13px!important;top:14px!important;left:auto!important}
.item.targetitem .targetitem:hover span.icon{right:20px!important}
.item.targetitem{padding-right:30px!important}
.sitem:hover  > a,.ssitem:hover > a{background:rgb(0 0 0 / 5%) !important}
.sitem.targetitem .icon:after{transform:rotate(135deg)!important;width:6px;height:6px}
/* headr sidenav  */
.pos-t-t,.Sittings{display:none;position:fixed;top:0;right:0;left: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;left:-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{left:0}
.sidehead{position:absolute;width:45px;height:45px;right:-40px;top:20px;overflow:hidden;display:flex;align-items:center;background:var(--MinBgColor);border-radius:0 50% 50% 50%;justify-content:center;box-shadow:2px 3px 0 0 rgb(0 0 0 / 8%);border-left: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-right:0!important}
.mainmenu .targetitem ul a:before{content:'.';font-size:30px;line-height:0;display:inline-block;vertical-align:middle;margin-right: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-right: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;right: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-right: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;left: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);left:5%;box-shadow:none!important}
.sidenav .sitem.targetitem .icon{right:5px!important;transform:rotate(180deg)!important}
.sidenav .sitem.targetitem span.icon{transform:rotate(0deg)!important}
.sidenav .targetitem.sitem ul.open{padding-left: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{right: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-right: 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-right:10px;background:transparent;border:1.7px solid var(--txtColor);border-bottom-color:transparent;border-right-color:transparent;transform:rotate(135deg);font-family:inherit!important}
.list-label-widget-content .label-count{float:right;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-left: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-left:30px}div#ArchiveList ul.hierarchy ul.hierarchy{padding-left: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:#ededed}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:right;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-left: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:right;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:400 16px sans-serif;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-right:8px}
.authorPhoto{width:36px;height:36px;object-fit:cover;border-radius:8px;margin-right: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-right:10px;font-size:21px}
.toctitle:after{content:"view all";float:right;font-family:sans-serif;margin-left:10px;font-size:13px;position:absolute;right: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:'Hide all'}
.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-left: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:400 25px sans-serif;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-left: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;left:-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-right: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-right:7px;position:relative;font-size:13px}
.tagstitle:before{content:'';position:absolute;top:10px;right:-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://4.bp.blogspot.com/-ci3XMoAMGzg/WiCTxCLLWeI/AAAAAAAAPjI/UkV1sBTKC7EamOC_UmMJ4cQCv4xNNI82QCLcBGAs/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;left: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-left: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-left: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-right:10px;font-size:13px;color:var(--txtColor);cursor:pointer;font-family:sans-serif!important;line-height:1em}
.comment-actions .comment-reply{padding-right:10px;border-right: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:left;width:60px;height:60px;margin-right:15px}.authorImage .authorImg{overflow:hidden;width:60px;height:60px}.authorInfo{width:calc(100% - 75px);float:left;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:left;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-right:3px}.shmal{float:right;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-right: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;right:0;left: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;right:0;left: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);right:-10px;left:-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%;right:-50%;left:-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{right: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-left: 0 !important; border-right: 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{right:-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-right: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:"No, you can use this shape in this place"}
.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 left,currentColor 0%,currentColor 100%);background-size:0 1px;background-repeat:no-repeat;background-position:left 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:left;margin-right: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;left:0;right: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-right: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;left: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}
.yemen a[title="SeoPlus Template"] { margin-right: 5px; }
.thumb:after{content:"";position:absolute;z-index:1;right:0;left: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;right:0;left:0;bottom:0;height:65%;transition:opacity 0.2s;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.75))}
.Sp-posts8 .Posts-byCategory{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;row-gap:15px}
.fullwide .Sp-posts8 .Posts-byCategory{grid-template-columns:repeat(6,1fr)}
.Sp-posts8 .rnav-title{font-size:15px}
.potg .PostRandomCont.Sp-posts8 .Posts-byCategory{grid-template-columns:repeat(3,1fr)}
/* posts7 */
.Sp-posts7 .Posts-byCategory{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--Gap)}
.fullwide .Sp-posts7 .Posts-byCategory{grid-template-columns:repeat(4,1fr)}
.Sp-posts7 .posts .thumb{height:270px;display:block;margin:0;width:100%}
.Sp-posts7 .posts{position:relative}
.Sp-posts7 .posts .cont{position:absolute;bottom:0;left:0;z-index:1;padding:15px;display:block;width:100%}
.Sp-posts7 .posts .rnav-title a{color:#fff;font-size:18px;line-height:initial!important;height:inherit;margin:0;overflow:hidden}
.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%}
/* post slide 2 */
.Sp-slide .Posts-byCategory,.Sp-slide2 .Posts-byCategory,.Sp-slide3 .Posts-byCategory,.Sp-slide4 .Posts-byCategory{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--Gap)}
.Sp-slide4 .Posts-byCategory{grid-template-columns:repeat(3,1fr)}
.Sp-slide .posts,.Sp-slide2 .posts,.Sp-slide3 .posts,.Sp-slide4 .posts{position:relative;overflow:hidden;padding-top:68.17%}
.Sp-slide4 .posts{padding-top:56.25%}
.Sp-slide2 .postnum0,.Sp-slide3 .postnum0,.Sp-slide4 .postnum0{grid-column:span 2;grid-row:span 2}
.Sp-slide .postnum0{grid-column:2/4;grid-row:1/3}
.Sp-slide3 .postnum1{padding-top:42%;grid-column:span 2}
.Sp-slide3 .posts .thumb,.Sp-slide4 .posts .thumb,.Sp-slide .thumb,.Sp-slide2 .thumb{position:absolute;top:0;left:0;width:100%;margin:0;height:100%}
.Sp-slide3 .posts .thumb img,.Sp-slide4 .posts .thumb img,.Sp-slide .thumb img,.Sp-slide2 .thumb img{position:unset}
.Sp-slide .posts .cont,.Sp-slide2 .posts .cont,.Sp-slide3 .posts .cont,.Sp-slide4 .posts .cont{transition:all 0.1s linear;position:absolute;bottom:0;left:0;z-index:1;padding:20px 20px 15px}
.Sp-slide .posts .rnav-title,.Sp-slide2 .posts .rnav-title,.Sp-slide3 .posts .rnav-title,.Sp-slide4 .posts .rnav-title{font-size:inherit;height:auto}
.Sp-slide .posts .rnav-title a,.Sp-slide2 .posts .rnav-title a,.Sp-slide3 .posts .rnav-title a,.Sp-slide4 .posts .rnav-title a{color:#fff;line-height:inherit;font-size:18px}
.Sp-slide .postnum0 .rnav-title a,.Sp-slide2 .postnum0 .rnav-title a,.Sp-slide3 .postnum0 .rnav-title a,.Sp-slide4 .postnum0 .rnav-title a{font-size:30px}
.Sp-slide .posts .Date a,.Sp-slide2 .posts .Date a,.Sp-slide3 .posts .Date a,.Sp-slide4 .posts .Date a,.Sp-posts2 .posts .Date a,.Sp-posts4 .posts.postnum0 .Date a,.Sp-posts7 .posts .Date a{color:#e4e4e4!important}
.Sp-slide .posts .Date svg,.Sp-slide2 .posts .Date svg,.Sp-slide3 .posts .Date svg,.Sp-slide4 .posts .Date svg,.Sp-posts2 .posts .Date svg,.Sp-posts4 .posts.postnum0 .Date svg,.Sp-posts7 .posts .Date svg{fill:#e4e4e4!important}
.Sp-slide .postnum0 .Short_content,.Sp-slide2 .postnum0 .Short_content,.Sp-slide3 .postnum0 .Short_content,.Sp-slide4 .postnum0 .Short_content{line-height:18px;font-size:13px;font-family:sans-serif!important;color:#eaeaea;max-height:100px;overflow:hidden;display:block!important;margin-top:5px}
.Sp-slide .posts:hover .cont,.Sp-slide2 .posts:hover .cont,.Sp-slide3 .posts:hover .cont,.Sp-slide4 .posts:hover .cont{bottom:10px}
/* post posts4 and posts3 and 3colList and6  */
.Sp-posts4 .posts.postnum0{position:relative;overflow:hidden}
.Sp-posts4 .posts.postnum0 .cont{position:absolute;bottom:0;left:0;z-index:1;padding:15px;display:block;width:100%}
.Sp-posts4 .posts.postnum0 .rnav-title a{color:#fff;font-size:18px}
.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;left:0;top:0;width:2px;height:100%;background:rgba(0,0,0,0.3)}
.Sp-posts6 .Posts-byCategory,.PopularPosts .Noimg{overflow:unset;padding-left:15px;margin-left: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;left:-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}
.Sp-posts4.noImg .posts .cont,.Sp-posts3.noImg .posts .cont{width:100%;position:relative;padding:0}
.Sp-posts4.noImg .postnum0 .Date a{color:var(--SanColor)!important}
.Sp-posts4.noImg .posts.postnum0 .rnav-title a{color:var(--TitColor)}
.Sp-posts4.noImg .posts.postnum0{padding:15px;background:var(--secColor);border-radius:5px;border:1px solid var(--Borderes)}
.Sp-posts4.noImg .postnum0 .Date svg{display:inline-block!important}
/* respons2 */
@media screen and (max-width:992px){
.Sp-slide .posts .rnav-title a,.Sp-slide2 .posts .rnav-title a,.Sp-slide3 .posts .rnav-title a,.Sp-slide4 .posts .rnav-title a{font-size:16px}
.Sp-slide .postnum0 .Short_content,.Sp-slide2 .postnum0 .Short_content,.Sp-slide3 .postnum0 .Short_content,.Sp-slide4 .postnum0 .Short_content{font-size:12px}
.Sp-slide .postnum0 .rnav-title a,.Sp-slide2 .postnum0 .rnav-title a,.Sp-slide3 .postnum0 .rnav-title a,.Sp-slide4 .postnum0 .rnav-title a{font-size:20px}
.Sp-slide .postnum0 .Short_content,.Sp-slide2 .postnum0 .Short_content,.Sp-slide3 .postnum0 .Short_content,.Sp-slide4 .postnum0 .Short_content{max-height:35px}
.Treelists,.towcol{grid-template-columns:1fr}
}
@media screen and (max-width:850px){
.Sp-3colList .Posts-byCategory{grid-template-columns:repeat(2,1fr)}
.fullwide .Sp-posts7 .Posts-byCategory{grid-template-columns:repeat(3,1fr)}
.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-slide4 .posts:not(.postnum0){padding-top:68.17%}
.Sp-slide1 .postnum0,.Sp-slide2 .postnum0,.Sp-slide3 .postnum0{padding-top:56.25%}
.Sp-slide3 .postnum1{padding-top:45%}
.Sp-posts2 .Posts-byCategory{grid-template-columns:repeat(2,1fr)}
.Sp-posts2 .posts a.thumb{padding-top:68.17%}
}
@media screen and (max-width:640px){
.ShreetTitle svg{width:14px;height:14px}
.ShreetTitle{padding:0 15px;font-size:14px}
.Sp-posts5 .Posts-byCategory,.Sp-postsnew .Posts-byCategory,.Sp-posts2 .Posts-byCategory,.Sp-3colList .Posts-byCategory{grid-template-columns:1fr!important}
.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-right: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){
.Sp-slide .posts .rnav-title a,.Sp-slide2 .posts .rnav-title a,.Sp-slide3 .posts .rnav-title a,.Sp-slide4 .posts .rnav-title a{font-size:14px}
.Sp-slide .postnum0 .rnav-title a,.Sp-slide2 .postnum0 .rnav-title a,.Sp-slide3 .postnum0 .rnav-title a,.Sp-slide4 .postnum0 .rnav-title a{font-size:18px}
.postcat{padding:0 5px;font-size:11px;line-height:22px;height:22px}
}

-->
/* ---next--- */
/*<![CDATA[*/@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:local('Tajawal Medium'),local('Tajawal-Medium'),url(https://fonts.gstatic.com/s/tajawal/v3/Iurf6YBj_oCad4k1l8KiHrRpiYlJ.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:'Tajawal';font-style:normal;font-weight:500;font-display:swap;src:local('Tajawal Medium'),local('Tajawal-Medium'),url(https://fonts.gstatic.com/s/tajawal/v3/Iurf6YBj_oCad4k1l8KiHrFpiQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:local('Tajawal Bold'),local('Tajawal-Bold'),url(https://fonts.gstatic.com/s/tajawal/v3/Iurf6YBj_oCad4k1l4qkHrRpiYlJ.woff2) format('woff2');unicode-range:U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC}@font-face{font-family:'Tajawal';font-style:normal;font-weight:700;font-display:swap;src:local('Tajawal Bold'),local('Tajawal-Bold'),url(https://fonts.gstatic.com/s/tajawal/v3/Iurf6YBj_oCad4k1l4qkHrFpiQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body *:not(.fa),.HeaderBOT #menu ul li a{font-family:'Tajawal',sans-serif}.post-body h1,.post-body h2,.post-body h3,.post-body h4{font-family:'Tajawal',sans-serif!important}.post-amp .entry-title.topic-title{font-family:'Tajawal',sans-serif!important}nav.nav-par ul li a{font-family:'Tajawal',sans-serif!important}/*]]>*/
/* ---next--- */

      #LinkList001 {overflow: unset!important;}

      /* cookie-choices */
      .cookie-choices-info{top:auto!important;bottom:70px!important;left:auto!important;right:20px!important;width:260px!important;padding:15px!important;background:var(--MinBgColor)!important;border:1px solid var(--Borderes3)!important;box-shadow:0 6px 18px 0 rgb(9 32 76 / 4%)!important;border-radius:10px!important;direction:ltr!important}
      .cookie-choices-info .cookie-choices-text{text-align: justify!important;color:var(--txtColor)!important;font-size:13px!important;margin:0!important;display:block!important;margin-bottom:15px!important}
      .cookie-choices-info .cookie-choices-buttons a{width:50%!important;flex-shrink:0!important;color:var(--whiteColor)!important;background:var(--minColor)!important;border-radius:30px!important;padding:7px 0!important;display:block!important;font-size:13px!important;font-family:sans-serif!important;text-transform:none!important}
      .cookie-choices-info .cookie-choices-buttons{margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
      .cookie-choices-info .cookie-choices-button:first-of-type{margin-right:0!important}

      /* post add's */
      .post-body hr:before{content:'\2027 \2027 \2027';display:block;text-align:center;font-size:24px;letter-spacing:0.6em;text-indent:0.6em;opacity:.8;clear:both}
      .post-body hr{margin:2em 0;border:0}
      /* textarea code 's */
      /*<![CDATA[*/ 
textarea.code{min-height:200px;resize:vertical;width:100%;border-radius:3px;padding:0 15px;font-family:sans-serif;background:#f6f6f6;color:#2f3337;font-size:13px;line-height:1.8em;overflow:auto;border:1px solid var(--Borderes);margin:0;direction:ltr}
.areacode{position:relative;display:flex;overflow:hidden;clear:both;width:100%;padding:40px 0 0;background:#f6f6f6;margin:15px 0}
.areacode:before{content:'</>';position:absolute;right:0;top:0;background:inherit;color:var(--txtColor);font-size:12px;font-family:monospace;padding:5px 15px;z-index:2;line-height:30px}
.areacode:after{content:'Click to copy all contents';position:absolute;left:0;top:0;color:var(--txtColor);font-size:12px;font-family:sans-serif;padding:5px 15px;z-index:2;line-height:30px}
.dark-mode .areacode{background: var(--thrColor);}
.dark-mode .areacode textarea.code{background: var(--thrColor);}
      /*]]>*/
      /* button's */
      .post-body .button svg{vertical-align:middle;display:inline-block;width:18px;height:18px;fill:var(--whiteColor);stroke-width:1.5;margin-right:10px}
      .post-body .button.ln svg{fill:var(--txtColor)}
      .post-body .button{vertical-align: middle;text-align:center;top:0;transition:all .1s;position:relative;display:inline-block;margin:10px 0;padding:0 20px;border:0;border-radius:3px;line-height:35px;color:var(--whiteColor)!important;background:var(--minColor);font-size:14px;height:35px;white-space:nowrap;overflow:hidden;min-width:120px;opacity:.9}
      .post-body .button.ln{color:var(--txtColor)!important;background:transparent;border:1px solid  rgb(162 162 162 / 38%)}
      .post-body .button:hover {opacity: 1;}
      /* note's */
      .post-body .note{position:relative;padding:16px 55px 16px 20px;background:#e1f5fe;color:#3c4043;font-size:1rem;line-height:1.8em;border-radius:5px;overflow:hidden}
      .post-body .note::before{content:'';width:60px;height:60px;background:#81b4dc;display:block;border-radius:8px;position:absolute;top:-10px;left:-10px;opacity:.1}
      .post-body .note::after{content:'\2605';position:absolute;left:16px;top:11px;font-size:25px;min-width:15px;text-align:center}
      .post-body .note.wr:after,.post-body .note.aler:after {left: 17px;content: '\0021';}
      .post-body .note.secs:after {content: '\2714';font-size: 20px;}
      .post-body .note.wr{background:#ffdfdf;color:#48525c}
      .post-body .note.wr::before{background:#e65151}
      .post-body .note.aler {background: #fef5e7;}
      .post-body .note.aler:before {background: #3c3609;}
      .post-body .note.secs:before {background: #0d8540;}
      .post-body .note.secs {background: #e9f7ef;}
      /* tapel */
      .post-body  .table{display:block;overflow-y:hidden;overflow-x:auto;scroll-behavior:smooth}
      .post-body  table{margin:0 auto;font-size:14px}
      .post-body table{border-spacing:0}
      .post-body  table:not(.tr-caption-container){min-width:90%;border:1px solid  rgb(162 162 162 / 38%);border-radius:3px;overflow:hidden}
      .post-body  table th{padding:16px;text-align:inherit;border-bottom:1px solid  rgb(162 162 162 / 38%)}
      .post-body  table:not(.tr-caption-container) tr:nth-child(2n+1) td{background:rgba(0,0,0,.01)}
      .post-body  table:not(.tr-caption-container) tr:not(:last-child) td{border-bottom:1px solid  rgb(162 162 162 / 38%)}
      .post-body  table:not(.tr-caption-container) td{padding:16px}
      @media screen and (max-width:640px){.post-body .table{text-align: center;position:relative;width:calc(100% + 40px);right:-20px;left:-20px;padding:0 20px;display:flex}}

      @media print {
      div#shreeta5bar,.shBr.fixL,header,footer,aside,div#mobile-menu,div#backTop,.Dmode,.commentsection,.RelatedPosts.post-frome-tag,.author-posts,.pSh,.post-tags,.PostByCatRandom,.foqTitle,.post-meta,div#tocDiv,div#shreeta5bar,iframe,ins{display:none!important}.r-r{width:100%}body{background:#fff}.post .post-body,.post .blog-posts{padding:0!important;border:0!important;border-radius:0}.bobxed{padding:20px 0!important;margin-bottom:20px!important;}
      }
      
      
      


      /* UbdateCSS */
      html{scroll-behavior:smooth}
      html[mode="dark"] {color-scheme: dark;}
      .hide{display:none!important}
      .blog-admin{display:none}
      #PostA3lan2{display:none}
      .FacebookComment,.DisqusComment,.BloggerComment{display:none}
      .Noimger:before{content:"No Image"!important;font-size:21px;font-family:inherit!important}
      .Noimger{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#eee;color:#08102b;position:absolute;left:0;top:0;border-radius:var(--ImgRadius)}
      .posts-from:before{border-top-color:var(--Cic);border-left-color:var(--Cic);content:"";position:absolute}
      .spiner-icon{border-top-color:#989b9f;border-left-color:#989b9f;width:18px!important;height:18px!important;border-width:2px!important;margin-right:15px}
      .posts-from:before,.spiner-icon{width:30px;height:30px;border-width:4px;border-style:solid;border-bottom-color:transparent;border-right-color:transparent;border-radius:100%;animation:spin .5s infinite linear;transform:rotate(0deg)}
      @keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
      .commentsShow .cshow{border-radius:3px;cursor:pointer;display:inline-block;transition:all .3s linear;opacity:0.6;font-size:13px;padding:6px 15px;margin-right:5px;color:#fff}
      .commentsShow .cshow:hover,.commentsShow .cshow.active{opacity:1}
      .commentsShow .cshow:last-of-type{margin-right:0}
      .cshow.facebook{background-color:#1778F2}
      .cshow.blogger{background-color:#f87850}
      .cshow.disqus{background-color:#2e9fff}
      /* IconTOP */
      .toTopB {
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      left: 27.5px;
      bottom: 27.5px;
      width: 45px;
      height: 45px;
      border-radius: 50%;
      cursor: pointer;
      visibility: hidden;
      opacity: 0;
      z-index: 5;
      transform: scale(0);
      transition: all 0.3s;
      }
      .toTopB.vsbl{visibility:visible;opacity:1;transform:scale(1)}
      .toTopB svg{height:100%;width:100%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);stroke-width:1.5;cursor:pointer}
      .toTopB svg .b{fill:var(--MinBgColor);stroke:var(--Borderes3);opacity:.9}
      .toTopB svg .c{fill:none;stroke:var(--Sco);stroke-dasharray:100 100;stroke-dashoffset:100;stroke-linecap:round}
      /* IconTOP */
      #lamiabutton,.Dmode{display:flex;align-items:center;justify-content:center;position:fixed;z-index:9;background:var(--MinBgColor);opacity:.9;width:55px;height:55px;border-radius:100%;left:22px;transition:all 0.3s;bottom:20px;cursor:pointer;box-shadow:0 0 15px rgb(0 0 0 / 8%)}
      #lamiabutton svg,.Dmode svg{width:23px;height:23px}
      #lamiabutton svg {fill: var(--minColorIc);}
      .hidden,#mobile-menu{display:none}
      svg.line,svg .line{width:20px;height:20px;fill:none!important;stroke:var(--minColorIc);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
      svg.line.linedd{fill:var(--minColorIc) !important;stroke:none}
      .Circalewhy label svg{width:22px;height:22px}
      g.d2{display:none}


      /* New Search */
      .searchformbox{display:flex;align-items:center;position:fixed;right:0;left:0;bottom:0;z-index:20;transition:all 0.3s;width:100%;height:100%;opacity:0;visibility:hidden}
      #NavC:checked ~ .searchformbox{opacity:1;visibility:visible}
      .fxbox{width:100%;max-width:680px;max-height:calc(100% - 60px);border-radius:12px;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%)}
      div#searchform{padding:60px 20px 0;overflow:hidden;width:100%;background:var(--MinBgColor)}
      div#BlogSearch2{display:flex;background:inherit;position:absolute;top:0;right:0;left:0;padding:0;z-index:2;border-bottom:1px solid var(--Borderes)}
      div#BlogSearch2 form{position:relative;flex-grow:1}
      div#BlogSearch2 .sp{position:absolute;left:0;top:0;display:flex;align-items:center;padding:0 20px;z-index:3;opacity:.7;height:100%;background:transparent;border:0;outline:0}
      div#BlogSearch2 .sp svg{width:18px;height:18px}
      div#BlogSearch2 input{position:relative;display:block;background:var(--MinBgColor);border:0;outline:0;padding:10px 55px;width:100%;height:60px;transition:all 0.3s;z-index:2}
      div#BlogSearch2 button.sp{left:auto;right:0;opacity:0;font-size:12px;padding:0 15px}
      #BlogSearch2 button.sp:before{content:attr(data-text)}
      #BlogSearch2 input:focus ~ button.sp{opacity:.7}
      label.searchC{cursor: pointer;padding:0 20px;display:flex;align-items:center;border-left:1px solid var(--Borderes);justify-content:flex-end;position:relative;flex-shrink:0;min-width:40px}
      div#BlogSearch2 .sp svg, label.searchC,div#BlogSearch2 button.sp { stroke: var(--txtColor); color: var(--txtColor); }
      label.searchC:after{content:'\2715';line-height:18px;font-size:14px}

      #BlogSearch2 input[type=search]::-ms-clear,#BlogSearch2 input[type=search]::-ms-reveal{display:none;appearance:none;width:0;height:0}
      #BlogSearch2 input[type=search]::-webkit-search-decoration,#BlogSearch2 input[type=search]::-webkit-search-cancel-button,.BlogSearch input[type=search]::-webkit-search-results-button,.BlogSearch input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none;appearance:none}
      .dark-mode #BlogSearch2 input::placeholder {color: #ddd;}

      /* Start Header */
      img#Header1_headerimg {
      width: unset;
      height: unset;
      }
      .inline-icon{transition:all .3s linear;display:inline-block;vertical-align:middle;width:14px;height:14px;margin-right:5px;fill:var(--HColor)}
      #menu{opacity:0;overflow:unset!important}
      .HeaderBOT #menu ul{height:62px;display:flex;align-items:center;list-style:none}
      .HeaderBOT #menu ul li{flex-shrink:0;margin-right:15px;position:relative;padding:20px 0;transition:all .3s linear}
      #clicksearch,.open.nav1{display:flex;background:var(--HbgIcon);width:30px;height:31px;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}
      #clicksearch svg,.open.nav1 svg{stroke-width:2;stroke:var(--HCoIcon)}
      .open.nav1,.searchHide{display:none!important}
      .HeaderTOP ul{display:flex!important;list-style:none}
      .HeaderTOP li {
      padding: 2px 5px;
      flex-shrink: 0;
      border-radius: 3px;
      }
      .HeaderTOP .social li:hover, #pages ul a:hover, #pages ul li.selected a {
      background: rgba(0,0,0,8%);
      }
      #pages ul a{transition:all .2s linear;display:block;color:var(--whiteColor);font-size:13px;padding:3px 8px;border-radius:3px}
      .sp-header .social a{display:flex;width:24px;height:27px;align-items:center;justify-content:center;background:transparent!important}
      .HTOPC >div{flex-shrink:0;position:relative}
      .HRS{display:flex;align-items:center}
      .HRS >div{flex-shrink:0}

      .sp-header{display:block;position:relative;margin-bottom:20px;height:100px}
        .HeaderBg{box-shadow: 0 6px 14px 0 rgb(9 32 76 / 5%);transition: all .3s linear;height:100px;width:100%;position:fixed;background:var(--Hbg);top:0;left:0;right:0;z-index:9}
        .sp-header .HeaderTOP .inline-icon{fill:var(--whiteColor)}
        .HeaderBOT #menu ul li:hover > a,.HeaderBOT #menu ul a.selected{color:var(--hoverColor)}
        .HeaderBOT #menu ul li:hover > .inline-icon,.HeaderBOT #menu ul a.selected .inline-icon,.HeaderBOT #menu ul a:hover .inline-icon{fill:var(--hoverColor)}
        .HeaderBOT #menu ul a{font:var(--HLinkfont);color:var(--HColor)}
          .HeaderTOP{transition:all .3s linear;display:block;width:100%;clear:both;height:35px;position:absolute;top:0;left:0;right:0;max-width:var(--maxWidth);margin:0 auto}
          .HeaderBOT{transition:all .3s linear;display:block;clear:both;position:absolute;top:35px;left:0;right:0;width:100%;position:relative}
          .sp-header.activeDown.active .HeaderBg{top:-100px}
          .sp-header.active #logo{top:0}
          .sp-header.active .HeaderBg .HeaderTOP{top:-35px}
          .sp-header.active .HeaderBg  .HeaderBOT{top:0}
          .sp-header.active .HeaderBg .HeaderBOT .HBOTC{height:100px}
          .Headerplace{color:#ffffff;width:76%;float:right;display:block;clear:both;position:relative;font-size:13px;padding:0 0 0 15px}
          .Headerplace:before{background:var(--minColor);color:#ffffff;width:2000px;display:block;clear:both;position:absolute;border-bottom-right-radius:15px;left:0;content:"";border-bottom-left-radius:15px;height:35px}
          .HTOPC{margin:0 auto;width:100%;max-width:var(--maxWidth);display:flex;align-items:center;justify-content:space-between;height:35px}
        .HBOTC{position: relative;transition: all .3s linear;width:100%;max-width:var(--maxWidth);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:62px}
        .HeaderBOT #menu{width:calc((100% - 320px) /1)!important;top:0;flex-shrink:0}
        .HeaderBOT #logo,.HeaderTOP #logo{transition: all .3s linear;display:flex;justify-content:center;align-items:center;width:250px;height:70px;position:relative;font-size:1.5rem;top:-18px;flex-shrink:0}
        .HeaderBOT #logo a, .HeaderTOP #logo a {width: auto;height: auto;overflow: hidden;display: flex;align-items: center;justify-content: center;}

          .HeaderBg{position:relative}
        @media screen and (max-width: 1100px){.HTOPC, .HBOTC {width: 95%;}}
          @media screen and (max-width: 992px){
          .HeaderTOP,#menu{display:none}
          .HeaderBOT{top:0}
          .HeaderBg,.sp-header{height:92px}
          .HBOTC{height:92px}
          .HeaderBOT #logo,.HeaderTOP #logo{top:0}
          .open.nav1{display:flex!important}
          .sp-header.active .HBOTC{height:92px}
          .sp-header.active .HeaderBg{top:0;height:92px}
          }



    
/* --- TopChez overrides: force grid layout regardless of original template cascade order --- */
.Posts-byCategory{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:15px !important;row-gap:0 !important;}
.Treelists{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:15px !important;}
.post-amp.post{background:var(--MinBgColor);border-radius:3px;box-shadow:0 2px 6px 0 rgb(9 32 76 / 4%);overflow:hidden;margin-bottom:15px;}
.Posts-byCategory .post-amp.post{margin-bottom:0;}
@media screen and (max-width:860px){.Posts-byCategory{grid-template-columns:repeat(2,1fr) !important;} .Treelists{grid-template-columns:repeat(2,1fr) !important;}}
@media screen and (max-width:600px){.Posts-byCategory{grid-template-columns:1fr !important;} .Treelists{grid-template-columns:1fr !important;}}

.Img-Holder img{opacity:1 !important;}

.Img-Holder img.post-thumb{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;max-height:none !important;max-width:none !important;}