-- Customize Options (End) --*/ /*-- CSS Variables --*/ :root{ --body-font:$(main.font.family), sans-serif; --menu-font:$(main.font.family), sans-serif; --title-font:$(title.font.family), sans-serif; --text-font:$(text.font.family), sans-serif; --icon-font:"bootstrap-icons", bootstrap-icons; --body-bg-color:$(background.color); --body-bg:$(body.background); --outer-bg:$(outer.bg); --widget-bg:$(widget.bg); --accent-color:$(accent.color); --accent-color-10:$(accent.color)10; --title-color:$(title.color); --title-hover-color:$(title.hover.color); --text-color:$(text.color); --meta-color:$(meta.color); --border-top-bg:$(border.top.bg); --header:$(header.height); --header-bg:$(header.bg); --header-color:$(header.color); --header-hover-color:$(header.hover.color); --submenu-bg:$(submenu.bg); --submenu-color:$(submenu.color); --submenu-hover-color:$(submenu.hover.color); --footer-bg:$(footer.bg); --footer-color:$(footer.color); --footer-hover-color:$(footer.hover.color); --footer-text-color:$(footer.text.color); --footerbar-bg:$(footerbar.bg); --footerbar-color:$(footerbar.color); --footerbar-hover-color:$(footerbar.hover.color); --gradient:var(--accent-color); --modal-bg:var(--widget-bg); --button-bg:$(btn.bg); --button-color:$(btn.color); --h-weight:700; --gap: 30px; --deg:45deg; --gray-bg:$(rgba)08; --overlay-bg:$(rgba)80; --border-color:$(rgba)0d; --shadow:0 1px 2px $(rgba)0d; --radius:$(border.radius); } html.rtl{ --body-font:Cairo, sans-serif; --menu-font:Cairo, sans-serif; --title-font:Cairo, sans-serif; --text-font:Cairo, sans-serif; --deg:-45deg; } .is-gradient{ --gradient:linear-gradient(var(--deg),$(gradient.from),$(gradient.to)); --border-top-bg:var(--gradient); --button-bg:var(--gradient); --button-color:#fff; } /*-- Reset CSS --*/ html,body,a,abbr,acronym,address,applet,b,big,blockquote,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,input,button,h1,h2,h3,h4,h5,h6,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;margin:0;border:0;outline:none;vertical-align:baseline;background:0 0;text-decoration:none}dl,ul{list-style-position:inside;list-style:none}ul li{list-style:none}caption{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:var(--accent-color)}a img{border:0}abbr{text-decoration:none}.separator a{text-decoration:none!important;clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget > h2,.widget > h3{display:none}.widget iframe,.widget img{max-width:100%}button,input,select,textarea{background:transparent;font-family:var(--body-font);font-weight:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:0}button{cursor:pointer}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}.rtl{direction:rtl}iframe[src*="youtube.com"]{width:100%;height:auto;aspect-ratio:16/9} /*-- Main CSS --*/ *{box-sizing:border-box} *:after,*:before{display:inline-block;font-family:var(--icon-font);font-weight:400;font-style:normal;box-sizing:border-box} html{position:relative;word-break:break-word;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%} body{position:relative;background:var(--body-bg);background-color:var(--body-bg-color);font-family:var(--body-font);font-size:14px;color:var(--text-color);font-weight:400;font-style:normal;line-height:1.4em} h1,h2,h3,h4,h5,h6{font-family:var(--title-font);font-weight:var(--h-weight)} a,input,textarea,button{transition:all .0s ease} .site-outer{display:flex;flex-direction:column;justify-content:flex-start;position:relative;overflow:hidden;width:100%;max-width:100%;background:var(--outer-bg);margin:0 auto;padding:0} .is-boxed .site-outer{width:calc($(row.width) + (var(--gap) * 2));max-width:100%;box-shadow:0 0 15px $(rgba)0d} .container{position:relative} .row-x1{width:$(row.width);max-width:100%} .flex-c{display:flex;justify-content:center} .flex-col{display:flex;flex-direction:column} .flex-sb{display:flex;justify-content:space-between} .content-wrap{position:relative;margin:var(--gap) 0 0} .is-left .content-wrap > .container,.rtl .is-right .content-wrap > .container{flex-direction:row-reverse} .rtl .is-left .content-wrap > .container{flex-direction:row} .pbtStickySidebar:before,.pbtStickySidebar:after{content:"";display:table;clear:both} .main-wrap{position:relative;width:calc(100% - ($(sidebar.width) + var(--gap)))} .no-sidebar .main-wrap{width:100%} .sidebar-wrap{position:relative;width:$(sidebar.width)} .no-sidebar .sidebar-wrap{display:none} .entry-thumbnail,.entry-avatar,.comments .avatar-image-container{display:block;position:relative;overflow:hidden;background:var(--gray-bg);z-index:5;border-radius:var(--radius)} .thumbnail,.avatar{display:block;position:relative;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1;transform-origin:center;opacity:0;transition:opacity .35s ease} .thumbnail.pbt-lazy,.avatar.pbt-lazy{opacity:1} a.entry-thumbnail:hover .thumbnail,.entry-inner:hover .thumbnail{filter:brightness(1.05)} .entry-thumbnail .entry-tag{display:flex;align-items:center;position:absolute;top:20px;left:20px;max-width:fit-content;height:20px;background:var(--button-bg);font-size:12px;color:var(--button-color);font-weight:400;z-index:5;padding:0 8px;border-radius:var(--radius)} .rtl .entry-thumbnail .entry-tag{left:unset;right:20px} [class*="yt-img"]:after{display:flex;align-items:center;justify-content:center;content:"\f4f4";position:absolute;right:50%;bottom:50%;width:36px;height:28px;background:var(--button-bg);font-size:22px;color:var(--button-color);text-shadow:2px 2px 0 rgba(0,0,0,.05);z-index:3;padding:0 0 0 2px;border-radius:var(--radius);transform:translate(50%,50%)} .yt-img\:x1:after{transform:translate(50%,50%) scale(1.1)} .yt-img\:x2:after{transform:translate(50%,50%) scale(.95)} .yt-img\:x3:after{transform:translate(50%,50%) scale(.75)} .yt-img\:x4:after{transform:translate(50%,50%) scale(.65)} .entry-header{display:flex;flex-direction:column;gap:4px} .post:not(.cs) .entry-header .entry-tag{font-size:13px;color:var(--accent-color);font-weight:600;text-transform:uppercase} .entry-title{color:var(--title-color);line-height:1.3em} .entry-title a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--title-color)} .entry-title a:hover{color:var(--title-hover-color)} .entry-meta{display:flex;flex-wrap:wrap;gap:4px;font-size:12px;color:var(--meta-color);line-height:1.3em} .entry-meta > span{display:flex;gap:4px} .entry-meta .author-name{color:var(--title-color);font-weight:600} .excerpt{font-family:var(--text-font);color:var(--text-color);line-height:1.5em} .cs .entry-inner{display:block;position:relative;width:100%;height:100%;overflow:hidden;z-index:10;box-shadow:var(--shadow);border-radius:var(--radius)} .cs .entry-thumbnail{width:100%;height:100%} .cs .entry-thumbnail:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(var(--deg),$(rgba) 0%,$(rgba)1a 100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;opacity:.5;transition:opacity .25s ease} .is-gradient .cs .entry-thumbnail:before{background:linear-gradient(var(--deg),$(gradient.from) 0%,$(gradient.to)66 100%);opacity:1} .cs .yt-img:after{top:20px;right:20px;transform:translate(0)} .rtl .cs .yt-img:after{left:20px;right:unset} .cs .entry-header{position:absolute;left:0;bottom:0;width:100%;overflow:hidden;text-shadow:0 1px 2px $(rgba)1a;z-index:10;padding:20px;gap:6px} body:not(.is-gradient) .cs .entry-header{background:linear-gradient(to top,$(rgba)80 0%,$(rgba)00 100%)} body.is-gradient .cs .entry-tag{font-size:12px;color:#fff;font-weight:500;line-height:1.3em;text-transform:uppercase} body:not(.is-gradient) .cs .entry-tag{display:flex;align-items:center;max-width:fit-content;height:20px;background:var(--button-bg);font-size:12px;color:var(--button-color);font-weight:400;text-shadow:none;padding:0 6px;margin:0 0 2px;border-radius:var(--radius)} .cs .entry-title{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#fff} .cs .entry-meta,.cs .entry-meta .author-name{color:#f8fafc} .cs .entry-meta .author-name{font-weight:500} .btn{position:relative;border-radius:var(--radius)} .loader{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;font-size:34px} .spinner{width:1em;height:1em;z-index:2;animation:rotate 2s linear infinite} .spinner .path{fill:none;stroke-width:3px;stroke:var(--accent-color);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite} @keyframes rotate{100%{transform:rotate(360deg)}} @keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}} .error-msg{display:flex;align-items:center;font-size:14px;color:var(--meta-color);padding:20px 0;font-weight:400} .overlay-bg{visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;margin:0;transition:all .25s ease} .overlay-bg.ms17{transition:all .17s ease} .social a:before{text-shadow:3px 2px 0 rgba(0,0,0,.05)} .social .blogger a:before{content:"\f1a6"} .social .rss a:before{content:"\f521"} .social .share a:before{content:"\f52d"} .social .email a:before{content:"\f32c"} .social .website a:before{content:"\f3ef"} .social .external-link a:before{content:"\f1c5"} .color .blogger a{color:#1a73e8} .color .blogger a{color:#ff5722} .color .apple a{color:#333} .color .amazon a{color:#fe9800} .color .microsoft a{color:#0067B8} .color .facebook a,.color .facebook-f a{color:#3b5999} .color .twitter a{color:#00acee} .color .youtube a{color:#e60023} .color .instagram a{color:#dd277b;--instagram:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)} .color .pinterest a,.color .pinterest-p a{color:#e60023} .color .dribbble a{color:#ea4c89} .color .linkedin a{color:#0077b5} .color .twitch a{color:#9147ff} .color .rss a{color:#ffc200} .color .skype a{color:#00aff0} .color .stumbleupon a{color:#eb4823} .color .vk a{color:#4a76a8} .color .stack-overflow a{color:#f48024} .color .github a{color:#24292e} .color .soundcloud a{color:#ff7400} .color .behance a{color:#191919} .color .digg a{color:#1b1a19} .color .delicious a{color:#0076e8} .color .codepen a{color:#000} .color .flipboard a{color:#f52828} .color .reddit a{color:#ff4500} .color .whatsapp a{color:#3fbb50} .color .messenger a{color:#0084ff} .color .snapchat a{color:#ffe700} .color .telegram a{color:#179cde} .color .steam a{color:#112c5b} .color .discord a{color:#7289da} .color .quora a{color:#b92b27} .color .tiktok a{color:#fe2c55} .color .line a{color:#07b53b} .color .share a{color:var(--meta-color)} .color .email a{color:#888} .color .website a{color:var(--title-color)} .color .external-link a{color:var(--title-color)} .site-header{position:relative;z-index:50;box-shadow:var(--shadow)} .border-top{position:relative;float:left;width:100%;height:$(border.top);background:var(--border-top-bg)} .main-header,.header-inner,.header-header{float:left;width:100%;height:var(--header);background:var(--header-bg)} .header-inner{background:transparent} .header-inner.is-fixed{position:fixed;top:calc(0px - (var(--header) * 2));left:0;width:100%;z-index:990;backface-visibility:hidden;visibility:hidden;opacity:0;transform:translate3d(0,0,0);transition:all .35s ease-in-out} .header-inner.is-fixed.show{visibility:visible;opacity:1;transform:translate3d(0,calc(var(--header) * 2),0)} .is-fixed .header-header{box-shadow:var(--shadow)} .is-boxed .header-header{float:none;width:calc($(row.width) + (var(--gap) * 2));max-width:100%;margin:0 auto} .header-items{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between} .flex-left{display:flex;align-items:center;gap:28px;z-index:15} .flex-right{display:flex;align-items:center;position:absolute;top:0;right:0;height:var(--header);z-index:15} .rtl .flex-right{left:0;right:unset} .main-logo{display:flex;align-items:center;flex-shrink:0;height:var(--header);overflow:hidden} .main-logo img{display:block;max-height:40px} .main-logo .title{max-width:100%;font-family:var(--title-font);font-size:25px;color:var(--header-color);line-height:40px;font-weight:var(--h-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .main-logo .title a{color:var(--header-color)} .main-logo .title a:hover{color:var(--header-hover-color)} .main-logo #h1-off{display:none;visibility:hidden} #main-menu{z-index:10;transition:all .17s ease} #main-menu .widget,#main-menu .widget > .widget-title{display:none} #main-menu .widget.is-ready{display:block} .main-nav{display:flex;height:var(--header);gap:28px} .main-nav > li{position:relative;display:flex;flex-shrink:0} .main-nav > li > a{display:flex;align-items:center;font-family:var(--menu-font);font-size:15px;color:var(--header-color);font-weight:600} .main-nav > li > a > i{margin:0 4px 0 0} .rtl .main-nav > li > a > i{margin:0 0 0 4px} .main-nav > li > a > i[code]:before{content:attr(code)} .main-nav .has-sub > a:after{content:"\f282";font-size:10px;font-weight:700;margin:-4px 0 0 4px} .rtl .main-nav .has-sub > a:after{margin:-4px 4px 0 0} .main-nav > li:hover > a{color:var(--header-hover-color)} .main-nav .sub-menu,.main-nav .ul{position:absolute;left:0;top:calc(var(--header) - 8px);width:180px;background:var(--submenu-bg);z-index:99999;padding:8px 0;box-shadow:var(--shadow),0 10px 15px -3px $(rgba)0d;border-radius:var(--radius);backface-visibility:hidden;visibility:hidden;opacity:0;transform:translate3d(0,8px,0)} .rtl .main-nav .sub-menu,.rtl .main-nav .ul{left:auto;right:0} .main-nav .sub-menu.sm-1{left:-14px} .rtl .main-nav .sub-menu.sm-1{left:unset;right:-14px} .main-nav .sub-menu.sm-2{top:-8px;left:100%;transform:translate3d(-8px,0,0)} .rtl .main-nav .sub-menu.sm-2{left:unset;right:100%;transform:translate3d(8px,0,0)} .main-nav .sub-menu li{position:relative;display:block} .main-nav .sub-menu li a{display:flex;justify-content:space-between;font-size:14px;color:var(--submenu-color);padding:8px 16px} .main-nav .sub-menu li:hover > a{color:var(--submenu-hover-color)} .main-nav .sub-menu > .has-sub > a:after{content:"\f285";margin:0} .rtl .main-nav .sub-menu > .has-sub > a:after{content:"\f284"} .main-nav .sub-menu,.main-nav .ul{transition:all .17s ease} .main-nav li:hover > .sub-menu,.rtl .main-nav li:hover > .sub-menu{backface-visibility:inherit;visibility:visible;opacity:1;transform:translate3d(0,0,0)} .mobile-menu-toggle{display:none;align-items:center;height:34px;font-size:26px;color:var(--header-color);padding:0 18px} .mobile-menu-toggle:after{content:"\f479";transform:scaleX(1.2)} .mobile-menu-toggle:hover{color:var(--header-hover-color)} .toggle-wrap{display:flex;align-items:center;gap:2px;background:var(--header-bg);z-index:20} .toggle-wrap .search-toggle{display:flex;align-items:center;justify-content:flex-end;width:34px;height:34px;font-size:18px;color:var(--header-color)} .toggle-wrap .search-toggle:before{content:"\f52a"} .toggle-wrap .search-toggle:hover{color:var(--header-hover-color)} .main-search{display:flex;flex-direction:column;position:fixed;top:25px;left:50%;width:480px;max-width:calc(100% - (20px * 2));max-height:calc(100% - (25px * 2));background:var(--modal-bg);overflow:hidden;z-index:1010;border-radius:var(--radius);box-shadow:var(--shadow),0 10px 15px -3px $(rgba)0d;visibility:hidden;opacity:0;transform:translate3d(-50%,50%,0);transition:all .17s ease} .main-search .search-form{display:flex;width:100%;height:60px;flex-shrink:0} .main-search .search-input{flex:1;width:100%;font-size:16px;color:var(--title-color);font-weight:400;padding:0 20px} .main-search .search-input::placeholder{color:var(--title-color);opacity:.65} .main-search .search{display:flex;align-items:center;font-size:16px;color:var(--title-color);padding:0 20px;opacity:.65} .main-search .search:before{content:"\f52a"} .main-search .search:hover{opacity:1} .search-content{display:none;flex-direction:column;justify-content:space-between;gap:20px;height:calc(100% - 60px);overflow:hidden;padding:20px;border-top:1px solid var(--border-color)} .search-content.visible{display:flex} .search-results{flex:1;overflow:hidden} .search-results.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch} .search-items{display:grid;grid-template-columns:1fr;gap:20px} @keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,5px,0)}100%{opacity:1;transform:translate3d(0,0,0)}} .search-items .post{display:flex;gap:16px;animation:fadeInUp .5s ease} .search-items .entry-thumbnail{width:110px;height:74px;border-radius:var(--radius)} .search-items .entry-header{flex:1;align-self:center} .search-items .entry-title{display:-webkit-box;font-size:16px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical} .main-search .view-all{display:flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0;height:36px;background:var(--button-bg);font-size:14px;color:var(--button-color);padding:0 25px} .main-search .view-all:after{content:"\f138";line-height:1} .rtl .main-search .view-all:after{content:"\f12f"} .main-search .view-all:hover{opacity:.9} .search-content .loader{height:74px} .search-content .error-msg{justify-content:center;height:74px;padding:0} .search-on .overlay-bg{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/%3E%3C/svg%3E"),auto;visibility:visible;opacity:1} .search-on .main-search{backface-visibility:inherit;visibility:visible;opacity:1;transform:translate3d(-50%,0,0)} .slide-menu{display:none;flex-direction:column;justify-content:flex-start;position:fixed;width:300px;height:100%;top:0;left:0;bottom:0;background:var(--header-bg);overflow:hidden;z-index:1010;left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden;box-shadow:0 0 15px $(rgba)1a;transition:all .25s ease} .rtl .slide-menu{left:unset;right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .menu-on .slide-menu,.rtl .menu-on .slide-menu{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible} .slide-menu-header{display:flex;align-items:center;justify-content:space-between;height:var(--header);background:var(--header-bg);overflow:hidden;box-shadow:var(--shadow)} .mobile-logo{display:flex;flex:1;width:100%;overflow:hidden;padding:0 0 0 20px} .rtl .mobile-logo{padding:0 20px 0 0} .mobile-logo .homepage{max-width:100%;font-size:25px;color:var(--header-color);line-height:40px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .mobile-logo .homepage:hover{color:var(--header-hover-color)} .mobile-logo .logo-img img{display:block;width:auto;max-width:100%;height:auto;max-height:40px} .hide-mobile-menu{display:flex;align-items:center;height:100%;color:var(--header-color);font-size:20px;z-index:20;padding:0 20px} .hide-mobile-menu:before{content:"\f659"} .hide-mobile-menu:hover{color:var(--header-hover-color)} .slide-menu-flex{display:flex;height:calc(100% - var(--header) - $(border.top));flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch} .mobile-menu{padding:20px} .mobile-menu ul li a{display:block;font-family:var(--menu-font);font-size:14px;color:var(--header-color);font-weight:400;padding:10px 0} .mobile-menu > ul > li > a{font-weight:700;text-transform:uppercase} .mobile-menu .sub-menu{display:none;overflow:hidden;padding:0 0 0 15px} .rtl .mobile-menu .sub-menu{padding:0 15px 0 0} .mobile-menu .has-sub li a{font-size:14px;opacity:.75} .mobile-menu .has-sub > a{display:flex;justify-content:space-between} .mobile-menu .has-sub > a:after{content:"\f282"} .mobile-menu .has-sub.expanded > a:after{content:"\f286"} .mobile-menu ul li a:hover{color:var(--header-hover-color)} .mm-footer{gap:12px;padding:20px} .mm-footer ul{display:flex;flex-wrap:wrap;gap:15px} .mm-footer .link-list{gap:5px 15px} .mm-footer a{display:block;font-size:14px;color:var(--header-color)} .mm-footer .social a{font-size:15px} .mm-footer .social a:before{text-shadow:2px 2px 0 var(--gray-bg)} .mm-footer .social a:hover{opacity:.9} .mm-footer .link-list a:hover{color:var(--header-hover-color)} .featured .widget{display:none;margin:var(--gap) 0 0;--height:300px} .featured .widget.visible,.featured .widget.PopularPosts{display:block} .featured .widget-content{min-height:var(--height)} .featured .PopularPosts .widget-content{min-height:unset} .featured .loader{height:var(--height)} .featured .error-msg{justify-content:center;height:var(--height);padding:0} .featured-items{display:grid;grid-template-columns:52% 1fr;align-items:start;gap:25px;width:100%} .featured-items .post{height:var(--height)} .featured-items .cs .entry-thumbnail{width:100%;height:100%} .featured-items .cs.entry-header{padding:20px} .featured-items .cs .entry-title{font-size:26px} .featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px} .featured-grid .post{display:flex;flex-direction:column;background:var(--widget-bg);overflow:hidden;z-index:10;box-shadow:var(--shadow);border-radius:var(--radius)} .featured-grid .entry-thumbnail{width:100%;height:168px;border-radius:var(--radius) var(--radius) 0 0} .featured-grid .entry-header{padding:20px;gap:6px} .featured-grid .entry-title{font-size:16px} .title-wrap{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 0 20px} .title-wrap .title{display:flex;align-items:center;position:relative;font-size:18px;color:var(--title-color);line-height:1} .title-wrap .title-link{display:flex;align-items:center;flex-shrink:0;gap:2px;font-size:13px;color:var(--accent-color);font-weight:500} .title-wrap .title-link:after{content:"\f138";font-size:12px} .rtl .title-wrap .title-link:after{content:"\f12f"} .title-wrap .title-link:hover{opacity:.9} .list-items{display:grid;grid-template-columns:1fr;gap:25px} .list-items .post{display:flex;gap:20px} .list-items .entry-thumbnail{width:calc(50% - (25px / 2));height:180px} .list-items .entry-header{flex:1;align-self:center;gap:6px} .list-items .entry-title{font-size:20px} .list-items .entry-meta{margin:2px 0 0} .grid-items{display:grid;grid-template-columns:1fr 1fr;gap:25px} .grid-items .post{display:flex;flex-direction:column;gap:14px} .grid-items .entry-thumbnail{width:100%;height:180px} .grid-items .entry-header{gap:6px} .grid-items .entry-title{font-size:20px} .grid-items .entry-meta{margin:2px 0 0} .index-blog{background:var(--widget-bg);padding:20px;box-shadow:var(--shadow);border-radius:var(--radius)} .queryMessage .query-info{display:flex;align-items:center;font-family:var(--title-font);font-size:18px;color:var(--title-color);font-weight:var(--h-weight);line-height:1;margin:0 0 20px} .no-posts .queryMessage .query-info{margin:0} .queryEmpty{font-size:14px;color:var(--meta-color);text-align:center;margin:50px 0} .index-post-wrap .post.ad-type{display:block;border:0} @keyframes pbtFadeInUp{0%{opacity:0;transform:translate3d(0,10px,0)}100%{opacity:1;transform:translate3d(0,0,0)}} .index-post-wrap .post.fadeInUp{animation:pbtFadeInUp .5s ease} .item-post-inner{background:var(--widget-bg);padding:20px;box-shadow:var(--shadow);border-radius:var(--radius)} .item-post .post-header{gap:14px} #breadcrumb{display:flex;align-items:center;gap:2px;font-size:14px;color:var(--accent-color);line-height:1} #breadcrumb a{color:var(--accent-color)} #breadcrumb a:hover{opacity:.9} #breadcrumb .sep:after{content:"\f285";font-size:10px;font-style:normal;font-weight:700} .rtl #breadcrumb .sep:after{content:"\f284"} .item-post h1.entry-title{font-size:$(itempost.title.size)} .post-header .entry-meta{flex-wrap:nowrap;justify-content:space-between;gap:0;font-size:14px} .entry-meta .align-left,.entry-meta .align-right{display:flex;align-items:center} .entry-meta .entry-avatar{flex-shrink:0;width:34px;height:34px;overflow:hidden;padding:1px;margin:0 5px 0 0;border:1px solid var(--accent-color);border-radius:50%} .rtl .entry-meta .entry-avatar{margin:0 0 0 5px} .entry-meta .avatar{z-index:2;border-radius:50%} .entry-meta .al-items{display:flex;flex-wrap:wrap;gap:4px} .entry-meta .align-left .entry-author,.entry-meta .align-left .entry-time{display:flex;gap:4px} .post-header .entry-meta .author-name{font-weight:700} .share-toggle{display:flex;align-items:center;justify-content:flex-end;width:34px;height:34px;font-size:20px;color:var(--title-color)} .share-toggle:before{content:"\f1c6"} .share-toggle:hover{color:var(--title-hover-color)} .entry-content-wrap{padding:25px 0 0} #post-body{position:relative;font-family:var(--text-font);font-size:$(itempost.content.size);color:var(--text-color);line-height:1.6em} .post-body p{margin-bottom:25px} .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-size:17px;color:var(--title-color);line-height:1.3em;margin:0 0 20px} .post-body h1{font-size:26px} .post-body h2{font-size:23px} .post-body h3{font-size:20px} .post-body img{height:auto!important} blockquote{position:relative;background:var(--gray-bg);color:var(--title-color);font-style:normal;padding:25px;margin:0;border-radius:var(--radius)} blockquote:before{position:absolute;top:10px;left:10px;content:"\f6b0";font-size:50px;color:var(--title-color);font-style:normal;line-height:1;opacity:.05} .rtl blockquote:before{left:unset;right:10px} .post-body ul{padding:0 0 0 20px;margin:10px 0} .rtl .post-body ul{padding:0 20px 0 0} .post-body li{margin:8px 0;padding:0} .post-body ul li,.post-body ol ul li{list-style:none} .post-body ul li:before,.post-body ul li ul li ul li:before{content:"\f287";font-size:.35em;line-height:1;vertical-align:middle;margin:0 5px 0 0} .post-body ul li ul li:before{content:"\f28a";font-weight:700} .rtl .post-body ul li:before{margin:0 0 0 5px} .post-body ol{counter-reset:pbt;padding:0 0 0 20px;margin:10px 0} .rtl .post-body ol{padding:0 20px 0 0} .post-body ol > li{counter-increment:pbt;list-style:none} .post-body ol > li:before{content:counters(pbt,".")".";font-family:inherit;margin:0 5px 0 0} .rtl .post-body ol > li:before{margin:0 0 0 5px} .post-body u{text-decoration:underline} .post-body strike{text-decoration:line-through} .post-body sup{vertical-align:super} .post-body a{color:var(--accent-color)} .post-body a:hover{text-decoration:underline} .post-body .button{display:inline-block;height:36px;background:var(--button-bg);font-family:var(--body-font);font-size:14px;color:var(--button-color);font-weight:400;line-height:36px;text-align:center;text-decoration:none;cursor:pointer;padding:0 20px;margin:0 6px 8px 0} .rtl .post-body .button{margin:0 0 8px 6px} .post-body .button.x2{height:48px;font-size:16px;line-height:48px} .post-body .button.is-c,.rtl.post-body .button.is-c{margin:0 3px 8px} .post-body .button.x2 span{display:inline-block;background:rgba(255,255,255,.08);font-size:14px;line-height:16px;padding:4px 6px;margin:0 0 0 20px;border-radius:var(--radius)} .rtl .post-body .button.x2 span{margin:0 20px 0 0} .post-body .button:before{font-size:16px;font-style:normal;vertical-align:middle;margin:-2px 6px 0 0} .rtl .post-body .button:before{margin:-2px 0 0 6px} .post-body .btn.x2:before{font-size:18px;margin:-2px 10px 0 0} .rtl .post-body .btn.x2:before{margin:-2px 0 0 10px} .post-body .btn.preview:before{content:"\f33e"} .post-body .btn.download:before{content:"\f294"} .post-body .btn.link:before{content:"\f470"} .post-body .btn.cart:before{content:"\f23d"} .post-body .btn.info:before{content:"\f430"} .post-body .btn.share:before{content:"\f52d"} .post-body .btn.contact:before{content:"\f32c"} .post-body .btn.phone:before{content:"\f5b4"} .post-body .btn.gift:before{content:"\f3eb"} .post-body .btn.whatsapp:before{content:"\f618"} .post-body .btn.paypal:before{content:"\f662"} .post-body .btn.telegram:before{content:"\f5b3"} .post-body a.color{color:#fff} .post-body a.button{color:var(--button-color);text-decoration:none} .post-body a.button:hover{opacity:.9} .alert-message{display:block;position:relative;background:#22c55e15;color:#22c55e;overflow:hidden;padding:20px;border-radius:var(--radius)} .alert-message.alert-info{background:#3b82f615;color:#3b82f6} .alert-message.alert-warning{background:#eab30815;color:#eab308} .alert-message.alert-error{background:#ef444415;color:#ef4444} .alert-message:before{content:'\f26a';font-size:16px;line-height:1;vertical-align:middle;margin:-1px 6px 0 0} .rtl .alert-message:before{margin:-1px 0 0 6px} .alert-message.alert-info:before{content:'\f430'} .alert-message.alert-warning:before{content:'\f33a'} .alert-message.alert-error:before{content:'\f622'} .alert-message a:not(.btn){color:currentColor;text-decoration:underline} .alert-message a:not(.btn):hover{opacity:.9} .post-body table{width:100%;overflow-x:auto;text-align:left;margin:0;border-collapse:collapse;border:1px solid var(--border-color)} .rtl .post-body table{text-align:right} .post-body table td,.post-body table th{padding:6px 12px;border:1px solid var(--border-color)} .post-body table thead th{color:var(--title-color);vertical-align:bottom} table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{line-height:1;padding:0;border:0} table.tr-caption-container td.tr-caption{font-size:12px;color:var(--meta-color);font-style:italic;padding:6px 0 0} .post-body .contact-form-widget{display:table;width:100%;font-family:var(--body-font)} .post-body .contact-form-name.cf-s{width:calc(50% - 5px)} .rtl .post-body .contact-form-name{float:right} .post-body .contact-form-email.cf-s{float:right;width:calc(50% - 5px)} .rtl .post-body .contact-form-email{float:left} .post-body pre,pre.code-box{display:block;background:var(--gray-bg);font-family:monospace;font-size:13px;color:var(--title-color);white-space:pre-wrap;line-height:1.4em;padding:20px;border:1px solid var(--border-color);border-radius:var(--radius)} .post-body iframe[allowfullscreen]{height:auto;aspect-ratio:16/9} .post-body .google-auto-placed{margin:25px 0} .entry-labels{display:flex;flex-wrap:wrap;gap:5px 6px;margin:25px 0 0} .entry-labels > *{display:flex;align-items:center;height:22px;font-size:12px;color:var(--title-color);padding:0 8px;box-shadow:inset 0 0 0 1px var(--border-color)} .entry-labels span{background:var(--title-color);color:var(--widget-bg);box-shadow:none} .entry-labels a:hover{background:var(--button-bg);color:var(--button-color)} .post-share{margin:25px 0 0} ul.share-a{display:flex;flex-wrap:wrap;align-items:start;gap:6px} .share-a .btn{display:flex;align-items:center;justify-content:center;width:38px;height:36px;background:currentColor;font-size:18px;font-weight:400} .share-a .has-span .btn{display:flex;gap:10px;width:auto;padding:0 16px} .share-a .btn:before{color:#fff} .share-a .btn span{font-size:14px;color:#fff} .share-a .sl-btn{position:relative;background:var(--widget-bg);font-size:18px;color:var(--title-color);line-height:1;overflow:visible;margin:0 5px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} .share-a .sl-btn:before,.share-a .sl-btn:after{content:"";position:absolute;height:0;width:0;pointer-events:none;top:calc(50% - 6px);right:-12px;border:6px solid transparent;border-left-color:var(--border-color)} .share-a .sl-btn:after{top:calc(50% - 5px);right:-10px;border:5px solid transparent;border-left-color:var(--widget-bg)} .sl-btn .sl-ico:before{content:"\f52d";font-style:normal;padding:1px 0 0} .rtl .share-a .sl-btn{margin:0 0 0 5px;transform:scaleX(-1)} .share-a .show-more .btn{background:var(--gray-bg);font-size:22px} .share-a .show-more .btn:before{content:"\f64d";color:var(--meta-color)} .share-a li .btn:not(.sl-btn):hover{opacity:.9} .share-modal{display:flex;flex-direction:column;position:fixed;top:50%;left:50%;width:440px;max-width:calc(100% - 40px);background:var(--modal-bg);overflow:hidden;z-index:1010;padding:20px;box-shadow:var(--shadow),0 10px 15px -3px $(rgba)0d;border-radius:var(--radius);visibility:hidden;opacity:0;transform:translate3d(-50%,0,0);transition:all .17s ease} .modal-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 15px;margin:0 0 20px;border-bottom:1px solid var(--border-color)} .share-modal .title{font-family:var(--title-font);font-size:15px;color:var(--title-color);font-weight:var(--h-weight);text-transform:capitalize} .hide-modal{display:flex;font-size:20px;color:var(--title-color)} .hide-modal:before{content:"\f659"} .hide-modal:hover{color:var(--title-hover-color)} ul.share-b{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 20px} .share-b a{display:flex;align-items:center;justify-content:center;height:36px;background:currentColor;font-size:18px} .share-b a:before{color:#fff} .share-b a:hover{opacity:.9} .copy-link{display:flex;gap:10px;position:relative;width:100%;height:36px;margin:15px 0 0} .copy-link:before{content:"\f470";position:absolute;top:50%;left:20px;font-size:20px;color:var(--title-color);transform:translate(-50%,-50%)} .rtl .copy-link:before{left:unset;right:20px;transform:translate(50%,-50%)} @keyframes pbtOn{0%{opacity:0}100%{opacity:1}} @keyframes pbtOff{0%{opacity:0}100%{opacity:1}} .copy-link.copied:before{content:"\f26f";color:#3fbb50;animation:pbtOn .5s ease} .copy-link.copied-off:before{animation:pbtOff .5s ease} .copy-link input{flex:1;width:100%;font-size:14px;color:var(--text-color);padding:0 15px 0 40px;border:1px solid var(--border-color);border-radius:var(--radius)} .rtl .copy-link input{padding:0 40px 0 15px} .copy-link button{display:flex;align-items:center;justify-content:center;max-width:fit-content;background:var(--button-bg);font-size:14px;color:var(--button-color);padding:0 25px} .copy-link button:hover{opacity:.9} .share-on .overlay-bg{visibility:visible;opacity:1} .share-on .share-modal{visibility:visible;opacity:1;transform:translate3d(-50%,-50%,0)} .p-widget{margin:var(--gap) 0 0} .about-author{display:flex;gap:16px;background:var(--widget-bg);padding:20px;box-shadow:var(--shadow);border-radius:var(--radius)} .about-author .author-avatar{width:60px;height:60px;border-radius:50%} .author-description{flex:1;gap:10px} .about-author .author-title{font-size:18px;color:var(--title-color)} .about-author .author-title a{color:var(--title-color)} .about-author .author-title a:hover{color:var(--title-hover-color)} .author-description .author-text{display:block;font-size:14px} .author-description .author-text br,.author-description .author-text a{display:none} .author-links{display:flex;flex-wrap:wrap;gap:14px} .author-links a{display:block;font-size:14px;color:var(--text-color)} .author-links a:before{text-shadow:2px 2px 0 var(--gray-bg)} .author-links a:hover{opacity:.9} #related-posts{display:none} .related-wrap{background:var(--widget-bg);padding:20px;box-shadow:var(--shadow);border-radius:var(--radius)} .related-wrap .loader{height:180px} .related-items{display:grid;grid-template-columns:repeat(3,1fr);gap:25px} .related-items .post{display:flex;flex-direction:column;gap:10px} .related-items .entry-thumbnail{width:100%;height:128px} .related-items .entry-title{font-size:15px} .blog-post-comments{display:none;flex-direction:column;background:var(--widget-bg);padding:20px;box-shadow:var(--shadow);border-radius:var(--radius)} .blog-post-comments.visible{display:flex} .comments-title.has-message{margin:0 0 10px} .no-comment-form .comments-title.has-message{margin:0 0 20px} .comment-thread ol{padding:0;margin:0} .comment-thread .comment{position:relative;list-style:none;padding:20px;margin:20px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} .comment-thread .comment .comment{background:var(--gray-bg);padding:20px;border:0} .toplevel-thread ol > li:first-child{margin:0} .toplevel-thread ol > li:first-child > .comment-block{padding-top:0;margin:0;border:0} .comment-thread ol ol .comment:before{content:"\f132";position:absolute;left:-30px;top:-5px;font-size:16px;color:var(--border-color)} .rtl .comment-thread ol ol .comment:before{content:"\f131";left:unset;right:-30px} .comments .comment-replybox-single iframe{padding:0 0 0 48px;margin:10px 0 -5px} .rtl .comments .comment-replybox-single iframe{padding:0 48px 0 0} .comment-thread .avatar-image-container{position:absolute;top:20px;left:20px;width:35px;height:35px;overflow:hidden;border-radius:50%} .rtl .comment-thread .avatar-image-container{left:auto;right:20px} .comment-thread .comment .comment .avatar-image-container{left:20px} .rtl .comment-thread .comment .comment .avatar-image-container{left:unset;right:20px} .avatar-image-container img{display:block;width:100%;height:100%} .comments .comment-block{display:flex;flex-direction:column;gap:10px} .comments .comment-header{padding:0 0 0 48px} .rtl .comments .comment-header{padding:0 48px 0 0} .comments .comment-header .user{display:inline-block;font-family:var(--title-font);font-size:16px;color:var(--title-color);font-weight:var(--h-weight);font-style:normal} .comments .comment-header .user a{color:var(--title-color)} .comments .comment-header .user a:hover{color:var(--title-hover-color)} .comments .comment-header .icon.user{display:none} .comments .comment-header .icon.blog-author{display:inline-block;background:var(--gradient);-webkit-background-clip:text;background-clip:text;font-size:14px;color:var(--accent-color);-webkit-text-fill-color:transparent;vertical-align:top;margin:-5px 0 0 4px} .rtl .comments .comment-header .icon.blog-author{margin:-5px 4px 0 0} .comments .comment-header .icon.blog-author:before{content:"\f4b5"} .comments .comment-header .datetime{display:block;font-size:12px;margin:1px 0 0} .comment-header .datetime a{color:var(--meta-color)} .comments .comment-content{display:block;font-family:var(--text-font);font-size:14px;color:var(--text-color);line-height:1.6em} .comments .comment-content > a:hover{text-decoration:underline} .comments .comment-video{position:relative;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;line-height:1;cursor:pointer} .comments .comment-video img{display:block;width:100%;height:100%;object-fit:cover;z-index:1} .comments .comment-video:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:$(rgba)1a;z-index:2} .comments .comment-video:after{transform:translate(50%, 50%) scale(1.2);transition:all .17s ease} .comments .comment-video:hover:after{transform:translate(50%, 50%) scale(1.5)} .comments .comment-actions{display:flex;gap:14px} .comments .comment-actions a{display:inline-block;font-size:14px;color:var(--accent-color);font-weight:400;font-style:normal} .comments .comment-actions a:hover{color:var(--accent-color);text-decoration:underline} .item-control{display:none} .loadmore.loaded a{display:inline-block;border-bottom:1px solid var(--border-color);text-decoration:none;margin-top:15px} .comments .continue{display:none} .comments .comment-replies{padding:0 0 0 48px} .rtl .comments .comment-replies{padding:0 48px 0 0} .thread-expanded .thread-count a,.loadmore.hidden,.comment-thread .comment .comment .comment-replies,.comment-thread .comment .comment .comment-replybox-single{display:none} .comments .footer{float:left;width:100%;font-size:13px;margin:0} .comments-message{font-size:14px;color:var(--meta-color);font-style:italic;margin:0 0 20px} .no-comment-form .comments-message{margin:20px 0 0} .no-comments.no-comment-form .comments-message{margin:0} .comments-message > a{color:var(--accent-color)} .comments-message > a:hover{color:var(--title-color)} .comments-message > em{color:#ff3f34;font-style:normal;margin:0 3px} #comments[data-embed="false"] p.comments-message > i{color:var(--accent-color);font-style:normal} .comment-form > p{display:none} .show-cf,.comments #top-continue a{display:flex;align-items:center;justify-content:center;width:100%;height:38px;font-size:$(itempost.content.size);color:var(--title-color);font-weight:var(--h-weight);padding:0 20px;margin:20px 0 0;border:1px solid var(--border-color)} .no-comments .show-cf{margin:0} .show-cf:hover,.comments #top-continue a:hover{color:var(--title-hover-color)} .cf-on .show-cf{display:none} .comments .comment-replybox-thread,.no-comments .comment-form{display:none} .cf-on .comments .comment-replybox-thread,.cf-on .no-comments .comment-form{display:block} #comment-editor{min-height:67px} #top-ce #comment-editor{margin:20px 0 0} .post-nav{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px} .post-nav > *{display:flex;align-items:center;gap:3px;color:var(--meta-color)} .post-nav a:hover{color:var(--accent-color)} .post-nav span{color:var(--meta-color);cursor:no-drop;opacity:.65} .post-nav .post-nav-link:before,.post-nav .post-nav-link:after{font-size:10px;font-weight:700} .post-nav-newer-link:before,.rtl .post-nav-older-link:after{content:"\f284"} .post-nav-older-link:after,.rtl .post-nav-newer-link:before{content:"\f285"} .blog-pager{display:flex;justify-content:center;margin:25px 0 5px} .blog-pager .btn{display:none;align-items:center;justify-content:center;gap:4px;height:34px;background:var(--button-bg);font-size:14px;color:var(--button-color);padding:0 25px} .blog-pager a:after{content:"\f282";margin:-2px 0 0} .blog-pager a:hover{opacity:.9} .blog-pager .no-more{background:var(--gray-bg);color:var(--meta-color);cursor:not-allowed} .blog-pager .loading{display:none} .blog-pager .loader{height:34px} .blog-pager .visible{display:flex} .sidebar{position:relative;display:grid;grid-template-columns:100%;gap:var(--gap)} .sidebar .widget{display:flex;flex-direction:column;background:var(--widget-bg);padding:20px;box-shadow:var(--shadow);border-radius:var(--radius)} .sidebar .widget.is-ad{display:block;background:transparent;padding:0;box-shadow:none;border-radius:0} .sidebar .is-ad .title-wrap{display:none} .sidebar ul.social{display:grid;grid-template-columns:1fr 1fr;gap:6px} .sidebar .social a{display:flex;align-items:center;gap:10px;width:100%;height:36px;background:currentColor;font-size:18px;font-weight:400;padding:0 16px} .sidebar .social .instagram a{background:var(--instagram)} .sidebar .social a:before{color:#fff} .sidebar .social span{font-size:14px;color:#fff} .sidebar .social a:hover{opacity:.9} .pbt-s .loader{height:176px} .popular-items{display:grid;grid-template-columns:1fr;gap:25px} .popular-items .cs{height:176px} .popular-items .cs .entry-title{font-size:18px} .popular-list{display:grid;grid-template-columns:1fr;gap:25px} .popular-list .post{display:flex;gap:14px} .popular-list .entry-thumbnail{width:98px;height:68px} .popular-list .entry-header{flex:1;align-self:center} .popular-list .entry-title{font-size:14px} .featured-post .cs{height:176px} .featured-post .entry-title{font-size:18px} .list-style li{font-size:14px} .list-style li a,.text-list li{display:block;color:var(--title-color);padding:8px 0} .list-style li a.has-count{display:flex;justify-content:space-between} .list-style li:first-child a,.text-list li:first-child{padding:0 0 8px} .list-style li:last-child a,.text-list li:last-child{padding:8px 0 0} .list-style li a:hover{color:var(--title-hover-color)} .list-style .count-style{display:inline-block;color:var(--accent-color)} .cloud-label ul{display:flex;flex-wrap:wrap;gap:6px} .cloud-label li a{display:flex;height:30px;color:var(--title-color);font-size:14px;font-weight:400;align-items:center;padding:0 13px;box-shadow:inset 0 0 0 1px var(--border-color)} .cloud-label li a:hover{background:var(--button-bg);color:var(--button-color);box-shadow:none} .cloud-label .label-count{display:inline-block;margin:0 0 0 4px} .rtl .cloud-label .label-count{margin:0 4px 0 0} .BlogSearch .search-input{display:flex;align-items:center;justify-content:space-between;flex:1;width:100%;height:36px;font-size:14px;color:var(--title-color);cursor:text;padding:0 14px;border:1px solid var(--border-color);border-radius:var(--radius)} .BlogSearch .search-input:before{content:attr(placeholder);font-family:inherit;opacity:.65} .BlogSearch .search-input:after{content:"\f52a";opacity:.65} .MailChimp .widget-content{position:relative} .MailChimp .widget-content:before{content:"\f32f";position:absolute;top:0;right:0;font-size:38px;color:var(--border-color);line-height:1;z-index:1;transform:translate(8px,-8px) rotate(35deg)} .rtl .MailChimp .widget-content:before{left:0;right:unset;transform:translate(-8px,-8px) rotate(-35deg)} .MailChimp .mailchimp-title{font-size:18px;color:var(--title-color);margin:0 0 15px} .MailChimp .mailchimp-text{font-size:14px;margin:0 0 15px} .MailChimp form{display:flex;flex-direction:column;gap:10px} .MailChimp .mailchimp-email-address{width:100%;height:36px;font-size:14px;color:var(--title-color);padding:0 14px;border:1px solid var(--border-color);border-radius:var(--radius)} .MailChimp .mailchimp-email-address::placeholder{color:var(--title-color);opacity:.65} .MailChimp .mailchimp-email-address:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-10)} .MailChimp .mailchimp-submit{width:100%;height:36px;background:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 20px} .MailChimp .mailchimp-submit:hover{opacity:.9} .Profile ul li{float:left;width:100%;padding:20px 0 0;margin:20px 0 0;border-top:1px solid var(--border-color)} .Profile ul li:first-child{padding:0;margin:0;border:0} .Profile .individual,.Profile .team-member{display:flex;align-items:center} .Profile .profile-img{width:45px;height:45px;background:var(--gray-bg);overflow:hidden;margin:0 14px 0 0;border-radius:50%} .rtl .Profile .profile-img{margin:0 0 0 14px} .Profile .profile-info{flex:1} .Profile .profile-name{display:block;font-family:var(--title-font);font-size:16px;color:var(--title-color);font-weight:var(--h-weight)} .Profile .profile-name:hover{color:var(--title-hover-color)} .Profile .profile-link{display:block;font-size:12px;color:var(--meta-color);line-height:1.3em} .Profile .profile-link:hover{color:var(--accent-color)} .Text .widget-content{font-size:14px} .Image img{width:auto;height:auto} .Image .image-caption{font-size:14px;margin:8px 0 0} .contact-form-widget .cf-s{float:left;width:100%;height:36px;font-size:14px;color:var(--title-color);padding:0 14px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:var(--radius)} .contact-form-email-message.cf-s{float:left;width:100%;height:auto;resize:vertical;padding:10px 14px} .contact-form-widget .cf-s::placeholder{color:var(--title-color);opacity:.65} .contact-form-widget .cf-s:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-10)} .contact-form-button-submit{float:left;width:100%;height:36px;background:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 20px;border:0} .contact-form-button-submit:hover{opacity:.9} .contact-form-widget p{margin:0} .contact-form-widget .contact-form-error-message-with-border,.contact-form-widget .contact-form-success-message-with-border{float:left;width:100%;background:transparent;font-size:13px;color:#ef4444;text-align:left;line-height:1;margin:10px 0 0;border:0} .contact-form-widget .contact-form-success-message-with-border{color:#22c55e} .rtl .contact-form-error-message-with-border,.rtl .contact-form-success-message-with-border{text-align:right} .contact-form-cross{cursor:pointer;margin:0 0 0 3px} .rtl .contact-form-cross{margin:0 3px 0 0} .Attribution a{display:flex;align-items:center;font-size:14px;color:var(--title-color);font-weight:var(--h-weight)} .Attribution a > svg{width:16px;height:16px;fill:var(--accent-color);margin:0 4px 0 0} .rtl .Attribution a > svg{margin:0 0 0 4px} .Attribution a:hover{color:var(--title-hover-color)} .Attribution .copyright{font-size:12px;color:var(--meta-color);padding:0 20px;margin:2px 0 0} #google_translate_element{position:relative;overflow:hidden} .Stats .text-counter-wrapper{display:flex;align-items:center;gap:6px;font-size:18px;color:var(--title-color);font-weight:700;text-transform:uppercase} .Stats .text-counter-wrapper:before{content:"\f17a";font-size:16px;line-height:1} .ReportAbuse > h3{display:flex;gap:4px;font-size:14px;color:var(--accent-color);font-weight:400} .ReportAbuse > h3:before{content:"\f33a";font-size:16px} .ReportAbuse > h3 a:hover{text-decoration:underline} .Header .header-widget a{font-size:18px;color:var(--title-color);font-weight:var(--h-weight)} .Header .header-widget a:hover{color:var(--title-hover-color)} .wikipedia-search-form{display:flex;gap:10px} .wikipedia-search-input{flex:1;width:100%;height:36px;font-size:14px;color:var(--title-color);padding:0 14px;border:1px solid var(--border-color);border-radius:var(--radius)} .wikipedia-search-input::placeholder{color:var(--title-color);opacity:.65} .wikipedia-search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-10)} .wikipedia-search-button{height:36px;background:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 20px} .wikipedia-search-button:hover{opacity:.9} .wikipedia-search-results-header{display:none!important} .wikipedia-search-results{font-size:13px;color:#ef4444} .wikipedia-search-results a{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--title-color);margin:10px 0 0} .wikipedia-search-results a:after{content:"\f1c5";font-size:12px} .wikipedia-search-results a:hover{color:var(--title-hover-color)} .wikipedia-search-more a{display:flex;align-items:center;justify-content:center;height:36px;color:var(--title-color);padding:0 15px;margin:10px 0 0;box-shadow:inset 0 0 0 1px var(--border-color);border-radius:var(--radius)} .wikipedia-search-more a:hover{background:var(--button-bg);color:var(--button-color);box-shadow:none} .site-footer{position:relative;background:var(--footer-bg);box-shadow:var(--shadow);margin:var(--gap) 0 0;--title-color:var(--footer-color);--title-hover-color:var(--footer-hover-color);--text-color:var(--footer-text-color);--gray-bg:rgba(155,155,155,.07)} .site-footer .footer{float:left;width:100%} #about{gap:var(--gap);padding:40px 0} .about-section .Image{display:flex;align-items:center;justify-content:space-between;flex:1;max-width:calc(100% - ($(sidebar.width) + var(--gap)));gap:28px} .footer-info{flex:1} .footer-info .title{font-size:18px;color:var(--title-color);margin:0 0 10px} .footer-logo img{display:block;max-height:40px} .footer-info .image-caption{margin:0} .footer-info .image-caption a{color:var(--title-color)} .footer-info .image-caption a:hover{opacity:.9} .about-section .LinkList{display:flex;align-items:center;justify-content:flex-end;width:$(sidebar.width)} .about-section ul.social{display:flex;flex-wrap:wrap;gap:10px} .about-section .social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray-bg);font-size:18px} .about-section .social a:before{color:var(--title-color)} .about-section .social a:hover{background:currentColor} .about-section .social a:hover:before{color:#fff} .about-section .social .instagram a:hover{background:var(--instagram)} .footer-bar{float:left;width:100%;background:var(--footerbar-bg);color:var(--footerbar-color);padding:20px 0} .footer-copyright{font-size:14px;font-weight:400} .footer-copyright a{color:var(--footerbar-color)} .footer-copyright a:hover{color:var(--footerbar-hover-color)} .footer-menu{position:relative;display:block;margin:0} .footer-menu ul{display:flex;flex-wrap:wrap;gap:5px 25px} .footer-menu a{font-size:14px;color:var(--footerbar-color);padding:0} .footer-menu a:hover{color:var(--footerbar-hover-color)} .is-error .main-wrap{width:100%} .is-error .sidebar-wrap{display:none} .errorWrap{color:var(--title-color);text-align:center;padding:60px 0} .errorWrap h3{font-size:160px;color:var(--title-color);line-height:1;margin:0 0 35px} .errorWrap h4{font-size:27px;color:var(--title-color);margin:0 0 25px} .errorWrap p{color:var(--text-color);font-size:15px;margin:0 0 30px} .errorWrap a{display:inline-block;height:36px;background:var(--button-bg);font-size:15px;color:var(--button-color);line-height:36px;padding:0 30px} .errorWrap a:hover{opacity:.9} .back-top{display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;right:20px;width:36px;height:36px;background:var(--button-bg);font-size:18px;color:var(--button-color);z-index:50;opacity:0;visibility:hidden;transition:all .17s ease} .rtl .back-top{right:auto;left:20px} .back-top:before{content:"\f286"} .back-top.show{opacity:1;visibility:visible} .back-top:hover{opacity:.9} ins.adsbygoogle-noablate[data-anchor-shown="true"]{z-index:990!important} .content-wrap > .google-auto-placed,.content-wrap .container > .google-auto-placed{display:none!important} #hidden,.is-empty{display:none} .CSS_LIGHTBOX{z-index:999999!important} .CSS_LIGHTBOX_BG_MASK{background-color:rgba(0,0,0,.9)!important;opacity:1!important;backdrop-filter:blur(1px)} .CSS_LIGHTBOX_BTN_CLOSE{display:flex;align-items:center;justify-content:center;background:transparent!important;top:0px!important;right:0px!important;width:46px!important;height:46px!important} .CSS_LIGHTBOX_BTN_CLOSE:before{content:"\f659";font-size:22px;color:#fff} .CSS_LIGHTBOX_BTN_CLOSE:hover:before{opacity:.85} .rtl .CSS_LIGHTBOX_BTN_CLOSE{right:unset!important;left:0} .CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0} .pbt-ad{display:flex;align-items:center;justify-content:center} .pbt-ad img{height:auto} @media (max-width: $(row.width + 60px)) { .site-outer,.is-boxed .site-outer,.is-boxed .header-header{width:100%;max-width:100%;margin:0} .row-x1{width:100%} .container{padding:0 20px} .main-wrap{width:calc(70% - var(--gap))} .sidebar-wrap{width:30%} } @media (max-width: 980px) { .main-header .container{padding:0} .header-items{flex-wrap:nowrap;gap:20px} .mobile-menu-toggle{display:flex} #main-menu{display:none} .slide-menu{display:flex} .menu-on .overlay-bg{visibility:visible;opacity:1} .flex-left{gap:0;overflow:hidden} .main-logo{flex-shrink:1} .flex-right,.rtl .flex-right{position:relative;top:unset;left:unset;right:unset} .toggle-wrap{gap:0} .toggle-wrap .search-toggle{width:auto;font-size:20px;padding:0 20px} } @media (max-width: 880px) { .widget:not(.type-video) .yt-img\:x3:after{transform:translate(50%,50%) scale(.95)} .yt-img\:x4:after{transform:translate(50%,50%) scale(.75)} .content-wrap > .container,.is-left .content-wrap > .container{flex-direction:column!important;justify-content:flex-start} .main-wrap,.sidebar-wrap{width:100%} .sidebar-wrap{margin:var(--gap) 0 0} .featured-items{grid-template-columns:1fr} .featured-grid .post{height:auto} .sidebar ul.social{grid-template-columns:repeat(4,1fr)} .popular-items .cs{height:200px} .popular-items .cs .entry-title{font-size:22px} .popular-list .entry-thumbnail{width:110px;height:74px} .popular-list .entry-title{font-size:15px} .featured-post .cs{height:200px} .featured-post .entry-title{font-size:22px} #about{flex-direction:column;gap:25px} .about-section .Image{flex-direction:column;justify-content:center;flex:unset;max-width:100%;gap:25px;text-align:center} .footer-info .title{display:none} .footer-logo{padding:0!important} .about-section .LinkList{width:100%;justify-content:center} .about-section ul.social-icons{justify-content:center} .footer-bar{height:auto;line-height:inherit;padding:35px 0} .footer-bar .container{display:grid;grid-template-columns:1fr;gap:15px;text-align:center} .footer-copyright{order:1} .footer-menu ul{justify-content:center;gap:5px 20px} .menu-on .back-top{opacity:0!important} } @media (max-width: 680px) { .type-video .yt-img\:x3:after{transform:translate(50%,50%) scale(.95)} .featured .widget{--height:220px} .featured-items .cs{height:220px} .featured-items .cs .entry-title{font-size:22px} .featured-grid .entry-thumbnail{height:130px} .featured-grid .entry-title{font-size:15px} .list-items .post{flex-direction:column;gap:14px} .list-items .entry-thumbnail{width:100%;height:200px} .list-items .entry-header{flex:auto;align-self:start} .list-items .entry-title{font-size:22px} .grid-items{grid-template-columns:1fr} .grid-items .entry-thumbnail{height:200px} .grid-items .entry-title{font-size:22px} .item-post h1.entry-title{font-size:31px} .post-body table{display:block} .related-items{grid-template-columns:1fr 1fr} .related-items .entry-thumbnail{height:130px} .sidebar ul.social{grid-template-columns:1fr 1fr} .errorWrap{padding:20px 0 30px} .errorWrap h3{font-size:130px} .errorWrap h4{line-height:initial} } @media (max-width: 480px) { :root{--gap:25px} .container{padding:0 16px} .main-search{top:20px;max-width:calc(100% - (16px * 2));max-height:calc(100% - (20px * 2))} .featured-items,.featured-grid{gap:20px} .featured-grid .entry-thumbnail{height:120px} .featured-grid .entry-header{padding:16px} .list-items .entry-title{font-size:20px} .grid-items .entry-title{font-size:20px} .item-post h1.entry-title{font-size:29px} .share-a .twitter .btn{width:38px} .share-a .twitter .btn span{display:none} .share-a .whatsapp{display:none} .related-items{gap:25px 20px} .related-items .entry-thumbnail{height:110px} .popular-items .cs .entry-title{font-size:20px} .featured-post .entry-title{font-size:20px} .share-modal{max-width:calc(100% - (16px * 2))} .back-top{right:16px} .rtl .back-top{left:16px;right:auto} } @media (max-width: 380px) { .search-items .post{gap:14px} .search-items .entry-thumbnail{width:98px;height:68px} .search-items .entry-title{font-size:14px} .featured .widget{--height:180px} .featured-items .cs{height:180px} .featured-items .cs .entry-title{font-size:20px} .featured-grid .entry-thumbnail{height:100px} .featured-grid .entry-title{font-size:14px} .list-items .entry-thumbnail{height:180px} .grid-items .entry-thumbnail{height:180px} .item-post h1.entry-title{font-size:27px} .share-a .facebook .btn{width:38px} .share-a .facebook .btn span{display:none} .related-items .entry-thumbnail{height:90px} .related-items .entry-title{font-size:14px} .popular-items .cs{height:180px} .popular-list .entry-thumbnail{width:98px;height:68px} .popular-list .entry-title{font-size:14px} .featured-post .cs{height:180px} } @media (max-width: 340px) { .search-items .entry-thumbnail{width:88px;height:60px} .item-post h1.entry-title{font-size:25px} ul.share-b{gap:10px} .slide-menu{width:100%} .errorWrap h3{font-size:110px} .errorWrap h4{font-size:27px} } ]]> .container{display:flex;margin:0} body#layout .main-wrap{width:67%;padding:0} body#layout .sidebar-wrap{width:33%;padding:0} body#layout #about{overflow:hidden!important} body#layout #about .widget{float:left;width:49.5%;margin-right:1%} body#layout #about .LinkList{margin-right:0} body#layout .footer-bar .container{display:flex} body#layout #footer-menu,body#layout #footer-copyright{width:50%} body#layout .section > h4:after{font-size:12px} body#layout #pbt-panel > h4:after{content:" - Default Thumbnail, Translate and More"} body#layout #main-logo > h4:after{content:" - Main Logo"} body#layout #main-menu > h4:after{content:" - Menu Links, Sub Links"} body#layout #featured > h4:after{content:" - Popular Posts"} body#layout #main > h4:after{content:" - Default Blog Posts, AdSense In-Feed, Comments and More"} body#layout #related-posts > h4:after{content:" - Exclusive Non-Duplicate Post System"} body#layout #sidebar > h4:after{content:" - Default Gadgets"} body#layout #about > h4:after{content:" - Site Logo, Description and Social Icons"} body#layout #footer-copyright > h4:after{content:" - Custom Credits"} body#layout #footer-menu > h4:after{content:" - Custom Links"} body#layout:after{content:"\0000a9\0000a0\Pro Blogger Templates - Core Version (2.0.0)";display:block;font-family:Roboto,sans-serif;font-size:14px;color:rgba(0,0,0,.54);line-height:1;text-align:center;visibility:visible;padding:20px 0 30px} body#layout #hidden{display:none!important} ]]> <data:view.title.escaped/>

const noThumbnail = "";

const pageOf = ""; const prevMsg = ""; const nextMsg = "";