test

✎ Edit

↓ Quick Down

*/ /*-- Google Fonts --*/ @font-face{font-family:'Raleway';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4QIFqPfE.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Raleway';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4SYFqPfE.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Raleway';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4QoFqPfE.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Raleway';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Raleway';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4TYFq.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:'Raleway';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4QIFqPfE.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Raleway';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4SYFqPfE.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Raleway';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4QoFqPfE.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Raleway';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Raleway';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4TYFq.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:'Raleway';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4QIFqPfE.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Raleway';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4SYFqPfE.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Raleway';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4QoFqPfE.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Raleway';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Raleway';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4TYFq.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:'Raleway';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4QIFqPfE.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Raleway';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4SYFqPfE.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Raleway';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4QoFqPfE.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Raleway';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4Q4FqPfE.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Raleway';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptsg8zYS_SKggPNyCg4TYFq.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:'Raleway';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Raleway';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Raleway';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Raleway';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Raleway';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyC0ITw.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:'Raleway';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Raleway';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Raleway';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Raleway';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Raleway';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyC0ITw.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:'Raleway';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Raleway';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Raleway';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Raleway';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Raleway';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyC0ITw.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:'Raleway';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Raleway';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Raleway';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Raleway';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Raleway';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/raleway/v19/1Ptug8zYS_SKggPNyC0ITw.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 Awesome Free 5.15.2 --*/ @font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.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;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.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;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} /*-- CSS Variables --*/ :root{ --body-font:'$(main.font.family)', Arial, sans-serif; --menu-font:'$(menu.font.family)', Arial, sans-serif; --title-font:'$(title.font.family)', Arial, sans-serif; --text-font:'$(text.font.family)', Arial, sans-serif; --body-bg-color:$(background.color); --body-bg:$(body.background); --outer-bg:$(outer.bg); --outer-mobile-bg:$(outer.mobile.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); --post-card-bg:$(widget.bg); --post-title-color:$(post.title.color); --post-title-hover-color: #63a625; --post-text-color:$(post.text.color); --footer-bg:$(footer.bg); --footer-color:$(footer.color); --footer-hover-color:$(footer.hover.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: #63a625; --button-lite-bg:$(button.bg)10; --button-color:$(button.color); --button-hover-bg:$(button.hover.bg); --button-hover-color:$(button.hover.color); --rgba-gray:rgba(155,170,175,0.12); --border-color:rgba(155,155,155,0.15); --radius:8px; --widget-shadow:0 1px 2px rgba(0,0,0,0.025); --avatar-shadow:0px 1px 4px rgba(0,0,0,0.05); } html.is-dark{ --body-bg-color:#1F2225; --body-bg:#1F2225 none; --outer-bg:#1a1a1a; --outer-mobile-bg:#1a1a1a; --title-color:#E6E6E6; --title-hover-color:#ACCD55; --meta-color:#A8B0B8; --text-color:#E6E6E6; --header-bg:#2E343A; --header-color:#E6E6E6; --header-hover-color:#63a625; --submenu-bg:#2E343A; --submenu-color:#E6E6E6; --submenu-hover-color:#63a625; --megamenu-bg:#2E343A; --megamenu-color:#E6E6E6; --megamenu-hover-color:#63a625; --mobilemenu-bg:#2E343A; --mobilemenu-color:#E6E6E6; --mobilemenu-hover-color:#63a625; --widget-bg:#2E343A; --widget-title-color:#E6E6E6; --post-card-bg:#2E343A; --post-title-color:#E6E6E6; --post-title-hover-color:#63a625; --post-text-color:#E6E6E6; --footer-bg:#2E343A; --footer-color:#E6E6E6; --footer-hover-color:#63a625; --footerbar-bg:#2E343A; --footerbar-color:#E6E6E6; --footerbar-hover-color:#63a625; --cookie-bg:#2E343A; --cookie-color:#E6E6E6; --button-bg:#63a625; --button-color:#fff; --button-hover-bg:#63a625; --button-hover-color:#FFFFFF; --rgba-gray:rgba(155,155,155,0.04); --border-color:rgba(255,255,255,.14); } html.rtl{ --body-font:'Tajawal',Arial,sans-serif; --menu-font:'Tajawal',Arial,sans-serif; --title-font:'Tajawal',Arial,sans-serif; --text-font:'Tajawal',Arial,sans-serif; } /*-- 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:none;vertical-align:baseline;background:0 0;text-decoration:none}dl,ul{list-style-position:inside;list-style:none}ul li{list-style:none}caption{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:var(--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{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{font-family:var(--body-font);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:0}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none} /*-- Style CSS --*/ *{box-sizing:border-box} html{position:relative;word-break:break-word;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%} body{position:relative;background:var(--body-bg);background-color:var(--body-bg-color);font-family:var(--body-font);font-size:14px;color:var(--text-color);font-weight:400;font-style:normal;line-height:1.4em} .rtl{direction:rtl} h1,h2,h3,h4,h5,h6{font-family:var(--title-font);font-weight:700} a,input,button{ transition: .25ms cubic-bezier(0.18, 0.86, 0.15, 0.88);} #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 + 60px);max-width:100%;box-shadow:0 0 20px rgba(0,0,0,0.1)} .is-dark .is-boxed #outer-wrapper{box-shadow:0 0 20px rgba(0,0,0,0.3)} .container{position:relative} .row-x1{width:$(row.width);max-width:100%} .row-x2{width:100%} .flex-center{display:flex;justify-content:center} #content-wrapper{position:relative;float:left;width:100%;overflow:hidden;padding:10px 0;margin:0} #content-wrapper > .container{display:flex;justify-content:space-between} .is-left #content-wrapper > .container,.rtl .is-right #content-wrapper > .container{flex-direction:row-reverse} .rtl .is-left #content-wrapper > .container{flex-direction:row} .theiaStickySidebar:before,.theiaStickySidebar:after{content:'';display:table;clear:both} #main-wrapper{position:relative;width:calc(100% - $(sidebar.width + 30px))} .no-sidebar #main-wrapper{width:100%} #sidebar-wrapper{position:relative;width:$(sidebar.width)} .no-sidebar #sidebar-wrapper{display:none} .btn{justify-content: center; border: 0; border-radius: var(--radius); width: 100%; max-width:100% } .entry-image-wrap,.author-avatar-wrap,.comments .avatar-image-container{display:block;position:relative;overflow:hidden;background-color:var(--rgba-gray);z-index:5;color:transparent!important} .entry-thumb,.author-avatar{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:opacity .35s ease,filter 0s ease} .author-avatar{background-size:100%;background-position:0 0} .entry-thumb.lazy-ify,.author-avatar.lazy-ify{opacity:1} .entry-image-wrap:hover .entry-thumb,.cs:hover .entry-image-wrap .entry-thumb{filter:brightness(1.03)} .entry-image-wrap.is-video:after{position:absolute;content:'\f04b';top:50%;right:50%;width:38px;height:27px;background-color:rgba(0,0,0,0.5);font-family:'Font Awesome 5 Free';font-size:12px;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;z-index:5;transform:translate(50%,-50%);box-sizing:border-box;padding:0 0 0 1px;margin:0;border-radius:var(--radius);box-shadow:0 1px 3px 0 rgb(0,0,0,0.1);transition:background .17s ease} .entry-image-wrap.is-video:hover:after,.cs:hover .entry-image-wrap.is-video:after{background-color:#f50000} .cs .entry-image-wrap.is-video:after{top:15px;right:15px;transform:translate(0)} .rtl .cs .entry-image-wrap.is-video:after{left:15px;right:unset} /* ================= UNIFIED DARK/LIGHT + PALETTES — FULL COVERAGE (Sarim) ================ */ /* 0) Map Blogger variables to CSS variables (defaults for light mode) */ :root{ --body-bg: $(body.background); --body-bg-color: $(background.color); --outer-bg: $(outer.bg); --text-color: $(text.color); --meta-color: $(meta.color); --link-color: $(main.color); --post-title-color: $(post.title.color); --post-title-hover-color: $(post.title.hover.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); --footer-bg: $(footer.bg); --footer-color: $(footer.color); --footer-hover-color: $(footer.hover.color); --widget-bg: $(widget.bg); --button-bg: $(button.bg); --button-color: $(button.color); --button-hover-bg: $(button.hover.bg); --button-hover-color: $(button.hover.color); /* UI surfaces */ --border-color: rgba(0,0,0,.12); --divider: rgba(0,0,0,.08); --muted: rgba(0,0,0,.55); --input-bg: rgba(0,0,0,.02); } /* 1) Native dark-mode fallback (when your theme sets html.is-dark) */ /* Also fix the two typos and give dark a real dark background */ html.is-dark{ --body-bg:#1F2225 none; --body-bg-color:#1F2225; --outer-bg:#1F2225; --widget-bg:#262A2E; --text-color:#E6E6E6; --meta-color:#A8B0B8; --muted:#a3aab3; --link-color:#63a625; --post-title-color:#E6E6E6; --post-title-hover-color:#ACCD55; /* fixed # */ --header-bg:#1F2225; --header-color:#E6E6E6; --header-hover-color:#63a625; --submenu-bg:#2E343A; --submenu-color:#E6E6E6; --submenu-hover-color:#63a625; --footer-bg:#1F2225; --footer-color:#E6E6E6; --footer-hover-color:#63a625; --border-color: rgba(255,255,255,.14); --divider: rgba(255,255,255,.14); --input-bg: rgba(255,255,255,.06); } /* 2) Global wiring – make every big area read the variables */ body{background:var(--body-bg);background-color:var(--body-bg-color);color:var(--text-color);} a{color:var(--link-color);} .entry-title,.entry-title a{color:var(--post-title-color);} .entry-title a:hover{color:var(--post-title-hover-color);} .post-body,.excerpt,.item-post{color:var(--text-color);} /* header / menus / footer */ #header-wrapper{background:var(--header-bg);color:var(--header-color);} #header-wrapper a{color:var(--header-color);} #header-wrapper a:hover{color:var(--header-hover-color);} .submenu,.megamenu,.mobilemenu{background:var(--submenu-bg);color:var(--submenu-color);} .submenu a,.megamenu a,.mobilemenu a{color:var(--submenu-color);} .submenu a:hover,.megamenu a:hover,.mobilemenu a:hover{color:var(--submenu-hover-color);} .footerbar,#footer-wrapper{background:var(--footer-bg);color:var(--footer-color);} .footerbar a,#footer-wrapper a{color:var(--footer-color);} .footerbar a:hover,#footer-wrapper a:hover{color:var(--footer-hover-color);} /* main shells */ #outer-wrapper,#content-wrapper,#main-wrapper,#sidebar-wrapper{background:var(--outer-bg);color:var(--text-color);} /* cards/widgets/posts (covers “You might like”, PopularPosts, grids, etc.) */ .widget,.widget-content,.box,.card,.post,.index-post,.item-post,.related-posts .post, .PopularPosts .post,.feat-item,.grid-post,.snippet-card,.post-card{ background:var(--widget-bg, var(--outer-bg)); color:var(--text-color); border-color:var(--border-color) !important; } /* lists & meta text */ .post-meta,.meta,.date,.byline,.breadcrumbs,.entry .post-info,.item-post .post-meta{color:var(--meta-color);} /* dividers, lines, hr, separators */ hr,.hr,.divider,.divider-line,.section-line,.post-separator, .pager,.postnav,.separator,.widget .title:after{ background:var(--divider); border-color:var(--divider) !important; color:var(--muted); } /* forms */ input,select,textarea,.search-form input{ background:var(--input-bg); color:var(--text-color); border:1px solid var(--border-color); } input::placeholder,textarea::placeholder{color:var(--meta-color);} /* buttons / tags / chips */ .button,.btn,button,input[type=button],input[type=submit]{ background:var(--button-bg); color:var(--button-color); border:1px solid var(--button-border,transparent); border-radius:8px; } .button:hover,.btn:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{ background:var(--button-hover-bg); color:var(--button-hover-color); } .badge,.tag,.label,.chip{ background:var(--badge-bg, rgba(99,166,37,.14)); color:var(--badge-color, var(--link-color)); border:1px solid var(--badge-border, rgba(99,166,37,.35)); border-radius:999px; padding:.2rem .55rem; font-size:.85em; } /* 3) Palettes (override everything above when selected) */ /* Dark Navy */ html[data-sarim-theme="navy"]{ --body-bg:#1F2225 none; --body-bg-color:#1F2225; --outer-bg:#1F2225; --widget-bg:#262A2E; --text-color:#E6E6E6; --meta-color:#A8B0B8; --muted:#a3aab3; --header-bg:#1F2225; --header-color:#E6E6E6; --header-hover-color:#63a625; --submenu-bg:#2E343A; --submenu-color:#E6E6E6; --submenu-hover-color:#63a625; --footer-bg:#1F2225; --footer-color:#E6E6E6; --footer-hover-color:#63a625; --link-color:#63a625; --post-title-color:#E6E6E6; --post-title-hover-color:#ACCD55; --button-bg:#63a625; --button-hover-bg:#73bf2f; --button-color:#1F2225; --badge-bg:rgba(99,166,37,.18); --badge-color:#dff7c6; --badge-border:rgba(99,166,37,.55); } /* Deep Green */ html[data-sarim-theme="deepgreen"]{ --body-bg:#1B5E20 none; --body-bg-color:#1B5E20; --outer-bg:#1B5E20; --widget-bg:#164a1a; --text-color:#f0f5f2; --meta-color:#E6E6E6; --muted:#E6E6E6; --header-bg:#1B5E20; --header-color:#f0f5f2; --header-hover-color:#c8efb0; --submenu-bg:#184f1c; --submenu-color:#f0f5f2; --submenu-hover-color:#c8efb0; --footer-bg:#1B5E20; --footer-color:#f0f5f2; --footer-hover-color:#c8efb0; --link-color:#c8efb0; --post-title-color:#f0f5f2; --post-title-hover-color:#d9f7c8; --button-bg:#2e7d32; --button-hover-bg:#3f8f40; --button-color:#fff; --badge-bg:rgba(200,239,176,.18); --badge-color:#c8efb0; --badge-border:rgba(200,239,176,.55); } /* Deep Gray */ html[data-sarim-theme="deepgray"]{ --body-bg:#333333 none; --body-bg-color:#333333; --outer-bg:#333333; --widget-bg:#1F2225; --text-color:#E6E6E6; --meta-color:#c7c7c7; --muted:#c7c7c7; --header-bg:#2d2d2d; --header-color:#E6E6E6; --header-hover-color:#7ac933; --submenu-bg:#2c2c2c; --submenu-color:#E6E6E6; --submenu-hover-color:#7ac933; --footer-bg:#333333; --footer-color:#E6E6E6; --footer-hover-color:#7ac933; --link-color:#7ac933; --post-title-color:#E6E6E6; --post-title-hover-color:#9fe357; --button-bg:#7ac933; --button-hover-bg:#88d640; --button-color:#113000; --badge-bg:rgba(122,201,51,.18); --badge-color:#eaffd9; --badge-border:rgba(122,201,51,.55); } /* Slate 606060 */ html[data-sarim-theme="slate"]{ --body-bg:#606060 none; --body-bg-color:#606060; --outer-bg:#606060; --widget-bg:#565656; --text-color:#E6E6E6; --meta-color:#d9d9d9; --muted:#d9d9d9; --header-bg:#565656; --header-color:#E6E6E6; --header-hover-color:#ffffff; --submenu-bg:#545454; --submenu-color:#E6E6E6; --submenu-hover-color:#ffffff; --footer-bg:#606060; --footer-color:#E6E6E6; --footer-hover-color:#ffffff; --link-color:#E6E6E6; --post-title-color:#E6E6E6; --post-title-hover-color:#ffffff; --button-bg:#E6E6E6; --button-hover-bg:#f5f5f5; --button-color:#313131; --badge-bg:rgba(255,255,255,.2); --badge-color:#ffffff; --badge-border:rgba(255,255,255,.5); } /* Kindle Beige */ html[data-sarim-theme="beige"]{ --body-bg:#f5f5dc none; --body-bg-color:#f5f5dc; --outer-bg:#f5f5dc; --widget-bg:#f2f1d5; --text-color:#1f2937; --meta-color:#444; --muted:#444; --header-bg:#efeecf; --header-color:#1f2937; --header-hover-color:#245a11; --submenu-bg:#ece9c5; --submenu-color:#1f2937; --submenu-hover-color:#245a11; --footer-bg:#f1efcf; --footer-color:#1f2937; --footer-hover-color:#245a11; --link-color:#245a11; --post-title-color:#1f2937; --post-title-hover-color:#245a11; --button-bg:#245a11; --button-hover-bg:#2d6a16; --button-color:#fff; --badge-bg:rgba(36,90,17,.12); --badge-color:#245a11; --badge-border:rgba(36,90,17,.35); } /* 4) Little pieces that often stay light */ .related-posts .post .post-info, .PopularPosts .item-title a, .snippet-card .meta, .card .meta { color: var(--meta-color) !important; } .pagination,.postnav,.pager{ background:transparent; border-top:1px solid var(--divider); } /* END unified theme system */ } .entry-title{display:block;color:var(--post-title-color);font-weight:700;line-height:1.3em} .entry-title a{display:block;color:var(--post-title-color)} .entry-title a:hover{color: #ACCD55} .entry-meta{display:flex;font-size:12px;color:var(--meta-color);font-weight:400;margin:4px 0 0} .entry-meta .mi{display:flex} .entry-meta .mi,.entry-meta .sp{margin:0 3px 0 0} .rtl .entry-meta .mi,.rtl .entry-meta .sp{margin:0 0 0 3px} .entry-meta .author-name{color:var(--main-color);font-weight:500} .excerpt{font-family:var(--text-font);line-height:1.5em} .before-mask:before{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 100%; background: linear-gradient( 95deg , rgba(240,13,67,1) 0%, rgba(45,81,253,1) 100%); -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 2; opacity: 40%; margin: 0; transition: opacity .25s cubic-bezier(0.9, 0.1, 0, 1.01);} .cs{overflow:hidden} .entry-info{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));overflow:hidden;z-index:10;display:flex;flex-direction:column;padding:16px} .entry-info .entry-title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.1)} .entry-info .entry-meta{color:#c5c5c5;text-shadow:0 1px 2px rgba(0,0,0,0.1)} .entry-info .entry-meta .author-name{color:#d5d5d5;font-weight:400} .error-msg{display:flex;align-items:center;font-size:14px;color:var(--meta-color);padding:20px 0;font-weight:400} .error-msg b{font-weight:500} .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:30px;height:30px;box-sizing:border-box;margin:0;border:1.45px solid var(--main-color);border-right-color:var(--border-color);border-radius:100%;animation:spinner .65s infinite linear;transform-origin:center} @-webkit-keyframes spinner { 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)} } @keyframes spinner { 0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)} to{-webkit-transform:rotate(1turn);transform:rotate(1turn)} } .social a:before{display:inline-block;font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400} .social .blogger a:before{content:'\f37d'} .social .apple a:before{content:'\f179'} .social .amazon a:before{content:'\f270'} .social .microsoft a:before{content:'\f3ca'} .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 .skype a:before{content:'\f17e'} .social .stumbleupon a:before{content:'\f1a4'} .social .tumblr a:before{content:'\f173'} .social .vk a:before{content:'\f189'} .social .stack-overflow a:before{content:'\f16c'} .social .github a:before{content:'\f09b'} .social .linkedin a:before{content:'\f0e1'} .social .dribbble a:before{content:'\f17d'} .social .soundcloud a:before{content:'\f1be'} .social .behance a:before{content:'\f1b4'} .social .digg a:before{content:'\f1a6'} .social .instagram a:before{content:'\f16d'} .social .pinterest a:before{content:'\f0d2'} .social .pinterest-p a:before{content:'\f231'} .social .twitch a:before{content:'\f1e8'} .social .delicious a:before{content:'\f1a5'} .social .codepen a:before{content:'\f1cb'} .social .flipboard a:before{content:'\f44d'} .social .reddit a:before{content:'\f281'} .social .whatsapp a:before{content:'\f232'} .social .messenger a:before{content:'\f39f'} .social .snapchat a:before{content:'\f2ac'} .social .telegram a:before{content:'\f3fe'} .social .steam a:before{content:'\f3f6'} .social .discord a:before{content:'\f392'} .social .quora a:before{content:'\f2c4'} .social .tiktok a:before{content:'\e07b'} .social .share a:before{content:'\f064';font-family:'Font Awesome 5 Free';font-weight:900} .social .email a:before{content:'\f0e0';font-family:'Font Awesome 5 Free'} .social .external-link a:before{content:'\f35d';font-family:'Font Awesome 5 Free';font-weight:900} .social-bg .blogger a,.social-bg-hover .blogger a:hover{background-color:#ff5722} .social-bg .apple a,.social-bg-hover .apple a:hover{background-color:#333} .social-bg .amazon a,.social-bg-hover .amazon a:hover{background-color:#fe9800} .social-bg .microsoft a,.social-bg-hover .microsoft a:hover{background-color:#0067B8} .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 .pinterest a,.social-bg .pinterest-p a,.social-bg-hover .pinterest a:hover,.social-bg-hover .pinterest-p a:hover{background-color:#ca2127} .social-bg .dribbble a,.social-bg-hover .dribbble a:hover{background-color:#ea4c89} .social-bg .linkedin a,.social-bg-hover .linkedin a:hover{background-color:#0077b5} .social-bg .tumblr a,.social-bg-hover .tumblr a:hover{background-color:#365069} .social-bg .twitch a,.social-bg-hover .twitch a:hover{background-color:#6441a5} .social-bg .rss a,.social-bg-hover .rss a:hover{background-color:#ffc200} .social-bg .skype a,.social-bg-hover .skype a:hover{background-color:#00aff0} .social-bg .stumbleupon a,.social-bg-hover .stumbleupon a:hover{background-color:#eb4823} .social-bg .vk a,.social-bg-hover .vk a:hover{background-color:#4a76a8} .social-bg .stack-overflow a,.social-bg-hover .stack-overflow a:hover{background-color:#f48024} .social-bg .github a,.social-bg-hover .github a:hover{background-color:#24292e} .social-bg .soundcloud a,.social-bg-hover .soundcloud a:hover{background:linear-gradient(#ff7400,#ff3400)} .social-bg .behance a,.social-bg-hover .behance a:hover{background-color:#191919} .social-bg .digg a,.social-bg-hover .digg a:hover{background-color:#1b1a19} .social-bg .delicious a,.social-bg-hover .delicious a:hover{background-color:#0076e8} .social-bg .codepen a,.social-bg-hover .codepen a:hover{background-color:#000} .social-bg .flipboard a,.social-bg-hover .flipboard a:hover{background-color:#f52828} .social-bg .reddit a,.social-bg-hover .reddit a:hover{background-color:#ff4500} .social-bg .whatsapp a,.social-bg-hover .whatsapp a:hover{background-color:#3fbb50} .social-bg .messenger a,.social-bg-hover .messenger a:hover{background-color:#0084ff} .social-bg .snapchat a,.social-bg-hover .snapchat a:hover{background-color:#ffe700} .social-bg .telegram a,.social-bg-hover .telegram a:hover{background-color:#179cde} .social-bg .steam a,.social-bg-hover .steam a:hover{background:linear-gradient(5deg,#0d89bc,#112c5b,#0d1c47)} .social-bg .discord a,.social-bg-hover .discord a:hover{background-color:#7289da} .social-bg .quora a,.social-bg-hover .quora a:hover{background-color:#b92b27} .social-bg .tiktok a,.social-bg-hover .tiktok a:hover{background-color:#fe2c55} .social-bg .share a,.social-bg-hover .share a:hover{background-color:var(--meta-color)} .social-bg .email a,.social-bg-hover .email a:hover{background-color:#888} .social-bg .external-link a,.social-bg-hover .external-link a:hover{background-color:var(--title-color)} .social-color .blogger a,.social-color-hover .blogger a:hover{color:#ff5722} .social-color .apple a,.social-color-hover .apple a:hover{color:#333} .social-color .amazon a,.social-color-hover .amazon a:hover{color:#fe9800} .social-color .microsoft a,.social-color-hover .microsoft a:hover{color:#0067B8} .social-color .facebook a,.social-color .facebook-f a,.social-color-hover .facebook a:hover,.social-color-hover .facebook-f a:hover{color:#3b5999} .social-color .twitter a,.social-color-hover .twitter a:hover{color:#00acee} .social-color .youtube a,.social-color-hover .youtube a:hover{color:#f50000} .social-color .instagram a,.social-color-hover .instagram a:hover{color:#dd277b} .social-color .pinterest a,.social-color .pinterest-p a,.social-color-hover .pinterest a:hover,.social-color-hover .pinterest-p a:hover{color:#ca2127} .social-color .dribbble a,.social-color-hover .dribbble a:hover{color:#ea4c89} .social-color .linkedin a,.social-color-hover .linkedin a:hover{color:#0077b5} .social-color .tumblr a,.social-color-hover .tumblr a:hover{color:#365069} .social-color .twitch a,.social-color-hover .twitch a:hover{color:#6441a5} .social-color .rss a,.social-color-hover .rss a:hover{color:#ffc200} .social-color .skype a,.social-color-hover .skype a:hover{color:#00aff0} .social-color .stumbleupon a,.social-color-hover .stumbleupon a:hover{color:#eb4823} .social-color .vk a,.social-color-hover .vk a:hover{color:#4a76a8} .social-color .stack-overflow a,.social-color-hover .stack-overflow a:hover{color:#f48024} .social-color .github a,.social-color-hover .github a:hover{color:#24292e} .social-color .soundcloud a,.social-color-hover .soundcloud a:hover{color:#ff7400} .social-color .behance a,.social-color-hover .behance a:hover{color:#191919} .social-color .digg a,.social-color-hover .digg a:hover{color:#1b1a19} .social-color .delicious a,.social-color-hover .delicious a:hover{color:#0076e8} .social-color .codepen a,.social-color-hover .codepen a:hover{color:#000} .social-color .flipboard a,.social-color-hover .flipboard a:hover{color:#f52828} .social-color .reddit a,.social-color-hover .reddit a:hover{color:#ff4500} .social-color .whatsapp a,.social-color-hover .whatsapp a:hover{color:#3fbb50} .social-color .messenger a,.social-color-hover .messenger a:hover{color:#0084ff} .social-color .snapchat a,.social-color-hover .snapchat a:hover{color:#ffe700} .social-color .telegram a,.social-color-hover .telegram a:hover{color:#179cde} .social-color .steam a,.social-color-hover .steam a:hover{color:#112c5b} .social-color .discord a,.social-color-hover .discord a:hover{color:#7289da} .social-color .quora a,.social-color-hover .quora a:hover{color:#b92b27} .social-color .tiktok a,.social-color-hover .tiktok a:hover{color:#fe2c55} .social-color .share a,.social-color-hover .share a:hover{color:var(--meta-color)} .social-color .email a,.social-color-hover .email a:hover{color:#888} .social-color .external-link a,.social-color-hover .external-link a:hover{color:var(--title-color)} #header-wrapper{position:relative;float:left;width:100%;z-index:50;margin:0} .main-header,.header-inner{position:relative;float:left;width:100%;height:59px;background-color:var(--header-bg)} .header-inner{background-color:rgba(0,0,0,0)} .header-inner.is-fixed{position:fixed;top:-59px;left:0;width:100%;z-index:990;backface-visibility:hidden;visibility:hidden;opacity:0;transition:all .25s ease} .header-inner.is-fixed.show{top:0;opacity:1;visibility:visible;margin:0} .header-header{position:relative;float:left;width:100%;height:59px;background-color:var(--header-bg);border-bottom:1px solid var(--border-color)} .is-boxed .header-header{float:none;width:$(row.width + 60px);max-width:100%;margin:0 auto;padding:0} .is-fixed .header-header{box-shadow:0 1px 8px rgba(0,0,0,0.1)} .header-items{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between} .flex-left{position:static;display:flex;z-index:10} .flex-right{position:absolute;top:0;right:0;z-index:20} .rtl .flex-right{left:0;right:unset} .main-logo{position:relative;float:left;height:58px;overflow:hidden;padding:0 13px 0 0} .rtl .main-logo{padding:0 0 0 13px} .main-logo .widget{position:relative;height:100%;display:flex;align-items:center} .main-logo .logo-img{display:flex;align-items:center;height:38px;overflow:hidden} .main-logo img{display:block;max-width:100%;max-height:100%} .main-logo .blog-title{display:block;font-size:23px;color:var(--header-color);font-weight:700} .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} #litespot-pro-main-nav{position:static;height:58px;z-index:10} #litespot-pro-main-nav .widget,#litespot-pro-main-nav .widget > .widget-title{display:none} #litespot-pro-main-nav .show-menu{display:block} #litespot-pro-main-nav ul#litespot-pro-main-nav-menu{display:flex;flex-wrap:wrap} #litespot-pro-main-nav ul > li{position:relative;padding:0;margin:0} #litespot-pro-main-nav-menu > li > a{position:relative;display:block;height:58px;font-family:var(--menu-font);font-size:16px;color:var(--header-color);font-weight:600;line-height:58px;padding:0 14px;margin:0} #litespot-pro-main-nav-menu > li:hover > a{color:var(--header-hover-color)} #litespot-pro-main-nav ul > li > ul,#litespot-pro-main-nav ul > li > .ul{ position: absolute; left: 0; top: 62px; width: 210px; background-color: var(--submenu-bg); z-index: 99999; padding: 5px 0; backface-visibility: hidden; visibility: hidden; opacity: 0; transform: translate3d(0,-10px,0); border-radius: var(--radius); box-shadow: 0 1px 2px rgb(0 0 0 / 10%), 0 5px 10px 0 rgb(0 0 0 / 10%);} .rtl #litespot-pro-main-nav ul > li > ul,.rtl #litespot-pro-main-nav ul > li > .ul{left:auto;right:0} #litespot-pro-main-nav ul > li > ul > li > ul{position:absolute;top:-5px;left:100%;transform:translate3d(-10px,0,0);margin:0} .rtl #litespot-pro-main-nav ul > li > ul > li > ul{left:unset;right:100%;transform:translate3d(10px,0,0)} #litespot-pro-main-nav ul > li > ul > li{display:block;float:none;position:relative} .rtl #litespot-pro-main-nav ul > li > ul > li{float:none} #litespot-pro-main-nav ul > li > ul > li a{position:relative;display:block;font-size:15px;color:var(--submenu-color);font-weight:600;padding:8px 14px;margin:0} #litespot-pro-main-nav ul > li > ul > li:hover > a{color:var(--submenu-hover-color)} #litespot-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} .rtl #litespot-pro-main-nav ul > li.has-sub > a:after{float:left;margin:-1px 4px 0 0} #litespot-pro-main-nav ul > li > ul > li.has-sub > a:after{content:'\f054';float:right;margin:0} .rtl #litespot-pro-main-nav ul > li > ul > li.has-sub > a:after{content:'\f053'} #litespot-pro-main-nav ul ul,#litespot-pro-main-nav ul .ul{ transition: visibility .1s cubic-bezier(0, 0.98, 0, 0.99),opacity .17s cubic-bezier(0, 0.92, 0, 0.91),transform .17s cubic-bezier(0, 0.97, 0, 0.95);} #litespot-pro-main-nav ul > li:hover > ul,#litespot-pro-main-nav ul > li:hover > .ul,#litespot-pro-main-nav ul > li > ul > li:hover > ul{visibility:visible;opacity:1;transform:translate3d(0,0,0);margin:0} #litespot-pro-main-nav .mega-menu{position:static!important} #litespot-pro-main-nav .mega-menu > .ul{width:100%;background-color:var(--megamenu-bg);overflow:hidden;padding:20px} .mega-menu .mega-items{display:grid;grid-template-columns:repeat(5,1fr);column-gap:20px} .mega-menu .mega-items.no-items{grid-template-columns:1fr} .mega-items .mega-item{position:relative;width:100%;display:flex;flex-direction:column;padding:0} .mega-item .entry-image-wrap{width:100%;height:124px;z-index:1;margin:0 0 8px;border-radius:var(--radius)} .mega-item .entry-title{font-size:14px} .mega-item .entry-title a{color:var(--megamenu-color)} .mega-item .entry-title a:hover{color:var(--megamenu-hover-color)} .mega-menu .error-msg{justify-content:center} .mobile-menu-toggle{display:none;height:34px;font-size:18px;color:var(--header-color);align-items:center;padding:0 16px} .mobile-menu-toggle:after{content:'\f0c9';font-family:'Font Awesome 5 Free';font-weight:900;margin:0} .mobile-menu-toggle:hover{color:#efff00} .tgl-wrap{height:58px;background-color:var(--header-bg);display:flex;align-items:center;z-index:20;margin:0} .tgl-style{ width: 38px; height: 38px; background-color: #7214f99e; color: #ffffff; font-size: 16px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 20; border-radius: var(--radius);} .darkmode-toggle{width: auto; color:#0dcaf0; background-color: #ffffff00; font-size: 16px; padding: 0 15px;} a.tgl-style.darkmode-toggle:hover{ color:#0dcaf0;} .tgl-style:after{content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900} .darkmode-toggle:after{content:'\f186';font-weight:400} .is-dark .darkmode-toggle:after{content:'\f185';font-weight:900} .show-search{ transition: opacity 0.17s cubic-bezier(0, 1.02, 0.02, 1.01); background: linear-gradient( 90deg , rgba(57,198,43,1) 0%, rgba(72,214,129,1) 0%, rgba(30,115,240,1) 100%);} .tgl-style:hover{color: #fff} #main-search-wrap{display:none;position:absolute;top:0;right:0;width:$(sidebar.width);height:58px;background-color:var(--header-bg);z-index:25} .rtl #main-search-wrap{left:0;right:unset} @-webkit-keyframes showSearch { 0%{width:80%;opacity:0} 100%{width:100%;opacity:1} } .main-search{position:relative;float:right;width:100%;height:100%;display:flex;align-items:center;animation:showSearch .17s ease} .rtl .main-search{float:left} .main-search .search-form{position:relative;height:38px;background-color:var(--rgba-gray);display:flex;flex:1;border:0;border-radius:var(--radius)} .main-search .search-form:focus-within{background-color:var(--header-bg);box-shadow:0 1px 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.2)} .is-dark .main-search .search-form:focus-within{background-color:var(--rgba-gray)} .main-search .search-input{width:100%;flex:1;background-color:rgba(0,0,0,0);font-family:inherit;font-size:14px;color:var(--header-color);font-weight:400;text-align:left;padding:0 16px;border:0} .rtl .main-search .search-input{text-align:right} .main-search .search-input:focus,.main-search .search-input::placeholder{color:var(--header-color);outline:none} .main-search .search-input::placeholder{opacity:.65} .main-search .search-close{width:38px;background-color:rgba(0,0,0,0);font-size:16px;color:var(--header-color);text-align:center;cursor:pointer;border:0} .main-search .search-close:before{display:block;content:'\f00d';font-family:'Font Awesome 5 Free';font-weight:900} .main-search .search-close:hover{color:var(--header-hover-color)} #slide-menu{ display: none; position: fixed; width: 300px; height: 100%; top: 0; left: 0; bottom: 0; background-color: var(--mobilemenu-bg); overflow: hidden; z-index: 1010; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: hidden; box-shadow: 3px 0 7px rgb(0 0 0 / 10%); transition: all .25s cubic-bezier(0, 0.87, 0, 0.9);} .rtl #slide-menu{left:unset;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)} .nav-active #slide-menu,.rtl .nav-active #slide-menu{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible} .slide-menu-header{position:relative;float:left;width:100%;height:59px;background-color:var(--mobilemenu-bg);overflow:hidden;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color)} .mobile-search{flex:1;padding:0 0 0 16px} .rtl .mobile-search{padding:0 16px 0 0} .mobile-search .search-form{width:100%;height:34px;background-color:var(--rgba-gray);overflow:hidden;display:flex;justify-content:space-between;border:0;border-radius:var(--radius)} .mobile-search .search-form:focus-within{background-color:var(--mobilemenu-bg);box-shadow:0 1px 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.2)} .is-dark .mobile-search .search-form:focus-within{background-color:var(--rgba-gray)} .mobile-search .search-input{flex:1;width:100%;background-color:rgba(0,0,0,0);font-family:inherit;font-size:14px;color:var(--mobilemenu-color);font-weight:400;padding:0 10px;border:0} .mobile-search .search-input:focus,.mobile-search .search-input::placeholder{color:var(--mobilemenu-color)} .mobile-search .search-input::placeholder{opacity:.65} .mobile-search .search-action{background-color:rgba(0,0,0,0);font-family:inherit;font-size:12px;color:var(--mobilemenu-color);font-weight:400;text-align:center;cursor:pointer;padding:0 10px;border:0;opacity:.65} .mobile-search .search-action:before{display:block;content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900} .mobile-search .search-action:hover{opacity:1} .hide-litespot-pro-mobile-menu{display:flex;height:100%;color:var(--mobilemenu-color);font-size:16px;align-items:center;cursor:pointer;z-index:20;padding:0 16px} .hide-litespot-pro-mobile-menu:before{content:'\f00d';font-family:'Font Awesome 5 Free';font-weight:900} .hide-litespot-pro-mobile-menu:hover{color:var(--mobilemenu-hover-color)} .slide-menu-flex{position:relative;float:left;width:100%;height:calc(100% - 59px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0} .litespot-pro-mobile-menu{position:relative;float:left;width:100%;padding:16px} .litespot-pro-mobile-menu .m-sub{display:none} .litespot-pro-mobile-menu ul li{position:relative;display:block;overflow:hidden;float:left;width:100%;margin:0} .litespot-pro-mobile-menu > ul li ul{overflow:hidden} .litespot-pro-mobile-menu ul li a{font-size:17px;color:var(--mobilemenu-color);font-weight:500;padding:8px 0;display:block} .litespot-pro-mobile-menu > ul > li > a{font-family:var(--menu-font);font-weight:600} .litespot-pro-mobile-menu ul li.has-sub .submenu-toggle{position:absolute;top:0;right:0;width:30px;color:var(--mobilemenu-color);text-align:right;cursor:pointer;padding:8px 0} .rtl .litespot-pro-mobile-menu ul li.has-sub .submenu-toggle{text-align:left;right:auto;left:0} .litespot-pro-mobile-menu ul li.has-sub .submenu-toggle:after{content:'\f078';font-family:'Font Awesome 5 Free';font-weight:900;float:right;font-size:12px;text-align:right;transition:all 0s ease} .rtl .litespot-pro-mobile-menu ul li.has-sub .submenu-toggle:after{float:left} .litespot-pro-mobile-menu ul li.has-sub.show > .submenu-toggle:after{content:'\f077'} .litespot-pro-mobile-menu ul li a:hover,.litespot-pro-mobile-menu ul li.has-sub.show > a,.litespot-pro-mobile-menu ul li.has-sub.show > .submenu-toggle{color:var(--mobilemenu-hover-color)} .litespot-pro-mobile-menu > ul > li > ul > li a{ font-size: 16px; opacity: 1; padding: 8px 0 8px 16px; font-weight: 600; width: 100%; background: #ffffff14; border-bottom: 1px solid #7b7b7b26; } .rtl .litespot-pro-mobile-menu > ul > li > ul > li a{padding:8px 10px 8px 0} .litespot-pro-mobile-menu > ul > li > ul > li > ul > li > a{padding:8px 0 8px 20px} .rtl .litespot-pro-mobile-menu > ul > li > ul > li > ul > li > a{padding:8px 20px 8px 0} .litespot-pro-mobile-menu ul > li > .submenu-toggle:hover{color:var(--mobilemenu-hover-color)} .mm-footer{position:relative;float:left;width:100%;padding:20px 16px;margin:0} .mm-footer .mm-social,.mm-footer .mm-menu{position:relative;float:left;width:100%;margin:8px 0 0} .mm-footer .mm-social{margin:0} .mm-footer ul{display:flex;flex-wrap:wrap} .mm-footer .mm-social ul li{margin:0 16px 0 0} .rtl .mm-footer .mm-social ul li{margin:0 0 0 16px} .mm-footer .mm-social ul li:last-child{margin:0} .mm-footer .mm-social ul li a{display:block;font-size:14px;color:var(--mobilemenu-color);padding:0} .mm-footer .mm-social ul li a:hover{color:var(--mobilemenu-hover-color)} .mm-footer .mm-menu ul li{margin:5px 18px 0 0} .rtl .mm-footer .mm-menu ul li{margin:5px 0 0 18px} .mm-footer .mm-menu ul li:last-child{margin:5px 0 0} .mm-footer .mm-menu ul li a{display:block;font-size:14px;color:var(--mobilemenu-color);font-weight:400;padding:0} .mm-footer .mm-menu ul li a:hover{color:var(--mobilemenu-hover-color)} #header-ads-wrap{position:relative;float:left;width:100%;margin:0} .header-ads .widget,.header-ads .widget-content{position:relative;float:left;width:100%;margin:0} .header-ads .widget{margin:30px 0 0} #ticker-wrapper,#ticker .widget{position:relative;float:left;width:100%;margin:0} #ticker .widget{display:none;background-color:var(--widget-bg);align-items:flex-start;padding:16px;margin:30px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} #ticker .widget.is-visible,#ticker .widget.PopularPosts{display:flex} .ticker .widget-title{padding:0 8px 0 0} .rtl .ticker .widget-title{padding:0 0 0 8px} .ticker .widget-title .title{font-size:15px;color:var(--main-color);font-weight:700;line-height:20px} .ticker .widget-content{position:relative;height:20px;display:flex;justify-content:space-between;flex:1;margin:0} .ticker .loader{justify-content:flex-start} .ticker .loader:after{width:20px;height:20px} .ticker .error-msg{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0} .ticker-items{position:relative;display:flex;align-items:center;flex:1;overflow:hidden} .ticker-item{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translate3d(10px,0,0);pointer-events:none;transition:all .85s ease} .rtl .ticker-item{left:unset;right:0;transform:translate3d(-10px,0,0)} .ticker-item.active{opacity:1;visibility:visible;transform:translate3d(0,0,0);pointer-events:initial} .ticker-item .entry-title{height:20px;display:flex;font-size:15px;font-weight:600;line-height:20px} .ticker-item .entry-title a{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ticker-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;padding:0 0 0 10px} .rtl .ticker-nav{padding:0 10px 0 0} .ticker-nav a{display:flex;width:20px;height:20px;background-color:var(--rgba-gray);font-size:9px;color:var(--title-color);align-items:center;justify-content:center;border-radius:var(--radius)} .ticker-nav a:hover{color:var(--main-color)} .ticker-nav a:before{display:block;font-family:'Font Awesome 5 Free';font-weight:900} .ticker-nav .tn-prev:before,.rtl .ticker-nav a.tn-next:before{content:'\f053'} .ticker-nav a.tn-next:before,.rtl .ticker-nav .tn-prev:before{content:'\f054'} #featured-wrapper,#featured .widget,#featured .widget-content{position:relative;float:left;width:100%;margin:0} #featured .widget{display:none;margin:30px 0 0} #featured .widget.is-visible,#featured .widget.PopularPosts{display:block} #featured .widget-content{display:flex;align-items:center;justify-content:center;min-height:200px;margin:0} #featured .error-msg{padding:0} .featured-items{position:relative;float:left;width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px} .featured-item{position:relative;width:100%;height:200px} .featured-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;z-index:11;overflow:hidden;border-radius:var(--radius)} .featured-item .entry-image-wrap{width:100%;height:100%} .featured-item .entry-title{font-size:19px} .featured-item .entry-meta{flex-wrap:wrap} .title-wrap{position:relative;float:left;width:100%;display:flex;align-items:center;justify-content:space-between;margin:0 0 16px} .title-wrap > *{display:flex;align-items:center} .title-wrap > .title{font-family:var(--title-font);font-size:16px;color:var(--widget-title-color);font-weight:700;margin:0} .title-wrap > .title:after{content:'\f054';font-family:'Font Awesome 5 Free';font-size:10px;font-weight:900;line-height:1;margin:2px 0 0 3px} .rtl .title-wrap > .title:after{content:'\f053';margin:2px 3px 0 0} .title-wrap > a.wt-l{font-size:12px;color:var(--meta-color);font-weight:400;line-height:1} .title-wrap > a.wt-l:hover{color:var(--main-color)} .content-section,.content-section .widget,.content-section .widget-content,.content-section .content-block{position:relative;float:left;width:100%;margin:0} .content-section .widget{display:none;margin:0 0 30px} .content-section .widget.is-visible,.content-section .widget.is-ad{display:block} #content-section-2 .widget:last-child{margin:0} .content-section .loader{height:200px} .block-items{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px} .block-left,.block-right{position:relative;width:100%;margin:0} .block-right{display:flex;flex-direction:column} .block-item{position:relative;width:100%;background-color:var(--post-card-bg);display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius)} .block-left .block-item{overflow:hidden} .block-left .entry-image-wrap{width:100%;height:205px;border-radius:var(--radius) var(--radius) 0 0} .block-left .entry-header{padding:13px 16px 16px} .block-left .entry-title{font-size:20px} .block-left .entry-meta{flex-wrap:wrap;margin:6px 0 0} .block-right .block-item{flex-direction:row;padding:12px;margin:20px 0 0} .block-right .block-item.item-1{margin:0} .block-right .entry-header{display:flex;flex-direction:column;flex:1} .block-right .entry-image-wrap{width:100px;height:65px;margin:0 12px 0 0;border-radius:var(--radius)} .rtl .block-right .entry-image-wrap{margin:0 0 0 12px} .block-right .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.75)} .block-right .entry-title{font-size:15px} .grid-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px} .grid-item{position:relative;background-color:var(--post-card-bg);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius)} .grid-item .entry-image-wrap{width:100%;height:140px;border-radius:var(--radius) var(--radius) 0 0} .grid-item .entry-header{padding:13px 16px} .grid-item .entry-title{font-size:15px} .list-items{display:flex;flex-direction:column} .list-item{position:relative;width:100%;background-color:var(--post-card-bg);display:flex;padding:16px;margin:20px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} .list-item.item-0{margin:0} .list-item .entry-image-wrap{width:200px;height:133px;margin:0 16px 0 0;border-radius:var(--radius)} .rtl .list-item .entry-image-wrap{margin:0 0 0 16px} .list-item .entry-header{display:flex;flex-direction:column;flex:1;margin:0} .list-item .entry-title{font-size:20px;margin:0} .list-item .entry-excerpt{font-size:14px;color:var(--text-color);margin:8px 0 0} .list-item .entry-meta{flex-wrap:wrap;font-size:12px;margin:8px 0 0} .video-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px} .video-item{position:relative;background-color:var(--post-card-bg);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius)} .video-item .entry-image-wrap{width:100%;height:140px;border-radius:var(--radius) var(--radius) 0 0} .video-item .entry-header{padding:13px 16px} .video-item .entry-title{font-size:15px} #main-wrapper #main,#main .Blog{position:relative;float:left;width:100%;margin:0} .is-home #main-wrapper.has-cs2 #main{margin:0 0 30px} .blog-posts-wrap{position:relative;float:left;width:100%} .queryMessage{float:left;width:100%} .queryMessage .query-info,.Blog.no-posts .queryMessage{margin:0} .queryMessage .query-info{position:relative;float:left;width:100%;display:flex;align-items:center;font-family:var(--title-font);font-size:23px;color:#ff0000;font-weight:900;margin:0 0 12px} .queryMessage .query-info:after{content:'\f054';font-family:'Font Awesome 5 Free';font-size:10px;font-weight:900;line-height:1;margin:1px 0 0 3px} .rtl .queryMessage .query-info:after{content:'\f053';margin:1px 3px 0 0} .queryEmpty{float:left;width:100%;font-size:14px;color:var(--text-color);font-weight:400;text-align:center;margin:50px 0} .index-post-wrap{position:relative;float:left;width:100%;display:flex;flex-direction:column} .no-posts .index-post-wrap{display:none} .blog-post{display:block;word-wrap:break-word} .index-post{position:relative;width:100%;background-color:var(--post-card-bg);display:flex;padding:1px;margin:0 0 5px;border:1px solid var(--border-color);border-radius:var(--radius)} .index-post.ad-type{display:block;background-color:transparent;padding:0;border:0;border-radius:0} .index-post-wrap .index-post:last-child{margin:0} .index-post .entry-image-wrap{width:200px;height:80px;margin:0 16px 0 0;border-radius:var(--radius)} .rtl .index-post .entry-image-wrap{margin:0 0 0 16px} .index-post .entry-header{display:flex;flex-direction:column;flex:1;margin:0} .index-post .entry-title{font-size:20px} .index-post .entry-excerpt{font-size:0px;color:var(--text-color);margin:1px 0 0;} .index-post .entry-meta{flex-wrap:wrap;font-size:12px;margin:8px 0 0} .inline-ad-wrap{position:relative;float:left;width:100%;margin:0} .inline-ad{position:relative;float:left;width:100%;text-align:center;line-height:1;margin:0} .post-animated{-webkit-animation-duration:.5s;animation-duration:.5s} @keyframes fadeInUp { from{opacity:0;transform:translate3d(0,10px,0)} to{opacity:1;transform:translate3d(0,0,0)} } .post-fadeInUp{animation-name:fadeInUp} .item-post-wrap,.is-single .item-post,.item-post-inner{position:relative;float:left;width:100%;margin:0} .item-post .blog-entry-header{position:relative;float:left;width:100%;display:flex;flex-direction:column} #breadcrumb{float:left;display:flex;width:100%;font-size:14px;color:var(--meta-color);font-weight:400;line-height:1;margin:0 0 10px} #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;font-style:normal;vertical-align:middle;margin:0 4px} .rtl #breadcrumb em:after{content:'\f053'} .item-post h1.entry-title{position:relative;float:left;width:100%;font-size:$(itempost.title.size);font-weight:700;margin:0} .item-post .has-meta h1.entry-title{margin-bottom:12px} .p-eh .entry-meta{flex-wrap:wrap;justify-content:space-between;font-size:14px;margin:0} .p-eh .entry-meta .align-left,.p-eh .entry-meta .align-right{display:flex;flex-wrap:wrap;align-items:center} .p-eh .entry-meta .mi,.p-eh .entry-meta .sp{margin:0 4px 0 0} .rtl .p-eh .entry-meta .mi,.rtl .p-eh .entry-meta .sp{margin:0 0 0 4px} .p-eh .entry-meta .entry-author{align-items:center} .p-eh .entry-meta .entry-author:before{display:none} .p-eh .entry-meta .author-avatar-wrap{overflow:visible;width:30px;height:30px;background-color:var(--widget-bg);padding:1px;margin:0 5px 0 0;border:1px solid var(--main-color);border-radius:100%} .rtl .p-eh .entry-meta .author-avatar-wrap{margin:0 0 0 5px} .p-eh .entry-meta .author-avatar-wrap:before{content:'';position:absolute;display:block;top:calc(50% - 6px);left:-1px;width:calc(100% + 2px);height:12px;background-color:var(--widget-bg);z-index:1;margin:0} .p-eh .entry-meta .author-avatar{z-index:2;border-radius:50%} .p-eh .entry-meta .author-name{font-weight:600} .entry-meta .entry-comments-link{display:none;margin:0 0 0 10px} .rlt .entry-meta .entry-comments-link{margin:0 10px 0 0} .entry-meta .entry-comments-link:before{display:inline-block;content:'\f086';font-family:'Font Awesome 5 Free';font-size:14px;color:var(--main-color);font-weight:400;margin:0 4px 0 0} .rtl .entry-meta .entry-comments-link:before{margin:0 0 0 4px} .entry-meta .entry-comments-link.show{display:block} .entry-content-wrap{position:relative;float:left;width:100%;margin:25px 0 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.6em;padding:0;margin:0} .post-body { font-size: 1rem; color: var(--post-text-color); line-height: 1.6em; padding: 0; margin: 0; } .post-body p { margin-bottom: 25px; } .post-body h1, .post-body h2, .post-body h3, .post-body h4, .post-body h5, .post-body h6 { font-family: $(title.font.family); line-height: 1.3em; color: var(--title-color); margin: 0 0 20px; } .post-body h1 {font-size: 1.2rem; } .post-body h2 {font-size: 1.19rem; } .post-body h3 {font-size: 1.18rem; } .post-body h4 {font-size: 1.17rem; } .post-body h5 {font-size: 1.16rem; } .post-body h6 { font-size: 1.15rem; } .post-body img{height:auto!important; width: 100%;} blockquote{position:relative;background-color:var(--rgba-gray);color:var(--title-color);font-style:normal;padding:16px 20px;margin:0;border-radius:var(--radius)} blockquote:before{position:absolute;left:10px;top:10px;content:'\f10e';font-family:'Font Awesome 5 Free';font-size:33px;font-style:normal;font-weight:900;color:var(--title-color);line-height:1;opacity:.05;margin:0} .rtl blockquote:before{left:unset;right:10px} .post-body .responsive-video-wrap{position:relative;width:100%;padding:0;padding-top:56%} .post-body .responsive-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%} .post-body ul{padding:0 0 0 16px;margin:10px 0} .rtl .post-body ul{padding:0 16px 0 0} .post-body li{margin:8px 0;padding:0} .post-body ul li,.post-body ol ul li{list-style:none} .post-body ul li:before{display:inline-block;content:'\2022';margin:0 5px 0 0} .rtl .post-body ul li:before{margin:0 0 0 5px} .post-body ol{counter-reset:ify;padding:0 0 0 16px;margin:10px 0} .rtl .post-body ol{padding:0 16px 0 0} .post-body ol > li{counter-increment:ify;list-style:none} .post-body ol > li:before{display: inline-block; content: counters(ify,'.')'.'; margin: 1px 7px 5px 0px; font-size: 16px; font-family: 'Raleway'; font-weight: 700;} .rtl .post-body ol > li:before{margin:0 0 0 5px} .post-body u{text-decoration:underline} .post-body strike{text-decoration:line-through} .post-body sup{vertical-align:super} .post-body a{color:var(--main-color)} .post-body a:hover{text-decoration:underline} .post-body a.button{display:inline-block;height:34px;background-color:var(--button-bg);font-family:var(--body-font);font-size:14px;color:var(--button-color);font-weight:400;line-height:34px;text-align:center;text-decoration:none;cursor:pointer;padding:0 20px;margin:0 6px 8px 0} .rtl .post-body a.button{margin:0 0 8px 6px} .post-body a.colored-button{color:#fff} .post-body a.button:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .post-body a.colored-button:hover{background-color:var(--button-hover-bg)!important;color:var(--button-hover-color)!important} .button:before{float:left;font-family:'Font Awesome 5 Free';font-weight:900;display:inline-block;margin:0 8px 0 0} .rtl .button:before{float:right;margin:0 0 0 8px} .button.preview:before{content:'\f06e'} .button.download:before{content:'\f019'} .button.link:before{content:'\f0c1'} .button.cart:before{content:'\f07a'} .button.info:before{content:'\f06a'} .button.share:before{content:'\f1e0'} .button.contact:before{content:'\f0e0';font-weight:400} .alert-message{position:relative;display:block;padding:16px;border:1px solid var(--border-color);border-radius:var(--radius)} .alert-message.alert-success{background-color:rgba(34,245,121,0.03);border:1px solid rgba(34,245,121,0.5)} .alert-message.alert-info{background-color:rgba(55,153,220,0.03);border:1px solid rgba(55,153,220,0.5)} .alert-message.alert-warning{background-color:rgba(185,139,61,0.03);border:1px solid rgba(185,139,61,0.5)} .alert-message.alert-error{background-color:rgba(231,76,60,0.03);border:1px solid rgba(231,76,60,0.5)} .alert-message:before{font-family:'Font Awesome 5 Free';font-size:16px;font-weight:900;display:inline-block;margin:0 5px 0 0} .rtl .alert-message:before{margin:0 0 0 5px} .alert-message.alert-success:before{content:'\f058';color:rgba(34,245,121,1)} .alert-message.alert-info:before{content:'\f05a';color:rgba(55,153,220,1)} .alert-message.alert-warning:before{content:'\f06a';color:rgba(185,139,61,1)} .alert-message.alert-error:before{content:'\f057';color:rgba(231,76,60,1)} .post-body table{width:100%;overflow-x:auto;text-align:left;margin:0;border-collapse:collapse;border:1px solid var(--border-color)} .rtl .post-body table{text-align:right} .post-body table td,.post-body table th{padding:6px 12px;border:1px solid var(--border-color)} .post-body table thead th{color:var(--post-title-color);font-weight:700;vertical-align:bottom} table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{line-height:1;padding:0;border:0} table.tr-caption-container td.tr-caption{font-size:13px;color:var(--meta-color);padding:6px 0 0} .tocify-wrap{display:flex;width:100%;clear:both;margin:0} .tocify-inner{position:relative;max-width:100%;background-color:var(--rgba-gray);display:flex;flex-direction:column;overflow:hidden;font-size:14px;color:var(--title-color);line-height:1.6em;border:0;border-radius:var(--radius)} a.tocify-title{position:relative;height:40px;font-size:16px;color:var(--title-color);font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin:0} .tocify-title-text{display:flex} .tocify-title-text:before{content:'\f0cb';font-family:'Font Awesome 5 Free';font-size:14px;font-weight:900;margin:0 6px 0 0} .rtl .tocify-title-text:after{margin:0 0 0 6px} .tocify-title:after{content:'\f078';font-family:'Font Awesome 5 Free';font-size:12px;font-weight:900;margin:0 0 0 25px} .rtl .tocify-title:after{margin:0 25px 0 0} .tocify-title.is-expanded:after{content:'\f077'} a.tocify-title:hover{text-decoration:none} #tocify{display:none;padding:0 16px 10px;margin:0} #tocify ol{padding:0 0 0 16px} .rtl #tocify ol{padding:0 16px 0 0} #tocify li{font-size:14px;margin:8px 0} #tocify li a{color:var(--main-color)} #tocify li a:hover{color:var(--main-color);text-decoration:underline} .post-body .contact-form{display:table;font-family:var(--body-font)} .contact-form .widget-title{display:none} .contact-form .contact-form-name{width:calc(50% - 5px)} .rtl .contact-form .contact-form-name{float:right} .contact-form .contact-form-email{float:right;width:calc(50% - 5px)} .rtl .contact-form .contact-form-email{float:left} .post-body pre,pre.code-box{position:relative;display:block;background-color:var(--rgba-gray);font-family:Monospace;font-size:13px;color:var(--post-text-color);white-space:pre-wrap;line-height:1.4em;padding:16px;border:0;border-radius:var(--radius)} .post-body .google-auto-placed{margin:25px 0} .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;color:var(--main-color);font-weight:400;margin:5px 6px 0 0} .rtl .entry-labels span,.rtl .entry-labels a{margin:5px 0 0 6px} .entry-labels span{color:var(--title-color);font-weight:700} .entry-labels a:hover{text-decoration:underline} .entry-labels a:after{content:',';color:var(--meta-color)} .entry-labels a:last-child:after{display:none} .post-share{position:relative;float:left;width:100%;margin:20px 0 0} ul.litespot-pro-share-links{display:flex;flex-wrap:wrap;align-items:flex-start} .litespot-pro-share-links li{padding:0 5px 0 0} .rtl .litespot-pro-share-links li{padding:0 0 0 5px} .litespot-pro-share-links li a{display:flex;width:34px;height:34px;font-size:16px;color:#fff;font-weight:400;cursor:pointer;align-items:center;justify-content:center;margin:5px 0 0} .litespot-pro-share-links li.has-span a{width:auto;justify-content:flex-start} .litespot-pro-share-links li.has-span a:before{padding:0 10px} .litespot-pro-share-links span{font-size:14px;line-height:1;padding:0 20px 0 10px;border-left:1px solid rgba(255,255,255,0.2)} .rtl .litespot-pro-share-links span{padding:0 10px 0 20px;border-left:0;border-right:1px solid rgba(255,255,255,0.2)} .litespot-pro-share-links li a:hover{opacity:.9} .litespot-pro-share-links .show-hid a{background-color:var(--rgba-gray);font-size:14px;color:rgba(155,155,155,0.8)} .litespot-pro-share-links .show-hid a:before{content:'\f067';font-family:'Font Awesome 5 Free';font-weight:900} .show-hidden .show-hid a:before{content:'\f068'} .litespot-pro-share-links li.reddit,.litespot-pro-share-links li.linkedin,.litespot-pro-share-links li.tumblr,.litespot-pro-share-links li.telegram{display:none} .show-hidden li.reddit,.show-hidden li.linkedin,.show-hidden li.tumblr,.show-hidden li.telegram{display:inline-block} .about-author{position:relative;float:left;width:100%;background-color:var(--widget-bg);display:flex;padding:16px;margin:30px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} .about-author .author-avatar-wrap{width:60px;height:60px;margin:0 15px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)} .rtl .about-author .author-avatar-wrap{margin:0 0 0 15px} .about-author .author-title{display:block;font-family:var(--title-font);font-size:16px;color:var(--title-color);font-weight:700;margin:0 0 10px} .about-author .author-title a{color:var(--title-color)} .about-author .author-title a:hover{color:var(--title-hover-color)} .author-description{display:flex;flex-direction:column;flex:1} .author-description .author-text{display:block;font-size:15px;color:var(--text-color);line-height:1.6em;font-weight:600} .author-description .author-text br,.author-description .author-text a{display:none} ul.author-links{display:flex;flex-wrap:wrap;padding:0} .author-links li{margin:10px 12px 0 0} .rtl .author-links li{margin:10px 0 0 12px} .author-links li a{display:block;font-size:14px;color:var(--text-color);padding:0} .author-links li a:hover{opacity:.9} #litespot-pro-related-posts,#related-wrap .related-tag{display:none} #related-wrap,.litespot-pro-related-content{position:relative;float:left;width:100%} #related-wrap{margin:30px 0 0} .litespot-pro-related-content .loader{height:200px} .related-posts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px} .related-item{position:relative;background-color:var(--post-card-bg);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);border-radius:var(--radius)} .related-item .entry-image-wrap{width:100%;height:140px;border-radius:var(--radius) var(--radius) 0 0} .related-item .entry-header{padding:13px 16px} .related-item .entry-title{font-size:15px} .litespot-pro-blog-post-comments{display:none;float:left;width:100%;margin:30px 0 0} .comments-system-disqus,.comments-system-facebook{margin:20px 0 0} .litespot-pro-blog-post-comments .fb_iframe_widget_fluid_desktop{float:left;display:block!important;width:calc(100% + 16px)!important;max-width:calc(100% + 16px)!important;margin:0 -8px} .litespot-pro-blog-post-comments .fb_iframe_widget_fluid_desktop span,.litespot-pro-blog-post-comments .fb_iframe_widget_fluid_desktop iframe{float:left;display:block!important;width:100%!important} #comments,#disqus_thread{position:relative;float:left;width:100%;display:block;clear:both} #disqus_thread,.fb-comments{padding:0} .comments-title,#comments h4#comment-post-message{display:none} .comments-system-blogger .comments-title{display:block} .comments .comments-content{float:left;width:100%;margin:0} .comments .comment-content{display:block;font-family:var(--text-font);font-size:14px;color:var(--text-color);line-height:1.6em;margin:10px 0 0} .comments .comment-content > a:hover{text-decoration:underline} .comment-thread .comment{position:relative;list-style:none;background-color:var(--widget-bg);padding:16px;margin:20px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} .comment-thread .comment .comment{background-color:var(--rgba-gray);border:0} .comment-thread ol{padding:0;margin:0} .comment-thread .comment-replies ol{padding:0 0 4px} .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:'\f3bf';position:absolute;left:-25px;top:-10px;font-family:'Font Awesome 5 Free';font-size:16px;color:var(--border-color);font-weight:700;transform:rotate(90deg);margin:0} .rtl .comment-thread ol ol .comment:before{content:'\f3be';left:unset;right:-25px} .comments .comment-replybox-single iframe{padding:0 0 0 48px;margin:10px 0 0} .rtl .comments .comment-replybox-single iframe{padding:0 48px 0 0} .comment-thread .avatar-image-container{position:absolute;top:16px;left:16px;width:35px;height:35px;overflow:hidden;border-radius:50%;box-shadow:var(--avatar-shadow)} .rtl .comment-thread .avatar-image-container{left:auto;right:16px} .avatar-image-container img{width:100%;height:100%} .comments .comment-header{padding:0 0 0 48px} .rtl .comments .comment-header{padding:0 48px 0 0} .comments .comment-header .user{display:inline-block;font-family:var(--title-font);font-size:16px;color:var(--title-color);font-style:normal;font-weight:700;margin:0} .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;font-size:13px;color:var(--main-color);font-weight:400;vertical-align:top;margin:-5px 0 0 4px} .rtl .comments .comment-header .icon.blog-author{margin:-5px 4px 0 0} .comments .comment-header .icon.blog-author:before{content:'\f058';font-family:'Font Awesome 5 Free';font-weight:400} .comments .comment-header .datetime{display:block;margin:0} .comment-header .datetime a{font-size:12px;color:var(--meta-color);font-weight:400;padding:0} .comments .comment-actions{display:block;margin:10px 0 0} .comments .comment-actions a{display:inline-block;font-size:14px;color:var(--main-color);font-weight:400;font-style:normal;padding:0;margin:0 15px 0 0} .rtl .comments .comment-actions a{margin:0 0 0 15px} .comments .comment-actions a:hover{color:var(--title-color)} .item-control{display:none} .loadmore.loaded a{display:inline-block;border-bottom:1px solid rgba(155,155,155,.51);text-decoration:none;margin-top:15px} .comments .continue{display:none} .comments .comment-replies{padding:0 0 0 48px} .rtl .comments .comment-replies{padding:0 48px 0 0} .thread-expanded .thread-count a,.loadmore{display:none} .comments .footer{float:left;width:100%;font-size:13px;margin:0} .comment-form{float:left;width:100%;margin:0} p.comments-message{display:block;float:left;width:100%;font-size:13px;color:var(--meta-color);font-style:italic;margin:0 0 16px} p.comments-message.no-new-comments{padding:0;margin:0;border:0} p.comments-message > a{color:var(--main-color)} p.comments-message > a:hover{color:var(--title-color)} p.comments-message > em{color:#ff3f34;font-style:normal;margin:0 3px} #comments[data-embed='false'] p.comments-message > i{color:var(--main-color);font-style:normal} .comment-form > p{display:none} .comment-content .responsive-video-wrap{position:relative;width:100%;padding:0;padding-top:56%} .comment-content .responsive-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%} .comments #top-ce.comment-replybox-thread,.comments.no-comments .comment-form{background-color:var(--widget-bg);padding:6px 16px;margin:20px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} .comments.no-comments .comment-form{margin:0} .comments #top-continue a{float:left;width:100%;height:34px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:34px;text-align:center;padding:0;margin:30px 0 0;border-radius:var(--radius)} .comments #top-continue a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .post-nav{float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px;font-weight:400;margin:30px 0 0} .post-nav span,.post-nav a{display:flex;align-items:center;color:var(--meta-color)} .post-nav a:hover{color:var(--main-color)} .post-nav span{color:var(--meta-color);cursor:no-drop;opacity:.65} .post-nav-newer-link:before,.rtl .post-nav-older-link:after{content:'\f053';font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:1px 4px 0 0} .post-nav-older-link:after,.rtl .post-nav-newer-link:before{content:'\f054';font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:1px 0 0 4px} #custom-ads,#litespot-pro-post-footer-ads{position:relative;float:left;width:100%;opacity:0;visibility:hidden;padding:0;margin:0;border:0} #before-ad,#after-ad{float:left;width:100%;margin:0} #before-ad .widget > .widget-title,#after-ad .widget > .widget-title{display:block} #before-ad .widget > .widget-title > .title,#after-ad .widget > .widget-title > .title{font-size:10px;color:var(--meta-color);font-weight:400;line-height:1;margin:0 0 6px} #before-ad .widget,#after-ad .widget{width:100%;margin:0 0 25px} #after-ad .widget{margin:25px 0 0} #before-ad .widget-content,#after-ad .widget-content{position:relative;width:100%} #litespot-pro-new-before-ad #before-ad,#litespot-pro-new-after-ad #after-ad{float:none;display:block;margin:0} #litespot-pro-new-before-ad #before-ad .widget,#litespot-pro-new-after-ad #after-ad .widget{margin:0} #post-footer-ads{position:relative;float:left;width:100%;padding:0;margin:30px 0 0} #post-footer-ads .widget,#post-footer-ads .widget-content{float:left;width:100%} #blog-pager{position:relative;float:left;width:100%;display:flex;justify-content:center;margin:30px 0 0} #blog-pager.no-blog-posts{display:none} #blog-pager .load-more{position:relative;display:flex;height:34px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);align-items:center;cursor:pointer;padding:0 30px; width:40%} #blog-pager #litespot-pro-load-more-link:after{content:'\f078';display:inline-block;font-family:'Font Awesome 5 Free';font-size:10px;font-weight:900;margin:0 0 0 4px} .rtl #blog-pager #litespot-pro-load-more-link:after{margin:0 4px 0 0} #blog-pager #litespot-pro-load-more-link:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} #blog-pager .no-more.show{display:flex;background-color:var(--rgba-gray);color:var(--meta-color);cursor:not-allowed} #blog-pager .loading,#blog-pager .no-more{display:none} #blog-pager .loading .loader{height:34px} .sidebar{position:relative;float:left;width:100%;margin:0} .sidebar > .widget{position:relative;float:left;width:100%;background-color:var(--widget-bg);margin:0 0 30px;border:1px solid var(--border-color);border-radius:var(--radius)} .sidebar > .widget:last-child{margin:0} .sidebar .title-wrap{padding:10px 16px;margin:0;border-bottom:1px solid var(--border-color)} .sidebar .title-wrap .title:after{display:none} .sidebar .widget-content{position:relative;float:left;width:100%;padding:16px} .sidebar .widget.is-ad{background-color:transparent;border:0} .sidebar .widget.is-ad > .widget-title{display:none} .sidebar .widget.is-ad .widget-content{padding:0} .sidebar ul.social-icons{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;margin:0} .sidebar .social-icons li{display:block;margin:0} .sidebar .social-icons a{position:relative;display:flex;height:34px;font-size:16px;color:#fff;font-weight:400;align-items:center} .sidebar .social-icons a:before{padding:0 10px} .sidebar .social-icons span{font-size:14px;line-height:1;padding:0 10px;border-left:1px solid rgba(255,255,255,0.2)} .rtl .sidebar .social-icons span{border-left:0;border-right:1px solid rgba(255,255,255,0.2)} .sidebar .social-icons a:hover{opacity:.9} .sidebar .loader{height:180px} .default-items{display:flex;flex-direction:column} .default-items .cs{height:180px;overflow:hidden;border-radius:var(--radius)} .default-items .default-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column} .default-items .cs .entry-image-wrap{width:100%;height:100%;margin:0} .default-items .entry-header{display:flex;flex-direction:column} .default-items .cs .entry-title{font-size:18px} .default-items .cs .entry-meta{flex-wrap:wrap} .default-items .ds{display:flex;margin:20px 0 0} .default-items .ds.item-0{margin:0} .default-items .ds .entry-image-wrap{width:98px;height:65px;z-index:1;margin:0 12px 0 0;border-radius:var(--radius)} .rtl .default-items .ds .entry-image-wrap{margin:0 0 0 12px} .default-items .ds .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.7)} .default-items .ds .entry-header{flex:1} .default-items .ds .entry-title{font-size:14px; line-height: 21px;} .mini-items{position:relative;float:left;width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px} .mini-item{position:relative;display:flex;flex-direction:column} .mini-item .entry-image-wrap{width:100%;height:82px;margin:0 0 8px;border-radius:var(--radius)} .mini-item .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.85)} .mini-item .entry-title{font-size:14px} .cmm1-items{display:flex;flex-direction:column} .cmm1-items .cmm1-item{position:relative;width:100%;padding:16px 0 0;margin:16px 0 0;border-top:1px solid var(--border-color)} .cmm1-items .cmm1-item.item-0{padding:0;margin:0;border:0} .cmm1-items .entry-inner{display:flex} .cmm1-items .entry-image-wrap{width:35px;height:35px;z-index:1;margin:0 12px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)} .rtl .cmm1-items .entry-image-wrap{margin:0 0 0 12px} .cmm1-items .entry-header{flex:1} .cmm1-items .entry-title{font-size:14px} .cmm1-items .entry-inner:hover .entry-title{color:var(--post-title-hover-color)} .cmm1-items .cmm-snippet{font-size:12px;color:var(--text-color);margin:4px 0 0} .FeaturedPost .featured-post{position:relative;width:100%;height:160px} .FeaturedPost .fp-inner{position:relative;width:100%;height:100%;display:flex;flex-direction:column;z-index:11;overflow:hidden;border-radius:var(--radius)} .featured-post .entry-image-wrap{width:100%;height:100%;z-index:1;margin:0} .featured-post .entry-title{font-size:17px} .featured-post .entry-meta{flex-wrap:wrap} .FollowByEmail .follow-by-email-title{display:block;font-family:var(--title-font);font-size:16px;color:var(--widget-title-color);margin:0 0 10px} .FollowByEmail .follow-by-email-text{display:block;font-size:14px;margin:0 0 15px} .FollowByEmail .follow-by-email-address{width:100%;height:34px;background-color:var(--rgba-gray);font-family:inherit;font-size:14px;color:var(--text-color);padding:0 13px;margin:0 0 10px;border:0;border-radius:var(--radius)} .FollowByEmail .follow-by-email-address::placeholder{color:var(--text-color);opacity:.75} .FollowByEmail .follow-by-email-address:focus{background-color:var(--widget-bg);box-shadow:0 1px 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.2)} .is-dark .FollowByEmail .follow-by-email-address:focus{background-color:var(--rgba-gray)} .FollowByEmail .follow-by-email-submit{width:100%;height:34px;background-color:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 20px;border:0;border-radius:var(--radius)} .FollowByEmail .follow-by-email-submit:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .section .list-style li{ position: relative; display: block; font-size: 15px; color: var(--title-color); font-weight: 600;} .section .list-style li a{display:block;color:var(--title-color);padding:8px 0} .section .list-style li a.has-count{display:flex;justify-content:space-between} .section .list-style li:first-child a,.section .text-list li:first-child{padding:0 0 8px} .section .list-style li:last-child a,.section .text-list li:last-child{padding:8px 0 0} .section .list-style li a:hover{color:var(--title-hover-color)} .section .list-style li a span{display:inline-block;color:var(--main-color)} .section .text-list li{padding:8px 0} .cloud-label ul{display:flex;flex-wrap:wrap;margin:-6px 0 0} .cloud-label li{margin:6px 5px 0 0} .rtl .cloud-label li{margin:6px 0 0 5px} .cloud-label li a{display:flex;height:29px;color:var(--button-bg);font-size:13px;line-height:28px;font-weight:400;padding:0 11px;border:1px solid var(--button-bg)} .cloud-label li a:hover{background-color:var(--button-bg);color:var(--button-color);border-color:var(--button-bg)} .cloud-label .label-count{display:inline-block;margin:0 0 0 10px} .rtl .cloud-label .label-count{margin:0 10px 0 0} .search-widget .search-form{float:left;width:100%;display:flex;margin:0} .search-widget .search-input{display:inline-block;flex:1;width:100%;height:34px;background-color:var(--rgba-gray);font-family:inherit;font-weight:400;font-size:14px;color:var(--text-color);padding:0 13px;margin:0;border:0;border-radius:var(--radius)} .search-widget .search-input::placeholder{color:var(--text-color);opacity:.9} .search-widget .search-input:focus{background-color:var(--widget-bg);box-shadow:0 1px 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.2)} .is-dark .search-widget .search-input:focus{background-color:var(--rgba-gray)} .search-widget .search-action{display:inline-block;width:36px;height:34px;background-color:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;line-height:34px;cursor:pointer;padding:0;margin:0 0 0 5px;border:0;border-radius:var(--radius)} .rtl .search-widget .search-action{margin:0 5px 0 0} .search-widget .search-action:before{display:block;content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900} .search-widget .search-action:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .Profile ul li{float:left;width:100%;padding:20px 0 0;margin:20px 0 0;border-top:1px solid var(--border-color)} .Profile ul li:first-child{padding:0;margin:0;border:0} .Profile .individual,.Profile .team-member{display:flex} .Profile .profile-img{width:35px;height:35px;background-color:var(--rgba-gray);overflow:hidden;color:transparent!important;margin:0 12px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)} .rtl .Profile .profile-img{margin:0 0 0 12px} .Profile .profile-info{flex:1} .Profile .profile-name{display:block;font-family:var(--title-font);font-size:15px;color:var(--title-color);font-weight:700;margin:0} .Profile .profile-name:hover{color:var(--title-hover-color)} .Profile .profile-link{display:block;font-size:12px;color:var(--meta-color);font-weight:400;margin:0} .Profile .profile-link:hover{color:var(--main-color)} .Text .widget-content{font-family:var(--text-font);font-size:14px;color:var(--text-color);margin:0} .Image .image-caption{display:block;font-size:14px;color:var(--text-color);margin:6px 0 0} .contact-form-widget form{font-family:inherit;font-weight:400} .contact-form-name{float:left;width:100%;height:34px;background-color:var(--rgba-gray);font-family:inherit;font-size:14px;color:var(--text-color);line-height:34px;padding:0 15px;margin:0 0 10px;border:0;border-radius:var(--radius)} .contact-form-email{float:left;width:100%;height:34px;background-color:var(--rgba-gray);font-family:inherit;font-size:14px;color:var(--text-color);line-height:34px;padding:0 15px;margin:0 0 10px;border:0;border-radius:var(--radius)} .contact-form-email.error{border-color:var(--main-color)} .contact-form-email-message{float:left;width:100%;background-color:var(--rgba-gray);font-family:inherit;font-size:14px;color:var(--text-color);padding:10px 15px;margin:0 0 10px;border:0;border-radius:var(--radius)} .contact-form-email-message.error{border-color:var(--main-color)} .contact-form-button-submit{ float: right; width: 42%; height: 34px; background: linear-gradient( 25deg , rgba(57,198,43,1) 0%, rgba(122,15,252,1) 0%, rgba(30,221,240,1) 100%); font-family: inherit; font-size: 14px; color: var(--button-color); font-weight: 400; cursor: pointer; padding: 0 20px; border: 0; border-radius: var(--radius);} .contact-form-button-submit:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .contact-form-widget p{margin:0} .contact-form-widget p.contact-form-error-message-with-border,p.contact-form-success-message-with-border{float:left;width:100%;background-color:rgba(0,0,0,0);font-size:13px;color:#e74c3c;text-align:left;line-height:1;padding:0;margin:10px 0 0;border:0} .contact-form-widget .contact-form-success-message-with-border{color:#27ae60} .rtl .contact-form-error-message-with-border,.rtl .contact-form-success-message-with-border{text-align:right} .contact-form-cross{cursor:pointer;margin:0 0 0 3px} .rtl .contact-form-cross{margin:0 3px 0 0} .contact-form-name::placeholder,.contact-form-email::placeholder,.contact-form-email-message::placeholder{color:var(--text-color);opacity:.9} .contact-form-widget .cf-s:focus{background-color:var(--widget-bg);box-shadow:0 1px 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.2)} .is-dark .contact-form-widget .cf-s:focus{background-color:var(--rgba-gray)} .Attribution a{font-size:14px;line-height:16px;display:block} .Attribution a > svg{width:16px;height:16px;float:left;margin:0 4px 0 0} .Attribution .copyright{font-size:12px;color:var(--meta-color);padding:0 20px;margin:3px 0 0} #google_translate_element{position:relative;float:left;width:100%;padding:20px;margin:0} .Stats .text-counter-wrapper{display:flex;align-items:center;font-size:20px;color:var(--title-color);font-weight:700;text-transform:uppercase;line-height:1;margin:0} .Stats .text-counter-wrapper:before{content:'\f201';font-family:'Font Awesome 5 Free';font-size:18px;color:var(--main-color);font-weight:900;margin:1px 4px 0 0} .rtl .Stats .text-counter-wrapper:before{margin:1px 0 0 4px} .sidebar > .widget.ReportAbuse{display:block;padding:15px 20px;border:1px solid var(--border-color);border-radius:var(--radius)} .ReportAbuse > h3{display:flex;float:left;width:100%;font-size:14px;font-weight:400;margin:0} .ReportAbuse > h3:before{content:'\f071';font-family:'Font Awesome 5 Free';color:var(--title-color);font-weight:900;margin:0 4px 0 0} .rtl .ReportAbuse > h3:before{margin:0 0 0 4px} .ReportAbuse > h3 a:hover{text-decoration:underline} #footer-ads-wrap,.footer-ads .widget,.footer-ads .widget-content{position:relative;float:left;width:100%;margin:0} .footer-ads .widget{margin:0 0 30px} .footer-ads .widget > .widget-title{display:none} #footer-wrapper{position:relative;float:left;width:100%;background-color:var(--footer-bg);color:var(--footer-color)} #footer-wrapper .primary-footer{position:relative;float:left;width:100%;border-top:1px solid var(--border-color)} .primary-footer.no-widget{display:none} #litespot-pro-about-section{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px 0;margin:0} .footer-info{flex:1} .litespot-pro-about-section .Image{width:calc(100% - $(sidebar.width + 30px));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0} .litespot-pro-about-section .footer-logo{padding:0 25px 0 0} .rtl .litespot-pro-about-section .footer-logo{padding:0 0 0 25px} .litespot-pro-about-section .footer-logo img{display:block;max-height:60px;margin:0} .litespot-pro-about-section .Image .image-caption{ font-size: 15px; color: var(--footer-color); margin: 0; font-weight: 600;} .litespot-pro-about-section .Image .image-caption a{color:var(--footer-color)} .litespot-pro-about-section .Image .image-caption a:hover{color:var(--footer-hover-color)} .litespot-pro-about-section .LinkList{width:$(sidebar.width);display:flex;align-items:center;justify-content:flex-end;margin:0} .litespot-pro-about-section ul.social-icons{display:flex;flex-wrap:wrap} .litespot-pro-about-section .social-icons li{margin:0 0 0 10px} .rtl .litespot-pro-about-section .social-icons li{margin:0 10px 0 0} .litespot-pro-about-section .social-icons li a{display:flex;width:34px;height:34px;background-color:var(--rgba-gray);font-size:16px;color:var(--footer-color);align-items:center;justify-content:center} .litespot-pro-about-section .social-icons li a:hover{color:#fff} .footerbar{position:relative;float:left;width:100%;background-color:var(--footerbar-bg);color:var(--footerbar-color);padding:20px 0;border-top:1px solid var(--border-color)} .footerbar .container{display:flex;flex-wrap:wrap;justify-content:space-between} .footerbar .footer-copyright{font-size:14px;font-weight:400;margin:0} .footerbar .footer-copyright a{ color: #7819ff; font-size: 15px; font-weight: 600;} .footerbar .footer-copyright a:hover{color:var(--footerbar-hover-color)} #footer-menu{position:relative;display:block;margin:0} .footer-menu ul{display:flex;flex-wrap:wrap} .footer-menu ul li a{font-size: 15px; color: var(--footerbar-color); padding: 0; font-weight: 600; margin: 0 0 0 25px;} .rtl .footer-menu ul li a{margin:0 25px 0 0} #footer-menu ul li a:hover{color:var(--footerbar-hover-color)} #hidden-widgets-wrap,.hidden-widgets{display:none;visibility:hidden} .is-error #main-wrapper{width:100%} .is-error #sidebar-wrapper{display:none} .errorWrap{color:var(--title-color);text-align:center;padding:60px 0} .errorWrap h3{font-size:160px;color:var(--title-color);line-height:1;margin:0 0 25px} .errorWrap h4{font-size:27px;color:var(--title-color);margin:0 0 25px} .errorWrap p{color:var(--text-color);font-size:14px;margin:0 0 15px} .errorWrap a{display:inline-block;height:34px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:34px;padding:0 30px;margin:15px 0 0;border-radius:var(--radius)} .errorWrap a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} .cookie-choices-info{display:none;visibility:hidden;opacity:0} #litespot-pro-cookie-ify{display:none;position:fixed;bottom:20px;left:20px;width:300px;background-color:var(--cookie-bg);z-index:1020;padding:16px;visibility:hidden;opacity:0;border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:0 1px 8px rgba(0,0,0,0.1);transition:all .35s ease,background 0s ease} .rtl #litespot-pro-cookie-ify{left:unset;right:20px} #litespot-pro-cookie-ify.is-visible{visibility:visible;opacity:1} .litespot-pro-cookie-ify-content{display:block;font-size:14px;color:var(--cookie-color);margin:0 0 15px} .litespot-pro-cookie-ify-content a{color:var(--cookie-color);text-decoration:underline} .litespot-pro-cookie-ify-content a:hover{color:var(--main-color)} #litespot-pro-cookie-ify-accept{display:inline-block;height:34px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:34px;padding:0 20px} #litespot-pro-cookie-ify-accept:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)} ins.adsbygoogle-noablate[data-anchor-shown="true"]{z-index:990!important} a.ads-here{position:relative;display:flex;align-items:center;justify-content:center;height:78px;background-color:var(--rgba-gray);font-size:15px;color:rgba(155,155,155,0.5);font-weight:500;font-style:italic;border:1px solid var(--border-color);border-radius:var(--radius)} .is-dark a.ads-here{background-color:var(--widget-bg)} .sidebar a.ads-here{height:250px} a.ads-here:hover{color:rgba(155,155,155,0.65)} @media only screen and (max-width: $(row.width + 60px)) { #outer-wrapper,.is-boxed #outer-wrapper,.is-boxed .header-header{width:100%;max-width:100%;margin:0} .row-x1{width:100%} #header-wrapper .container,#header-ads-wrap .container,#ticker-wrapper .container,#featured-wrapper .container,#content-wrapper .container,#footer-ads-wrap .container,#footer-wrapper .container{padding:0 20px} } @media only screen and (max-width: 980px) { #header-wrapper .container,#header-ads-wrap .container,#ticker-wrapper .container,#featured-wrapper .container,#content-wrapper .container,#footer-ads-wrap .container,#footer-wrapper .container{padding:0 16px} #header-wrapper .container{padding:0} .mobile-menu-toggle{display:flex} .header-items{flex-wrap:nowrap} #litespot-pro-main-nav{display:none} #slide-menu,.overlay{display:block} .flex-left,.main-logo{padding:0!important} .flex-right{padding:0 16px} .flex-right,.rtl .flex-right{position:relative;top:unset;left:unset;right:unset} #main-search-wrap{width:100%;padding:0 16px} .nav-active .overlay{visibility:visible;opacity:1} .nav-active #back-top{opacity:0!important} #content-wrapper > .container,.is-left #content-wrapper > .container{flex-direction:column!important;justify-content:flex-start} #main-wrapper,#sidebar-wrapper{width:100%} #sidebar-wrapper{margin:30px 0 0} .sidebar ul.social-icons{grid-template-columns:repeat(4,1fr)} .mini-items{grid-template-columns:repeat(4,1fr)} .FeaturedPost .featured-post{height:200px} .featured-post .entry-title{font-size:19px} #litespot-pro-about-section{flex-wrap:wrap;flex-direction:column} .litespot-pro-about-section .Image{width:100%;flex-direction:column;justify-content:center;text-align:center} .litespot-pro-about-section .footer-logo{padding:0!important} .footer-info{text-align:center;margin:20px 0 0} .litespot-pro-about-section .LinkList{width:100%;justify-content:center;margin:10px 0 0} .litespot-pro-about-section ul.social-icons{justify-content:center} .litespot-pro-about-section .social-icons li{margin:10px 5px 0!important} #litespot-pro-cookie-ify{left:16px;bottom:16px} .rtl #litespot-pro-cookie-ify{left:unset;right:16px} #back-top{right:16px;bottom:16px} .rtl #back-top{left:16px;right:unset} } @media only screen and (max-width: 880px) { .footerbar{height:auto;line-height:inherit;padding:25px 0;margin:0} .footerbar .container{flex-direction:column;justify-content:center} .footerbar .footer-copyright,#footer-menu{width:100%;text-align:center;margin:0} #footer-menu{padding:5px 0 0} .footer-menu ul{justify-content:center} .footer-menu ul li a{display:block;margin:5px 10px 0!important} } @media only screen and (max-width: 680px) { html.is-dark{--post-card-bg:var(--rgba-gray)} #outer-wrapper{background-color:var(--outer-mobile-bg)} .header-ads .widget{margin:16px 0 0} #ticker-wrapper .container{padding:0} #ticker .widget{flex-direction:column;align-items:initial;margin:16px 0 0;border-width:1px 0;border-radius:0} .ticker .widget-title{padding:0;margin:0 0 5px} .ticker .widget-content{height:initial} .ticker .loader{margin:4px 0 0} .ticker .ticker-item.active{position:relative} .ticker-item .entry-title{height:initial;line-height:1.3em} .ticker-item .entry-title a{white-space:initial;text-overflow:initial} #featured-wrapper .container{padding:0} #featured .widget{background-color:var(--widget-bg);padding:20px 16px;margin:16px 0 0;border:1px solid var(--border-color);border-width:1px 0} .featured-items{grid-template-columns:1fr;grid-gap:16px} #content-wrapper{padding:16px 0} #content-wrapper .container{padding:0} .content-section .widget{background-color:var(--widget-bg);padding:20px 16px;margin:0 0 16px;border:1px solid var(--border-color);border-width:1px 0} .content-section .widget.is-ad{background-color:transparent;padding:0 16px;border:0} .is-home #main-wrapper.has-cs2 #main{margin:0 0 16px} .block-items{grid-template-columns:1fr;grid-gap:16px} .block-right .block-item{margin:16px 0 0} .block-left .entry-image-wrap{height:200px} .grid-items,.video-items,.related-posts{grid-template-columns:repeat(2,1fr);grid-gap:16px} .list-item{flex-direction:column;justify-content:flex-start;overflow:hidden;padding:0} .list-item .entry-image-wrap{width:100%;height:200px;margin:0!important;border-radius:var(--radius) var(--radius) 0 0} .list-item .entry-header{padding:13px 16px 16px} .blog-posts-wrap{background-color:var(--widget-bg);padding:20px 16px;border:1px solid var(--border-color);border-width:1px 0} .index-post{flex-direction:column;justify-content:flex-start;overflow:hidden;padding:0} .index-post .entry-image-wrap{width:100%;height:200px;margin:0!important;border-radius:var(--radius) var(--radius) 0 0} .index-post .entry-header{padding:13px 16px 16px} #blog-pager{margin:20px 0 4px} .item-post-inner{background-color:var(--widget-bg);padding:20px 16px;border:1px solid var(--border-color);border-width:1px 0} .entry-content-wrap{margin:20px 0 0} .item-post h1.entry-title{font-size:33px} .post-body table{display:block} .litespot-pro-share-links a.twitter span{display:none} .litespot-pro-share-links li.has-span a.twitter{width:34px;justify-content:center} .litespot-pro-share-links li.has-span a.twitter:before{background-color:transparent;padding:0} #before-ad .widget{margin:0 0 20px} #after-ad .widget{margin:20px 0 0} .entry-labels,.post-share{margin:15px 0 0} .about-author{padding:20px 16px;margin:16px 0 0;border-width:1px 0;border-radius:0} #related-wrap{background-color:var(--widget-bg);padding:20px 16px;margin:16px 0 0;border:1px solid var(--border-color);border-width:1px 0} #post-footer-ads{padding:0 16px;margin:16px 0 0} .litespot-pro-blog-post-comments{background-color:var(--widget-bg);padding:20px 16px;margin:16px 0 0;border:1px solid var(--border-color);border-width:1px 0} .post-nav{padding:0 16px;margin:16px 0 0} #custom-ads{padding:0 16px} #sidebar-wrapper{margin:16px 0 0} .sidebar > .widget{padding:20px 16px;margin:0 0 16px;border-width:1px 0;border-radius:0} .sidebar .widget.is-ad{padding:0 16px} .sidebar .title-wrap{padding:0;margin:0 0 16px;border:0} .sidebar .widget-content{padding:0} .sidebar ul.social-icons{grid-template-columns:repeat(2,1fr)} .mini-items{grid-template-columns:repeat(2,1fr);column-gap:16px} .mini-item .entry-image-wrap{height:140px} .mini-item .entry-title{font-size:15px} .footer-ads .widget{margin:0 0 16px} #litespot-pro-about-section{padding:26px 0 30px} .errorWrap{padding:0 16px 30px} .errorWrap h3{font-size:130px} .errorWrap h4{line-height:initial} #litespot-pro-cookie-ify{right:0!important;left:0!important;bottom:0;width:100%;padding:20px 16px;margin:0;border-radius:0;transform:translate3d(0,50%,0);transition:all .5s ease,background 0s ease} #litespot-pro-cookie-ify.is-visible{transform:translate3d(0,0,0)} a.ads-here{height:65px} .sidebar a.ads-here{height:200px} } @media only screen and (max-width: 480px) { .grid-item .entry-image-wrap,.video-item .entry-image-wrap,.related-item .entry-image-wrap{height:110px} #post-body{font-size:$(itempost.content.size + 1px)} .author-description .author-text,.comments .comment-content{font-size:15px} .item-post h1.entry-title{font-size:31px} .mini-item .entry-image-wrap{height:110px} } @media only screen and (max-width: 380px) { #featured .widget-content{min-height:180px} .featured-item{height:180px} .block-left .entry-image-wrap{height:180px} .list-item .entry-image-wrap{height:180px} .grid-item .entry-image-wrap,.video-item .entry-image-wrap,.related-item .entry-image-wrap{height:95px} .grid-item .entry-title,.video-item .entry-title,.related-item .entry-title{font-size:14px} .index-post .entry-image-wrap{height:180px} .item-post h1.entry-title{font-size:25px} .item-post .entry-meta .align-right{display:none} .tocify-inner{min-width:100%} .litespot-pro-share-links span{display:none} .litespot-pro-share-links li.has-span a{width:34px;justify-content:center} .litespot-pro-share-links li.has-span a:before{background-color:transparent;padding:0} .mini-item .entry-image-wrap{height:95px} .mini-item .entry-title{font-size:14px} .FeaturedPost .featured-post{height:180px} } @media only screen and (max-width: 340px) { #slide-menu{width:100%} .errorWrap h3{font-size:110px} .errorWrap h4{font-size:27px} } ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #888; border-radius: 5px } ::-webkit-scrollbar-thumb:hover { background: #555; ::-moz-selection { background: #9B52F2; } .responsive-iframe { position: relative; width: 100%; padding-bottom: 56.25%; /* Aspect ratio: 16:9 */ height: 0; overflow: hidden; } .responsive-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .btn-size { padding: 6px 14px; background: var(--button-bg); color: var(--button-color); border: none; border-radius: 8px; font-size: 16px; cursor: pointer; transition: all 0.3s ease; } .btn-size:hover { background: var(--button-hover-bg); color: var(--button-hover-color); } /* ==== Reading Colors — Variable Overrides (load last) ==== */ /* Light mode variables */ :root { --h1-color: #2E8B57; --h2-color: #C04040; --bold-light: #1B5E20; --bold-dark: ; /* also override template’s own heading vars */ --title-color: #2E8B57; --post-title-color: #2E8B57; --heading-color: #C04040; } /* Dark mode variables */ :where(html.is-dark, [data-theme="dark"], body.dark, .dark, [data-bs-theme="dark"]) { --h1-color: #2E8B57; --h2-color: #C04040; --title-color: #2E8B57; --post-title-color: #2E8B57; --heading-color: #C04040; } /* ==== Reading Colors — Final Hard Override ==== */ /* H1 inside posts and the big entry title */ #Blog1 .post-body h1, #Blog1 .entry-content h1, #Blog1 .entry-title, #Blog1 .post-body h1 a, #Blog1 .entry-content h1 a, #Blog1 .entry-title a, #Blog1 .post-body h1 span, #Blog1 .entry-content h1 span { color: var(--h1-color) !important; -webkit-text-fill-color: var(--h1-color) !important; } /* H2 inside posts */ #Blog1 .post-body h2, #Blog1 .entry-content h2, #Blog1 .post-body h2 a, #Blog1 .entry-content h2 a, #Blog1 .post-body h2 span, #Blog1 .entry-content h2 span { color: var(--h2-color) !important; -webkit-text-fill-color: var(--h2-color) !important; } /* Bold (light mode) */ #Blog1 .post-body b, #Blog1 .post-body strong { color: var(--bold-light) !important; -webkit-text-fill-color: var(--bold-light) !important; } /* Bold (dark mode) */ :where(html.is-dark, [data-theme="dark"], body.dark, .dark, [data-bs-theme="dark"]) #Blog1 .post-body b, :where(html.is-dark, [data-theme="dark"], body.dark, .dark, [data-bs-theme="dark"]) #Blog1 .post-body strong { color: var(--bold-dark) !important; -webkit-text-fill-color: var(--bold-dark) !important; } /* === Reading Modes & Post Style (clean) === */ body[data-theme='dark'] { background:#121212; color:#EEEEEE; } body[data-theme='kindle'] { background:#f5f5dc; color:#111111; } body[data-theme='tech'] { background:#2A2A2A; color:#F0F0F0; } body[data-theme='tone'] { background:#3A3A3A; color:#FFFFFF; } /* Post style from sample (scoped to posts) */ #Blog1 .post-body h1, #Blog1 .post-body h2 { color: var(--post-title-color, #2E8B57); margin:16px 0 8px; } #Blog1 .post-body p { font-size:1rem; line-height:1.6; margin:8px 0; } #Blog1 .post-body strong { color:#1B5E20; } /* One toolbar only — use #reading-toolbar everywhere */ #reading-toolbar{ position:fixed; bottom:12px; right:12px; z-index:9999; display:flex; gap:10px; align-items:center; background:rgba(0,0,0,.4); padding:8px 12px; border-radius:8px; } #reading-toolbar button{ font-size:20px; background:none; border:none; color:#fff; cursor:pointer; } #reading-toolbar input[type="range"]{ width:100px; } ]]> .container{display:flex;margin:0} body#layout #main-wrapper{width:67%;padding:0} body#layout div.content-section.section,body#layout div.main-ads.section{background-color:#edf4ff!important;border-color:#d9dff3} body#layout #sidebar-wrapper{width:33%;padding:0} body#layout #custom-ads{display:flex} body#layout #custom-ads .section{width:50%} body#layout #litespot-pro-about-section{overflow:hidden!important} body#layout #litespot-pro-about-section .widget{float:left;width:49.5%;margin-right:1%} body#layout #litespot-pro-about-section .LinkList{margin-right:0} body#layout .footerbar .container{display:flex} body#layout #footer-menu,body#layout #footer-copyright{width:50%} body#layout .section > h4:after{font-size:12px} body#layout #ify-panel > h4:after{content:' - Custom No Image, Date Format, Month Names and More.'} body#layout #main-logo > h4:after{content:' - Recommended Height (34px)'} body#layout #litespot-pro-main-nav > h4:after{content:' - With SubLinks and Mega Menu'} body#layout #header-ads > h4:after{content:' - by Custom HTML, Adsense or Image'} body#layout #ticker > h4:after,body#layout #featured > h4:after{content:' - by Popular Posts, Most Recents or Label'} body#layout .content-section > h4:after{content:' - by Most Recents or Label or AD Gadget (Adsense, HTML)'} body#layout #main > h4:after{content:' - Default Blog Posts, AdSense In-Feed, Comments and More'} body#layout #litespot-pro-main-before-ad > h4:after{content:' - Before Post Content (Post Page)'} body#layout #litespot-pro-main-after-ad > h4:after{content:' - After Post Content (Post Page)'} body#layout #litespot-pro-related-posts > h4:after{content:' - Advanced Related Posts'} body#layout #litespot-pro-post-footer-ads > h4:after{content:' - After Related Posts (Post Page)'} body#layout #sidebar > h4:after{content:' - on All Pages'} body#layout:after{content:'Paid by - www.akashtimes.com';display:block;font-family:Roboto,sans-serif;font-size:20px;color:#555;line-height:1;text-align:center;visibility:visible;padding:20px 0} body#layout #footer-ads > h4:after{content:' - by Custom HTML, Adsense or Image'} body#layout #litespot-pro-about-section > 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:' - Footer Links'} body#layout #litespot-pro-cookie-ify-section > h4:after{content:' - Advanced Cookie Consent Plugin'} body#layout #hidden-widgets{display:none!important} /* ==== Reading Colors — Variable Overrides (load last) ==== */ /* Light mode variables */ :root{ /* our desired reading colors */ --h1-color:#C04040; --h2-color:#2E8B57; --bold-light:#1B5E20; --bold-dark:; /* override template vars used by headings/titles */ --title-color:#C04040; --post-title-color:#C04040; --heading-color:#2E8B57; } /* Dark mode variables */ :where(html.is-dark, [data-theme="dark"], body.dark, .dark, [data-bs-theme="dark"]){ --h1-color:#C04040; --h2-color:#2E8B57; /* keep headings red/green in dark too */ --title-color:#C04040; --post-title-color:#C04040; --heading-color:#2E8B57; } /* ==== Reading Colors — Variable Overrides (load last) ==== */ /* Light mode variables */ :root { --h1-color: #2E8B57; --h2-color: #C04040; --bold-light: #1B5E20; --bold-dark: ; /* also override template’s own heading vars */ --title-color: #2E8B57; --post-title-color: #2E8B57; --heading-color: #C04040; } /* Dark mode variables */ :where(html.is-dark, [data-theme="dark"], body.dark, .dark, [data-bs-theme="dark"]) { --h1-color: #2E8B57; --h2-color: #C04040; --title-color: #2E8B57; --post-title-color: #2E8B57; --heading-color: #C04040; } /* ==== Reading Colors — Final Hard Override ==== */ /* H1 inside posts and the big entry title */ #Blog1 .post-body h1, #Blog1 .entry-content h1, #Blog1 .entry-title, #Blog1 .post-body h1 a, #Blog1 .entry-content h1 a, #Blog1 .entry-title a, #Blog1 .post-body h1 span, #Blog1 .entry-content h1 span { color: var(--h1-color) !important; -webkit-text-fill-color: var(--h1-color) !important; } /* H2 inside posts */ #Blog1 .post-body h2, #Blog1 .entry-content h2, #Blog1 .post-body h2 a, #Blog1 .entry-content h2 a, #Blog1 .post-body h2 span, #Blog1 .entry-content h2 span { color: var(--h2-color) !important; -webkit-text-fill-color: var(--h2-color) !important; } /* Bold (light mode) */ #Blog1 .post-body b, #Blog1 .post-body strong { color: var(--bold-light) !important; -webkit-text-fill-color: var(--bold-light) !important; } /* Bold (dark mode) */ :where(html.is-dark, [data-theme="dark"], body.dark, .dark, [data-bs-theme="dark"]) #Blog1 .post-body b, :where(html.is-dark, [data-theme="dark"], body.dark, .dark, [data-bs-theme="dark"]) #Blog1 .post-body strong { color: var(--bold-dark) !important; -webkit-text-fill-color: var(--bold-dark) !important; } ]]>
]]>
HIERARCHY yyyy true MMMM MMM dd MM/dd false true DAILY
1 REVERSE_ALPHABETICAL All Post https://sarim-insight.blogspot.com/p/all-post_31.html {getContent} $results={4} $label={Resarch} $type={block} NONE All post https://sarim-insight.blogspot.com/p/posts.html
]]> 10 false false ALL_TIME

Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced ALPHA LIST ALL false
ALPHA LIST ALL false
10 false false LAST_WEEK

Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced 👉Post 👉Page]]> {getContent} $results={6} $label={Dale Carnegie English word} $type={grid} false $type={blogger} #ffffff false by false #ffffff false #ffffff TextAndImage #ffffff • false 1x1 true false Tags: true 1 false #ffffff false false
Replaced
Replaced

