*/ /*-- 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