-- 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; --container:66.25rem; --sidebar:18.75rem; --main-gap:2rem; --body-bg-color:$(background.color); --body-bg:$(body.background); --outer-bg:$(outer.bg); --widget-bg:$(widget.bg); --accent-color:$(accent.color); --accent-color-lite:$(accent.color)80; --title-color:$(title.color); --title-hover-color:$(title.hover.color); --text-color:$(text.color); --summary-color:$(summary.color); --meta-color:$(meta.color); --header:4.5rem; --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); --modal-bg:var(--widget-bg); --title-weight:700; --white-color:#fff; --gray-bg:$(rgba)08; --overlay-bg:$(rgba)80; --border-color:$(rgba)0d; --shadow:1px 1px 5px 0 $(rgba)0d; --radius:0.5rem; } html.rtl{ --body-font:Cairo, sans-serif; --menu-font:Cairo, sans-serif; --title-font:Cairo, sans-serif; --text-font:Cairo, sans-serif; } /*-- 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,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;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:0;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;font-size:16px;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:0.875rem;color:var(--text-color);font-weight:400;font-style:normal;line-height:1.25rem} h1,h2,h3,h4{font-family:var(--title-font);font-weight:var(--title-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(var(--container) + (var(--main-gap) * 2));max-width:100%;box-shadow:0 0 15px $(rgba)0d} .container{position:relative} .row-x1{width:var(--container);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(--main-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% - (var(--sidebar) + var(--main-gap)))} .no-sidebar .main-wrap{width:100%} .sidebar-wrap{position:relative;width:var(--sidebar)} .no-sidebar .sidebar-wrap{display:none} .post{transition:transform .25s ease} .post:hover{transform:translateY(-0.25rem)} .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} [class*="yt-img"]:after{display:flex;align-items:center;justify-content:center;content:"\f4f4";position:absolute;right:50%;bottom:50%;width:2.5rem;height:2rem;background:var(--accent-color);font-size:1.25rem;color:var(--white-color);text-shadow:2px 2px 0 rgba(0,0,0,.05);z-index:3;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:0.25rem} .entry-header .entry-tag{font-size:0.75rem;color:var(--accent-color);font-weight:700;text-transform:uppercase} .entry-title{color:var(--title-color);line-height:1.35em} .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:0.25rem;font-size:0.75rem;color:var(--meta-color);line-height:1rem} .entry-meta > span{display:flex;gap:0.25rem} .entry-meta .author-name{color:var(--title-color);font-weight:600} .excerpt{font-family:var(--text-font);font-size:0.875rem;color:var(--summary-color);line-height:1.25rem} .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(0deg,$(rgba) 0%,$(rgba)1a 100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;opacity:.5;transition:opacity .25s ease} .cs .yt-img:after{top:1.5rem;right:1.5rem;transform:translate(0)} .rtl .cs .yt-img:after{left:1.5rem;right:unset} .cs .entry-header{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(0deg,$(rgba)a6 0%,$(rgba)00 100%);overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.1);z-index:10;padding:1.5rem;gap:0.5rem} .cs .entry-tag{display:flex;align-items:center;position:absolute;top:1.5rem;left:1.5rem;max-width:fit-content;height:1.5rem;background:var(--accent-color);font-size:0.75rem;color:var(--white-color);font-weight:500;z-index:10;padding:0 0.5rem;margin:0 0 0.25rem;border-radius:var(--radius)} .rtl .cs .entry-tag{left:unset;right:1.5rem} .cs .entry-title{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--white-color)} .cs .entry-meta,.cs .entry-meta .author-name{color:#e2e8f0} .cs .entry-meta .author-name{font-weight:600} .btn{position:relative;font-weight:400;line-height:1;border-radius:var(--radius)} .btn:focus{box-shadow:0 0 0 2px var(--accent-color-lite)} .loader{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;font-size:2.25rem} .spinner{width:1em;height:1em;z-index:2;animation:rotate 2s linear infinite} .spinner .path{fill:none;stroke-width:0.188rem;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;color:var(--meta-color);padding:1.5rem 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)} .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(0% - (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(var(--container) + (var(--main-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:var(--main-gap);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:2.5rem} .main-logo .title{max-width:100%;font-family:var(--title-font);font-size:1.5rem;color:var(--header-color);line-height:2.5rem;font-weight:var(--title-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:1.5rem} .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:1rem;color:var(--header-color);font-weight:700} .main-nav > li > a > i{margin:0 0.25rem 0 0} .rtl .main-nav > li > a > i{margin:0 0 0 0.25rem} .main-nav > li > a > i[code]:before{content:attr(code)} .main-nav .has-sub > a:after{content:"\f282";font-size:0.625rem;font-weight:700;margin:-0.25rem 0 0 0.25rem} .rtl .main-nav .has-sub > a:after{margin:-0.25rem 0.25rem 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) - 0.5rem);width:11.25rem;background:var(--submenu-bg);z-index:99999;padding:0.5rem 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,0.5rem,0)} .rtl .main-nav .sub-menu,.rtl .main-nav .ul{left:auto;right:0} .main-nav .sub-menu.sm-1{left:-0.875rem} .rtl .main-nav .sub-menu.sm-1{left:unset;right:-0.875rem} .main-nav .sub-menu.sm-2{top:-0.5rem;left:100%;transform:translate3d(-0.5rem,0,0)} .rtl .main-nav .sub-menu.sm-2{left:unset;right:100%;transform:translate3d(0.5rem,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:0.875rem;color:var(--submenu-color);padding:0.5rem 1rem} .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,.main-nav li:hover .ul{backface-visibility:inherit;visibility:visible;opacity:1;transform:translate3d(0,0,0)} .mobile-menu-toggle{display:none;align-items:center;height:2.25rem;font-size:1.625rem;color:var(--header-color);padding:0 1.125rem} .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:0.75rem;background:var(--header-bg);z-index:20} .toggle-wrap .search-toggle{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--gray-bg);font-size:1.25rem;color:var(--header-color);border-radius:var(--radius)} .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:1.5rem;left:50%;width:30rem;max-width:calc(100% - 3rem);max-height:calc(100% - 3rem);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:4rem;flex-shrink:0} .main-search .search-input{flex:1;width:100%;font-size:1rem;color:var(--title-color);font-weight:400;padding:0 1.5rem} .main-search .search-input::placeholder{color:var(--title-color);opacity:.65} .main-search .search{display:flex;align-items:center;font-size:1.25rem;color:var(--title-color);padding:0 1.5rem;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:1.5rem;height:calc(100% - 4rem);overflow:hidden;padding:1.5rem;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:1.5rem} @keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,0.25rem,0)}100%{opacity:1;transform:translate3d(0,0,0)}} .search-items .post{display:flex;gap:1rem;animation:fadeInUp .5s ease;transform:none} .search-items .entry-thumbnail{width:6.875rem;height:5.125rem;border-radius:var(--radius)} .search-items .entry-header{flex:1;align-self:center} .search-items .entry-title{font-size:1rem} .search-items .entry-title a{-webkit-line-clamp:2} .main-search .view-all{display:flex;align-items:center;justify-content:center;gap:0.5rem;flex-shrink:0;height:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);padding:0 1.5rem} .main-search .view-all:after{content:"\f138"} .rtl .main-search .view-all:after{content:"\f12f"} .main-search .view-all:hover{opacity:.9} .search-content .loader{height:4.5rem} .search-content .error-msg{justify-content:center;height:4.5rem;padding:0} .search-on .overlay-bg{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' 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:18.75rem;height:100%;top:0;left:0;bottom:0;background:var(--widget-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 1.25rem} .rtl .mobile-logo{padding:0 1.25rem 0 0} .mobile-logo .homepage{max-width:100%;font-size:1.5rem;color:var(--header-color);line-height:2.5rem;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:2.5rem} .hide-mobile-menu{display:flex;align-items:center;height:100%;color:var(--header-color);font-size:1.375rem;z-index:20;padding:0 1.25rem} .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));flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch} .mobile-menu{padding:1.25rem} .mobile-menu ul li a{display:block;font-family:var(--menu-font);font-size:1.125rem;color:var(--title-color);padding:0.75rem 0} .mobile-menu > ul > li > a{font-weight:700} .mobile-menu > ul > li > a > i{margin:0 0.25rem 0 0} .rtl .mobile-menu > ul > li > a > i{margin:0 0 0 0.25rem} .mobile-menu .sub-menu{display:none;overflow:hidden;padding:0 0 0 1rem} .rtl .mobile-menu .sub-menu{padding:0 1rem 0 0} .mobile-menu .has-sub li a{font-size:1rem;opacity:.75} .mobile-menu .has-sub > a{display:flex;justify-content:space-between} .mobile-menu .has-sub > a:has(i, svg, symbol){display:grid;grid-template-columns:auto 1fr auto} .mobile-menu .has-sub > a:after{content:"\f282";font-size:1.125rem} .mobile-menu .has-sub.expanded > a:after{content:"\f286"} .mobile-menu ul li a:hover{color:var(--title-hover-color)} .mm-footer{gap:1rem;padding:1.25rem} .mm-footer ul{display:flex;flex-wrap:wrap;gap:0.5rem 1rem} .mm-footer .social a{font-size:1rem} .mm-footer .social a:before{text-shadow:2px 2px 0 var(--gray-bg)} .mm-footer .social a:hover{opacity:.9} .mm-footer .footer-links a{font-size:0.875rem;color:var(--title-color)} .mm-footer .footer-links a:hover{color:var(--title-hover-color)} .featured .widget{display:none;margin:var(--main-gap) 0 0;--height:19.75rem} .featured .widget.PopularPosts{display:block} .featured-items{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:1rem;width:100%} .featured-items .post{height:var(--height)} .featured-items .cs .entry-thumbnail{width:100%;height:100%} .featured-items .cs.entry-header{padding:1.25rem} .featured-items .cs .entry-title{font-size:1.375rem} .title-wrap{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 0 1.5rem} .title-wrap .title{display:flex;align-items:center;position:relative;font-size:1.25rem;color:var(--title-color);line-height:1.75rem} .title-wrap .title-link{display:flex;align-items:center;flex-shrink:0;gap:0.25rem;font-size:0.875rem;color:var(--accent-color)} .title-wrap .title-link:after{content:"\f138"} .rtl .title-wrap .title-link:after{content:"\f12f"} .title-wrap .title-link:hover{opacity:.9} .list-items{display:grid;grid-template-columns:1fr;gap:1rem} .list-items .post{display:flex;gap:1.5rem;background:var(--widget-bg);padding:1rem;box-shadow:var(--shadow);border-radius:var(--radius)} .list-items .entry-thumbnail{width:17.5rem;height:13.125rem} .list-items .entry-header{flex:1;align-self:center;gap:0.5rem} .list-items .entry-title{font-size:1.25rem} .list-items .entry-meta{font-size:0.875rem;line-height:1.25rem} .grid-items{display:grid;grid-template-columns:1fr 1fr;gap:1rem} .grid-items .post{display:flex;flex-direction:column;gap:1rem;background:var(--widget-bg);padding:1rem;box-shadow:var(--shadow);border-radius:var(--radius)} .grid-items .entry-thumbnail{width:100%;height:13.75rem} .grid-items .entry-header{gap:0.5rem} .grid-items .entry-title{font-size:1.25rem} .grid-items .entry-meta{font-size:0.875rem;line-height:1.25rem} .queryMessage .query-info{display:flex;align-items:center;font-family:var(--title-font);font-size:1.25rem;color:var(--title-color);font-weight:var(--title-weight);line-height:1.75rem;margin:0 0 1.5rem} .no-posts .queryMessage .query-info{margin:0} .queryEmpty{font-size:0.875rem;color:var(--meta-color);text-align:center;margin:3rem 0} .index-post-wrap .post.ad-type{display:block;background:transparent;padding:0;box-shadow:none;border-radius:0;transform:none} @keyframes pbtFadeInUp{0%{opacity:0;transform:translate3d(0,0.625rem,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:1.5rem;box-shadow:var(--shadow);border-radius:var(--radius)} .item-post .post-header{gap:1rem} #breadcrumb{display:flex;align-items:center;gap:0.25rem;font-size:0.875rem;color:var(--accent-color)} #breadcrumb a{color:currentColor} #breadcrumb a:hover{opacity:.9} #breadcrumb .sep:after{content:"\f285";font-size:0.625rem;font-style:normal;font-weight:700} .rtl #breadcrumb .sep:after{content:"\f284"} .item-post h1.entry-title{font-size:2.25rem} .post-header .entry-meta{flex-wrap:nowrap;justify-content:space-between;gap:0;font-size:0.875rem;line-height:1.25rem} .entry-meta .align-left,.entry-meta .align-right{display:flex;align-items:center} .entry-meta .entry-avatar{flex-shrink:0;width:2.25rem;height:2.25rem;overflow:hidden;padding:0.125rem;margin:0 0.375rem 0 0;border:1px solid var(--accent-color);border-radius:50%} .rtl .entry-meta .entry-avatar{margin:0 0 0 0.375rem} .entry-meta .avatar{z-index:2;border-radius:50%} .entry-meta .al-items{display:flex;flex-wrap:wrap;gap:0.25rem} .post-header .entry-meta .entry-author,.post-header .entry-meta .entry-time{display:flex;gap:0.25rem} .post-header .entry-meta .author-name{font-weight:700} .share-toggle{display:flex;align-items:center;justify-content:flex-end;width:2.25rem;height:2.25rem;font-size:1.5rem;color:var(--title-color)} .share-toggle:before{content:"\f1c6"} .share-toggle:hover{color:var(--title-hover-color)} .entry-content-wrap{padding:1.5rem 0 0} #post-body{position:relative;font-family:var(--text-font);font-size:1rem;color:var(--text-color);line-height:1.5em} .post-body p{margin-bottom:1.5rem} .post-body h1,.post-body h2,.post-body h3,.post-body h4{font-size:1.125rem;color:var(--title-color);line-height:1.35em;margin:0 0 1rem} .post-body h1{font-size:2.25rem} .post-body h2{font-size:1.875rem} .post-body h3{font-size:1.5rem} .post-body img{height:auto!important} blockquote{position:relative;background:var(--gray-bg);color:var(--title-color);font-style:normal;padding:1.5rem;margin:0;border-radius:var(--radius)} blockquote:before{position:absolute;top:0.75rem;left:0.75rem;content:"\f6b0";font-size:3rem;color:var(--title-color);font-style:normal;line-height:1;opacity:.05} .rtl blockquote:before{left:unset;right:0.75rem} .post-body ul,.post-body ol{padding:0 0 0 1.5rem;margin:0} .rtl .post-body ul,.rtl .post-body ol{padding:0 1.5rem 0 0} .post-body ul ul,.post-body ul ol,.post-body ol ol,.post-body ol ul,.post-body li + li{margin:0.75rem 0 0} .post-body ul li,.post-body ol li{list-style:none} .post-body ul li:before{content:"\f287";font-size:0.375rem;line-height:1rem;vertical-align:middle;margin:0 0.375rem 0 0} .post-body ul li ul li:before{content:"\f28a"} .rtl .post-body ul li:before{margin:0 0 0 0.375rem} .post-body ol{counter-reset:pbt} .post-body ol > li{counter-increment:pbt;list-style:none} .post-body ol > li:before{content:counters(pbt,".")".";font-family:inherit;font-size:1em;margin:0 0.375em 0 0} .rtl .post-body ol > li:before{margin:0 0 0 0.375em} .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:2.5rem;background:var(--accent-color);font-family:var(--body-font);font-size:1rem;color:var(--white-color);line-height:2.5rem;text-align:center;text-decoration:none!important;cursor:pointer;padding:0 1.5rem;margin:0 0.5rem 0.5rem 0} .rtl .post-body .button{margin:0 0 0.5rem 0.5rem} .post-body .button.x2{height:3rem;font-size:1rem;line-height:3rem} .post-body .button.is-c,.rtl.post-body .button.is-c{margin:0 0.25rem 0.5rem} .post-body .button[disabled]{opacity:.5} .post-body .button:not([disabled]):hover{opacity:.9} .post-body .button.color:focus{box-shadow:0 0 0 2px var(--border-color)} .post-body .button.x2 span{display:inline-block;background:rgba(255,255,255,.08);font-size:0.875rem;line-height:1;padding:0.25rem 0.5rem;margin:0 0 0 1.5rem;border-radius:var(--radius)} .rtl .post-body .button.x2 span{margin:0 1.5rem 0 0} .post-body .button:before{font-size:1rem;font-style:normal;vertical-align:middle;margin:0 0.5rem 0 0} .rtl .post-body .button:before{margin:0 0 0 0.5rem} .post-body .btn.x2:before{font-size:1.125rem} .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 .btn.continue:before{content:"\f138"} .rtl .post-body .btn.continue:before{content:"\f12f"} .alert-message{display:block;position:relative;background:#22c55e15;color:#22c55e;overflow:hidden;padding:1.5rem;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:1rem;vertical-align:middle;margin:0 0.5rem 0 0} .rtl .alert-message:before{margin:0 0 0 0.5rem} .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;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:0.5rem 1rem;border:1px solid var(--border-color)} .post-body table thead th{color:var(--title-color)} table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{line-height:1rem;padding:0;border:0} table.tr-caption-container td.tr-caption{font-size:0.75rem;padding:0.25rem 0 0 0} .post-body .contact-form-widget{display:table;width:100%;font-family:var(--body-font)} .post-body .contact-form-form{grid-template-columns:1fr 1fr} .post-body .contact-form-widget .cf-s{font-size:1rem} .post-body .contact-form-email-message,.post-body .contact-form-button,.post-body .contact-form-form p{grid-column:1/3} .post-body pre,pre.code-box{display:block;background:var(--gray-bg);font-family:monospace;font-size:0.875rem;color:var(--title-color);white-space:pre-wrap;line-height:1.25rem;padding:1.5rem;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:1.5rem 0} .entry-labels{display:flex;flex-wrap:wrap;gap:0.5rem;margin:1.5rem 0 0} .entry-labels > *{display:flex;align-items:center;height:1.5rem;background:var(--gray-bg);font-size:0.75rem;color:var(--title-color);font-weight:500;padding:0 0.5rem;border-radius:var(--radius)} .entry-labels span{background:var(--title-color);color:var(--widget-bg)} .entry-labels a:hover{background:var(--accent-color);color:var(--white-color)} .post-share{margin:1.5rem 0 0} .share-a{display:flex;flex-wrap:wrap;align-items:start;gap:0.5rem} .share-a .sl{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:currentColor;font-size:1.125rem;border-radius:var(--radius)} .share-a .has-span .sl{display:flex;gap:0.5rem;width:auto;padding:0 1rem} .share-a .sl:before{color:var(--white-color)} .share-a .sl span{font-size:0.875rem;color:var(--white-color)} .share-a .share-label .sl{position:relative;background:var(--widget-bg);font-size:1.125rem;color:var(--title-color);line-height:1;overflow:visible;margin:0 0.25rem 0 0;border:0.063rem solid var(--border-color)} .rtl .share-a .share-label .sl{margin:0 0 0 0.25rem;transform:scaleX(-1)} .share-a .share-label .sl:before,.share-a .share-label .sl:after{content:"";position:absolute;height:0;width:0;pointer-events:none;top:calc(50% - 0.375rem);right:-0.75rem;border:0.375rem solid transparent;border-left-color:var(--border-color)} .share-a .share-label .sl:after{top:calc(50% - 0.375rem);right:-0.625rem;border:0.375rem solid transparent;border-left-color:var(--widget-bg)} .share-a .share-label i:before{content:"\f52d"} .share-a .show-more .sl{background:var(--gray-bg);font-size:1.5rem} .share-a .show-more .sl:before{content:"\f64d";color:var(--meta-color)} .share-a li:not(.share-label) .sl:hover{opacity:.9} .share-modal{display:flex;flex-direction:column;position:fixed;top:50%;left:50%;width:27.5rem;max-width:calc(100% - 3rem);background:var(--modal-bg);overflow:hidden;z-index:1010;padding:1.5rem;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 1rem;margin:0 0 1rem;border-bottom:1px solid var(--border-color)} .share-modal .title{font-family:var(--title-font);font-size:1rem;color:var(--title-color);font-weight:var(--title-weight);text-transform:capitalize} .hide-modal{display:flex;font-size:1.375rem;color:var(--title-color)} .hide-modal:before{content:"\f659"} .hide-modal:hover{color:var(--title-hover-color)} .share-b{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0 0 1.5rem} .share-b a{display:flex;align-items:center;justify-content:center;height:2.5rem;background:currentColor;font-size:1.125rem;border-radius:var(--radius)} .share-b a:before{color:var(--white-color)} .share-b a:hover{opacity:.9} .copy-link{display:flex;gap:0.75rem;position:relative;width:100%;height:2.5rem;margin:1rem 0 0} .copy-link:before{content:"\f470";position:absolute;top:50%;left:1.25rem;font-size:1.375rem;color:var(--title-color);transform:translate(-50%,-50%)} .rtl .copy-link:before{left:unset;right:1.25rem;transform:translate(50%,-50%)} @keyframes copyOn{0%{opacity:0}100%{opacity:1}} @keyframes copyOff{0%{opacity:0}100%{opacity:1}} .copy-link.copied:before{content:"\f26f";color:#3fbb50;animation:copyOn .35s ease} .copy-link.copied-off:before{animation:copyOff .35s ease} .copy-link input{flex:1;width:100%;background:var(--gray-bg);font-size:0.875rem;color:var(--text-color);padding:0 1rem 0 2.5rem;border-radius:var(--radius)} .rtl .copy-link input{padding:0 2.5rem 0 1rem} .copy-link input:focus{box-shadow:0 0 0 2px var(--accent-color-lite)} .copy-link button{display:flex;align-items:center;justify-content:center;max-width:fit-content;background:var(--accent-color);font-size:1rem;color:var(--white-color);padding:0 1.5rem} .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(--main-gap) 0 0} .about-author{display:flex;gap:1rem;background:var(--widget-bg);padding:1.5rem;box-shadow:var(--shadow);border-radius:var(--radius)} .about-author .author-avatar{width:4rem;height:4rem;border-radius:50%} .author-description{flex:1;gap:0.5rem} .about-author .author-title{font-size:1.25rem;color:var(--title-color);line-height:1.75rem} .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:1rem;line-height:1.5rem} .author-description .author-text br,.author-description .author-text a{display:none} .author-links{display:flex;flex-wrap:wrap;gap:1rem} .author-links a{display:block;font-size:1rem;color:var(--text-color)} .author-links a:before{text-shadow:0.125rem 0.125rem 0 var(--gray-bg)} .author-links a:hover{opacity:.9} #related-posts{display:none} .related-wrap .loader{height:11.25rem} .related-items{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem} .related-items .post{display:flex;flex-direction:column;gap:0.5rem;background:var(--widget-bg);padding:1rem;box-shadow:var(--shadow);border-radius:var(--radius)} .related-items .entry-thumbnail{width:100%;height:9.25rem} .related-items .entry-title{font-size:1rem} .blog-post-comments{display:none;flex-direction:column;background:var(--widget-bg);padding:1.5rem;box-shadow:var(--shadow);border-radius:var(--radius)} .blog-post-comments.visible{display:flex} .comments-header{gap:0.5rem;margin:0 0 1.5rem} .no-comments.no-comment-form .comments-header,.comments-title{margin:0} .comment-thread ol{padding:0;margin:0} .comment-thread .comment{position:relative;list-style:none;padding:1.5rem;margin:1.5rem 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} .comment-thread .comment .comment{background:var(--gray-bg);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:-2rem;top:-0.5rem;font-size:1.125rem;color:var(--border-color)} .rtl .comment-thread ol ol .comment:before{content:"\f131";left:unset;right:-2rem} .comments .comment-replybox-single iframe{padding:0 0 0 3.5rem;margin:1rem 0 0} .rtl .comments .comment-replybox-single iframe{padding:0 3.5rem 0 0} .comment-thread .avatar-image-container{position:absolute;top:1.5rem;left:1.5rem;width:2.5rem;height:2.5rem;overflow:hidden;border-radius:50%} .rtl .comment-thread .avatar-image-container{left:auto;right:1.5rem} .comment-thread .comment .comment .avatar-image-container{left:1.5rem} .rtl .comment-thread .comment .comment .avatar-image-container{left:unset;right:1.5rem} .avatar-image-container img{display:block;width:100%;height:100%} .comments .comment-block{display:flex;flex-direction:column;gap:0.5rem} .comments .comment-header{padding:0 0 0 3.5rem} .rtl .comments .comment-header{padding:0 3.5rem 0 0} .comments .comment-header .user{display:inline-block;font-family:var(--title-font);font-size:1.125rem;color:var(--title-color);font-weight:var(--title-weight);font-style:normal;line-height:1.75rem} .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(--accent-color);-webkit-background-clip:text;background-clip:text;font-size:0.875rem;color:var(--accent-color);-webkit-text-fill-color:transparent;vertical-align:top;margin:-0.5rem 0 0 0.25rem} .rtl .comments .comment-header .icon.blog-author{margin:-0.5rem 0.25rem 0 0} .comments .comment-header .icon.blog-author:before{content:"\f4b5"} .comments .comment-header .datetime{display:block;font-size:0.75rem;line-height:1rem} .comment-header .datetime a{color:var(--meta-color)} .comments .comment-content{display:block;font-family:var(--text-font);font-size:1rem;color:var(--text-color);line-height:1.5rem} .comments .comment-content > a:hover{text-decoration:underline} .comments .comment-video{position:relative;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;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:1rem} .comments .comment-actions a{display:inline-block;font-size:0.875rem;color:var(--accent-color)} .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:1rem 0 0 0} .comments .continue{display:none} .comments .comment-replies{padding:0 0 0 3.5rem} .rtl .comments .comment-replies{padding:0 3.5rem 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:0.875rem;margin:0} .comments-message{color:var(--meta-color);font-style:italic} .has-comments.no-comment-form .comments-message{margin:1.5rem 0 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 0.25rem} #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:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);padding:0 1.5rem;margin:1.5rem 0 0} .no-comments .show-cf{margin:0} .show-cf:hover,.comments #top-continue a:hover{opacity:.9} .show-cf:focus,.comments #top-continue a:focus{box-shadow:0 0 0 2px var(--accent-color-lite)} .cf-on .show-cf,.comments .comment-replybox-thread,.no-comments .comment-form,.no-comment-form #top-continue a{display:none} .cf-on .comments .comment-replybox-thread,.cf-on .no-comments .comment-form{display:block} #comment-editor[height="230px"],#comment-editor[height="1142px"]{height:4.25rem} #comment-editor{min-height:4.25rem;max-height:fit-content} #top-ce #comment-editor{margin:1.5rem 0 0} .post-nav{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:0.875rem} .post-nav > *{display:flex;align-items:center;gap:0.25rem;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:0.625rem;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:var(--main-gap) 0 0} .blog-pager .btn{display:none;align-items:center;justify-content:center;gap:0.5rem;height:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);padding:0 2rem} .blog-pager a:after{content:"\f282";margin:-0.125rem 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:2.5rem} .blog-pager .visible{display:flex} .sidebar{position:relative;display:grid;grid-template-columns:100%;gap:var(--main-gap)} .sidebar .widget{display:flex;flex-direction:column} .sidebar .widget:not(.PopularPosts,.FeaturedPost,.getPosts,.is-ad) .widget-content{position:relative;background:var(--widget-bg);padding:1.5rem;box-shadow:var(--shadow);border-radius:var(--radius)} .sidebar .widget.is-ad {display:block} .sidebar .is-ad .title-wrap{display:none} .sidebar .social{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem} .sidebar .social a{display:flex;align-items:center;gap:0.5rem;width:100%;height:2.5rem;background:currentColor;font-size:1.125rem;font-weight:400;padding:0 1rem;border-radius:var(--radius)} .sidebar .social .instagram a{background:var(--instagram)} .sidebar .social a:before{color:var(--white-color)} .sidebar .social span{font-size:0.875rem;color:var(--white-color)} .sidebar .social a:hover{opacity:.9} .pbt-s .loader{height:11.25rem} .popular-items{display:grid;grid-template-columns:1fr;gap:1rem} .popular-items .cs{height:13.75rem} .popular-items .cs .entry-title{font-size:1.25rem} .popular-list{display:grid;grid-template-columns:1fr;gap:1rem} .popular-list .post{display:flex;gap:1rem;background:var(--widget-bg);padding:1rem;box-shadow:var(--shadow);border-radius:var(--radius)} .popular-list .entry-thumbnail{width:6.25rem;height:4.75rem} .popular-list .entry-header{flex:1;align-self:center} .popular-list .entry-title{font-size:0.875rem} .featured-post .cs{height:13.75rem} .featured-post .entry-title{font-size:1.25rem} .list-style{display:flex;flex-direction:column;gap:1rem;font-size:0.875rem;color:var(--title-color)} .list-style li a{display:block;color:var(--title-color)} .list-style li a.has-count{display:flex;justify-content:space-between} .list-style li a:hover{color:var(--title-hover-color)} .list-style .count{color:var(--accent-color)} .cloud-style{display:flex;flex-wrap:wrap;gap:0.5rem} .cloud-style li a{display:flex;align-items:center;gap:0.25rem;height:2rem;background:var(--gray-bg);color:var(--title-color);font-size:0.875rem;font-weight:500;padding:0 1rem;border-radius:var(--radius)} .cloud-style li a:hover{background:var(--accent-color);color:var(--white-color)} .BlogSearch .search-input{display:flex;align-items:center;justify-content:space-between;width:100%;height:2.5rem;background:var(--gray-bg);font-size:0.875rem;color:var(--title-color);cursor:text;padding:0 1rem;border-radius:var(--radius)} .BlogSearch .search-input:before{content:attr(placeholder);font-family:inherit;opacity:.65} .BlogSearch .search-input:after{content:"\f52a";font-size:1rem;opacity:.65} .MailChimp .widget-content{position:relative} .MailChimp .widget-content:before{content:"\f32f";position:absolute;top:0;right:0;font-size:2.5rem;color:var(--border-color);line-height:1;z-index:1;transform:translate(-0.75rem,0.75rem) rotate(35deg)} .rtl .MailChimp .widget-content:before{left:0;right:unset;transform:translate(0.75rem,0.75rem) rotate(-35deg)} .MailChimp .mailchimp-title{font-size:1.25rem;color:var(--title-color);line-height:1.75rem;margin:0 0 1rem} .MailChimp .mailchimp-text{margin:0 0 1rem} .MailChimp form{display:flex;flex-direction:column;gap:0.75rem} .MailChimp .mailchimp-email-address{width:100%;height:2.5rem;background:var(--gray-bg);font-size:0.875rem;color:var(--title-color);padding:0 1rem;border-radius:var(--radius)} .MailChimp .mailchimp-email-address::placeholder{color:var(--title-color);opacity:.65} .MailChimp .mailchimp-email-address:focus{box-shadow:0 0 0 2px var(--accent-color-lite)} .MailChimp .mailchimp-submit{width:100%;height:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);cursor:pointer;padding:0 1.5rem} .MailChimp .mailchimp-submit:hover{opacity:.9} .contact-form-form{display:grid;grid-template-columns:1fr;gap:0.75rem} .contact-form-widget .cf-s{width:100%;height:2.5rem;background:var(--gray-bg);font-size:0.875rem;color:var(--title-color);padding:0 1rem;border-radius:var(--radius)} .contact-form-email-message.cf-s{height:auto;resize:vertical;padding:1rem} .contact-form-widget .cf-s::placeholder{color:var(--title-color);opacity:.65} .contact-form-widget .cf-s:focus{box-shadow:0 0 0 2px var(--accent-color-lite)} .contact-form-button-submit{float:left;width:100%;height:2.5rem;background:var(--accent-color);font-family:inherit;font-size:1rem;color:var(--white-color);font-weight:400;cursor:pointer;padding:0 1.5rem;border:0;border-radius:var(--radius)} .contact-form-button-submit:hover{opacity:.9} .contact-form-widget p{display:none;margin:0} .contact-form-widget .contact-form-error-message-with-border,.contact-form-widget .contact-form-success-message-with-border{display:block;font-size:0.75rem;color:#ef4444;line-height:1rem} .contact-form-widget .contact-form-success-message-with-border{color:#22c55e} .contact-form-cross{cursor:pointer;margin:0 0.25rem} .Profile ul li{float:left;width:100%;padding:1.25rem 0 0;margin:1.25rem 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;gap:0.75rem} .Profile .profile-img{width:2.75rem;height:2.75rem;background:var(--gray-bg);overflow:hidden;border-radius:50%} .Profile .profile-info{flex:1} .Profile .profile-name{display:block;font-family:var(--title-font);font-size:1rem;color:var(--title-color);font-weight:var(--title-weight);line-height:1.5rem} .Profile .profile-name:hover{color:var(--title-hover-color)} .Profile .profile-link{display:block;font-size:0.75rem;color:var(--meta-color);line-height:1rem;margin:0.125rem 0 0} .Profile .profile-link:hover{color:var(--accent-color)} .Image img{width:auto;height:auto} .Image .image-caption{margin:0.5rem 0 0} .Attribution a{display:flex;align-items:center;font-size:1rem;color:var(--title-color);font-weight:var(--title-weight);line-height:1.5rem} .Attribution a > svg{width:1.125rem;height:1.125rem;fill:var(--accent-color);margin:0 0.375rem 0 0} .rtl .Attribution a > svg{margin:0 0 0 0.375rem} .Attribution a:hover{color:var(--title-hover-color)} .Attribution .copyright{font-size:0.75rem;color:var(--meta-color);line-height:1rem;padding:0.125rem 1.5rem 0} #google_translate_element{position:relative;overflow:hidden} .Translate .goog-te-gadget{font-family:inherit;font-size:0.75rem;color:var(--meta-color)} .rtl .Translate .goog-te-gadget{direction:inherit} .Translate .goog-te-gadget a{font-size:1em;color:var(--title-color)} .Translate .goog-te-gadget a:hover{color:var(--title-hover-color)} .Translate .goog-te-combo{width:100%;background:var(--widget-bg);font-family:var(--body-font);font-size:0.875rem;padding:1rem;margin:0 0 0.25rem!important;box-shadow:var(--shadow);border-radius:var(--radius)} .Translate .goog-te-gadget-simple{width:100%;font-size:0.875rem!important;padding:1rem!important;border:0!important;box-shadow:var(--shadow);border-radius:var(--radius)} .Stats .text-counter-wrapper{display:flex;align-items:center;gap:0.375rem;font-size:1.25rem;color:var(--title-color);font-weight:700;text-transform:uppercase} .Stats .text-counter-wrapper:before{content:"\f673";font-size:1.125rem} .ReportAbuse > h3{display:flex;gap:0.375rem;background:var(--widget-bg);font-size:0.875rem;color:var(--accent-color);font-weight:400;padding:1.5rem;box-shadow:var(--shadow);border-radius:var(--radius)} .ReportAbuse > h3:before{content:"\f33a"} .ReportAbuse > h3 a:hover{text-decoration:underline} .Header .header-widget a{font-size:1.25rem;color:var(--title-color);font-weight:var(--title-weight)} .Header .header-widget a:hover{color:var(--title-hover-color)} .wikipedia-search-form{display:flex;gap:0.75rem} .wikipedia-search-input{flex:1;width:100%;height:2.5rem;background:var(--gray-bg);font-size:0.875rem;color:var(--title-color);padding:0 1rem;border-radius:var(--radius)} .wikipedia-search-input::placeholder{color:var(--title-color);opacity:.65} .wikipedia-search-input:focus{box-shadow:0 0 0 2px var(--accent-color-lite)} .wikipedia-search-button{height:2.5rem;background:var(--accent-color);font-size:0.875rem;color:var(--white-color);cursor:pointer;padding:0 1rem} .wikipedia-search-button:hover{opacity:.9} .wikipedia-search-results-header,.wikipedia-search-results:not(:has(a)){display:none!important} .wikipedia-search-results a{display:flex;gap:0.375rem;font-size:0.875rem;color:var(--title-color);margin:1rem 0 0} .wikipedia-search-results a:after{content:"\f1c5";font-size:0.75rem} .wikipedia-search-results a:hover{color:var(--title-hover-color)} .wikipedia-search-more:not(:has(a)){display:none!important} .wikipedia-search-more a{display:flex;align-items:center;justify-content:center;height:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);padding:0 1rem;margin:1rem 0 0;border-radius:var(--radius)} .wikipedia-search-more a:hover{opacity:.9} .wikipedia-search-more a:focus{box-shadow:0 0 0 2px var(--accent-color-lite)} .site-footer{position:relative;background:var(--footer-bg);box-shadow:var(--shadow);margin:var(--main-gap) 0 0;--title-color:var(--footer-color);--title-hover-color:var(--footer-hover-color);--text-color:var(--footer-text-color);--summary-color:var(--footer-text-color);--gray-bg:rgba(155,155,155,.07)} .site-footer .footer{float:left;width:100%} #about{gap:var(--main-gap);padding:2.5rem 0} .about-section .Image{display:flex;align-items:center;justify-content:space-between;flex:1;max-width:calc(100% - (var(--sidebar) + var(--main-gap)));gap:2rem} .footer-info{flex:1} .footer-info .title{font-size:1.25rem;color:var(--title-color);line-height:1.75rem;margin:0 0 1rem} .footer-logo img{display:block;max-height:2.5rem} .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:var(--sidebar)} .about-section ul.social{display:flex;flex-wrap:wrap;gap:0.75rem} .about-section .social a{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--gray-bg);font-size:1.125rem;border-radius:var(--radius)} .about-section .social a:before{color:var(--title-color)} .about-section .social a:hover{background:currentColor} .about-section .social a:hover:before{color:var(--white-color)} .about-section .social .instagram a:hover{background:var(--instagram)} .footer-bar{float:left;width:100%;background:var(--footerbar-bg);font-size:0.875rem;color:var(--footerbar-color);padding:1.5rem 0} .footer-bar .container{gap:var(--main-gap)} .footer-copyright a{color:var(--footerbar-color)} .footer-copyright a:hover{color:var(--footerbar-hover-color)} .footer-menu ul{display:flex;flex-wrap:wrap;gap:0.5rem 1.5rem} .footer-menu a{color:var(--footerbar-color)} .footer-menu a:hover{color:var(--footerbar-hover-color)} .is-error .main-wrap{width:100%} .is-error .sidebar-wrap{display:none} .errorWrap{gap:1.5rem} .errorWrap{color:var(--title-color);text-align:center;padding:4rem 0} .errorWrap h3{font-size:9rem;color:var(--title-color);line-height:1} .errorWrap h4{font-size:1.875rem;color:var(--title-color)} .errorWrap p{color:var(--text-color);font-size:1rem} .errorWrap a{display:flex;align-items:center;align-self:center;height:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);padding:0 2rem} .errorWrap a:hover{opacity:.9} .to-top{display:flex;align-items:center;justify-content:center;position:fixed;right:1.5rem;bottom:1.5rem;width:2.5rem;height:2.5rem;background:var(--accent-color);font-size:1.25rem;color:var(--white-color);z-index:50;opacity:0;visibility:hidden;transition:all .17s ease} .rtl .to-top{right:auto;left:1.5rem} .to-top:before{content:"\f286"} .to-top.show{opacity:1;visibility:visible} .to-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;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)} .CSS_LIGHTBOX_BTN_CLOSE{display:flex;align-items:center;justify-content:center;background:transparent!important;top:0!important;right:0!important;width:2.75rem!important;height:2.75rem!important} .CSS_LIGHTBOX_BTN_CLOSE:before{content:"\f659";font-size:1.25rem;color:var(--white-color)} .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: 1108px) { .site-outer,.is-boxed .site-outer,.is-boxed .header-header{width:100%;max-width:100%;margin:0} .row-x1{width:100%} .container{padding:0 1.5rem} .main-wrap{width:calc(70% - var(--main-gap))} .sidebar-wrap{width:30%} .to-top{right:1.5rem;bottom:1.5rem} .rtl .to-top{left:1.5rem;right:auto} } @media (max-width: 980px) { .main-header .container{padding:0!important} .header-items{flex-wrap:nowrap;gap:1.25rem} .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{padding:0 1.25rem} } @media (max-width: 880px) { .yt-img\:x3:after{transform:translate(50%,50%) scale(.95)} .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(--main-gap) 0 0} .featured .widget{--height:15.625rem} .featured-items{grid-template-columns:1fr} .related-items .entry-thumbnail{height:8.125rem} .sidebar .social{grid-template-columns:repeat(4,1fr)} .popular-items .cs{height:15.625rem} .popular-items .cs .entry-title{font-size:1.375rem} .popular-list{grid-template-columns:1fr 1fr} .popular-list .entry-thumbnail{width:6.875rem;height:5.125rem} .popular-list .entry-title{font-size:1rem} .featured-post .cs{height:15.625rem} .featured-post .entry-title{font-size:1.375rem} #about{flex-direction:column;gap:1.5rem} .about-section .Image{flex-direction:column;justify-content:center;flex:unset;gap:1.5rem;max-width:100%;text-align:center} .footer-info .title{display:none} .footer-logo{padding:0!important} .about-section .LinkList,.about-section ul.social{width:100%;justify-content:center} .footer-bar{height:auto;line-height:inherit;padding:var(--main-gap) 0} .footer-bar .container{display:grid;grid-template-columns:1fr;gap:1rem;text-align:center} .footer-copyright{order:1} .footer-menu ul{justify-content:center} .menu-on .to-top{opacity:0!important} } @media (max-width: 680px) { .featured .widget{--height:15rem} .list-items .post{flex-direction:column;gap:1rem} .list-items .entry-thumbnail{width:100%;height:13.75rem} .list-items .entry-header{flex:auto} .grid-items{grid-template-columns:1fr} .grid-items .entry-thumbnail{height:13.75rem} .item-post h1.entry-title{font-size:1.875rem} .post-body table{display:block} .related-items{grid-template-columns:1fr 1fr} .sidebar .social{grid-template-columns:1fr 1fr} .popular-items .cs{height:15rem} .popular-list{grid-template-columns:1fr} .featured-post .cs{height:15rem} .errorWrap{padding:2rem 0} .errorWrap h3{font-size:8rem} .errorWrap h4{line-height:initial} } @media (max-width: 480px) { .yt-img\:x2:after,.yt-img\:x3:after{transform:translate(50%,50%) scale(.75)} .container{padding:0 1rem} .mobile-menu-toggle{padding:1rem} .toggle-wrap{padding:1rem} .main-search{top:1rem;max-width:calc(100% - 2rem);max-height:calc(100% - 2rem)} .share-a .twitter .sl{width:2.5rem} .share-a .twitter .sl span{display:none} .share-a .whatsapp{display:none} .copy-link input{font-size:1rem} .related-items .entry-thumbnail{height:6.75rem} .BlogSearch .search-input{font-size:1rem} .MailChimp .mailchimp-email-address{font-size:1rem} .contact-form-widget .cf-s{font-size:1rem} .wikipedia-search-input,.wikipedia-search-button{font-size:1rem} .share-modal{max-width:calc(100% - 2rem)} .to-top{right:1rem;bottom:1rem} .rtl .to-top{left:1rem;right:auto} } @media (max-width: 380px) { .yt-img\:x2:after,.yt-img\:x3:after{transform:translate(50%,50%) scale(.65)} .search-items .entry-thumbnail{width:6.25rem;height:4.75rem} .search-items .entry-title{font-size:0.875rem} .featured .widget{--height:13.75rem} .featured-items .cs .entry-title{font-size:1.25rem} .list-items .entry-thumbnail{height:12.5rem} .grid-items .entry-thumbnail{height:12.5rem} .item-post h1.entry-title{font-size:1.625rem} .entry-meta .al-items{flex-direction:column;line-height:1rem} .post-header .entry-meta .entry-time .sp{display:none} .share-a .facebook .sl{width:2.5rem} .share-a .facebook .sl span{display:none} .related-items .entry-thumbnail{height:6.125rem} .related-items .entry-title{font-size:0.875rem} .popular-items .cs{height:13.75rem} .popular-items .cs .entry-title{font-size:1.25rem} .popular-list .entry-thumbnail{width:6.25rem;height:4.75rem} .popular-list .entry-title{font-size:0.875rem} .featured-post .cs{height:13.75rem} .featured-post .entry-title{font-size:1.25rem} .consent-button{width:100%} } #Content1 { text-align: center; /* Center the ad horizontally */ margin: 0 auto; /* Center the ad within its container */ } ]]> .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 #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 and Sub Links"} body#layout #featured > h4:after{content:"- Popular Posts"} body#layout #main > h4:after{content:"- Default Blog Posts, Comments and More"} body#layout #related-posts > h4:after{content:"- Related, Recent or Label"} 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 = "";