*/
/*-- Google Fonts --*/
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format("woff2");}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format("woff2");}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v8/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format("woff2");}
/*-- Font Awesome Free 5.14.0 --*/
@font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-style:normal;font-weight:400;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-brands-400.woff2) format("woff2")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-style:normal;font-weight:400;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-regular-400.woff2) format("woff2")}.far{font-family:"Font Awesome 5 Free";font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-style:normal;font-weight:900;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.woff2) format("woff2")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
/*-- CSS Variables --*/
html{
--body-font:'$(main.font.family)', Arial, sans-serif;
--title-font:'$(title.font.family)', Arial, sans-serif;
--meta-font:'$(meta.font.family)', Arial, sans-serif;
--text-font:'$(text.font.family)', Arial, sans-serif;
--body-bg-color:$(body.background.color);
--body-bg:$(body.background);
--outer-bg:$(outer.bg);
--main-color:$(main.color);
--title-color:$(title.color);
--title-hover-color:$(title.hover.color);
--meta-color:$(meta.color);
--text-color:$(text.color);
--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);
--megamenu-bg:$(megamenu.bg);
--megamenu-color:$(megamenu.color);
--megamenu-hover-color:$(megamenu.hover.color);
--mobilemenu-bg:$(mmenu.bg);
--mobilemenu-color:$(mmenu.color);
--mobilemenu-hover-color:$(mmenu.hover.color);
--widget-bg:$(widget.bg);
--widget-title-color:$(wtitle.color);
--widget-shadow:0 5px 15px rgba(0,0,0,0.05); /* Updated Shadow */
--post-title-color:$(post.title.color);
--post-title-hover-color:$(post.title.hover.color);
--post-text-color:$(post.text.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);
--cookie-bg:$(cookie.bg);
--cookie-color:$(cookie.color);
--button-bg:$(button.bg);
--button-color:$(button.color);
--button-hover-bg:$(button.hover.bg);
--button-hover-color:$(button.hover.color);
--border-color:rgba(155,155,155,0.1);
--avatar-shadow:0px 1px 4px rgba(0,0,0,0.05);
--button-shadow:0px 4px 10px rgba(0,0,0,0.1); /* Updated Shadow */
}
html.is-dark{
--body-bg-color:$(body.darkmode.bg);
--body-bg:$(body.background);
--outer-bg:#2c3e48;
--main-color:$(main.color);
--title-color:#f6f7f8;
--title-hover-color:$(main.color);
--meta-color:#cfd6da;
--text-color:#b4c1cc;
--header-bg:#344955;
--header-color:#f6f7f8;
--header-hover-color:$(main.color);
--submenu-bg:#4a6572;
--submenu-color:#f6f7f8;
--submenu-hover-color:$(main.color);
--megamenu-bg:#4a6572;
--megamenu-color:#f6f7f8;
--megamenu-hover-color:$(main.color);
--mobilemenu-bg:#2c3e48;
--mobilemenu-color:#f6f7f8;
--mobilemenu-hover-color:$(main.color);
--widget-bg:#344955;
--widget-title-color:#f6f7f8;
--widget-shadow:0 5px 15px rgba(0,0,0,0.2);
--post-title-color:#f6f7f8;
--post-title-hover-color:$(main.color);
--post-text-color:#b4c1cc;
--footer-bg:#344955;
--footer-color:#f6f7f8;
--footer-hover-color:$(main.color);
--footer-text-color:#b4c1cc;
--footerbar-bg:#2c3e48;
--footerbar-color:#f6f7f8;
--footerbar-hover-color:$(main.color);
--cookie-bg:#4a6572;
--cookie-color:#f6f7f8;
--button-bg:$(main.color);
--button-color:#ffffff;
--button-hover-bg:$(button.hover.bg);
--button-hover-color:$(button.hover.color);
--border-color:rgba(255,255,255,0.05);
}
/*-- Reset CSS --*/
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,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: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;max-width:100%}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:var(--main-color)}a img{border:0}abbr{text-decoration:none}.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}.separator a{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{font-family:var(--body-font);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:0}
/*-- Custom Core CSS & Animations --*/
*{box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;}
html{position:relative;margin:0}
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.6em;word-wrap:break-word;margin:0;padding:0}
body.is-cover{background-attachment:fixed;background-size:cover;background-position:center center;background-repeat:no-repeat}
.rtl{direction:rtl}
h1,h2,h3,h4,h5,h6{font-family:var(--title-font);font-weight:700}
a,input,button{transition:all .3s ease}
/*-- Reading Progress Bar --*/
.reading-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;z-index:99999;}
.reading-progress-bar{height:100%;background:var(--main-color);width:0%;transition:width 0.1s ease;}
.header-inner.is-fixed.show ~ .reading-progress-container{top:56px;}
/*-- Sticky Rail Ads (Desktop) --*/
.side-ad-rail {position: fixed; top: 80px; width: 160px; height: auto; z-index: 90; display: none;}
.side-ad-rail.left-rail {left: 10px;}
.side-ad-rail.right-rail {right: 10px;}
.side-ad-rail .widget {background: var(--widget-bg); box-shadow: var(--widget-shadow); padding: 5px; border-radius: 4px;}
@media (min-width: 1400px) { .side-ad-rail {display: block;} }
#outer-wrapper{position:relative;overflow:hidden;width:100%;max-width:100%;background-color:var(--outer-bg);margin:0 auto;padding:0}
.is-boxed #outer-wrapper{width:$(row.width + 40px);max-width:100%;box-shadow:0 0 20px rgba(0,0,0,0.1)}
.container{position:relative}
.row-x1{width:$(row.width)}
.flex-center{display:flex;justify-content:center}
#content-wrapper{position:relative;float:left;width:100%;overflow:hidden;padding:20px 0;margin:0;border-top:0}
.theiaStickySidebarIfy:before,.theiaStickySidebarIfy:after{content:'';display:table;clear:both}
#main-wrapper{position:relative;float:left;width:calc(100% - $(sidebar.width + 20px));padding:0}
.is-left #main-wrapper,.rtl #main-wrapper{float:right}
#sidebar-wrapper{position:relative;float:right;width:$(sidebar.width);padding:0}
.is-left #sidebar-wrapper,.rtl #sidebar-wrapper{float:left}
.btn{position:relative;border:0;border-radius:4px;box-shadow:var(--button-shadow); transition: all 0.3s ease;}
.btn:hover{transform: translateY(-2px); box-shadow: 0 6px 15px rgba(0,0,0,0.15);}
/* Animations for Posts */
.index-post{position:relative;float:left;width:100%;display:flex;flex-direction:column;padding:20px;margin:0 0 20px; background-color:var(--widget-bg);border-radius:8px;box-shadow:var(--widget-shadow); transition: transform 0.3s ease, box-shadow 0.3s ease; will-change: transform;}
.index-post.post-ad-type{padding:0!important;margin:0 0 20px!important;border-width:0!important; background:transparent!important; box-shadow:none!important;}
.index-post:hover:not(.post-ad-type){transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.1);}
html.is-dark .index-post:hover:not(.post-ad-type){box-shadow:0 15px 30px rgba(0,0,0,0.4);}
.entry-image-wrap,.comments .avatar-image-container{overflow:hidden;background-color:rgba(155,155,155,0.05);z-index:5;color:transparent!important;transition:opacity .17s ease}
.entry-thumb{display:block;position:relative;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1;opacity:0;transition:transform .5s ease, opacity .35s ease}
.entry-thumb.lazy-ify{opacity:1}
.entry-image-wrap:hover .entry-thumb,.entry-inner:hover .entry-image-wrap .entry-thumb{transform: scale(1.08);}
.before-mask:before{content:'';position:absolute;left:0;right:0;bottom:0;height:70%;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.5));z-index:2;opacity:1;margin:0;transition:opacity .25s ease}
.entry-image-wrap.is-video:after{position:absolute;display:flex;align-items:center;justify-content:center;content:'\f04b';top:50%;right:50%;background-color:rgba(0,0,0,0.5);width:40px;height:29px;font-family:'Font Awesome 5 Free';font-size:12px;color:#fff;font-weight:900;z-index:5;transform:translate(50%,-50%);margin:0;border-radius:6px;transition:background .17s ease}
.entry-image-wrap.is-video:hover:after,.entry-inner:hover .entry-image-wrap.is-video:after{background-color:#ff0000}
.entry-tag{position:absolute;top:10px;left:10px;height:18px;background-color:var(--button-bg);font-size:11px;color:var(--button-color);font-weight:400;line-height:19px;text-transform:uppercase;z-index:5;padding:0 6px;margin:0;border-radius:2px}
.entry-title{color:var(--post-title-color);font-weight:700;line-height:1.4em; transition: color 0.3s;}
.entry-title a{display:block;color:var(--post-title-color)}
.entry-title a:hover{color:var(--post-title-hover-color)}
.entry-meta{font-family:var(--meta-font);font-size:12px;color:var(--meta-color);font-weight:400;margin:0}
.entry-meta .author-name{color:var(--main-color);font-weight:600}
.excerpt{font-family:var(--text-font);line-height:1.6em}
/* Loading Spinner */
.loader{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0}
.loader:after{content:'';display:block;width:28px;height:28px;box-sizing:border-box;margin:0;border:3px solid var(--main-color);border-right-color:var(--border-color);border-radius:100%;animation:spinner .65s infinite linear;transform-origin:center}
@keyframes spinner { 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)} }
/* Social Icons (Keeping original colors) */
.social a:before{display:inline-block;font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400}
.social .facebook a:before{content:'\f09a'}
.social .facebook-f a:before{content:'\f39e'}
.social .twitter a:before{content:'\f099'}
.social .rss a:before{content:'\f09e';font-family:'Font Awesome 5 Free';font-weight:900}
.social .youtube a:before{content:'\f167'}
.social .instagram a:before{content:'\f16d'}
.social .pinterest a:before{content:'\f0d2'}
.social .whatsapp a:before{content:'\f232'}
.social .telegram a:before{content:'\f3fe'}
.social .email a:before{content:'\f0e0';font-family:'Font Awesome 5 Free'}
.social-bg .facebook a,.social-bg .facebook-f a,.social-bg-hover .facebook a:hover,.social-bg-hover .facebook-f a:hover{background-color:#3b5999}
.social-bg .twitter a,.social-bg-hover .twitter a:hover{background-color:#00acee}
.social-bg .youtube a,.social-bg-hover .youtube a:hover{background-color:#f50000}
.social-bg .instagram a,.social-bg-hover .instagram a:hover{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)}
.social-bg .whatsapp a,.social-bg-hover .whatsapp a:hover{background-color:#3fbb50}
.social-bg .telegram a,.social-bg-hover .telegram a:hover{background-color:#179cde}
/* Header */
#header-wrapper{position:relative;float:left;width:100%;height:56px;background-color:var(--header-bg);margin:0}
.header-inner{position:relative;float:left;width:100%;height:56px;margin:0}
.header-header{position:relative;float:left;width:100%;height:56px;background-color:var(--header-bg);margin:0;box-shadow:0 2px 10px -3px rgba(0,0,0,0.05)}
.is-boxed .header-header{float:none;width:$(row.width + 40px);max-width:100%;margin:0 auto;border:0}
.header-items{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0}
.flex-left,.flex-right{position:static;display:flex;margin:0}
.main-logo{position:relative;float:left;height:56px;overflow:hidden;margin:0 15px 0 0}
.main-logo .widget{position:relative;height:100%;display:flex;align-items:center;margin:0}
.main-logo .logo-img{display:flex;align-items:center;height:36px;overflow:hidden;margin:0}
.main-logo img{display:block;max-width:100%;max-height:100%;margin:0}
.main-logo .blog-title{display:block;font-size:20px;color:var(--header-color);font-weight:700;margin:0}
.main-logo .blog-title a{color:var(--header-color)}
.main-logo .blog-title a:hover{color:var(--header-hover-color)}
.main-logo #h1-off{position:absolute;top:-9000px;left:-9000px;display:none;visibility:hidden}
#seopro-pro-main-nav{position:static;height:56px;z-index:10}
#seopro-pro-main-nav .widget,#seopro-pro-main-nav .widget > .widget-title{display:none}
#seopro-pro-main-nav .show-menu{display:block}
#seopro-pro-main-nav ul#seopro-pro-main-nav-menu{display:flex;flex-wrap:wrap}
#seopro-pro-main-nav ul > li{position:relative;padding:0;margin:0}
#seopro-pro-main-nav-menu > li > a{position:relative;display:block;height:56px;font-size:16px;color:var(--header-color);font-weight:600;line-height:56px;padding:0 14px;margin:0}
#seopro-pro-main-nav-menu > li:hover > a{color:var(--header-hover-color)}
#seopro-pro-main-nav ul > li > ul,#seopro-pro-main-nav ul > li > .ul{position:absolute;float:left;left:0;top:56px;width:180px;background-color:var(--submenu-bg);z-index:99999;padding:5px 0;backface-visibility:hidden;visibility:hidden;opacity:0;box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);border-radius:4px}
#seopro-pro-main-nav ul > li > ul > li > ul{position:absolute;top:-5px;left:100%;margin:0}
#seopro-pro-main-nav ul > li > ul > li{display:block;float:none;position:relative}
#seopro-pro-main-nav ul > li > ul > li a{position:relative;display:block;font-size:14px;color:var(--submenu-color);font-weight:400;padding:8px 14px;margin:0}
#seopro-pro-main-nav ul > li > ul > li:hover > a{color:var(--submenu-hover-color)}
#seopro-pro-main-nav ul > li.has-sub > a:after{content:'\f078';float:right;font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:-1px 0 0 4px}
#seopro-pro-main-nav ul > li > ul > li.has-sub > a:after{content:'\f054';float:right;margin:0}
#seopro-pro-main-nav ul ul,#seopro-pro-main-nav ul .ul{transition:visibility .1s ease,opacity .17s ease}
#seopro-pro-main-nav ul > li:hover > ul,#seopro-pro-main-nav ul > li:hover > .ul,#seopro-pro-main-nav ul > li > ul > li:hover > ul{visibility:visible;opacity:1;margin:0}
.mobile-menu-toggle{display:none;height:36px;font-size:18px;color:var(--header-color);align-items:center;padding:0 15px}
.mobile-menu-toggle:after{content:'\f0c9';font-family:'Font Awesome 5 Free';font-weight:900;margin:0}
.main-toggle-wrap{position:relative;height:56px;display:flex;align-items:center;z-index:20;margin:0}
.main-toggle-style{position:relative;width:36px;height:36px;color:var(--header-color);font-size:16px;text-align:center;line-height:36px;cursor:pointer;z-index:20;padding:0;margin:0; transition: transform 0.3s;}
.main-toggle-style:hover{transform: scale(1.1);}
.darkmode-toggle{width:auto;font-size:14px;padding:0 15px}
.darkmode-toggle:after{content:'\f186';font-family:'Font Awesome 5 Free';font-weight:400;margin:0}
html.is-dark .darkmode-toggle:after{content:'\f185'}
.darkmode-toggle:hover{color:var(--header-hover-color)}
.show-search{background-color:rgba(155,155,155,0.05)}
.show-search:hover{color:var(--header-hover-color)}
.show-search:after{content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900;margin:0}
#main-search-wrap{display:none;position:absolute;top:0;left:0;width:100%;height:56px;background-color:var(--header-bg);overflow:hidden;z-index:25;padding:0}
.main-search{position:relative;float:right;width:100%;height:36px;background-color:rgba(155,155,155,0.05);overflow:hidden;display:flex;justify-content:space-between;margin:10px 0 0;box-shadow:var(--button-shadow);border-radius:4px;animation:showSearch .17s ease}
.main-search .search-form{position:relative;height:36px;flex:1;}
.main-search .search-input{position:relative;width:100%;height:36px;background-color:transparent;color:var(--header-color);padding:0 15px;border:0}
.main-search .search-input:focus,.main-search .search-input::placeholder{color:var(--header-color);outline:none}
.hide-search{position:relative;width:36px;height:36px;color:var(--header-color);font-size:16px;text-align:center;line-height:36px;cursor:pointer;}
.hide-search:after{content:'\f00d';font-family:'Font Awesome 5 Free';font-weight:900;}
@-webkit-keyframes showSearch { 0%{width:80%;opacity:0} 100%{width:100%;opacity:1} }
.header-inner.is-fixed{position:fixed;top:-56px;left:0;width:100%;z-index:990;visibility:hidden;opacity:0;transition:all .17s ease}
.header-inner.is-fixed.show{top:0;opacity:1;visibility:visible;margin:0}
/* Mobile Slide Menu */
.overlay{visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(23,28,36,0.6);z-index:1000;backdrop-filter:blur(3px);transition:all .35s ease}
#slide-menu{display:none;position:fixed;width:300px;height:100%;top:0;left:0;bottom:0;background-color:var(--mobilemenu-bg);z-index:1010;transform:translateX(-100%);visibility:hidden;box-shadow:3px 0 7px rgba(0,0,0,0.1);transition:all .35s ease}
.nav-active #slide-menu{transform:translateX(0);visibility:visible}
.slide-menu-header{float:left;width:100%;height:56px;background-color:var(--header-bg);display:flex;justify-content:space-between;}
.mobile-search{position:relative;flex:1;padding:0 0 0 15px;margin:11px 0 0}
.mobile-search .search-form{width:100%;height:34px;background-color:rgba(155,155,155,0.05);display:flex;justify-content:space-between;border-radius:4px}
.mobile-search .search-input{width:calc(100% - 34px);height:34px;background:transparent;color:var(--header-color);padding:0 13px;border:0}
.mobile-search .search-action{width:34px;height:34px;background:transparent;color:var(--header-color);text-align:center;cursor:pointer;border:0;opacity:.65}
.mobile-search .search-action:before{content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900}
.mobile-toggle-wrap{display:flex;height:56px;line-height:56px;}
.hide-seopro-pro-mobile-menu{color:var(--header-color);font-size:16px;cursor:pointer;padding:0 15px;}
.hide-seopro-pro-mobile-menu:before{content:'\f00d';font-family:'Font Awesome 5 Free';font-weight:900}
.slide-menu-flex{float:left;width:100%;height:calc(100% - 56px);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;}
.seopro-pro-mobile-menu{padding:15px}
.seopro-pro-mobile-menu ul li{display:block;width:100%;font-size:16px;font-weight:600;}
.seopro-pro-mobile-menu ul li a{color:var(--mobilemenu-color);padding:10px 0;display:block}
/* Posts Area */
#main-wrapper #main{position:relative;float:left;width:100%;margin:0}
.is-home #main-wrapper.main-margin #main{margin-bottom:30px}
#main .Blog{position:relative;float:left;width:100%;margin:0}
.index-post-wrap{position:relative;float:left;width:100%;margin:0}
.index-post .entry-header{display:flex;flex-direction:column;padding:0}
.index-post .entry-title{font-size:25px;margin:0}
.index-post .entry-meta{display:flex;flex-wrap:wrap;font-size:13px;margin:10px 0 0}
.index-post .entry-author,.index-post .entry-time{display:flex}
.index-post .entry-author .by,.index-post .author-name,.index-post .entry-time .on{margin:0 4px 0 0}
.index-post .entry-summary{display:flex;flex-wrap:wrap;margin:15px 0 0}
.index-post .entry-image-wrap{position:relative;width:200px;height:130px;overflow:hidden;margin:0 15px 0 0;border-radius:8px}
.index-post .entry-excerpt{flex:1 1 160px;font-size:15px;line-height:1.6em;margin:0}
/* Item Post */
.item-post-wrap,.is-single .item-post,.item-post-inner{position:relative;float:left;width:100%;margin:0}
.item-post-inner{background-color:var(--widget-bg);padding:30px;box-shadow:var(--widget-shadow);border-radius:12px}
.item-post .blog-entry-header{position:relative;float:left;width:100%;display:flex;flex-direction:column;padding:0 0 20px;margin:0;border-bottom:1px solid var(--border-color)}
#breadcrumb{float:left;display:flex;width:100%;font-family:var(--meta-font);font-size:13px;color:var(--meta-color);font-weight:400;line-height:1;margin:0 0 13px}
#breadcrumb a{color:var(--meta-color)}
#breadcrumb a.home,#breadcrumb a:hover{color:var(--main-color)}
#breadcrumb em:after{content:'\f054';font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:0 3px}
.item-post h1.entry-title{position:relative;float:left;width:100%;font-size:$(itempost.title.size);font-weight:700;margin:0 0 15px}
.item-post .entry-meta{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:13px;margin:0}
.item-post .entry-meta .align-left,.item-post .entry-meta .align-right{display:flex;flex-wrap:wrap;align-items:center}
.item-post .entry-author,.item-post .entry-time{display:flex;align-items:center}
.item-post .entry-author .by,.item-post .author-name,.item-post .entry-time .on{margin:0 4px 0 0}
.item-post .entry-meta .author-avatar{position:relative;width:26px;height:26px;background-color:rgba(155,155,155,0.05);background-size:100%;margin:0 7px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow);opacity:0;transition:opacity .35s ease}
.item-post .entry-meta .author-avatar.lazy-ify{opacity:1}
.entry-content-wrap{position:relative;float:left;width:100%;margin:0}
#post-body{position:relative;float:left;width:100%;font-family:var(--text-font);font-size:$(itempost.content.size);color:var(--post-text-color);line-height:1.7em;padding:0;margin:20px 0 0}
.post-body p{margin-bottom:20px}
.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);margin:30px 0 15px}
.post-body h2{font-size:23px}
.post-body h3{font-size:20px}
blockquote{position:relative;background-color:rgba(155,155,155,0.05);color:var(--title-color);font-style:italic;padding:20px;margin:20px 0;border-left:4px solid var(--main-color);border-radius:0 8px 8px 0}
.post-body a.button{display:inline-block;height:34px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);line-height:34px;text-align:center;padding:0 20px;margin:0 5px 5px 0;border-radius:6px;}
.post-body a.button:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.15);}
/* Post Footer & Share */
.post-footer{position:relative;float:left;width:100%;margin:0}
.entry-labels{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;margin:20px 0 0}
.entry-labels span,.entry-labels a{font-size:14px;margin:5px 5px 0 0}
.entry-labels a{color:var(--main-color);border-bottom:1px solid var(--main-color)}
.post-share{position:relative;float:left;width:100%;padding:15px 0 0;margin:20px 0 0;border-top:1px solid var(--border-color)}
ul.seopro-pro-share-links{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0}
.seopro-pro-share-links li{padding:0 6px 0 0}
.seopro-pro-share-links li a{float:left;width:36px;height:34px;overflow:hidden;font-size:16px;color:#fff;line-height:34px;text-align:center;margin:5px 0 0; border-radius:4px;}
.seopro-pro-share-links li.has-span a{width:auto;display:flex}
.seopro-pro-share-links li a span{display:inline-block;font-size:14px;padding:0 15px}
/* About Author */
.about-author{position:relative;float:left;width:100%;background-color:var(--widget-bg);padding:20px;margin:20px 0 0;border-radius:8px;box-shadow:var(--widget-shadow)}
.about-author .avatar-container{position:relative;float:left;width:70px;height:70px;background-color:rgba(155,155,155,0.05);overflow:hidden;margin:0 20px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)}
.about-author .author-avatar{float:left;width:100%;height:100%;background-size:cover;opacity:0;transition:opacity .35s ease}
.about-author .author-avatar.lazy-ify{opacity:1}
.about-author .author-title{display:block;font-size:18px;color:var(--title-color);font-weight:700;margin:0 0 5px}
/* Sidebar Widgets */
.sidebar{position:relative;float:left;width:100%;margin:0}
.sidebar > .widget{position:relative;float:left;width:100%;background-color:var(--widget-bg);padding:25px;margin:0 0 30px;border-radius:12px;box-shadow:var(--widget-shadow)}
.sidebar .widget > .widget-title{float:left;width:100%;margin:0 0 20px; border-bottom:2px solid var(--border-color); padding-bottom:10px;}
.sidebar .widget > .widget-title > h3{display:block;font-size:16px;color:var(--widget-title-color);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0}
.sidebar .widget > .widget-title > h3::after{content:'';display:block;width:40px;height:2px;background:var(--main-color);margin-top:10px;margin-bottom:-12px;}
/* Sidebar Popular Posts */
.sidebar-posts .post{float:left;width:100%;display:flex;flex-wrap:wrap;padding:0;margin:15px 0 0}
.sidebar-posts .post.item-0{margin:0}
.sidebar-posts .entry-image-wrap{position:relative;width:80px;height:60px;overflow:hidden;margin:0 12px 0 0;border-radius:6px}
.sidebar-posts .entry-header{flex:1}
.sidebar-posts .entry-title{font-size:14px; line-height:1.4;}
/* Footer */
#footer-wrapper{position:relative;float:left;width:100%;background-color:var(--footer-bg);color:var(--footer-text-color); margin-top:40px;}
#seopro-pro-about-section{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px 0;margin:0}
.footer-info h3.title{font-size:17px;color:var(--footer-color);font-weight:700;margin:0 0 10px}
#seopro-pro-about-section .footer-logo img{max-height:40px;}
.footerbar{position:relative;float:left;width:100%;height:60px;background-color:var(--footerbar-bg);color:var(--footerbar-color);display:flex;align-items:center;padding:0;margin:0}
.footerbar .container{display:flex;flex-wrap:wrap;justify-content:space-between; align-items:center;}
#footer-menu ul{display:flex;flex-wrap:wrap}
#footer-menu ul li a{font-size:14px;color:var(--footerbar-color);padding:0;margin:0 0 0 24px}
/* Ads Wrappers */
#header-ads-wrap, #footer-ads-wrap{position:relative;float:left;width:100%;margin:20px 0;text-align:center;}
.header-ads .widget, .footer-ads .widget {margin:0;}
#seopro-pro-main-mid-ad { margin: 25px 0; text-align: center; clear:both; }
/* Responsive */
@media (max-width: 1400px){
.side-ad-rail {display: none !important;}
}
@media (max-width: 992px){
#main-wrapper{width:100%; float:none;}
#sidebar-wrapper{width:100%; float:none; margin-top:30px;}
}
@media (max-width: 768px){
#header-wrapper .container{padding:0}
.mobile-menu-toggle{display:flex}
#seopro-pro-main-nav{display:none!important}
#slide-menu,.overlay{display:block}
.main-toggle-wrap,#main-search-wrap{padding:0 15px}
.index-post{flex-direction:column;}
.index-post .entry-image-wrap{width:100%;height:200px;margin:0 0 15px;}
.item-post-inner{padding:20px;}
.item-post h1.entry-title{font-size:26px;}
#seopro-pro-about-section{flex-direction:column; text-align:center;}
.footerbar{height:auto; padding:20px 0;}
.footerbar .container{flex-direction:column; justify-content:center;}
#footer-menu ul{justify-content:center; margin-top:10px;}
#footer-menu ul li a{margin:0 10px;}
}
]]>
Load More
That is All
var fixedMenu=false;var fixedSidebar=false;var darkMode=true;var userDarkMode=false;
Replaced
Replaced
Replaced
var exportify = { noTitle: "", postAuthor: , authorLabel: "", postDate: , dateLabel: "" }