*/ /*-- 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:$(post.title.hover.color); --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:$(button.bg); --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.05); --avatar-shadow:0px 1px 4px rgba(0,0,0,0.05); } html.is-dark{ --body-bg-color:#2b2b2b; --body-bg:$(body.background); --outer-bg:#1a1a1a; --outer-mobile-bg:#1a1a1a; --title-color:#f6f7f8; --title-hover-color:$(main.color); --meta-color:#aaaaaa; --text-color:#b4b6ba; --header-bg:#202020; --header-color:#f6f7f8; --header-hover-color:$(main.color); --submenu-bg:#252525; --submenu-color:#f6f7f8; --submenu-hover-color:$(main.color); --megamenu-bg:#252525; --megamenu-color:#f6f7f8; --megamenu-hover-color:$(main.color); --mobilemenu-bg:#1b1b1b; --mobilemenu-color:#f6f7f8; --mobilemenu-hover-color:$(main.color); --widget-bg:#202020; --widget-title-color:#f6f7f8; --post-card-bg:#202020; --post-title-color:#f6f7f8; --post-title-hover-color:$(main.color); --post-text-color:b4b6ba; --footer-bg:#202020; --footer-color:#b4b6ba; --footer-hover-color:$(main.color); --footerbar-bg:#202020; --footerbar-color:#f6f7f8; --footerbar-hover-color:$(main.color); --cookie-bg:#202020; --cookie-color:#b4b6ba; --button-bg:$(main.color); --button-color:#ffffff; --button-hover-bg:$(button.hover.bg); --button-hover-color:$(button.hover.color); --rgba-gray:rgba(155,155,155,0.04); --border-color:rgba(155,155,155,0.03); } 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:all .0s ease } #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:30px 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{ position:relative; border:0; border-radius:var(--radius) } .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 } .entry-category{ display:flex; width:-moz-fit-content; width:fit-content; height:20px; background-color:var(--main-color); font-size:12px; color:#fff; align-items:center; padding:0 10px; margin:0 0 10px; border-radius:20px } .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:var(--post-title-hover-color) } .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-image:linear-gradient(to bottom,rgba(0,0,0,0) 30%,rgba(0,0,0,0.5)); -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:2; opacity:1; margin:0; transition:opacity .25s ease } .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:62px; background-color:var(--header-bg) } .header-inner{ background-color:rgba(0,0,0,0) } .header-inner.is-fixed{ position:fixed; top:-62px; 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:62px; background-color:var(--header-bg); box-shadow: var(--widget-shadow); } .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:61px; 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:34px; 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 } #spotbuzz-pro-main-nav{ position:static; height:61px; z-index:10 } #spotbuzz-pro-main-nav .widget,#spotbuzz-pro-main-nav .widget > .widget-title{ display:none } #spotbuzz-pro-main-nav .show-menu{ display:block } #spotbuzz-pro-main-nav ul#spotbuzz-pro-main-nav-menu{ display:flex; flex-wrap:wrap } #spotbuzz-pro-main-nav ul > li{ position:relative; padding:0; margin:0 } #spotbuzz-pro-main-nav-menu > li > a{ position:relative; display:block; height:61px; font-family:var(--menu-font); font-size:15px; color:var(--header-color); font-weight:600; line-height:61px; padding:0 14px; margin:0 } #spotbuzz-pro-main-nav-menu > li:hover > a{ color:var(--header-hover-color) } #spotbuzz-pro-main-nav ul > li > ul,#spotbuzz-pro-main-nav ul > li > .ul{ position:absolute; left:0; top:61px; width:180px; 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 rgba(0,0,0,0.1),0 5px 10px 0 rgba(0,0,0,0.1) } .rtl #spotbuzz-pro-main-nav ul > li > ul,.rtl #spotbuzz-pro-main-nav ul > li > .ul{ left:auto; right:0 } #spotbuzz-pro-main-nav ul > li > ul > li > ul{ position:absolute; top:-5px; left:100%; transform:translate3d(-10px,0,0); margin:0 } .rtl #spotbuzz-pro-main-nav ul > li > ul > li > ul{ left:unset; right:100%; transform:translate3d(10px,0,0) } #spotbuzz-pro-main-nav ul > li > ul > li{ display:block; float:none; position:relative } .rtl #spotbuzz-pro-main-nav ul > li > ul > li{ float:none } #spotbuzz-pro-main-nav ul > li > ul > li a{ position:relative; display:block; font-size:14px; color:var(--submenu-color); font-weight:400; padding:8px 14px; margin:0 } #spotbuzz-pro-main-nav ul > li > ul > li:hover > a{ color:var(--submenu-hover-color) } #spotbuzz-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 #spotbuzz-pro-main-nav ul > li.has-sub > a:after{ float:left; margin:-1px 4px 0 0 } #spotbuzz-pro-main-nav ul > li > ul > li.has-sub > a:after{ content:'\f054'; float:right; margin:0 } .rtl #spotbuzz-pro-main-nav ul > li > ul > li.has-sub > a:after{ content:'\f053' } #spotbuzz-pro-main-nav ul ul,#spotbuzz-pro-main-nav ul .ul{ transition:visibility .1s ease,opacity .17s ease,transform .17s ease } #spotbuzz-pro-main-nav ul > li:hover > ul,#spotbuzz-pro-main-nav ul > li:hover > .ul,#spotbuzz-pro-main-nav ul > li > ul > li:hover > ul{ visibility:visible; opacity:1; transform:translate3d(0,0,0); margin:0 } #spotbuzz-pro-main-nav .mega-menu{ position:static!important } #spotbuzz-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:var(--header-hover-color) } .tgl-wrap{ height:61px; background-color:var(--header-bg); display:flex; align-items:center; z-index:20; margin:0 } .tgl-style{ width:38px; height:38px; background-color:var(--rgba-gray); color:var(--header-color); font-size:16px; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:20; border-radius:var(--radius) } .darkmode-toggle{ width:auto; background-color:transparent; font-size:14px; padding:0 15px } .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 .17s ease } .tgl-style:hover{ color:var(--header-hover-color) } #main-search-wrap{ display:none; position:absolute; top:0; right:0; width:$(sidebar.width); height:61px; 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) } .overlay{ visibility:hidden; opacity:0; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(27,27,37,0.6); z-index:1000; -webkit-backdrop-filter:saturate(100%) blur(3px); -ms-backdrop-filter:saturate(100%) blur(3px); -o-backdrop-filter:saturate(100%) blur(3px); backdrop-filter:saturate(100%) blur(3px); margin:0; transition:all .25s ease } #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 rgba(0,0,0,0.1); transition:all .25s ease } .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:62px; 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-spotbuzz-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-spotbuzz-pro-mobile-menu:before{ content:'\f00d'; font-family:'Font Awesome 5 Free'; font-weight:900 } .hide-spotbuzz-pro-mobile-menu:hover{ color:var(--mobilemenu-hover-color) } .slide-menu-flex{ position:relative; float:left; width:100%; height:calc(100% - 62px); display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; margin:0 } .spotbuzz-pro-mobile-menu{ position:relative; float:left; width:100%; padding:16px } .spotbuzz-pro-mobile-menu .m-sub{ display:none } .spotbuzz-pro-mobile-menu ul li{ position:relative; display:block; overflow:hidden; float:left; width:100%; margin:0 } .spotbuzz-pro-mobile-menu > ul li ul{ overflow:hidden } .spotbuzz-pro-mobile-menu ul li a{ font-size:15px; color:var(--mobilemenu-color); font-weight:400; padding:8px 0; display:block } .spotbuzz-pro-mobile-menu > ul > li > a{ font-family:var(--menu-font); font-weight:600 } .spotbuzz-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 .spotbuzz-pro-mobile-menu ul li.has-sub .submenu-toggle{ text-align:left; right:auto; left:0 } .spotbuzz-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 .spotbuzz-pro-mobile-menu ul li.has-sub .submenu-toggle:after{ float:left } .spotbuzz-pro-mobile-menu ul li.has-sub.show > .submenu-toggle:after{ content:'\f077' } .spotbuzz-pro-mobile-menu ul li a:hover,.spotbuzz-pro-mobile-menu ul li.has-sub.show > a,.spotbuzz-pro-mobile-menu ul li.has-sub.show > .submenu-toggle{ color:var(--mobilemenu-hover-color) } .spotbuzz-pro-mobile-menu > ul > li > ul > li a{ font-size:14px; opacity:.75; padding:8px 0 8px 10px } .rtl .spotbuzz-pro-mobile-menu > ul > li > ul > li a{ padding:8px 10px 8px 0 } .spotbuzz-pro-mobile-menu > ul > li > ul > li > ul > li > a{ padding:8px 0 8px 20px } .rtl .spotbuzz-pro-mobile-menu > ul > li > ul > li > ul > li > a{ padding:8px 20px 8px 0 } .spotbuzz-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 { background-color:var(--widget-bg); border-top:1px solid var(--border-color); box-shadow: var(--widget-shadow); } #ticker-wrapper,#ticker .widget{ position:relative; float:left; width:100%; margin:0 } #ticker .widget{ display:none; align-items:flex-start; padding:8px 0; margin:0; } #ticker .widget.is-visible,#ticker .widget.PopularPosts{ display:flex } .ticker .widget-title{ display: flex; align-items: center; position: relative; margin: 0 6px 0 0; } .ticker .widget-title:before { display: inherit; content: '\f0e7'; font-family: 'Font Awesome 5 Free'; font-size: 12px; color: var(--main-color); font-weight: 900; line-height: 1; } .rtl .ticker .widget-title{ margin:0 0 0 6px } .ticker .widget-title .title{ display: flex; align-items: center; font-size: 15px; color:var(--widget-title-color); font-weight: 700; margin: 0 0 0 3px; } .rtl .ticker .widget-title .title { margin: 0 3px 0 0; } .ticker .widget-title .title:after { display: inline-block; content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 10px; line-height: 1; margin: 5px 3px 0; } .rtl .ticker .widget-title .title:after { content: '\f104'; } .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(4,1fr); grid-gap:20px } .featured-item{ display: flex; flex-direction: column; position: relative; width: 100%; overflow: hidden; z-index: 10; background-color: var(--post-card-bg); border-radius:var(--radius); box-shadow: var(--widget-shadow); } .featured-inner{ position:relative; width:100%; height:100%; display:flex; flex-direction:column; z-index:11; overflow:hidden; } .featured-item .entry-image-wrap{ width:100%; height:160px } .featured-item .entry-header { padding: 18px 20px 20px; } .featured-item .entry-title{ font-size:17px } .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; color:var(--main-color); 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); box-shadow: var(--widget-shadow); 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); box-shadow: var(--widget-shadow); 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); box-shadow: var(--widget-shadow); 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:16px; color:var(--widget-title-color); font-weight:700; margin:0 0 16px } .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:16px; margin:0 0 20px; border:1px solid var(--border-color); box-shadow: var(--widget-shadow); 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:280px; height:180px; 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:14px; color:var(--text-color); margin:8px 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-inner{ background-color: var(--post-card-bg); padding: 16px; border: 1px solid var(--border-color); box-shadow: var(--widget-shadow); border-radius: var(--radius); } .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 p{ margin-bottom:25px } .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{ font-size:17px; color:var(--title-color); line-height:1.3em; margin:0 0 20px } .post-body h1{ font-size:26px } .post-body h2{ font-size:23px } .post-body h3{ font-size:20px } .post-body img{ height:auto!important } blockquote{ position:relative; background-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:0 5px 0 0 } .rtl .post-body ol > li:before{ margin:0 0 0 5px } .post-body u{ text-decoration:underline } .post-body strike{ text-decoration:line-through } .post-body sup{ vertical-align:super } .post-body a{ color:var(--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.spotbuzz-pro-share-links{ display:flex; flex-wrap:wrap; align-items:flex-start } .spotbuzz-pro-share-links li{ padding:0 5px 0 0 } .rtl .spotbuzz-pro-share-links li{ padding:0 0 0 5px } .spotbuzz-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 } .spotbuzz-pro-share-links li.has-span a{ width:auto; justify-content:flex-start } .spotbuzz-pro-share-links li.has-span a:before{ padding:0 10px } .spotbuzz-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 .spotbuzz-pro-share-links span{ padding:0 10px 0 20px; border-left:0; border-right:1px solid rgba(255,255,255,0.2) } .spotbuzz-pro-share-links li a:hover{ opacity:.9 } .spotbuzz-pro-share-links .show-hid a{ background-color:var(--rgba-gray); font-size:14px; color:rgba(155,155,155,0.8) } .spotbuzz-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' } .spotbuzz-pro-share-links li.reddit,.spotbuzz-pro-share-links li.linkedin,.spotbuzz-pro-share-links li.tumblr,.spotbuzz-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); box-shadow: var(--widget-shadow); 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:14px; color:var(--text-color); line-height:1.6em; font-weight:400 } .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 } #spotbuzz-pro-related-posts,#related-wrap .related-tag{ display:none } #related-wrap,.spotbuzz-pro-related-content{ position:relative; float:left; width:100% } #related-wrap{ margin:30px 0 0 } .spotbuzz-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); box-shadow: var(--widget-shadow); 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 } .spotbuzz-pro-blog-post-comments{ display:none; float:left; width:100%; margin:30px 0 0 } .comments-system-disqus,.comments-system-facebook{ margin:20px 0 0 } .spotbuzz-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 } .spotbuzz-pro-blog-post-comments .fb_iframe_widget_fluid_desktop span,.spotbuzz-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); box-shadow: var(--widget-shadow); } .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,#spotbuzz-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% } #spotbuzz-pro-new-before-ad #before-ad,#spotbuzz-pro-new-after-ad #after-ad{ float:none; display:block; margin:0 } #spotbuzz-pro-new-before-ad #before-ad .widget,#spotbuzz-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 } #blog-pager #spotbuzz-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 #spotbuzz-pro-load-more-link:after{ margin:0 4px 0 0 } #blog-pager #spotbuzz-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); box-shadow: var(--widget-shadow); 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 } .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:14px; color:var(--title-color); font-weight:400 } .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:left; 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) } .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 } #spotbuzz-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 } .spotbuzz-pro-about-section .Image{ width:calc(100% - $(sidebar.width + 30px)); display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 } .spotbuzz-pro-about-section .footer-logo{ padding:0 25px 0 0 } .rtl .spotbuzz-pro-about-section .footer-logo{ padding:0 0 0 25px } .spotbuzz-pro-about-section .footer-logo img{ display:block; max-height:34px; margin:0 } .spotbuzz-pro-about-section .Image .image-caption{ font-size:14px; color:var(--footer-color); margin:0 } .spotbuzz-pro-about-section .Image .image-caption a{ color:var(--footer-color) } .spotbuzz-pro-about-section .Image .image-caption a:hover{ color:var(--footer-hover-color) } .spotbuzz-pro-about-section .LinkList{ width:$(sidebar.width); display:flex; align-items:center; justify-content:flex-end; margin:0 } .spotbuzz-pro-about-section ul.social-icons{ display:flex; flex-wrap:wrap } .spotbuzz-pro-about-section .social-icons li{ margin:0 0 0 10px } .rtl .spotbuzz-pro-about-section .social-icons li{ margin:0 10px 0 0 } .spotbuzz-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 } .spotbuzz-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:var(--footerbar-color) } .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:14px; color:var(--footerbar-color); padding:0; 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 } #back-top{ display:none; position:fixed; bottom:20px; right:20px; width:34px; height:34px; background-color:var(--button-bg); cursor:pointer; overflow:hidden; font-size:15px; color:var(--button-color); text-align:center; line-height:34px; z-index:50; margin:0; transition:background .17s ease,color .17s ease } .rtl #back-top{ right:auto; left:20px } #back-top:before{ content:'\f077'; position:relative; font-family:'Font Awesome 5 Free'; font-weight:900 } #back-top:hover{ background-color:var(--button-hover-bg); color:var(--button-hover-color) } .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 } #spotbuzz-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 #spotbuzz-pro-cookie-ify{ left:unset; right:20px } #spotbuzz-pro-cookie-ify.is-visible{ visibility:visible; opacity:1 } .spotbuzz-pro-cookie-ify-content{ display:block; font-size:14px; color:var(--cookie-color); margin:0 0 15px } .spotbuzz-pro-cookie-ify-content a{ color:var(--cookie-color); text-decoration:underline } .spotbuzz-pro-cookie-ify-content a:hover{ color:var(--main-color) } #spotbuzz-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 } #spotbuzz-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 } #ticker-wrapper .container { padding:0 16px } .mobile-menu-toggle{ display:flex } .header-items{ flex-wrap:nowrap } #spotbuzz-pro-main-nav{ display:none } #slide-menu,.overlay{ display:block } .flex-left,.main-logo{ padding:0!important } .flex-right{ padding:0 16px 0 } .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 } #spotbuzz-pro-about-section{ flex-wrap:wrap; flex-direction:column } .spotbuzz-pro-about-section .Image{ width:100%; flex-direction:column; justify-content:center; text-align:center } .spotbuzz-pro-about-section .footer-logo{ padding:0!important } .footer-info{ text-align:center; margin:20px 0 0 } .spotbuzz-pro-about-section .LinkList{ width:100%; justify-content:center; margin:10px 0 0 } .spotbuzz-pro-about-section ul.social-icons{ justify-content:center } .spotbuzz-pro-about-section .social-icons li{ margin:10px 5px 0!important } #spotbuzz-pro-cookie-ify{ left:16px; bottom:16px } .rtl #spotbuzz-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) { .featured-items { grid-template-columns: repeat(2,1fr); } .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) { #header-ads-wrap .container, #ticker-wrapper .container, #featured-wrapper .container, #content-wrapper .container, #footer-ads-wrap .container, #footer-wrapper .container { padding: 0 15px; } .flex-right{ padding:0 15px 0 } 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 .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 } .featured-item .entry-image-wrap { height: 150px; } #content-wrapper{ padding:16px 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 } .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 } .spotbuzz-pro-share-links a.twitter span{ display:none } .spotbuzz-pro-share-links li.has-span a.twitter{ width:34px; justify-content:center } .spotbuzz-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 } #post-footer-ads{ margin:16px 0 0 } .post-nav{ padding:0; 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 } #spotbuzz-pro-about-section{ padding:26px 0 30px } .errorWrap{ padding:0 16px 30px } .errorWrap h3{ font-size:130px } .errorWrap h4{ line-height:initial } #spotbuzz-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 } #spotbuzz-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: 540px) { .featured-item .entry-image-wrap { height: 130px; } .featured-item .entry-header { padding: 13px 15px; } } @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 } .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:27px } .item-post .entry-meta .align-right{ display:none } .tocify-inner{ min-width:100% } .spotbuzz-pro-share-links span{ display:none } .spotbuzz-pro-share-links li.has-span a{ width:34px; justify-content:center } .spotbuzz-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 } } ]]> .container{ display:flex; margin:0 } body#layout #main-wrapper{ width:67%; padding:0 } body#layout div.content-section.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 #spotbuzz-pro-about-section{ overflow:hidden!important } body#layout #spotbuzz-pro-about-section .widget{ float:left; width:49.5%; margin-right:1% } body#layout #spotbuzz-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 #spotbuzz-pro-cookie-ify{ margin:0 0 30px } 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 #spotbuzz-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{ content:' - by Popular Posts, Most Recents or Label' } body#layout #featured > h4:after{ content:' - by Popular Posts, Most Recents or Label' } body#layout .content-section > h4:after{ content:' - by Most Recents, Label or AD Gadget (Adsense, HTML)' } body#layout #main > h4:after{ content:' - Default Blog Posts, AdSense In-Feed, Comments and More' } body#layout #spotbuzz-pro-main-before-ad > h4:after{ content:' - Before Post Content (Post Page)' } body#layout #spotbuzz-pro-main-after-ad > h4:after{ content:' - After Post Content (Post Page)' } body#layout #spotbuzz-pro-related-posts > h4:after{ content:' - Advanced Related Posts' } body#layout #spotbuzz-pro-post-footer-ads > h4:after{ content:' - After Related Posts (Post Page)' } body#layout #sidebar > h4:after{ content:' - on All Pages' } body#layout #footer-ads > h4:after{ content:' - by Custom HTML, Adsense or Image' } body#layout #spotbuzz-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 #spotbuzz-pro-cookie-ify-section > h4:after{ content:' - Advanced Cookie Consent Plugin' } body#layout #hidden-widgets{ display:none!important } ]]> Previous PostArtículo AnteriorPostagem Anterior Next PostArtículo SiguientePróxima Postagem Load MoreCarga MásCarregar Mais That is AllEso es TodoIsso é Tudo

var viewAllText = ""; var dateFormat = ""; var monthNames = ["","","","","","","","","","","",""];
Replaced Replaced Replaced

*

*

Please Select Embedded Mode To Show The Comment System.*

Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced
Replaced
Replaced Replaced

Replaced
Replaced

{getContent} $results={5} $label={recent}
Responsive Advertisement]]>
$type={blogger} true by true TextAndImage true 1x1 false true 1 #000000 false #f4f4f4 true #f1f3f4 true #e5e6e7 #000000 true Tags: false false false
Replaced
Replaced

Replaced Replaced Replaced Replaced Replaced