Replaced Replaced Replaced Replaced Replaced
')}),$("#litespot-pro-load-more-link").each(function(){var e=$(this).data("load");e&&$("#litespot-pro-load-more-link").show(),$("#litespot-pro-load-more-link").on("click",function(t){$("#litespot-pro-load-more-link").hide(),$.ajax({url:e,success:function(t){var a=$(t).find(".blog-posts");a.find(".index-post").addClass("post-animated post-fadeInUp"),$(".blog-posts").append(a.html()),(e=$(t).find("#litespot-pro-load-more-link").data("load"))?$("#litespot-pro-load-more-link").show():($("#litespot-pro-load-more-link").hide(),$("#blog-pager .no-more").addClass("show"))},beforeSend:function(){$("#blog-pager .loading").show()},complete:function(){$("#blog-pager .loading").hide(),$(".index-post .entry-image-wrap .entry-thumb").lazyify(),fixedSidebarIfy("#main-wrapper")}}),t.preventDefault()})}),$("#litespot-pro-cookie-ify").each(function(){var e=$(this),t=e.find(".widget.Text").data("shortcode");null!=t&&(ok=shortCodeIfy(t,"ok"),days=shortCodeIfy(t,"days"),0!=ok&&e.find("#litespot-pro-cookie-ify-accept").text(ok),0!=days?days=Number(days):days=7),e.length>0&&("1"!==$.cookie("litespot_preview_cookie_ify_consent")&&(e.css("display","block"),$(window).on("load",function(){e.addClass("is-visible")})),$("#litespot-pro-cookie-ify-accept").off("click").on("click",function(t){t.preventDefault(),t.stopPropagation(),$.cookie("litespot_preview_cookie_ify_consent","1",{expires:days,path:"/"}),e.removeClass("is-visible"),setTimeout(function(){e.css("display","none")},500)}),cookieChoices={})}),$("#back-top").each(function(){var e=$(this);$(window).on("scroll",function(){$(this).scrollTop()>=100?e.fadeIn(170):e.fadeOut(170),e.offset().top>=$("#footer-wrapper").offset().top-34?e.addClass("on-footer"):e.removeClass("on-footer")}),e.on("click",function(){$("html, body").animate({scrollTop:0},500)})})}); //]]>