<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateVersion='1.0.0' expr:class='data:blog.languageDirection' expr:dir='data:blog.languageDirection' expr:lang='data:blog.localeUnderscoreDelimited' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<b:include name='theme-dark-mode'/>
<head>
<b:include name='theme-head'/>
<b:if cond='!data:view.isLayoutMode'>
<!-- Theme CSS Style -->
<b:skin version='1.0.0'><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: SuperMag
Version: 1.0.0 - Premium
Author: Templateify
Author Url: https://www.templateify.com/
-----------------------------------------------*/
/*
<!-- Variable definitions -->
<Variable name="keycolor" description="Main Color" type="color" default="$(main.color)" value="#1087FF"/>
<Group description="Theme Options" selector="body">
<Variable name="darkmode" description="Native Dark Mode" type="length" default="0px" min="0px" max="1px" value="0px"/>
<Variable name="userdarkmode" description="User Dark Mode" type="length" default="1px" min="0px" max="1px" value="1px"/>
<Variable name="sidebar" description="Left Sidebar" type="length" default="0px" min="0px" max="1px" value="0px"/>
<Variable name="fixedmenu" description="Fixed Menu" type="length" default="1px" min="0px" max="1px" value="1px"/>
<Variable name="fixedsidebar" description="Fixed Sidebar" type="length" default="1px" min="0px" max="1px" value="1px"/>
</Group>
<Group description="Theme Widths" selector="body">
<Variable name="fullwidth" description="Full Width" type="length" default="0px" min="0px" max="1px" value="0px"/>
<Variable name="row.width" description="Container Width" type="length" default="1053px" min="970px" max="1089px" value="1053px"/>
<Variable name="sidebar.width" description="Sidebar Width" type="length" default="300px" min="250px" max="336px" value="300px"/>
</Group>
<Group description="Theme Fonts" selector="body">
<Variable name="main.font" description="Site Font" type="font" family="Rubik" default="normal 400 14px $(family)" value="normal 400 14px $(family)"/>
<Variable name="title.font" description="Title Font" type="font" family="Rubik" default="normal 400 14px $(family)" value="normal 400 14px $(family)"/>
<Variable name="meta.font" description="Meta Font" type="font" family="Rubik" default="normal 400 14px $(family)" value="normal 400 14px $(family)"/>
<Variable name="text.font" description="Text Font" type="font" family="Rubik" default="normal 400 14px $(family)" value="normal 400 14px $(family)"/>
</Group>
<Group description="Background" selector="body">
<Variable name="body.background" description="Background" type="background" color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>
<Variable name="body.background.color" description="Body Background" type="color" default="#F6F8FA" value="#F6F8FA"/>
<Variable name="body.darkmode.bg" description="Body Background (Dark Mode)" type="color" default="#34393F" value="#34393F"/>
<Variable name="outer.bg" description="Outer Wrapper Background" type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="background.cover" description="Background Image Size Cover" type="length" default="0px" min="0px" max="1px" value="0px"/>
</Group>
<Group description="Theme Colors" selector="body">
<Variable name="main.color" description="Theme Color" type="color" default="#1087FF" value="#1087FF"/>
<Variable name="title.color" description="Title Color" type="color" default="#2F353B" value="#2F353B"/>
<Variable name="title.hover.color" description="Title Hover Color" type="color" default="$(main.color)" value="#1087FF"/>
<Variable name="meta.color" description="Meta Color" type="color" default="#8995A0" value="#8995A0"/>
<Variable name="tag.color" description="Tag Color" type="color" default="$(main.color)" value="#1087FF"/>
<Variable name="text.color" description="Text Color" type="color" default="#65656A" value="#65656A"/>
<Variable name="excerpt.color" description="Excerpt Color" type="color" default="#8995A0" value="#8995A0"/>
</Group>
<Group description="Topbar" selector="div.topbar-items">
<Variable name="topbar.bg" description="Topbar Background" type="color" default="$(main.color)" value="#1087FF"/>
<Variable name="topbar.color" description="Topbar Color" type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="topbar.hover.color" description="Topbar Hover Color" type="color" default="#E9F3FF" value="#E9F3FF"/>
</Group>
<Group description="Site Header" selector="header#header-wrapper">
<Variable name="header.bg" description="Header Background" type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="header.color" description="Header Color" type="color" default="$(title.color)" value="#2F353B"/>
<Variable name="header.hover.color" description="Header Hover Color" type="color" default="$(main.color)" value="#1087FF"/>
</Group>
<Group description="Sub Menu" selector="header#header-wrapper">
<Variable name="submenu.bg" description="Sub Menu Background" type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="submenu.color" description="Sub Menu Color" type="color" default="$(title.color)" value="#2F353B"/>
<Variable name="submenu.hover.color" description="Sub Menu Hover Color" type="color" default="$(main.color)" value="#1087FF"/>
</Group>
<Group description="Mega Menu" selector="header#header-wrapper">
<Variable name="megamenu.bg" description="Mega Menu Background" type="color" default="$(submenu.bg)" value="#FFFFFF"/>
<Variable name="megamenu.color" description="Mega Menu Color" type="color" default="$(submenu.color)" value="#2F353B"/>
<Variable name="megamenu.hover.color" description="MegaMenu Hover Color" type="color" default="$(main.color)" value="#1087FF"/>
</Group>
<Group description="Mobile Menu">
<Variable name="mmenu.bg" description="Mobile Menu Background" type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="mmenu.color" description="Mobile Menu Color" type="color" default="$(title.color)" value="#2F353B"/>
<Variable name="mmenu.hover.color" description="Mobile Menu Hover Color" type="color" default="$(main.color)" value="#1087FF"/>
</Group>
<Group description="Header ADS" selector="div#header-ads-wrap">
<Variable name="headerad.onpost" description="Show on Post Page" type="length" default="1px" min="0px" max="1px" value="1px"/>
</Group>
<Group description="Theme Widgets" select="div#sidebar">
<Variable name="wtitle.color" description="Widget Title Color" type="color" default="$(title.color)" value="#2F353B"/>
</Group>
<Group description="Post Styles" select="div#main">
<Variable name="post.title.color" description="Post Title Color" type="color" default="$(title.color)" value="#2F353B"/>
<Variable name="post.title.hover.color" description="Post Title Hover Color" type="color" default="$(title.hover.color)" value="#1087FF"/>
</Group>
<Group description="Post Page Styles" select="div#main">
<Variable name="post.text.color" description="Post Text Color" type="color" default="$(text.color)" value="#65656A"/>
<Variable name="itempost.title.size" description="Post Title Font Size" type="length" default="35px" min="20px" max="50px" value="35px"/>
<Variable name="itempost.content.size" description="Post Text Font Size" type="length" default="14px" min="12px" max="20px" value="14px"/>
</Group>
<Group description="Post Page Options" select="div#main">
<Variable name="breadcrumb" description="Post Breadcrumbs" type="length" default="1px" min="0px" max="1px" value="1px"/>
<Variable name="cmm.count" description="Comments Count" type="length" default="1px" min="0px" max="1px" value="1px"/>
<Variable name="postnav" description="Post Navigation" type="length" default="1px" min="0px" max="1px" value="1px"/>
</Group>
<Group description="Footer ADS" selector="div#footer-ads-wrap">
<Variable name="footerad.onpost" description="Show on Post Page" type="length" default="1px" min="0px" max="1px" value="1px"/>
</Group>
<Group description="Theme Footer" selector="footer#footer-wrapper">
<Variable name="footer.bg" description="Footer Background" type="color" default="#242A30" value="#242A30"/>
<Variable name="footer.color" description="Footer Color" type="color" default="#F6F7F8" value="#F6F7F8"/>
<Variable name="footer.text.color" description="Footer Text Color" type="color" default="#CFD6DA" value="#CFD6DA"/>
<Variable name="footer.hover.color" description="Footer Links Hover Color" type="color" default="$(main.color)" value="#1087FF"/>
</Group>
<Group description="Footer Bar" selector="div.footerbar">
<Variable name="footerbar.bg" description="Footer Bar Background" type="color" default="#1C2327" value="#1C2327"/>
<Variable name="footerbar.color" description="Footer Bar Color" type="color" default="#F6F7F8" value="#F6F7F8"/>
<Variable name="footerbar.hover.color" description="Footer Bar Hover Color" type="color" default="$(main.color)" value="#1087FF"/>
</Group>
<Group description="Cookie Consent" selector="div#supermag-cookie-ify">
<Variable name="cookie.bg" description="Cookie Background" type="color" default="#242A30" value="#242A30"/>
<Variable name="cookie.color" description="Cookie Text Color" type="color" default="#CFD6DA" value="#CFD6DA"/>
</Group>
<Group description="Theme Buttons">
<Variable name="button.bg" description="Button Background" type="color" default="$(main.color)" value="#1087FF"/>
<Variable name="button.color" description="Button Color" type="color" default="#FFFFFF" value="#FFFFFF"/>
<Variable name="button.hover.bg" description="Button Hover Background" type="color" default="#3367D6" value="#3367D6"/>
<Variable name="button.hover.color" description="Button Hover Color" type="color" default="#FFFFFF" value="#FFFFFF"/>
</Group>
<Group description="Reset (Theme Fonts)">
<!-- Site Font -->
<Variable name="mainfont.medium" description="Main Font Medium" type="font" default="normal 500 14px $(main.font.family)" value="normal 500 14px $(family)"/>
<Variable name="mainfont.semibold" description="Main Font SemiBold" type="font" default="normal 600 14px $(main.font.family)" value="normal 600 14px $(family)"/>
<Variable name="mainfont.bold" description="Main Font Bold" type="font" default="normal 700 14px $(main.font.family)" value="normal 700 14px $(family)"/>
<Variable name="mainfont.italic" description="Main Font Italic" type="font" default="italic 400 14px $(main.font.family)" value="italic 400 14px $(family)"/>
<Variable name="mainfont.mediumitalic" description="Main Font Medium Italic" type="font" default="italic 500 14px $(main.font.family)" value="italic 500 14px $(family)"/>
<Variable name="mainfont.semibolditalic" description="Main Font SemiBold Italic" type="font" default="italic 600 14px $(main.font.family)" value="italic 600 14px $(family)"/>
<Variable name="mainfont.bolditalic" description="Main Font Bold Italic" type="font" default="italic 700 14px $(main.font.family)" value="italic 700 14px $(family)"/>
<!-- Title Font -->
<Variable name="titlefont.medium" description="Title Font Medium" type="font" default="normal 500 14px $(title.font.family)" value="normal 500 14px $(family)"/>
<Variable name="titlefont.semibold" description="Title Font SemiBold" type="font" default="normal 600 14px $(title.font.family)" value="normal 600 14px $(family)"/>
<Variable name="titlefont.bold" description="Title Font Bold" type="font" default="normal 700 14px $(title.font.family)" value="normal 700 14px $(family)"/>
<Variable name="titlefont.italic" description="Title Font Italic" type="font" default="italic 400 14px $(title.font.family)" value="italic 400 14px $(family)"/>
<Variable name="titlefont.mediumitalic" description="Title Font Medium Italic" type="font" default="italic 500 14px $(title.font.family)" value="italic 500 14px $(family)"/>
<Variable name="titlefont.semibolditalic" description="Title Font SemiBold Italic" type="font" default="italic 600 14px $(title.font.family)" value="italic 600 14px $(family)"/>
<Variable name="titlefont.bolditalic" description="Title Font Bold Italic" type="font" default="italic 700 14px $(title.font.family)" value="italic 700 14px $(family)"/>
<!-- Meta Font -->
<Variable name="metafont.italic" description="Meta Font Italic" type="font" default="italic 400 14px $(meta.font.family)" value="italic 400 14px $(family)"/>
<Variable name="metafont.medium" description="Meta Font Medium" type="font" default="normal 500 14px $(meta.font.family)" value="normal 500 14px $(family)"/>
<Variable name="metafont.mediumitalic" description="Meta Font Medium Italic" type="font" default="italic 500 14px $(meta.font.family)" value="italic 500 14px $(family)"/>
<!-- Text Font -->
<Variable name="textfont.medium" description="Text Font Medium" type="font" default="normal 500 14px $(text.font.family)" value="normal 500 14px $(family)"/>
<Variable name="textfont.semibold" description="Text Font SemiBold" type="font" default="normal 600 14px $(text.font.family)" value="normal 600 14px $(family)"/>
<Variable name="textfont.bold" description="Text Font Bold" type="font" default="normal 700 14px $(text.font.family)" value="normal 700 14px $(family)"/>
<Variable name="textfont.italic" description="Text Font Italic" type="font" default="italic 400 14px $(text.font.family)" value="italic 400 14px $(family)"/>
<Variable name="textfont.mediumitalic" description="Text Font Medium Italic" type="font" default="italic 500 14px $(text.font.family)" value="italic 500 14px $(family)"/>
<Variable name="textfont.semibolditalic" description="Text Font SemiBold Italic" type="font" default="italic 600 14px $(text.font.family)" value="italic 600 14px $(family)"/>
<Variable name="textfont.bolditalic" description="Text Font Bold Italic" type="font" default="italic 700 14px $(text.font.family)" value="italic 700 14px $(family)"/>
</Group>
*/
/*-- Google Fonts --*/
@font-face{font-family:'Rubik';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXO61F3f.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:'Rubik';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXq61F3f.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Rubik';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXy61F3f.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXC61F3f.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:'Rubik';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnX661A.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:'Rubik';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXO61F3f.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:'Rubik';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXq61F3f.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Rubik';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXy61F3f.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXC61F3f.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:'Rubik';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnX661A.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:'Rubik';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXO61F3f.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:'Rubik';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXq61F3f.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Rubik';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXy61F3f.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXC61F3f.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:'Rubik';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnX661A.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:'Rubik';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXO61F3f.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:'Rubik';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXq61F3f.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Rubik';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXy61F3f.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnXC61F3f.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:'Rubik';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWEBXyIfDnIV7nEnX661A.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:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nMrXyi0A.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:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nFrXyi0A.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nDrXyi0A.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nPrXyi0A.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:'Rubik';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nBrXw.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:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nMrXyi0A.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:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nFrXyi0A.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nDrXyi0A.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nPrXyi0A.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:'Rubik';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nBrXw.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:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nMrXyi0A.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:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nFrXyi0A.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nDrXyi0A.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nPrXyi0A.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:'Rubik';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nBrXw.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:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nMrXyi0A.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:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nFrXyi0A.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nDrXyi0A.woff2) format("woff2");unicode-range:U+0590-05FF,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nPrXyi0A.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:'Rubik';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/rubik/v11/iJWKBXyIfDnIV7nBrXw.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.1 --*/
@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.1/webfonts/fa-brands-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-brands-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-brands-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/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.1/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/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.1/webfonts/fa-solid-900.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}
/*-- CSS Variables --*/
html{
--body-font:'$(main.font.family)', Arial, sans-serif;
--title-font:'$(title.font.family)', Arial, sans-serif;
--meta-font:'$(meta.font.family)', Arial, sans-serif;
--text-font:'$(text.font.family)', Arial, sans-serif;
--body-bg-color:$(body.background.color);
--body-bg:$(body.background);
--outer-bg:$(outer.bg);
--main-color:$(main.color);
--main-color-20:$(main.color)20;
--title-color:$(title.color);
--title-hover-color:$(title.hover.color);
--meta-color:$(meta.color);
--tag-color:$(tag.color);
--text-color:$(text.color);
--excerpt-color:$(excerpt.color);
--topbar-bg:$(topbar.bg);
--topbar-color:$(topbar.color);
--topbar-hover-color:$(topbar.hover.color);
--header-bg:$(header.bg);
--header-color:$(header.color);
--header-hover-color:$(header.hover.color);
--submenu-bg:$(submenu.bg);
--submenu-color:$(submenu.color);
--submenu-hover-color:$(submenu.hover.color);
--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-title-color:$(wtitle.color);
--post-title-color:$(post.title.color);
--post-title-hover-color:$(post.title.hover.color);
--post-text-color:$(post.text.color);
--footer-bg:$(footer.bg);
--footer-color:$(footer.color);
--footer-hover-color:$(footer.hover.color);
--footer-text-color:$(footer.text.color);
--footerbar-bg:$(footerbar.bg);
--footerbar-color:$(footerbar.color);
--footerbar-hover-color:$(footerbar.hover.color);
--cookie-bg:$(cookie.bg);
--cookie-color:$(cookie.color);
--button-bg:$(button.bg);
--button-color:$(button.color);
--button-hover-bg:$(button.hover.bg);
--button-hover-color:$(button.hover.color);
--border-color:rgba(155,155,155,0.1);
--avatar-shadow:0px 1px 4px rgba(0,0,0,0.1);
--button-shadow:0px 1px 4px rgba(0,0,0,0.05);
}
html.is-dark{
--body-bg-color:$(body.darkmode.bg);
--body-bg:$(body.background);
--outer-bg:#2b3136;
--main-color:$(main.color);
--main-color-20:$(main.color)20;
--title-color:#f6f7f8;
--title-hover-color:$(main.color);
--meta-color:#cfd6da;
--tag-color:$(main.color);
--text-color:#b4c1cc;
--excerpt-color:#cfd6da;
--topbar-bg:#1C2327;
--topbar-color:#f6f7f8;
--topbar-hover-color:$(main.color);
--header-bg:#242A30;
--header-color:#f6f7f8;
--header-hover-color:$(main.color);
--submenu-bg:#2b3136;
--submenu-color:#f6f7f8;
--submenu-hover-color:$(main.color);
--megamenu-bg:#2b3136;
--megamenu-color:#f6f7f8;
--megamenu-hover-color:$(main.color);
--mobilemenu-bg:#2b3136;
--mobilemenu-color:#f6f7f8;
--mobilemenu-hover-color:$(main.color);
--widget-title-color:#f6f7f8;
--post-title-color:#f6f7f8;
--post-title-hover-color:$(main.color);
--post-text-color:#b4c1cc;
--footer-bg:#242A30;
--footer-color:#f6f7f8;
--footer-hover-color:$(main.color);
--footer-text-color:#cfd6da;
--footerbar-bg:#1C2327;
--footerbar-color:#f6f7f8;
--footerbar-hover-color:$(main.color);
--cookie-bg:#1C2327;
--cookie-color:#cfd6da;
--button-bg:$(main.color);
--button-color:#ffffff;
--button-hover-bg:$(button.hover.bg);
--button-hover-color:$(button.hover.color);
--border-color:rgba(155,155,155,0.1);
--avatar-shadow:0px 1px 4px rgba(0,0,0,0.1);
--button-shadow:0px 1px 4px rgba(0,0,0,0.05);
}
html.rtl{
--body-font:'Tajawal',Arial,sans-serif;
--title-font:'Tajawal',Arial,sans-serif;
--meta-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:0;vertical-align:baseline;background:0 0;text-decoration:none}dl,ul{list-style-position:inside;list-style:none}ul li{list-style:none}caption{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:var(--main-color)}a img{border:0}abbr{text-decoration:none}.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget > h2,.widget > h3{display:none}.widget iframe,.widget img{max-width:100%}button,input,select,textarea{font-family:var(--body-font);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:0}
/*-- Style CSS --*/
*{box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
html{position:relative;margin:0}
body{position:relative;background:var(--body-bg);background-color:var(--body-bg-color);font-family:var(--body-font);font-size:14px;color:var(--text-color);font-weight:400;font-style:normal;line-height:1.4em;word-wrap:break-word;margin:0;padding:0}
body.is-cover{background-attachment:fixed;background-size:cover;background-position:center center;background-repeat:no-repeat}
.rtl{direction:rtl}
h1,h2,h3,h4,h5,h6{font-family:var(--title-font);font-weight:600}
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 + 50px);max-width:100%;box-shadow:0 0 20px rgba(0,0,0,0.1)}
.container{position:relative}
.row-x1{width:$(row.width)}
.flex-center{display:flex;justify-content:center}
#content-wrapper{position:relative;float:left;width:100%;overflow:hidden;padding:25px 0;margin:0;border-top:0}
.theiaStickySidebar:before,.theiaStickySidebar:after{content:'';display:table;clear:both}
#main-wrapper{position:relative;float:left;width:calc(100% - $(sidebar.width + 25px));padding:0}
.is-left #main-wrapper,.rtl #main-wrapper{float:right}
#sidebar-wrapper{position:relative;float:right;width:$(sidebar.width);padding:0}
.is-left #sidebar-wrapper,.rtl #sidebar-wrapper{float:left}
.btn{position:relative;border:0;border-radius:5px;box-shadow:var(--button-shadow)}
.entry-image-wrap,.comments .avatar-image-container{overflow:hidden;background-color:rgba(155,155,155,0.05);z-index:5;color:transparent!important;transition:opacity .17s ease}
.entry-thumb{display:block;position:relative;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1;opacity:0;transition:opacity .35s ease,filter 0s ease}
.entry-thumb.lazy-ify{opacity:1}
.entry-image-wrap:hover .entry-thumb,.entry-inner:hover .entry-image-wrap .entry-thumb{filter:brightness(1.05)}
.before-mask:before{content:'';position:absolute;left:0;right:0;bottom:0;height:70%;background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.5));-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;opacity:1;margin:0;transition:opacity .25s ease}
.entry-image-wrap.is-video:after{position:absolute;display:flex;align-items:center;justify-content:center;content:'\f04b';top:50%;right:50%;background-color:rgba(0,0,0,0.5);width:40px;height:29px;font-family:'Font Awesome 5 Free';font-size:12px;color:#fff;font-weight:900;z-index:5;transform:translate(50%,-50%);margin:0;box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);border-radius:6px;transition:background .17s ease}
.entry-image-wrap.is-video.c-ply:after{transform:translate(50%,-50%) scale(1.2)}
.entry-inner .entry-image-wrap.is-video:not(.c-ply):after{top:15px;right:15px;transform:translate(0%,0%)}
.rtl .entry-inner .entry-image-wrap.is-video:not(.c-ply):after{left:15px;right:unset}
.entry-image-wrap.is-video:hover:after,.entry-inner:hover .entry-image-wrap.is-video:after{background-color:#ff0000}
.entry-category{display:block;font-size:13px;color:var(--tag-color);font-weight:500;text-transform:uppercase;margin:0 0 4px}
.entry-title{color:var(--post-title-color);font-weight:600;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{font-family:var(--meta-font);font-size:12px;color:var(--meta-color);font-weight:400;margin:0}
.entry-meta .author-name{color:var(--main-color);font-weight:500}
.excerpt{font-family:var(--text-font);line-height:1.5em}
.entry-info{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.8));overflow:hidden;z-index:5;display:flex;flex-direction:column;padding:15px}
.entry-info .entry-title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.5)}
.entry-info .entry-meta{color:#ccc}
.entry-info .entry-meta .author-name{color:#ddd}
.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:600}
.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:2px 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 .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 .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(--button-hover-bg)}
.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 .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(--button-hover-bg)}
#header-wrapper{position:relative;float:left;width:100%;z-index:50;margin:0}
.topbar-wrap{position:relative;float:left;width:100%;height:28px;background-color:var(--topbar-bg);z-index:1;margin:0}
.topbar-wrap.has-border{border-bottom:1px solid var(--border-color)}
.topbar-items{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0}
.topbar-items .section{position:relative;height:28px;margin:0}
.topbar-items .topbar-ul{display:flex;flex-wrap:wrap}
.topbar-items .topbar-ul li{display:inline-block;height:28px;line-height:28px;margin:0 18px 0 0}
.rtl .topbar-items .topbar-ul li{margin:0 0 0 18px}
.topbar-items .topbar-ul li a{display:block;font-size:12px;color:var(--topbar-color)}
.topbar-items .topbar-ul li a:hover{color:var(--topbar-hover-color)}
.topbar-items .topbar-ul li a{font-weight:400}
.topbar-items .topbar-social .topbar-ul li{margin:0 0 0 16px}
.rtl .topbar-items .topbar-social .topbar-ul li{margin:0 16px 0 0}
.main-header,.header-inner{position:relative;float:left;width:100%;height:58px;background-color:var(--header-bg);margin:0}
.header-inner{background-color:rgba(0,0,0,0)}
.header-header{position:relative;float:left;width:100%;height:58px;background-color:var(--header-bg);margin:0;box-shadow:0 2px 6px 0 rgba(0,0,0,0.05)}
.is-boxed .header-header{float:none;width:$(row.width + 50px);max-width:100%;margin:0 auto;padding:0}
.header-items{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0}
.flex-left{position:static;display:flex;margin:0}
.flex-right{position:absolute;top:0;right:0;background-color:var(--header-bg);margin:0}
.rtl .flex-right{left:0;right:unset;margin:0}
.main-logo{position:relative;float:left;height:58px;overflow:hidden;margin:0 15px 0 0}
.rtl .main-logo{margin:0 0 0 15px}
.main-logo .widget{position:relative;height:100%;display:flex;align-items:center;margin:0}
.main-logo .logo-img{display:flex;align-items:center;height:36px;overflow:hidden;margin:0}
.main-logo img{display:block;max-width:100%;max-height:100%;margin:0}
.main-logo .blog-title{display:block;font-size:20px;color:var(--header-color);font-weight:600;margin:0}
.main-logo .blog-title a{color:var(--header-color)}
.main-logo .blog-title a:hover{color:var(--header-hover-color)}
.main-logo #h1-off{position:absolute;top:-9000px;left:-9000px;display:none;visibility:hidden}
#supermag-pro-main-nav{position:static;height:58px;z-index:10}
#supermag-pro-main-nav .widget,#supermag-pro-main-nav .widget > .widget-title{display:none}
#supermag-pro-main-nav .show-menu{display:block}
#supermag-pro-main-nav ul#supermag-pro-main-nav-menu{display:flex;flex-wrap:wrap}
#supermag-pro-main-nav ul > li{position:relative;padding:0;margin:0}
#supermag-pro-main-nav-menu > li > a{position:relative;display:block;height:58px;font-size:14px;color:var(--header-color);font-weight:600;text-transform:uppercase;line-height:58px;padding:0 14px;margin:0}
#supermag-pro-main-nav-menu > li:hover > a{color:var(--header-hover-color)}
#supermag-pro-main-nav ul > li > ul,#supermag-pro-main-nav ul > li > .ul{position:absolute;float:left;left:0;top:58px;width:180px;background-color:var(--submenu-bg);z-index:99999;padding:5px 0;backface-visibility:hidden;visibility:hidden;opacity:0;box-shadow:0 5px 10px 0 rgba(0,0,0,0.05);border-radius:0}
.rtl #supermag-pro-main-nav ul > li > ul,.rtl #supermag-pro-main-nav ul > li > .ul{left:auto;right:0}
#supermag-pro-main-nav ul > li > ul > li > ul{position:absolute;top:-5px;left:100%;margin:0}
.rtl #supermag-pro-main-nav ul > li > ul > li > ul{left:unset;right:100%}
.is-dark #supermag-pro-main-nav ul > li > ul,.is-dark #supermag-pro-main-nav ul > li > .ul{box-shadow:0 5px 10px 0 rgba(0,0,0,0.1)}
#supermag-pro-main-nav-menu > li.has-sub > ul:before,#supermag-pro-main-nav-menu > li.has-sub > ul > li:first-child > ul:before,li.mega-menu > .ul:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(to bottom,rgba(0,0,0,0.03),var(--submenu-bg));margin:0}
li.mega-menu > .ul:before{background:linear-gradient(to bottom,rgba(0,0,0,0.03),var(--megamenu-bg))}
#supermag-pro-main-nav ul > li > ul > li{display:block;float:none;position:relative}
.rtl #supermag-pro-main-nav ul > li > ul > li{float:none}
#supermag-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}
#supermag-pro-main-nav ul > li > ul > li:hover > a{color:var(--submenu-hover-color)}
#supermag-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 #supermag-pro-main-nav ul > li.has-sub > a:after{float:left;margin:-1px 4px 0 0}
#supermag-pro-main-nav ul > li > ul > li.has-sub > a:after{content:'\f054';float:right;margin:0}
.rtl #supermag-pro-main-nav ul > li > ul > li.has-sub > a:after{content:'\f053'}
#supermag-pro-main-nav ul ul,#supermag-pro-main-nav ul .ul{transition:visibility .1s ease,opacity .17s ease}
#supermag-pro-main-nav ul > li:hover > ul,#supermag-pro-main-nav ul > li:hover > .ul,#supermag-pro-main-nav ul > li > ul > li:hover > ul{visibility:visible;opacity:1;margin:0}
#supermag-pro-main-nav .mega-menu{position:static!important}
#supermag-pro-main-nav .mega-menu > .ul{width:100%;overflow:hidden;background-color:var(--megamenu-bg);display:grid;grid-template-columns:repeat(5,1fr);column-gap:20px;padding:20px}
#supermag-pro-main-nav .mega-menu > .ul.no-items{grid-template-columns:1fr}
.mega-items .mega-item{position:relative;width:100%;padding:0}
.mega-items .mega-content{position:relative;float:left;width:100%;padding:0}
.mega-content .entry-image-wrap{position:relative;display:block;width:100%;height:122px;overflow:hidden;z-index:1;margin:0 0 8px;border-radius:5px}
.mega-content .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.9)}
.mega-content .entry-title{font-size:14px;margin:0}
.mega-content .entry-title a{color:var(--megamenu-color)}
.mega-content .entry-title a:hover{color:var(--megamenu-hover-color)}
.mega-menu .error-msg{justify-content:center}
.mobile-menu-toggle{display:none;height:36px;font-size:18px;color:var(--header-color);align-items:center;padding:0 15px}
.mobile-menu-toggle:after{content:'\f0c9';font-family:'Font Awesome 5 Free';font-weight:900;margin:0}
.mobile-menu-toggle:hover{color:var(--header-hover-color)}
.main-toggle-wrap{position:relative;height:58px;display:flex;align-items:center;z-index:20;margin:0}
.main-toggle-style{position:relative;width:36px;height:36px;color:var(--header-color);font-size:16px;text-align:center;line-height:36px;cursor:pointer;z-index:20;padding:0;margin:0}
.darkmode-toggle{width:auto;font-size:14px;padding:0 15px}
.darkmode-toggle:after{content:'\f186';font-family:'Font Awesome 5 Free';font-weight:400;margin:0}
html.is-dark .darkmode-toggle:after{content:'\f185';font-weight:900}
.darkmode-toggle:hover{color:var(--header-hover-color)}
.show-search{background-color:rgba(155,155,155,0.05);line-height:34px;border:1px solid var(--border-color);border-radius:5px}
.show-search:hover{color:var(--header-hover-color)}
.show-search:after{content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900;margin:0}
#main-search-wrap{display:none;position:absolute;top:0;left:0;width:100%;height:58px;background-color:var(--header-bg);overflow:hidden;z-index:25;padding:0}
.main-search{position:relative;float:right;width:100%;height:36px;background-color:rgba(155,155,155,0.05);overflow:hidden;display:flex;justify-content:space-between;margin:11px 0 0;border:1px solid var(--border-color);border-radius:5px;animation:showSearch .17s ease}
.rtl .main-search{float:left}
.main-search .search-form{position:relative;height:34px;background-color:rgba(0,0,0,0);flex:1;padding:0;border:0}
.main-search .search-input{position:relative;width:100%;height:34px;background-color:rgba(0,0,0,0);font-family:inherit;font-size:14px;color:var(--header-color);font-weight:400;padding:0 10px;border:0}
.main-search .search-input:focus,.main-search .search-input::placeholder{color:var(--header-color);outline:none}
.main-search .search-input::placeholder{opacity:.65}
.hide-search{position:relative;width:34px;height:34px;color:var(--header-color);font-size:16px;text-align:center;line-height:34px;cursor:pointer;z-index:20;padding:0;margin:0}
.hide-search:after{content:'\f00d';font-family:'Font Awesome 5 Free';font-weight:900;margin:0}
.hide-search:hover{color:var(--header-hover-color)}
@-webkit-keyframes showSearch {
0%{width:80%;opacity:0}
100%{width:100%;opacity:1}
}
.header-inner.is-fixed{position:fixed;top:-58px;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}
.overlay{visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(23,28,36,0.6);z-index:1000;-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{float:left;width:100%;height:58px;background-color:var(--header-bg);overflow:hidden;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px 0 rgba(0,0,0,0.05)}
.mobile-search{position:relative;flex:1;padding:0 0 0 15px;margin:0}
.rtl .mobile-search{padding:0 15px 0 0}
.mobile-search .search-form{position:relative;width:100%;height:36px;background-color:rgba(155,155,155,0.05);overflow:hidden;display:flex;justify-content:space-between;border:1px solid var(--border-color);border-radius:5px}
.mobile-search .search-input{position:relative;width:calc(100% - 34px);height:34px;background-color:rgba(0,0,0,0);font-family:inherit;font-size:14px;color:var(--header-color);font-weight:400;padding:0 10px;border:0}
.mobile-search .search-input:focus,.mobile-search .search-input::placeholder{color:var(--header-color)}
.mobile-search .search-input::placeholder{opacity:.65}
.mobile-search .search-action{position:relative;width:34px;height:34px;background-color:rgba(0,0,0,0);font-family:inherit;font-size:12px;color:var(--header-color);font-weight:400;line-height:34px;text-align:center;cursor:pointer;padding:0;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}
.mobile-toggle-wrap{position:relative;margin:0}
.hide-supermag-pro-mobile-menu{position:relative;display:block;height:36px;color:var(--header-color);font-size:16px;line-height:36px;cursor:pointer;z-index:20;padding:0 15px;margin:0}
.hide-supermag-pro-mobile-menu:before{content:'\f00d';font-family:'Font Awesome 5 Free';font-weight:900}
.hide-supermag-pro-mobile-menu:hover{color:var(--header-hover-color)}
.slide-menu-flex{position:relative;float:left;width:100%;height:calc(100% - 58px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0}
.supermag-pro-mobile-menu{position:relative;float:left;width:100%;padding:15px}
.supermag-pro-mobile-menu > ul{margin:0}
.supermag-pro-mobile-menu .m-sub{display:none;padding:0}
.supermag-pro-mobile-menu ul li{position:relative;display:block;overflow:hidden;float:left;width:100%;font-size:14px;font-weight:600;margin:0;padding:0}
.supermag-pro-mobile-menu > ul li ul{overflow:hidden}
.supermag-pro-mobile-menu ul li a{color:var(--mobilemenu-color);padding:10px 0;display:block}
.supermag-pro-mobile-menu > ul > li > a{text-transform:uppercase}
.supermag-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:10px 0}
.supermag-pro-mobile-menu ul li.has-sub li.has-sub .submenu-toggle{padding:8px 0}
.rtl .supermag-pro-mobile-menu ul li.has-sub .submenu-toggle{text-align:left;right:auto;left:0}
.supermag-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 0 ease}
.rtl .supermag-pro-mobile-menu ul li.has-sub .submenu-toggle:after{float:left}
.supermag-pro-mobile-menu ul li.has-sub.show > .submenu-toggle:after{content:'\f077'}
.supermag-pro-mobile-menu ul li a:hover,.supermag-pro-mobile-menu ul li.has-sub.show > a,.supermag-pro-mobile-menu ul li.has-sub.show > .submenu-toggle{color:var(--mobilemenu-hover-color)}
.supermag-pro-mobile-menu > ul > li > ul > li a{font-size:14px;font-weight:400;opacity:.9;padding:8px 0 8px 10px}
.rtl .supermag-pro-mobile-menu > ul > li > ul > li a{padding:8px 10px 8px 0}
.supermag-pro-mobile-menu > ul > li > ul > li > ul > li > a{padding:8px 0 8px 20px}
.rtl .supermag-pro-mobile-menu > ul > li > ul > li > ul > li > a{padding:8px 20px 8px 0}
.supermag-pro-mobile-menu ul > li > .submenu-toggle:hover{color:var(--mobilemenu-hover-color)}
.mobile-menu-footer{position:relative;float:left;width:100%;padding:20px 15px;margin:0}
.mobile-topbar-social,.mobile-topbar-menu{position:relative;float:left;width:100%;margin:10px 0 0}
.mobile-topbar-social{margin:0}
.mobile-topbar-social ul{display:flex;flex-wrap:wrap}
.mobile-topbar-social ul li{margin:0 10px 0 0}
.rtl .mobile-topbar-social ul li{margin:0 0 0 10px}
.mobile-topbar-social ul li:last-child{margin:0}
.mobile-topbar-social ul li a{display:block;width:20px;height:20px;font-size:12px;color:#fff;text-align:center;line-height:20px;padding:0}
.mobile-topbar-social ul li a:hover{opacity:.9}
.mobile-topbar-menu ul{display:flex;flex-wrap:wrap}
.mobile-topbar-menu ul li{margin:5px 18px 0 0}
.rtl .mobile-topbar-menu ul li{margin:5px 0 0 18px}
.mobile-topbar-menu ul li:last-child{margin:5px 0 0}
.mobile-topbar-menu ul li a{display:block;font-size:14px;color:var(--mobilemenu-color);font-weight:400;padding:0}
.mobile-topbar-menu ul li a:hover{color:var(--mobilemenu-hover-color)}
#header-ads-wrap{position:relative;float:left;width:100%;margin:0}
#header-ads-wrap.no-widget{display:none}
.header-ads .widget{position:relative;float:left;width:100%;text-align:center;line-height:0;margin:25px 0 0}
.header-ads .widget-content{float:left;width:100%;margin:0}
.header-ads .widget > .widget-title{display:none}
#featured-wrapper{position:relative;float:left;width:100%;margin:25px 0 0}
#featured .widget{display:none;position:relative;float:left;width:100%;padding:0 0 25px;margin:0;border-bottom:1px solid var(--border-color)}
#featured .widget.HTML,#featured .widget.PopularPosts{display:block}
#featured .widget-content{position:relative;float:left;width:100%;min-height:350px;display:flex;align-items:center;justify-content:center;margin:0}
#featured .widget-content .error-msg{padding:0}
.featured-items{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0}
.featured-left{position:relative;width:calc(60% - 25px);margin:0}
.featured-right{position:relative;width:40%;display:flex;flex-direction:column;margin:0}
.featured-item{position:relative;float:left;width:100%;display:flex;padding:0;margin:25px 0 0}
.featured-item.item-0{flex-direction:column;margin:0}
.featured-item.item-1{margin:0}
.featured-item .entry-image-wrap{float:left;position:relative;width:140px;height:92px;overflow:hidden;display:block;z-index:5;margin:0 0 12px;border-radius:5px}
.featured-item.item-0 .entry-image-wrap{width:100%;height:260px}
.featured-item.item-0 .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(1.2)}
.featured-right .featured-item .entry-image-wrap{margin:0 18px 0 0}
.rtl .featured-right .featured-item .entry-image-wrap{margin:0 0 0 18px}
.featured-right .featured-item .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.8)}
.featured-right .featured-item .entry-header{flex:1;align-self:center}
.featured-item .entry-title{font-size:17px;display:block;margin:0}
.featured-item.item-0 .entry-title{font-size:26px}
#main-wrapper #main{position:relative;float:left;width:100%;margin:0}
.is-home #main-wrapper.main-margin #main{margin-bottom:30px}
#main .Blog{position:relative;float:left;width:100%;margin:0}
.queryMessage{float:left;width:100%;color:var(--title-color);line-height:0;margin:0 0 20px}
.queryMessage .query-info,.Blog.no-posts .queryMessage{margin:0}
.queryMessage .query-info{font-size:16px;color:var(--title-color);font-weight:600;text-transform:uppercase;line-height:1;margin:0}
.queryMessage .query-label:after{content:'\f054';display:inline-block;vertical-align:middle;font-family:'Font Awesome 5 Free';font-size:12px;font-weight:900;margin:-2px 0 0 3px}
.rtl .queryMessage .query-label:after{margin:0 4px 0 0}
.queryEmpty{float:left;width:100%;font-size:14px;color:var(--meta-color);font-weight:400;text-align:center;margin:50px 0}
.blog-post{display:block;word-wrap:break-word}
.title-wrap{position:relative;float:left;width:100%;margin:0 0 20px}
.title-wrap > .title{display:block;font-family:var(--title-font);font-size:16px;color:var(--widget-title-color);font-weight:600;text-transform:uppercase;line-height:1;padding:0;margin:0}
#main-wrapper .title-wrap > .title:after{content:'\f054';display:inline-block;vertical-align:middle;font-family:'Font Awesome 5 Free';font-size:12px;font-weight:900;margin:-2px 0 0 3px}
.rtl #main-wrapper .title-wrap > .title:after{content:'\f053';margin:0 3px 0 0}
#trending,#trending .widget,#trending .widget-content{position:relative;float:left;width:100%;margin:0}
#trending .widget{display:none;margin:0 0 30px}
#trending .widget.HTML,#trending .widget.PopularPosts{display:block}
#trending .loader{height:200px}
.trending-items{position:relative;float:left;width:100%;display:grid;grid-template-columns:repeat(2,1fr);column-gap:25px;row-gap:25px;margin:0}
.trending-items .trending-item{position:relative;width:100%;display:flex;margin:0}
.trending-items .entry-image-wrap{position:relative;width:126px;height:83px;display:block;overflow:hidden;margin:0 18px 0 0;border-radius:5px}
.rtl .trending-items .entry-image-wrap{margin:0 0 0 18px}
.trending-items .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.7)}
.trending-count{position:absolute;display:flex;top:10px;left:10px;width:22px;height:22px;background-color:rgba(0,0,0,0.5);font-size:12px;color:#fff;font-weight:500;align-items:center;justify-content:center;z-index:2;border-radius:50%}
.rtl .trending-count{left:unset;right:10px}
.trending-items .entry-header{flex:1;align-self:center}
.trending-items .entry-title{font-size:16px;margin:0}
.home-ads,.home-ads .widget,.home-ads .widget-content{position:relative;float:left;width:100%;margin:0}
.home-ads .widget{margin:0 0 30px}
.index-post-wrap{position:relative;float:left;width:100%;margin:0}
.Blog.no-posts .index-post-wrap{display:none}
.index-post{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;padding:0 0 25px;margin:0 0 25px;border-bottom:1px solid var(--border-color)}
.index-post.post-ad-type{padding:0 0 25px!important;margin:0 0 25px!important;border-width:1px!important}
.blog-posts .index-post:last-child{margin:0}
.index-post .entry-header{display:flex;flex-direction:column;flex:1 1 280px;align-self:center;padding:0;margin:0}
.index-post .entry-image-wrap{position:relative;width:260px;height:170px;overflow:hidden;margin:0 20px 0 0;border-radius:5px}
.rtl .index-post .entry-image-wrap{margin:0 0 0 20px}
.index-post .entry-title{font-size:22px;margin:0}
.index-post .entry-excerpt{font-size:14px;color:var(--excerpt-color);margin:8px 0 0}
.index-post .entry-meta{display:flex;flex-wrap:wrap;font-size:13px;margin:10px 0 0}
.index-post .entry-author,.index-post .entry-time{display:flex}
.index-post .entry-author .by,.index-post .author-name,.index-post .entry-time .on{margin:0 4px 0 0}
.rtl .index-post .entry-author .by,.rtl .index-post .author-name,.rtl .index-post .entry-time .on{margin:0 0 0 4px}
.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;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes fadeInUp {
from{opacity:0;transform:translate3d(0,10px,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
.post-fadeInUp{animation-name:fadeInUp}
.item-post-wrap,.is-single .item-post,.item-post-inner{position:relative;float:left;width:100%;margin:0}
.item-post .blog-entry-header{position:relative;float:left;width:100%;display:flex;flex-direction:column;padding:0 0 20px;margin:0;border-bottom:1px solid var(--border-color)}
#breadcrumb{float:left;display:flex;width:100%;font-family:var(--meta-font);font-size:14px;color:var(--meta-color);font-weight:400;line-height:1;margin:0 0 13px}
#breadcrumb a{color:var(--meta-color)}
#breadcrumb a.home,#breadcrumb a:hover{color:var(--main-color)}
#breadcrumb em:after{content:'\f054';font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;font-style:normal;vertical-align:middle;margin:0 3px}
.rtl #breadcrumb em:after{content:'\f053'}
.item-post h1.entry-title{position:relative;float:left;width:100%;font-size:$(itempost.title.size);margin:0}
.custom-font .item-post h1.entry-title{font-weight:700}
.item-post .has-meta h1.entry-title{margin-bottom:15px}
.item-post .entry-meta{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px;margin:0}
.item-post .entry-meta .align-left,.item-post .entry-meta .align-right{display:flex;flex-wrap:wrap;align-items:center}
.item-post .entry-author,.item-post .entry-time{display:flex;align-items:center}
.item-post .entry-author .by,.item-post .author-name,.item-post .entry-time .on{margin:0 4px 0 0}
.rtl .item-post .entry-author .by,.rtl .item-post .author-name,.rtl .item-post .entry-time .on{margin:0 0 0 4px}
.item-post .entry-meta .author-avatar-wrap{position:relative;width:32px;height:32px;background-color:var(--outer-bg);padding:2px;margin:0 7px 0 0;border:1px solid var(--main-color);border-top-color:transparent;border-bottom-color:transparent;border-radius:100%}
.rtl .item-post .entry-meta .author-avatar-wrap{margin:0 0 0 7px}
.item-post .entry-meta .author-avatar{position:relative;float:left;width:100%;height:100%;background-color:rgba(155,155,155,0.05);background-size:100%;z-index:2;margin:0;border-radius:100%;opacity:0;transition:opacity .35s ease}
.item-post .entry-meta .author-avatar.lazy-ify{opacity:1}
.item-post .entry-meta .entry-comments-link{display:none;float:right;margin:0 0 0 12px}
.item-post .entry-meta .entry-comments-link:before{color:var(--main-color)}
.rtl .item-post .entry-meta .entry-comments-link{float:left;margin:0 12px 0 0}
.item-post .entry-meta .entry-comments-link:before{display:inline-block;vertical-align:middle;content:'\f086';font-family:'Font Awesome 5 Free';font-size:14px;font-weight:400;margin:0 5px 0 0}
.rtl .item-post .entry-meta .entry-comments-link:before{margin:0 0 0 5px}
.item-post .entry-meta .entry-comments-link.show{display:block}
.entry-content-wrap{position:relative;float:left;width:100%;margin:0}
#post-body{position:relative;float:left;width:100%;font-family:var(--text-font);font-size:$(itempost.content.size);color:var(--post-text-color);line-height:1.6em;padding:0;margin:25px 0 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:rgba(155,155,155,0.05);color:var(--title-color);font-style:normal;padding:20px;margin:0;border-left:2px solid var(--main-color);border-radius:3px}
.rtl blockquote{border-left:0;border-right:2px solid var(--main-color)}
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 15px;margin:10px 0}
.rtl .post-body ul{padding:0 15px 0 0}
.post-body li{margin:5px 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 15px;margin:10px 0}
.rtl .post-body ol{padding:0 15px 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:36px;background-color:var(--button-bg);font-family:var(--body-font);font-size:14px;color:var(--button-color);font-weight:400;line-height:36px;text-align:center;text-decoration:none;cursor:pointer;padding:0 20px;margin:0 5px 5px 0}
.rtl .post-body a.button{margin:0 0 5px 5px}
.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:15px;border:1px solid var(--border-color);border-radius:5px}
.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:7px 15px;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:rgba(155,155,155,0.05);display:flex;flex-direction:column;overflow:hidden;font-size:14px;color:var(--title-color);line-height:1.6em;border:1px solid var(--border-color);border-radius:5px}
a.tocify-title{position:relative;height:38px;font-size:16px;color:var(--title-color);font-weight:600;display:flex;align-items:center;justify-content:space-between;padding:0 15px;margin:0;border-radius:5px}
a.tocify-title.is-expanded{border-bottom:1px solid var(--border-color);border-radius:5px 5px 0 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:8px 15px;margin:0}
#tocify ol{padding:0 0 0 15px}
.rtl #tocify ol{padding:0 15px 0 0}
#tocify li{font-size:14px;margin:7px 0}
#tocify li a{color:var(--main-color)}
#tocify li a:hover{color:var(--main-color);text-decoration:underline}
.post-body .contact-form{overflow:hidden;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:#242a30;font-family:Monospace;font-size:13px;color:#f6f7f8;white-space:pre-wrap;line-height:1.4em;padding:15px;margin:0;border:0;border-radius:5px}
html.is-dark .post-body pre,html.is-dark pre.code-box{background-color:rgba(155,155,155,0.05)}
.post-body .google-auto-placed{margin:30px 0 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:25px 0 0}
.entry-labels span,.entry-labels a{font-size:15px;font-weight:400;line-height:1;margin:5px 5px 0 0}
.rtl .entry-labels span,.rtl .entry-labels a{margin:5px 0 0 5px}
.entry-labels span{color:var(--title-color);font-weight:600}
.entry-labels a{color:var(--main-color);border-bottom:1px solid var(--main-color)}
.entry-labels a:hover{color:var(--title-color);border-color:var(--title-color)}
.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%;padding:0;margin:25px 0 0}
ul.supermag-pro-share-links{display:flex;flex-wrap:wrap;align-items:flex-start;margin:0}
.supermag-pro-share-links li{padding:0 5px 0 0}
.rtl .supermag-pro-share-links li{padding:0 0 0 5px}
.supermag-pro-share-links .share-icon{position:relative;display:flex;width:38px;height:36px;font-size:14px;color:var(--title-color);cursor:auto;align-items:center;justify-content:center;margin:5px 5px 0 0;border:1px solid var(--border-color);border-radius:5px}
.rtl .supermag-pro-share-links .share-icon{margin:5px 0 0 5px}
.supermag-pro-share-links .share-icon:before,.supermag-pro-share-links .share-icon:after{content:'';height:0;width:0;position:absolute;pointer-events:none;top:calc(50% - 6px);right:-12px;border:6px solid transparent;border-left-color:var(--border-color)}
.supermag-pro-share-links .share-icon:after{top:calc(50% - 5px);right:-10px;border:5px solid transparent;border-left-color:var(--outer-bg)}
.rtl .supermag-pro-share-links .share-icon:before{left:-12px;right:unset}
.rtl .supermag-pro-share-links .share-icon:after{left:-10px;right:unset}
.rtl .supermag-pro-share-links .share-icon:before,.rtl .supermag-pro-share-links .share-icon:after,.rtl .supermag-pro-share-links .share-icon i{transform:rotate3d(0,1,0,180deg)}
.supermag-pro-share-links li a{display:flex;width:38px;height:36px;font-size:16px;color:#fff;font-weight:400;cursor:pointer;align-items:center;justify-content:center;margin:5px 0 0}
.supermag-pro-share-links li.has-span a{width:auto;overflow:hidden;justify-content:space-between}
.supermag-pro-share-links li.has-span a:before{display:flex;width:36px;height:100%;background-color:rgba(255,255,255,0.1);align-items:center;justify-content:center;margin:0}
.supermag-pro-share-links li a span{display:inline-block;font-size:14px;font-weight:400;padding:0 25px}
.supermag-pro-share-links li a:hover{opacity:.9}
.supermag-pro-share-links .show-hid a{background-color:rgba(155,155,155,0.08);font-size:14px;color:rgba(155,155,155,0.8)}
.supermag-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'}
.supermag-pro-share-links li.reddit,.supermag-pro-share-links li.pinterest-p,.supermag-pro-share-links li.tumblr,.supermag-pro-share-links li.telegram{display:none}
.show-hidden li.reddit,.show-hidden li.pinterest-p,.show-hidden li.tumblr,.show-hidden li.telegram{display:inline-block}
.about-author{position:relative;float:left;width:100%;padding:20px;margin:30px 0 0;border:1px solid var(--border-color);border-radius:5px}
.about-author .avatar-container{position:relative;float:left;width:60px;height:60px;background-color:rgba(155,155,155,0.05);overflow:hidden;margin:0 15px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)}
.rtl .about-author .avatar-container{float:right;margin:0 0 0 15px}
.about-author .author-avatar{float:left;width:100%;height:100%;background-size:100% 100%;background-position:0 0;background-repeat:no-repeat;overflow:hidden;opacity:0;border-radius:50%;transition:opacity .35s ease}
.about-author .author-avatar.lazy-ify{opacity:1}
.about-author .author-title{display:block;font-family:var(--title-font);font-size:18px;color:var(--title-color);font-weight:600;margin:0 0 8px}
.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 1 100px}
.author-description .author-text{display:block;font-size:$(itempost.content.size);color:var(--text-color);font-weight:400}
.author-description .author-text br{display:none}
.author-description .author-text a{display:none;margin:0}
ul.author-links{display:flex;flex-wrap:wrap;padding:0}
.author-links li{margin:12px 13px 0 0}
.rtl .author-links li{margin:12px 0 0 13px}
.author-links li a{display:block;font-size:14px;color:var(--text-color);line-height:1;padding:0}
.author-links li a:hover{opacity:.9}
#supermag-pro-related-posts{display:none}
#related-wrap{position:relative;float:left;width:100%;padding:0;margin:30px 0 0}
#related-wrap .related-tag{display:none}
.supermag-pro-related-content{float:left;width:100%;margin:0}
.supermag-pro-related-content .loader{height:200px}
.related-posts{position:relative;display:grid;grid-template-columns:repeat(3,1fr);column-gap:25px;row-gap:25px;margin:0}
.related-posts .related-item{position:relative;width:100%;display:flex;flex-direction:column;margin:0}
.related-posts .entry-image-wrap{position:relative;width:100%;height:148px;display:block;overflow:hidden;margin:0 0 10px;border-radius:5px}
.related-posts .entry-title{font-size:17px;margin:0}
.post-nav{float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;font-family:var(--meta-font);font-size:14px;font-weight:400;margin:25px 0 0}
.post-nav a{display:flex;align-items:center;color:var(--meta-color);line-height:1}
.post-nav a:hover{color:var(--main-color)}
.post-nav span{color:var(--meta-color)}
.post-nav-newer-link:before,.rtl .post-nav-older-link:after{content:'\f053';float:left;font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:0 4px 0 0}
.post-nav-older-link:after,.rtl .post-nav-newer-link:before{content:'\f054';float:right;font-family:'Font Awesome 5 Free';font-size:9px;font-weight:900;margin:0 0 0 4px}
#blog-pager{float:left;width:100%;text-align:center;clear:both;padding:0;margin:25px 0 0}
.Blog.no-posts #blog-pager{display:none}
#blog-pager .load-more{display:inline-block;min-width:50%;max-width:100%;height:36px;background-color:var(--button-bg);font-size:15px;color:var(--button-color);text-align:center;font-weight:400;line-height:36px;padding:0 25px}
#blog-pager #supermag-pro-load-more-link{cursor:pointer}
#blog-pager #supermag-pro-load-more-link:before{content:'\f067';display:inline-block;font-family:'Font Awesome 5 Free';font-size:11px;font-weight:900}
#blog-pager #supermag-pro-load-more-link:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
#blog-pager .no-more.show{display:block;background-color:rgba(0,0,0,0);color:var(--meta-color);box-shadow:none}
#blog-pager .loading,#blog-pager .no-more{display:none}
#blog-pager .loading .loader{height:36px}
#blog-pager .loading .loader:after{width:28px;height:28px;margin:0}
.supermag-pro-blog-post-comments{display:none;float:left;width:100%;padding:0;margin:30px 0 0}
.comments-system-disqus{padding:10px 20px}
.comments-system-facebook{padding:10px 12px}
#comments,#disqus_thread{float:left;width:100%}
.supermag-pro-blog-post-comments .fb_iframe_widget_fluid_desktop,.supermag-pro-blog-post-comments .fb_iframe_widget_fluid_desktop span,.supermag-pro-blog-post-comments .fb_iframe_widget_fluid_desktop iframe{float:left;display:block!important;width:100%!important}
.fb-comments{padding:0;margin:0}
#comments{float:left;width:100%;display:block;clear:both;padding:0;margin:0}
.comments-system-facebook #comments{width:100%;margin:0}
#comments h4#comment-post-message{display:none}
.comments .comments-content{float:left;width:100%;margin:0}
.comments .comment-content{display:block;font-family:var(--text-font);font-size:$(itempost.content.size);color:var(--text-color);line-height:1.6em;margin:13px 0 0}
.comments .comment-content > a:hover{text-decoration:underline}
.comment-thread .comment{position:relative;list-style:none;padding:20px;margin:25px 0 0;border:1px solid var(--border-color);border-radius:5px}
.comment-thread ol{padding:0;margin:0}
.toplevel-thread ol > li:first-child{margin:0}
.toplevel-thread ol > li:first-child > .comment-block{padding-top:0;margin:0;border:0}
.comment-thread ol ol .comment{background-color:rgba(155,155,155,0.02)}
.comment-thread ol ol .comment:hover{box-shadow:unset}
.comment-thread ol ol .comment:before{content:'\f3bf';position:absolute;left:-25px;top:-5px;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 45px;margin:20px 0 0}
.rtl .comments .comment-replybox-single iframe{padding:0 45px 0 0}
.comment-thread .avatar-image-container{position:absolute;top:20px;left:20px;width:35px;height:35px;overflow:hidden;border-radius:50%;box-shadow:var(--avatar-shadow)}
.rtl .comment-thread .avatar-image-container{left:auto;right:20px}
.avatar-image-container img{width:100%;height:100%}
.comments .comment-header{padding:0 0 0 45px}
.rtl .comments .comment-header{padding:0 45px 0 0}
.comments .comment-header .user{display:inline-block;font-family:var(--title-font);font-size:18px;color:var(--title-color);font-style:normal;font-weight:600;margin:0 0 4px}
.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;line-height:1;margin:0}
.comment-header .datetime a{font-family:var(--meta-font);font-size:11px;color:var(--meta-color);font-weight:400;padding:0}
.comments .comment-actions{display:block;margin:13px 0 0}
.comments .comment-actions a{display:inline-block;font-size:12px;color:var(--button-bg);font-weight:400;font-style:normal;line-height:1;padding:3px 6px;margin:0 13px 0 0;border:1px solid var(--button-bg);border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,0.05)}
.rtl .comments .comment-actions a{margin:0 0 0 13px}
.comments .comment-actions a:hover{background-color:var(--button-bg);color:var(--button-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 45px}
.rtl .comments .comment-replies{padding:0 45px 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}
html.is-dark .comment-thread iframe{opacity:.98}
p.comments-message{display:block;float:left;width:100%;font-size:14px;color:var(--meta-color);font-style:italic;padding:0;margin:0 0 15px}
#comments[data-embed='false'] p.comments-message,.no-comments p.comments-message.no-new-comments{margin:0}
.has-comments p.comments-message.no-new-comments{margin:20px 0 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 .comment-replybox-thread iframe{margin:20px 0 0}
#show-comment-form,.comments #top-continue a{float:left;width:100%;height:36px;background-color:var(--button-bg);font-size:15px;color:var(--button-color);font-weight:400;line-height:36px;text-align:center;padding:0 30px;margin:25px 0 0}
.no-comments #show-comment-form{margin:0}
.rtl #show-comment-form,.rtl .comments #top-continue a{float:right}
#show-comment-form:hover,.comments #top-continue a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.comment-form-visible #show-comment-form{display:none}
.comments .comment-replybox-thread,.no-comments .comment-form{display:none}
.comment-form-visible .comments .comment-replybox-thread,.comment-form-visible .no-comments .comment-form{display:block}
#custom-ads,#supermag-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 > h3.title,#after-ad .widget > .widget-title > h3.title{font-size:11px;color:var(--meta-color);font-weight:400;line-height:1;opacity:.9;margin:0 0 6px}
#before-ad .widget,#after-ad .widget{width:100%;margin:25px 0 0}
#before-ad .widget-content,#after-ad .widget-content{position:relative;width:100%;line-height:1}
#supermag-pro-new-before-ad #before-ad,#supermag-pro-new-after-ad #after-ad{float:none;display:block;margin:0}
#supermag-pro-new-before-ad #before-ad .widget,#supermag-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%;line-height:1}
.sidebar{position:relative;float:left;width:100%;margin:0}
.sidebar > .widget{position:relative;float:left;width:100%;padding:0;margin:0 0 30px}
.sidebar > .widget:last-child{margin:0}
.sidebar .widget.no-style > .widget-title{display:none}
.sidebar .widget-content{position:relative;float:left;width:100%;margin:0}
.sidebar ul.social-icons{display:grid;grid-template-columns:repeat(2,1fr);column-gap:8px;row-gap:8px;margin:0}
.sidebar .social-icons li{display:block;margin:0}
.sidebar .social-icons li a{position:relative;display:flex;justify-content:space-between;height:36px;overflow:hidden;font-size:16px;color:#fff;text-align:center;line-height:36px;padding:0}
.sidebar .social-icons li a:before{width:36px;background-color:rgba(255,255,255,0.1);margin:0}
.sidebar .social-icons li a span{display:inline-block;font-size:14px;padding:0 10px}
.sidebar .social-icons li a:hover{opacity:.9}
.sidebar .loader{height:180px}
.sidebar-posts .post{float:left;width:100%;display:flex;padding:0;margin:25px 0 0}
.sidebar-posts .post.item-0{margin:0}
.sidebar-posts .big-post{flex-direction:column}
.sidebar-posts .entry-inner{position:relative;float:left;width:100%;height:100%;overflow:hidden;display:block;z-index:10}
.sidebar-posts .entry-image-wrap{position:relative;width:105px;height:69px;overflow:hidden;z-index:1;margin:0 15px 0 0;border-radius:5px}
.rtl .sidebar-posts .post:not(.big-post) .entry-image-wrap{margin:0 0 0 15px}
.sidebar-posts .big-post .entry-image-wrap{width:100%;height:170px;margin:0 0 10px}
.sidebar-posts .post:not(.big-post) .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.6)}
.sidebar-posts .post:not(.big-post) .entry-header{flex:1;align-self:center}
.sidebar-posts .entry-title{font-size:15px}
.sidebar-posts .big-post .entry-title{font-size:19px}
.cmm1-items .cmm1-item{position:relative;float:left;width:100%;margin:15px 0 0;border:1px solid var(--border-color);border-radius:5px}
.cmm1-items .cmm1-item.item-0{margin:0}
.cmm1-items .entry-inner{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;align-items:center;padding:10px 13px}
.cmm1-items .entry-image-wrap{position:relative;width:35px;height:35px;overflow:hidden;z-index:1;margin:0 13px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)}
.rtl .cmm1-items .entry-image-wrap{margin:0 0 0 13px}
.cmm1-items .entry-header{flex:1}
.cmm1-items .entry-title{font-size:15px}
.cmm1-items .entry-inner:hover .entry-title{color:var(--post-title-hover-color)}
.cmm1-items .cmm-snippet{font-size:12px;color:var(--excerpt-color);margin:4px 0 0}
.FeaturedPost .featured-post{float:left;width:100%;margin:0}
.featured-post .entry-image-wrap{position:relative;float:left;width:100%;height:170px;z-index:1;overflow:hidden;display:flex;flex-direction:column;margin:0 0 10px;border-radius:5px}
.featured-post .entry-header{float:left;width:100%;display:flex;flex-direction:column;margin:0}
.featured-post .entry-title{font-size:19px}
.sidebar .widget.FollowByEmail{overflow:hidden;padding:20px;border:1px solid var(--border-color);border-top:2px solid var(--main-color);border-radius:5px}
.sidebar .widget.FollowByEmail:before{content:'\f0e0';font-family:'Font Awesome 5 Free';position:absolute;top:0;right:0;font-size:60px;color:var(--border-color);font-weight:900;transform:rotate(45deg);margin:7px -14px 0 0}
.rtl .sidebar .widget.FollowByEmail:before{left:0;right:unset;transform:rotate(-45deg);margin:7px 0 0 -14px}
.follow-by-email-title{display:block;font-family:var(--title-font);font-size:16px;color:var(--widget-title-color);text-transform:uppercase;margin:0 0 15px}
.follow-by-email-address{width:100%;height:36px;background-color:rgba(155,155,155,0.05);font-family:inherit;font-size:14px;color:var(--text-color);padding:0 10px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:5px}
.follow-by-email-address::placeholder{color:var(--text-color);opacity:.9}
.follow-by-email-address:focus{background-color:var(--outer-bg);color:var(--title-color);border-color:var(--border-color)}
.follow-by-email-submit{width:100%;height:36px;background-color:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 20px}
.follow-by-email-submit:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.follow-by-email-text{display:block;font-size:14px;color:var(--excerpt-color);margin:0 0 15px}
.supermag-pro-widget-ready .list-style li{position:relative;display:block;font-size:14px;color:var(--title-color);font-weight:400}
.supermag-pro-widget-ready .list-style li a{display:block;color:var(--title-color);padding:5px 0}
.supermag-pro-widget-ready .list-style li a.has-count{display:flex;justify-content:space-between}
.supermag-pro-widget-ready .list-style li:first-child a{padding:0 0 5px}
.supermag-pro-widget-ready .list-style li:last-child a{padding:5px 0 0}
.supermag-pro-widget-ready .list-style li a:hover{color:var(--title-hover-color)}
.supermag-pro-widget-ready .list-style li a span{display:inline-block;font-size:12px;color:var(--meta-color);text-decoration:none;margin:1px 0 0 5px}
.rtl .supermag-pro-widget-ready .list-style li a span{margin:1px 5px 0 0}
.supermag-pro-widget-ready .text-list li{padding:5px 0}
.supermag-pro-widget-ready .text-list li:first-child{padding:0 0 5px}
.supermag-pro-widget-ready .text-list li:last-child{padding:5px 0 0}
.cloud-label ul{display:flex;flex-wrap:wrap;margin:-8px 0 0}
.cloud-label li{margin:8px 8px 0 0}
.rtl .cloud-label li{margin:8px 0 0 8px}
.cloud-label li a{display:flex;height:30px;color:var(--button-bg);font-size:14px;line-height:28px;font-weight:400;padding:0 13px;border:1px solid var(--button-bg)}
.cloud-label li a:hover{background-color:var(--button-bg);color:var(--button-color)}
.cloud-label .label-count{display:inline-block;margin:0 0 0 5px}
.rtl .cloud-label .label-count{margin:0 5px 0 0}
.search-widget .search-form{position:relative;float:left;width:100%;display:flex;argin:0}
.search-widget .search-input{display:inline-block;flex:1 1 36px;width:100%;height:36px;background-color:rgba(155,155,155,0.05);font-family:inherit;font-weight:400;font-size:14px;color:var(--text-color);padding:0 10px;margin:0;border:1px solid var(--border-color);border-radius:5px}
.search-widget .search-input::placeholder{color:var(--text-color);opacity:.9}
.search-widget .search-input:focus{outline:none;background-color:var(--outer-bg)}
.search-widget .search-action{display:inline-block;width:36px;height:36px;background-color:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;line-height:36px;cursor:pointer;padding:0;margin:0 0 0 8px;border:0}
.rtl .search-widget .search-action{margin:0 8px 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%;margin:20px 0 0}
.Profile ul li:first-child{margin:0}
.Profile .profile-img{float:left;width:35px;height:35px;background-color:rgba(155,155,155,0.05);overflow:hidden;color:transparent!important;margin:0 10px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)}
.rtl .Profile .profile-img{float:right;margin:0 0 0 10px}
.Profile .profile-info{display:table}
.Profile .profile-name{display:block;font-size:15px;color:var(--title-color);font-weight:600;line-height:1.4em;margin:0}
.Profile .profile-name:hover{color:var(--title-hover-color)}
.Profile .profile-link{display:block;font-size:11px;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(--excerpt-color);margin:0}
.Image .image-caption{display:block;font-size:14px;color:var(--excerpt-color);margin:5px 0 0}
.contact-form-widget form{font-family:inherit;font-weight:400}
.contact-form-name{float:left;width:100%;height:36px;background-color:rgba(155,155,155,0.05);font-family:inherit;font-size:14px;color:var(--text-color);line-height:36px;padding:5px 10px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:5px}
.contact-form-email{float:left;width:100%;height:36px;background-color:rgba(155,155,155,0.05);font-family:inherit;font-size:14px;color:var(--text-color);line-height:36px;padding:5px 10px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:5px}
.contact-form-email.error{border-color:var(--main-color)}
.contact-form-email-message{float:left;width:100%;background-color:rgba(155,155,155,0.05);font-family:inherit;font-size:14px;color:var(--text-color);padding:10px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:5px}
.contact-form-email-message.error{border-color:var(--main-color)}
.contact-form-button-submit{float:left;width:100%;height:36px;background-color:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 15px;margin:0;border:0}
.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:focus,.contact-form-email:focus,.contact-form-email-message:focus{background-color:var(--outer-bg)}
.contact-form-name::placeholder,.contact-form-email::placeholder,.contact-form-email-message::placeholder{color:var(--text-color);opacity:.9}
.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%;margin:0}
.Stats .text-counter-wrapper{display:flex;font-size:20px;color:var(--meta-color);font-weight:600;text-transform:uppercase;line-height:1;margin:0}
.Stats .text-counter-wrapper:before{content:'\f201';font-family:'Font Awesome 5 Free';color:var(--main-color);font-weight:900;margin:0 4px 0 0}
.rtl .Stats .text-counter-wrapper:before{margin:0 0 0 4px}
.sidebar > .widget.ReportAbuse{display:block;padding:10px 13px;border:1px solid var(--border-color);border-radius:5px}
.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{position:relative;float:left;width:100%;margin:0}
.footer-ads .widget{position:relative;float:left;width:100%;text-align:center;line-height:0;margin:0 0 25px}
.footer-ads .widget-content{float:left;width:100%;margin:0}
.footer-ads .widget > .widget-title{display:none}
#footer-wrapper{position:relative;float:left;width:100%;background-color:var(--footer-bg);color:var(--footer-text-color)}
html:not(.is-dark) #footer-wrapper.has-border{border-top:1px solid var(--border-color)}
#footer-wrapper .primary-footer{float:left;width:100%;margin:0}
.primary-footer.no-widget{display:none}
#supermag-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{display:flex;flex-direction:column;flex:1}
.footer-info h3.title{font-size:16px;color:var(--footer-color);font-weight:500;line-height:1;text-transform:uppercase;margin:0 0 10px}
#supermag-pro-about-section .Image{width:calc(100% - $(sidebar.width + 25px));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0}
#supermag-pro-about-section .footer-logo{padding:0 25px 0 0}
.rtl #supermag-pro-about-section .footer-logo{padding:0 0 0 25px}
#supermag-pro-about-section .footer-logo img{display:block;max-height:36px;margin:0}
#supermag-pro-about-section .Image .image-caption{font-size:14px;color:var(--footer-text-color);margin:0}
#supermag-pro-about-section .Image .image-caption a{color:var(--footer-color)}
#supermag-pro-about-section .Image .image-caption a:hover{color:var(--footer-hover-color)}
#supermag-pro-about-section .LinkList{width:$(sidebar.width);display:flex;align-items:center;justify-content:flex-end;margin:0}
.supermag-pro-about-section ul.social-icons{float:right}
.rtl .supermag-pro-about-section ul.social-icons{float:left}
.supermag-pro-about-section .social-icons li{float:left;margin:0 0 0 10px}
.rtl .supermag-pro-about-section .social-icons li{float:right;margin:0 10px 0 0}
.supermag-pro-about-section .social-icons li a{display:block;width:36px;height:36px;font-size:16px;color:#fff;text-align:center;line-height:36px}
.supermag-pro-about-section .social-icons li a:hover{color:#fff}
.footerbar{position:relative;float:left;width:100%;height:58px;background-color:var(--footerbar-bg);color:var(--footerbar-color);display:flex;align-items:center;padding:0;margin:0}
html:not(.is-dark) .footerbar.has-border{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:36px;height:36px;background-color:var(--button-bg);cursor:pointer;overflow:hidden;font-size:14px;color:var(--button-color);text-align:center;line-height:36px;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:500;line-height:34px;padding:0 30px;margin:15px 0 0}
.errorWrap a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.cookie-choices-info{display:none;visibility:hidden;opacity:0}
#supermag-cookie-ify{display:none;position:fixed;bottom:20px;left:20px;width:300px;background-color:var(--cookie-bg);z-index:1020;padding:20px;visibility:hidden;opacity:0;box-shadow:0 5px 10px rgba(0,0,0,0.1);border-radius:5px;transition:all .25s ease}
.rtl #supermag-cookie-ify{left:unset;right:20px}
#supermag-cookie-ify.is-visible{visibility:visible;opacity:1}
.supermag-cookie-ify-content{display:block;font-size:14px;color:var(--cookie-color);margin:0 0 15px}
.supermag-cookie-ify-content a{color:var(--cookie-color);text-decoration:underline}
.supermag-cookie-ify-content a:hover{color:var(--main-color)}
#supermag-cookie-ify-accept{display:inline-block;height:30px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:30px;padding:0 16px;margin:0}
#supermag-cookie-ify-accept:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
a.ads-here{position:relative;display:flex;align-items:center;justify-content:center;height:80px;background-color:var(--body-bg-color);font-size:13px;color:var(--meta-color);font-style:italic;margin:0;border:1px solid var(--border-color)}
.sidebar a.ads-here{height:250px}
a.ads-here:hover{color:var(--main-color)}
@media (max-width: $(row.width + 50px)) {
#outer-wrapper,.is-boxed #outer-wrapper,.is-boxed .main-nav-flex{width:100%;max-width:100%;margin:0}
.row-x1{width:100%;max-width:100%}
#header-wrapper .container,#header-ads-wrap > .container,#featured-wrapper > .container,#content-wrapper > .container,#footer-ads-wrap > .container,#footer-wrapper .container{padding:0 15px}
#supermag-cookie-ify{bottom:15px;left:15px;padding:15px}
.rtl #supermag-cookie-ify{left:unset;right:15px}
}
@media (max-width: 980px) {
#header-wrapper .container{padding:0}
.mobile-menu-toggle{display:flex}
.header-items{flex-wrap:nowrap}
.topbar-wrap,#supermag-pro-main-nav{display:none!important}
#slide-menu,.overlay{display:block}
.flex-right,.rtl .flex-right{position:relative;top:unset;left:unset;right:unset}
.main-toggle-wrap,#main-search-wrap{padding:0 15px}
.main-toggle-wrap{padding:0 15px 0 0}
.rtl .main-toggle-wrap{padding:0 0 0 15px}
.nav-active .overlay{visibility:visible;opacity:1}
.nav-active #back-top{opacity:0!important}
#main-wrapper,#sidebar-wrapper{width:100%}
#sidebar-wrapper{margin:25px 0 0}
#blog-pager{margin:25px 0 0}
#supermag-pro-about-section{flex-wrap:wrap;flex-direction:column}
#supermag-pro-about-section .Image{width:100%;flex-direction:column;justify-content:center;text-align:center}
#supermag-pro-about-section .footer-logo,.rtl #supermag-pro-about-section .footer-logo{padding:0 0 25px}
.footer-info{flex:none;text-align:center}
.footer-info h3.title{display:none}
#supermag-pro-about-section .LinkList{width:100%;justify-content:center;margin:15px 0 0}
.supermag-pro-about-section .social-icons li,.rtl .supermag-pro-about-section .social-icons li{margin:10px 5px 0}
.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:10px 0 0}
.footer-menu ul{justify-content:center}
.footer-menu ul li a,.rtl .footer-menu ul li a{display:block;margin:5px 10px 0}
#back-top{right:15px}
.rtl #back-top{left:15px;right:unset}
}
@media (max-width: 680px) {
#featured .widget-content{min-height:200px}
.featured-left,.featured-right{width:100%}
.featured-item.item-0 .entry-image-wrap{height:200px;margin:0 0 15px}
.featured-item.item-0 .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(1.1)}
.featured-item.item-0 .entry-title{font-size:22px}
.featured-item.item-1{margin:25px 0 0}
.trending-items{grid-template-columns:1fr}
.trending-item.item-0{flex-direction:column}
.trending-items .entry-image-wrap{width:140px;height:92px}
.trending-items .item-0 .entry-image-wrap{width:100%;height:200px;margin:0 0 15px}
.trending-items .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.8)}
.trending-items .item-0 .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(1.1)}
.trending-items .item-0 .entry-header{flex:auto;align-self:auto}
.trending-items .entry-title{font-size:17px}
.trending-items .item-0 .entry-title{font-size:22px}
.index-post{flex-direction:column}
.index-post .entry-image-wrap{width:100%;height:200px;margin:0 0 15px}
.rtl .index-post .entry-image-wrap{margin:0 0 15px}
.index-post .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(1.1)}
.index-post .entry-header{flex:none;padding:0}
#blog-pager .load-more{width:100%}
.item-post h1.entry-title{font-size:30px}
.related-posts{grid-template-columns:repeat(2,1fr)}
.post-body table{display:block}
.supermag-pro-share-links li.has-span a span{display:none}
.supermag-pro-share-links li.has-span a{width:38px}
.supermag-pro-share-links li.has-span a:before{width:100%;background-color:transparent}
.supermag-pro-share-links li.pinterest-p{display:inline-block}
.sidebar-posts .entry-image-wrap{width:140px;height:92px;margin:0 18px 0 0}
.rtl .sidebar-posts .entry-image-wrap{margin:0 0 0 18px}
.sidebar-posts .big-post .entry-image-wrap{height:200px;margin:0 0 15px}
.sidebar-posts .post:not(.big-post) .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.8)}
.sidebar-posts .post.big-post .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(1.1)}
.sidebar-posts .entry-title{font-size:17px}
.sidebar-posts .big-post .entry-title{font-size:22px}
.cmm1-items .entry-inner{padding:15px}
.featured-post .entry-image-wrap{height:200px;margin:0 0 15px}
.featured-post .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(1.1)}
.featured-post .entry-title{font-size:22px}
.errorWrap{padding:25px 0 45px}
.errorWrap h3{font-size:130px}
#supermag-cookie-ify,.rtl #supermag-cookie-ify{width:calc(100% - 30px);margin:0}
#supermag-cookie-ify{transform:translate(0,10px)}
#supermag-cookie-ify.is-visible{transform:translate(0,0)}
a.ads-here{height:45px}
.sidebar a.ads-here{height:200px}
}
@media (max-width: 480px) {
.item-post h1.entry-title{font-size:27px}
#post-body,.author-description .author-text,.comments .comment-content{font-size:$(itempost.content.size + 1px)}
.related-posts .entry-image-wrap{height:110px;margin:0 0 8px}
}
@media (max-width: 380px) {
.featured-item.item-0 .entry-image-wrap,.trending-items .item-0 .entry-image-wrap,.index-post .entry-image-wrap,.sidebar-posts .big-post .entry-image-wrap,.featured-post .entry-image-wrap{height:180px}
.item-post h1.entry-title{font-size:25px}
.tocify-inner{min-width:100%}
.related-posts .entry-image-wrap{height:100px}
.related-posts .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.8)}
.related-posts .entry-title{font-size:16px}
.sidebar a.ads-here{height:180px}
}
@media (max-width: 340px) {
.featured-item .entry-image-wrap,.trending-items .entry-image-wrap,.sidebar-posts .entry-image-wrap{width:112px;height:74px}
.featured-item.item-0 .entry-image-wrap,.trending-items .item-0 .entry-image-wrap,.index-post .entry-image-wrap,.sidebar-posts .big-post .entry-image-wrap,.featured-post .entry-image-wrap{height:160px}
.featured-item .entry-title,.trending-items .entry-title,.sidebar-posts .entry-title{font-size:16px}
.featured-item.item-0 .entry-title,.trending-items .item-0 .entry-title,.index-post .entry-title,.featured-post .entry-title,.sidebar-posts .big-post .entry-title{font-size:21px}
.related-posts .entry-image-wrap{height:80px}
#slide-menu{width:100%}
}
]]></b:skin>
</b:if>
<b:if cond='data:view.isLayoutMode'>
<b:template-skin><![CDATA[
html,body#layout #outer-wrapper,body#layout .row{width:auto;padding:0}
body#layout{position:relative;width:auto;max-width:100%;background-color:#f9f9f9;padding:95px 5px 0;margin:0}
body#layout:before{content:'SuperMag - v1.0.0';position:absolute;top:0;left:5px;right:5px;height:95px;font-family:Roboto,sans-serif;font-size:23px;color:#0F1618;line-height:95px;text-align:center}
body#layout div.section{display:block;background-color:#f1f1f1!important;margin:0 5px 10px!important;padding:16px 16px 18px!important;border-color:#e5e5e5}
body#layout .no-items.section{display:block}
body#layout .section h4{font-size:14px;color:#0F1618;text-transform:uppercase;margin:0}
body#layout .section h4:after{text-transform:initial;color:#656565;font-weight:400}
body#layout .add_widget a{color:#3c97ef!important}
body#layout .widget-wrap3{overflow:hidden}
body#layout .widget-content{width:auto;max-width:none;max-height:none;margin:0;border:1px solid #e5e5e5;border-left:0}
body#layout .locked-widget .widget-content{border-left:1px solid #3c97ef}
body#layout .locked-widget .widget-content:hover{border-left-color:#00b140}
body#layout .widget .widget-content a.editlink{border-radius:2px}
body#layout .visibility .editlink{background:#3c97ef url(https://1.bp.blogspot.com/-iQoCOwqjB-w/Wy1bDznOM4I/AAAAAAAACGA/8BUOPStr0sk5oud9hWpHBQTrmkeJDoAvACK4BGAYYCw/s18-c/mode_edit_w600_24dp.png) no-repeat center!important}
body#layout .visibility .editlink:hover{background-color:#00b140!important}
body#layout .draggable-widget .widget-wrap2{background:#3c97ef url(https://1.bp.blogspot.com/-yTAuT5aZ1EY/Wy1eEeo4SbI/AAAAAAAACGM/FxOTPwL-Ch0_lyZxLRzhv2EWHINOmCjWACK4BGAYYCw/s22/draggable.png) no-repeat 4px 50%!important}
body#layout .draggable-widget .widget-wrap1:hover .widget-wrap2{background-color:#00b140!important}
body#layout .visibility .layout-widget-state.visible{background-image:url(https://4.bp.blogspot.com/-qicweZaCb7I/XR_IGBqqGfI/AAAAAAAABS0/MIpI_COKj6MBkeN9FEJhqL96WYnYfGjngCK4BGAYYCw/s1600/visibility_c3_600_24dp.png)!important}
body#layout .visibility .layout-widget-state.not-visible{background-image:url(https://4.bp.blogspot.com/-tqL3-mrEM7A/XR_H_P3mFZI/AAAAAAAABSs/4PO1g3CDQbse_mJYzwn-60OQoYMFcq1FQCK4BGAYYCw/s1600/visibility_off_c3_600_24dp.png)!important;opacity:1}
body#layout div.layout-widget-description{display:none;font-size:11px;line-height:1.2em}
body#layout #theme-options,body#layout #main-menu .widget{display:block!important}
body#layout div.ify-panel{background-color:#edf4ff!important;overflow:hidden!important;border-color:#cdd4ef}
body#layout .ify-panel .widget{float:left;width:49.5%;margin-right:1%}
body#layout .ify-panel .widget-content{border-color:#cdd4ef!important}
body#layout .ify-panel .Image{margin-right:0}
body#layout .ify-panel div.layout-widget-description{display:none}
body#layout .flex-right,body#layout #nav-search-wrap{display:none}
body#layout .flex-left,body#layout .topbar-items{display:flex}
body#layout .main-logo,body#layout .supermag-pro-main-nav,body#layout .topbar-menu,body#layout .topbar-social{width:50%}
body#layout #content-wrapper{padding:0;margin:0}
body#layout #content-wrapper > .container{display:flex;margin:0}
body#layout #main-wrapper{width:67%;padding:0}
body#layout #sidebar-wrapper{width:33%;padding:0}
body#layout #custom-ads{display:flex}
body#layout #custom-ads .section{width:50%}
body#layout #ify-panel > h4:after{content:' - by Templateify.com'}
body#layout .section > h4:after{font-size:12px}
body#layout #supermag-pro-about-section{overflow:hidden!important}
body#layout #supermag-pro-about-section .widget{float:left;width:49.5%;margin-right:1%}
body#layout #supermag-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 #topbar-menu > h4:after{content:' - Top Links'}
body#layout #topbar-social > h4:after{content:' - Social Icons'}
body#layout #main-logo > h4:after{content:' - Recommended Height (36px)'}
body#layout #supermag-pro-main-nav > h4:after{content:' - With SubLinks and Mega Menu'}
body#layout #featured > h4:after{content:' - by Popular Posts, Most Recents or Labels'}
body#layout #header-ads > h4:after{content:' - by Custom HTML, Adsense or Image'}
body#layout #trending > h4:after{content:' - by Popular Posts, Most Recents or Labels'}
body#layout #home-ads > h4:after{content:' - After Trending Posts'}
body#layout #main > h4:after{content:' - Default Blog Posts, AdSense In-Feed, Comments and More'}
body#layout #supermag-pro-main-before-ad > h4:after{content:' - Before Post Content'}
body#layout #supermag-pro-main-after-ad > h4:after{content:' - After Post Content'}
body#layout #supermag-pro-related-posts > h4:after{content:' - Advanced Related Posts'}
body#layout #supermag-pro-post-footer-ads > h4:after{content:' - After Related Posts'}
body#layout #sidebar > h4:after{content:' - on All Pages'}
body#layout #footer-ads > h4:after{content:' - by Custom HTML, Adsense or Image'}
body#layout #supermag-pro-about-section > h4:after{content:' - Site Description and Social Icons'}
body#layout #footer-copyright > h4:after{content:' - Custom Credits'}
body#layout #footer-menu > h4:after{content:' - Footer Links'}
body#layout #supermag-cookie-ify-section > h4:after{content:' - Advanced Cookie Consent Plugin'}
body#layout:after{content:'Design by Templateify.com';display:block;font-family:Roboto,sans-serif;font-size:14px;color:#555;line-height:1;text-align:center;visibility:visible;padding:20px 0}
body#layout #hidden-widgets{display:none!important}
]]></b:template-skin>
</b:if>
<!-- Theme Variables -->
<script type='text/javascript'>
//<![CDATA[
var noThumbnail = "https://4.bp.blogspot.com/-eALXtf-Ljts/WrQYAbzcPUI/AAAAAAAABjY/vptx-N2H46oFbiCqbSe2JgVSlHhyl0MwQCK4BGAYYCw/s72-c/nth-ify.png",
fixedMenu = true,
fixedSidebar = true,
darkMode = false,
userDarkMode = true,
fbCommentsTheme = "light";
//]]>
</script>
<b:if cond='data:widgets.AdSense.first or data:blog.adsenseClientId'>
<!-- Google AdSense -->
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
</b:if>
<b:if cond='data:blog.analyticsAccountNumber'>
<!-- Google Analytics -->
<b:include data='blog' name='google-analytics'/>
</b:if>
<b:defaultmarkups>
<b:defaultmarkup type='Common'>
<b:includable id='theme-dark-mode'>
<b:class cond='data:skin.vars.darkmode == "1px"' name='is-dark'/>
</b:includable>
<b:includable id='customOpenGraphMetaData'>
<!-- Metadata for Open Graph protocol. See http://ogp.me/. -->
<meta expr:content='data:blog.localeUnderscoreDelimited' property='og:locale'/>
<b:if cond='data:view.isHomepage'>
<meta content='website' property='og:type'/>
</b:if>
<b:if cond='data:view.isSingleItem'>
<meta content='article' property='og:type'/>
</b:if>
<b:if cond='data:view.isMultipleItems and not data:view.isHomepage'>
<meta content='object' property='og:type'/>
</b:if>
<meta expr:content='data:view.title.escaped' property='og:title'/>
<meta expr:content='data:blog.url.canonical' property='og:url'/>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<meta expr:content='data:blog.title.escaped' property='og:site_name'/>
<b:tag cond='data:view.isMultipleItems and data:widgets.Blog.first.posts[0].featuredImage' expr:content='data:widgets.Blog.first.posts[0].featuredImage resizeImage 1600' name='meta' property='og:image'/>
<b:tag cond='data:view.isMultipleItems and data:widgets.Blog.first.posts[0].featuredImage' expr:content='data:widgets.Blog.first.posts[0].featuredImage resizeImage 1600' name='meta' property='twitter:image'/>
<b:if cond='data:view.featuredImage'>
<meta expr:content='data:view.featuredImage resizeImage 1600' property='og:image'/>
<meta expr:content='data:view.featuredImage resizeImage 1600' name='twitter:image'/>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:view.title.escaped' name='twitter:title'/>
<meta expr:content='data:blog.url.canonical' name='twitter:domain'/>
<meta expr:content='data:view.description.escaped' name='twitter:description'/>
</b:includable>
<b:includable id='theme-head'>
<meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=yes' name='viewport'/>
<title><data:view.title.escaped/></title>
<link href='//fonts.gstatic.com' rel='dns-prefetch'/>
<link href='//dnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<meta expr:content='data:skin.vars.keycolor' name='theme-color'/>
<b:if cond='data:blog.adultContent'>
<meta content='adult' name='rating'/>
</b:if>
<link expr:href='data:view.url.canonical' rel='canonical'/>
<meta expr:content='data:view.description.escaped' name='description'/>
<b:tag cond='data:view.isMultipleItems and data:widgets.Blog.first.posts[0].featuredImage' expr:href='data:widgets.Blog.first.posts[0].featuredImage resizeImage 1600' name='link' rel='image_src'/>
<b:tag cond='data:view.isSingleItem and data:view.featuredImage' expr:href='data:view.featuredImage resizeImage 1600' name='link' rel='image_src'/>
<b:include name='customOpenGraphMetaData'/>
<data:blog.feedLinks/><data:blog.meTag/>
<b:if cond='data:view.isHomepage'>
<script type='application/ld+json'>{"@context":"http://schema.org","@type":"WebSite","name":"<data:view.title.escaped/>","url":"<data:view.url.canonical/>","potentialAction":{"@type":"SearchAction","target":"<data:view.url.canonical/>search?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
</b:if>
<!-- Font Awesome Free 5.15.1 -->
<b:tag href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/fontawesome.min.css' name='link' rel='stylesheet'/>
<b:tag cond='data:blog.languageDirection == "rtl"' href='https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap' name='link' rel='stylesheet'/>
</b:includable>
<b:includable id='theme-body-class'>
<b:class cond='data:view.isHomepage' name='is-home'/>
<b:class cond='data:view.isMultipleItems' name='is-multiple'/>
<b:class cond='data:view.isSingleItem' name='is-single'/>
<b:class cond='data:view.isPage' name='is-page'/>
<b:class cond='data:view.isPost' name='is-post'/>
<b:class cond='data:view.isError' name='is-multiple is-error'/>
<b:class cond='data:blog.isMobileRequest' name='is-mobile'/>
<b:class cond='data:skin.vars.fullwidth != "1px"' name='is-boxed'/>
<b:class cond='data:skin.vars.sidebar == "1px"' name='is-left'/>
<b:class cond='data:skin.vars.background_cover == "1px"' name='is-cover'/>
<b:class cond='data:skin.vars.title_font_family != "Rubik"' name='custom-font'/>
</b:includable>
<b:includable id='theme-custom-lang'>
<b:switch var='data:message'>
<b:case value='prevPost'/><b:if cond='data:blog.locale.language == "en"'>Previous Post<b:elseif cond='data:blog.locale.language == "es"'/>ArtÃculo Anterior<b:elseif cond='data:blog.locale.language == "pt"'/>Postagem Anterior<b:else/><data:messages.newer/></b:if>
<b:case value='nextPost'/><b:if cond='data:blog.locale.language == "en"'>Next Post<b:elseif cond='data:blog.locale.language == "es"'/>ArtÃculo Siguiente<b:elseif cond='data:blog.locale.language == "pt"'/>Próxima Postagem<b:else/><data:messages.older/></b:if>
<b:case value='loadMorePosts'/><b:if cond='data:blog.locale.language == "en"'>Load More<b:elseif cond='data:blog.locale.language == "es"'/>Carga Más<b:elseif cond='data:blog.locale.language == "pt"'/>Carregar Mais<b:else/><data:messages.loadMorePosts/></b:if>
<b:case value='noMorePosts'/><b:if cond='data:blog.locale.language == "en"'>That is All<b:elseif cond='data:blog.locale.language == "es"'/>Eso es Todo<b:elseif cond='data:blog.locale.language == "pt"'/>Isso é Tudo<b:else/><data:messages.noResultsFound/></b:if>
</b:switch>
</b:includable>
<b:includable id='widget-title'>
<b:if cond='data:title == "{ads}"'>
<b:class name='no-style'/>
<b:elseif cond='data:widget.type == "AdSense"'/>
<b:class name='no-style'/>
</b:if>
<b:if cond='data:defaultTitle or data:title'>
<b:if cond='(data:title != "{ads}")'>
<b:if cond='data:widget.sectionId not in ["ify-panel","topbar-menu","topbar-social","main-logo","supermag-pro-main-nav","header-ads","featured","home-ads","footer-ads","supermag-pro-post-footer-ads","supermag-pro-about-section","footer-copyright","footer-menu"]'>
<div expr:class='data:widget.sectionId in ["trending", "sidebar"] ? "widget-title title-wrap" : "widget-title"'><h3 class='title'><data:title/></h3></div>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='linklist-content'>
<b:if cond='data:widget.sectionId == "topbar-menu"'>
<ul class='topbar-ul link-list'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:elseif cond='data:widget.sectionId == "supermag-pro-main-nav"'/>
<ul id='supermag-pro-main-nav-menu' role='menubar'>
<b:loop values='data:links' var='link'>
<li><b:if cond='data:link.target contains "getMega"'><b:class name='has-sub mega-menu'/><a expr:data-shortcode='data:link.target' href='#' role='menuitem'><data:link.name/></a><b:else/><a expr:href='data:link.target in ["{homepage}"] ? data:blog.homepageUrl.canonical : data:link.target' role='menuitem'><data:link.name/></a></b:if></li>
</b:loop>
</ul>
<b:elseif cond='data:widget.sectionId in ["topbar-social","sidebar","supermag-pro-about-section"]'/>
<b:tag class='widget-content' cond='data:widget.sectionId not in ["topbar-social","supermag-pro-about-section"]' name='div'>
<b:if cond='data:links any l => l.name in ["blogger","facebook","facebook-f","twitter","rss","youtube","skype","stumbleupon","tumblr","vk","stack-overflow","github","linkedin","dribbble","soundcloud","behance","digg","instagram","pinterest","pinterest-p","twitch","delicious","codepen","amazon","reddit","whatsapp","messenger","microsoft","telegram","discord","apple","email","external-link"]'>
<b:if cond='data:widget.sectionId == "topbar-social"'>
<ul class='topbar-ul social-icons social'>
<b:loop index='i' values='data:links' var='link'>
<li expr:class='data:link.name + " link-" + data:i'><a expr:alt='data:link.name' expr:class='data:link.name' expr:href='data:link.target' expr:title='data:link.name' rel='noopener noreferrer' target='_blank'/></li>
</b:loop>
</ul>
<b:elseif cond='data:widget.sectionId == "sidebar"'/>
<ul class='social-icons social social-bg'>
<b:loop index='i' values='data:links' var='link'>
<li expr:class='data:link.name + " link-" + data:i'><a expr:alt='data:link.name' expr:class='data:link.name + " btn"' expr:href='data:link.target' expr:title='data:link.name' rel='noopener noreferrer' target='_blank'/></li>
</b:loop>
</ul>
<b:else/>
<ul class='social-icons social social-bg'>
<b:loop index='i' values='data:links' var='link'>
<li expr:class='data:link.name + " link-" + data:i'><a expr:alt='data:link.name' expr:class='data:link.name + " btn"' expr:href='data:link.target' expr:title='data:link.name' rel='noopener noreferrer' target='_blank'/></li>
</b:loop>
</ul>
</b:if>
<b:else/>
<ul class='link-list list-style'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</b:if>
</b:tag>
<b:else/>
<b:tag class='widget-content' cond='data:widget.sectionId not in ["footer-menu"]' name='div'>
<ul class='link-list list-style'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</b:tag>
</b:if>
</b:includable>
<b:includable id='html-content'>
<b:if cond='data:widget.sectionId == "supermag-pro-related-posts"'>
<b:with value='data:title ? "$title={" + data:title + "} " : ""' var='relatedTitle'>
<b:attr expr:value='data:relatedTitle + (data:content contains "results" ? data:content : "")' name='data-shortcode'/>
</b:with>
<b:else/>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:if cond='data:content contains "getWidget" and data:widget.sectionId == "sidebar"'>
<b:attr expr:value='data:content' name='data-shortcode'/>
<b:elseif cond='data:content contains "getFeatured" and data:widget.sectionId == "featured"'/>
<b:attr expr:value='data:content' name='data-shortcode'/>
<b:elseif cond='data:content contains "getTrending" and data:widget.sectionId == "trending"'/>
<b:attr expr:value='data:content' name='data-shortcode'/>
<b:else/>
<data:content/>
</b:if>
</div>
</b:if>
</b:includable>
<b:includable id='textlist-content'>
<b:if cond='data:widget.sectionId == "ify-panel"'>
<b:loop index='i' values='data:items' var='item'>
<b:if cond='data:i == 0'>
<script async='async' crossorigin='anonymous' defer='defer' expr:src='data:item'/>
</b:if>
</b:loop>
<b:else/>
<div class='widget-content'>
<ul class='text-list list-style'>
<b:loop values='data:items' var='item'>
<li><data:item/></li>
</b:loop>
</ul>
</div>
</b:if>
</b:includable>
<b:includable id='image-content'>
<b:if cond='data:widget.sectionId == "ify-panel"'>
<b:tag name='script' type='text/javascript'>var noThumbnail = "<b:eval expr='resizeImage(data:sourceUrl, 72, "1:1")'/>";</b:tag>
<b:elseif cond='data:widget.sectionId == "supermag-pro-about-section"'/>
<a class='footer-logo custom-image' expr:href='data:link'>
<img expr:alt='data:blog.title' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl'/>
</a>
<b:if cond='data:caption'>
<div class='footer-info'>
<b:if cond='data:title'><h3 class='title'><data:title/></h3></b:if>
<p class='image-caption excerpt'><data:caption/></p>
</div>
</b:if>
<b:else/>
<div class='widget-content'>
<div class='custom-image'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<img expr:alt='data:blog.title' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl'/>
</b:tag>
</div>
<b:if cond='data:caption'>
<p class='image-caption excerpt'><data:caption/></p>
</b:if>
</div>
</b:if>
</b:includable>
<b:includable id='text-content'>
<b:if cond='data:widget.sectionId == "footer-copyright"'>
<data:content/>
<b:elseif cond='data:widget.sectionId == "supermag-cookie-ify-section"'/>
<b:attr expr:value='data:title' name='data-shortcode'/>
<p class='supermag-cookie-ify-content excerpt'><data:content/></p>
<a class='btn' expr:title='data:messages.ok' href='javascript:;' id='supermag-cookie-ify-accept' role='button'><data:messages.ok/></a>
<b:else/>
<b:include name='widget-title'/>
<div class='widget-content excerpt'>
<data:content/>
</div>
</b:if>
</b:includable>
<b:includable id='contact-form-content'>
<div class='widget-content contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<input class='contact-form-name' expr:ariby='data:contactFormNameMsg' expr:id='data:widget.instanceId + "_contact-form-name"' expr:placeholder='data:contactFormNameMsg' name='name' size='30' type='text' value=''/>
<input class='contact-form-email' expr:ariby='data:contactFormEmailMsg + " *"' expr:id='data:widget.instanceId + "_contact-form-email"' expr:placeholder='data:contactFormEmailMsg + " *"' name='email' size='30' type='text' value=''/>
<textarea class='contact-form-email-message' cols='25' expr:ariby='data:contactFormMessageMsg + " *"' expr:id='data:widget.instanceId + "_contact-form-email-message"' expr:placeholder='data:contactFormMessageMsg + " *"' name='email-message' rows='5'/>
<input class='contact-form-button btn contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/>
<p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/>
</form>
</div>
</div>
</b:includable>
<b:includable id='theme-options-js'>
<b:if cond='data:skin.vars.fixedmenu == "0px" or (data:skin.vars.fixedsidebar == "0px") or (data:skin.vars.darkmode == "1px") or (data:skin.vars.userdarkmode == "0px")'>
<!-- Theme Options JS -->
<b:tag name='script' type='text/javascript'><b:if cond='data:skin.vars.fixedmenu == "0px"'>var fixedMenu=false;</b:if><b:if cond='data:skin.vars.fixedsidebar == "0px"'>var fixedSidebar=false;</b:if><b:if cond='data:skin.vars.darkmode == "1px"'>var darkMode=true;</b:if><b:if cond='data:skin.vars.userdarkmode == "0px"'>var userDarkMode=false;</b:if><b:if cond='data:view.isSingleItem and (data:skin.vars.darkmode == "1px")'>var fbCommentsTheme="dark";</b:if></b:tag>
</b:if>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Header'>
<b:includable id='main' var='this'>
<b:tag class='mobile-menu-toggle' href='javascript:;' name='a' role='button' title='Menu'/>
<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>
<b:include cond='data:imagePlacement == "BEHIND"' name='title'/>
</b:includable>
<b:includable id='image'>
<a class='logo-img' expr:href='data:blog.homepageUrl.canonical'>
<img expr:alt='data:blog.title.escaped' expr:data-height='data:height' expr:data-width='data:width' expr:src='data:image' expr:title='data:blog.title.escaped'/>
<b:if cond='data:view.isMultipleItems'><b:if cond='data:widget.sectionId == "main-logo"'><h1 id='h1-off'><data:title/></h1></b:if></b:if>
</a>
</b:includable>
<b:includable id='title'>
<b:tag class='blog-title' cond='data:view.isMultipleItems' name='h1'>
<b:tag class='blog-title' cond='!data:view.isMultipleItems' name='span'>
<b:tag expr:href='data:blog.homepageUrl.canonical' name='a'>
<data:title/>
</b:tag>
</b:tag>
</b:tag>
</b:includable>
<b:includable id='behindImageStyle'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='description'><b:comment>Replaced</b:comment></b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='LinkList'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='linklist-content'/>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='TextList'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='textlist-content'/>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='HTML'>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Text'>
<b:includable id='main'>
<b:include name='text-content'/>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Blog'>
<b:includable id='main' var='this'>
<b:include name='searchMessage'/>
<b:include cond='data:view.isHomepage' name='blogPostsTitle'/>
<div class='blog-posts hfeed'>
<b:class cond='data:view.isMultipleItems' name='index-post-wrap'/>
<b:class cond='data:view.isSingleItem' name='item-post-wrap'/>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='postCommentsAndAd'/>
</b:loop>
</div>
<b:include cond='data:view.isMultipleItems' name='ajaxPagination'/>
<b:include name='feedLinks'/>
<b:include name='exportBlogContent'/>
</b:includable>
<b:includable id='exportBlogContent'>
<b:tag name='script' type='text/javascript'>
var exportify = {
noTitle: "<data:messages.noTitle/>",
postAuthor: <b:eval expr='data:allBylineItems.author ? "true" : "false"'/>,
authorLabel: "<b:eval expr='data:allBylineItems.author.label ? data:allBylineItems.author.label : ""'/>",
postDate: <b:eval expr='data:allBylineItems.timestamp ? "true" : "false"'/>,
dateLabel: "<b:eval expr='data:allBylineItems.timestamp.label ? data:allBylineItems.timestamp.label : ""'/>"
}
</b:tag>
</b:includable>
<b:includable id='aboutPostAuthor'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='addComments'>
<a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'><data:messages.postAComment/></a>
</b:includable>
<b:includable id='ajaxPagination'>
<!-- Ajax Pagination on Index -->
<div class='blog-pager' id='blog-pager'>
<b:class cond='data:posts.empty' name='no-blog-posts'/>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link btn load-more' expr:data-load='data:olderPageUrl.canonical' href='javascript:;' id='supermag-pro-load-more-link'><b:include data='{ message: "loadMorePosts" }' name='theme-custom-lang'/></a>
<span class='loading'><div class='loader'/></span>
<span class='no-more btn load-more'><b:include data='{ message: "noMorePosts" }' name='theme-custom-lang'/></span>
<b:else/>
<span class='no-more btn load-more show'><b:include data='{ message: "noMorePosts" }' name='theme-custom-lang'/></span>
</b:if>
</div>
</b:includable>
<b:includable id='backLinks' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='blogPostsTitle'>
<b:if cond='data:blog.jumpLinkMessage != "hide"'>
<div class='blog-posts-title title-wrap'><h3 class='title'><data:blog.jumpLinkMessage/></h3></div>
</b:if>
</b:includable>
<b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineByName' var='byline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineRegion' var='regionItems'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentAuthorAvatar'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentDeleteIcon' var='comment'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentForm' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:include data='post' name='commentFormIframeSrc'/>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "195px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentFormIframeSrc' var='post'>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' title='Comment Form Link'/>
</b:includable>
<b:includable id='commentItem' var='comment'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentList' var='comments'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentPicker' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='comments' var='post'>
<section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
<b:class cond='data:post.numberOfComments != 0' name='has-comments'/>
<b:class cond='data:post.numberOfComments == 0' name='no-comments'/>
<a name='comments'/>
<b:if cond='data:post.embedCommentForm'>
<b:include name='commentsTitle'/>
<b:if cond='data:post.numberOfComments != 0'>
<div class='comments-content'>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
</b:if>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='commentForm'/>
</b:if>
<b:if cond='data:post.allowNewComments'><a class='btn' href='javascript:;' id='show-comment-form'><data:messages.postAComment/><b:if cond='data:post.numberOfComments == 0'> (<data:post.numberOfComments/>)</b:if></a></b:if>
<b:if cond='!data:post.allowNewComments'><b:if cond='data:post.noNewCommentsText and (data:post.numberOfComments != 0)'><p class='comments-message no-new-comments excerpt'><data:post.noNewCommentsText/><em>*</em></p></b:if></b:if>
<b:else/>
<p class='comments-message excerpt'>Please Select Embedded Mode To Show The Comment System.<em>*</em></p>
</b:if>
</section>
</b:includable>
<b:includable id='commentsTitle'>
<!-- Comments Title -->
<b:if cond='data:post.numberOfComments != 0'><div class='title-wrap comments-title'><b:class cond='data:this.messages.blogComment' name='has-message'/><h3 class='title'><data:post.numberOfComments/> <data:messages.comments/></h3></div></b:if>
<b:if cond='data:post.allowNewComments'>
<b:if cond='data:this.messages.blogComment'><p class='comments-message excerpt'><data:this.messages.blogComment/></p></b:if>
<b:else/>
<b:if cond='data:post.noNewCommentsText and (data:post.numberOfComments == 0)'><p class='comments-message no-new-comments excerpt'><data:post.noNewCommentsText/><em>*</em></p></b:if>
</b:if>
</b:includable>
<b:includable id='defaultAdUnit'>
<ins class='adsbygoogle' data-ad-format='fluid' data-ad-layout-key='-gh-20+dq-4y-z5' data-full-width-responsive='false' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:data-analytics-uacct='data:blog.analyticsAccountNumber' expr:style='data:style ?: "display: block;"' style='display:block'/>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</b:includable>
<b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='feedLinks'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='feedLinksBody' var='links'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='headerByline' var='post'>
<!-- Post Entry Meta -->
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:post.labels or data:allBylineItems.timestamp'>
<div class='entry-meta'>
<b:include cond='data:allBylineItems.author' data='post' name='postAuthor'/>
<b:include cond='data:allBylineItems.timestamp' data='post' name='postTimestamp'/>
</div>
</b:if>
</b:if>
<b:if cond='data:view.isPost'>
<b:if cond='data:allBylineItems.author or data:allBylineItems.timestamp'>
<b:class name='has-meta'/>
<div class='entry-meta'>
<div class='align-left'>
<b:include cond='data:allBylineItems.author' data='post' name='postAuthor'/>
<b:include cond='data:allBylineItems.timestamp' data='post' name='postTimestamp'/>
</div>
<div class='align-right'>
<b:include cond='data:allBylineItems.comments' data='post' name='postCommentsLink'/>
</div>
</div>
</b:if>
</b:if>
</b:includable>
<b:includable id='homePageLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='iframeComments' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='indexPost' var='post'>
<!-- Index Post Content -->
<b:include data='post' name='postFeaturedImage'/>
<div class='entry-header'>
<b:include data='post' name='postCategory'/>
<b:include data='post' name='postHeader'/>
<b:include data='post' name='postBodySnippet'/>
<b:include data='post' name='headerByline'/>
</div>
</b:includable>
<b:includable id='inlineAd' var='post'>
<b:if cond='!data:view.isPreview'>
<b:if cond='data:i != 0'>
<b:if cond='data:post.includeAd and data:post.adNumber'>
<b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
<div expr:class='"index-post post-ad-type post-ad-" + data:i'>
<div class='inline-ad-wrap'>
<div class='inline-ad'>
<b:if cond='data:this.adCode != ""'>
<data:this.adCode/>
<b:else/>
<b:if cond='data:this.adClientId or data:blog.adsenseClientId'>
<b:include name='defaultAdUnit'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='itemPost' var='post'>
<!-- Item Post Content -->
<b:include data='post' name='postMeta'/>
<div class='item-post-inner'>
<div class='entry-header blog-entry-header'>
<b:include data='post' name='postHeader'/>
</div>
<div class='entry-content-wrap'>
<b:include data='post' name='postBody'/>
</div>
<b:include cond='data:view.isPost and data:allBylineItems.labels' data='post' name='postLabels'/>
<b:include cond='data:view.isPost and data:allBylineItems.share' data='post' name='postShareButtons'/>
</div>
<b:include cond='data:view.isPost' data='post' name='postFooter'/>
</b:includable>
<b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='nextPageLink'>
<b:if cond='data:olderPageUrl'>
<a class='post-nav-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_post-nav-older-link"'>
<b:include data='{ message: "nextPost" }' name='theme-custom-lang'/>
</a>
<b:else/>
<span class='post-nav-older-link'>
<b:include data='{ message: "nextPost" }' name='theme-custom-lang'/>
</span>
</b:if>
</b:includable>
<b:includable id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='post' var='post'>
<!-- Index Posts -->
<b:if cond='data:view.isMultipleItems'>
<b:include data='post' name='indexPost'/>
</b:if>
<!-- Item Post -->
<b:if cond='data:view.isSingleItem'>
<b:include data='post' name='itemPost'/>
</b:if>
</b:includable>
<b:includable id='postAuthor' var='post'>
<!-- Post Author -->
<span class='entry-author'><b:if cond='data:view.isPost'><span class='author-avatar-wrap'><span class='author-avatar' expr:data-image='data:post.author.authorPhoto.image ? resizeImage(data:post.author.authorPhoto.image, 72, "1:1") : "https://4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/s72-c/avatar.jpg"'/></span></b:if>
<b:if cond='data:allBylineItems.author.label'><span class='by'><data:allBylineItems.author.label/></span></b:if><span class='author-name'><data:post.author.name/></span></span>
</b:includable>
<b:includable id='postBody' var='post'>
<!-- Ads before post content. -->
<b:if cond='data:view.isPost'><b:tag cond='data:widgets any w => w.sectionId == "supermag-pro-main-before-ad"' id='before-ad' name='div'/></b:if>
<!-- Post Body Entry Content-->
<div class='post-body entry-content' id='post-body'>
<data:post.body/>
</div>
<!-- Ads after post content. -->
<b:if cond='data:view.isPost'><b:tag cond='data:widgets any w => w.sectionId == "supermag-pro-main-after-ad"' id='after-ad' name='div'/></b:if>
</b:includable>
<b:includable id='postBodySnippet' var='post'><p class='entry-excerpt excerpt'><b:eval expr='data:post.snippets.long snippet { length: 129 }'/></p></b:includable>
<b:includable id='postBreadcrumbs' var='post'>
<!-- Post Breadcrumbs -->
<b:if cond='data:view.isPost'>
<b:if cond='data:skin.vars.breadcrumb == "1px"'><nav id='breadcrumb'><a class='home' expr:href='data:blog.homepageUrl'><data:messages.home/></a><b:if cond='data:post.labels'><em class='delimiter'/><a class='label' expr:href='data:post.labels.first.url'><data:post.labels.first.name/></a></b:if></nav></b:if>
<script type='application/ld+json'>{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"<data:messages.home.jsonEscaped/>","item":"<data:blog.homepageUrl.canonical.jsonEscaped/>"},{"@type":"ListItem","position":2,"name":"<b:if cond='data:post.labels'><data:post.labels.first.name.jsonEscaped/><b:else/><data:messages.posts/></b:if>","item":"<b:if cond='data:post.labels'><data:post.labels.first.url.canonical.jsonEscaped/><b:else/><b:eval expr='data:blog.homepageUrl.canonical.jsonEscaped + "search/"'/></b:if>"},{"@type":"ListItem","position":3,"name":"<data:post.title.jsonEscaped/>","item":"<data:post.url.canonical.jsonEscaped/>"}]}</script>
</b:if>
<b:if cond='data:view.isPage'>
<script type='application/ld+json'>{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"<data:messages.home.jsonEscaped/>","item":"<data:blog.homepageUrl.canonical.jsonEscaped/>"},{"@type":"ListItem","position":2,"name":"<data:post.title.jsonEscaped/>","item":"<data:post.url.canonical.jsonEscaped/>"}]}</script>
</b:if>
</b:includable>
<b:includable id='postCategory' var='post'>
<!-- Post Label -->
<b:if cond='data:post.labels'><span class='entry-category'><data:post.labels.first.name/></span></b:if>
</b:includable>
<b:includable id='postCommentsAndAd' var='post'>
<!-- In-Feed Ads -->
<b:include cond='data:view.isMultipleItems and not data:view.search.label and not data:view.search.query and not data:view.isArchive' data='post' name='inlineAd'/>
<article class='blog-post hentry'>
<b:class cond='data:view.isMultipleItems' expr:name='"index-post post-" + data:i'/>
<b:class cond='data:view.isSingleItem' name='item-post'/>
<b:include data='post' name='post'/>
</article>
<b:if cond='data:view.isSingleItem and data:post.allowComments'>
<!-- Post Comments -->
<div class='supermag-pro-blog-post-comments' expr:data-shortcode='data:allBylineItems.comments.label contains "type" ? data:allBylineItems.comments.label : "$type={blogger}"'>
<b:include data='post' name='threadedCommentsDisqus'/>
<b:include data='post' name='comments'/>
</div>
</b:if>
<!-- Post Navigation -->
<b:include cond='data:skin.vars.postnav == "1px"' name='postPagination'/>
</b:includable>
<b:includable id='postCommentsLink'>
<b:if cond='data:skin.vars.cmm_count == "1px"'>
<!-- Post Comments Count -->
<span class='entry-comments-link'><data:post.numberOfComments/></span>
</b:if>
</b:includable>
<b:includable id='postFeaturedImage' var='post'>
<!-- Post Featured Image -->
<a class='entry-image-wrap' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:if cond='data:post.featuredImage'><span class='entry-thumb' expr:data-image='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, "1:1") : resizeImage(data:post.featuredImage, 72, "1:1")'/><b:else/><span class='entry-thumb' data-image='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class expr:name='data:post.featuredImage.isYouTube ? "is-video" : "is-image"'/></a>
</b:includable>
<b:includable id='postFooter' var='post'>
<!-- Post Footer Items -->
<b:tag class='post-footer' cond='data:post.author.aboutMe or (data:widgets.HTML any w => w.sectionId == "supermag-pro-related-posts") or (data:widgets any w => w.sectionId == "supermag-pro-post-footer-ads")' name='footer'>
<b:include cond='data:post.author.aboutMe' data='post' name='postFooterAuthorProfile'/>
<b:include cond='data:widgets.HTML any w => w.sectionId == "supermag-pro-related-posts"' data='post' name='relatedPosts'/>
<b:tag cond='data:widgets.HTML any w => w.sectionId == "supermag-pro-post-footer-ads"' id='post-footer-ads' name='div'/>
</b:tag>
</b:includable>
<b:includable id='postFooterAuthorProfile' var='post'>
<div class='about-author'>
<div class='avatar-container'>
<span class='author-avatar' expr:data-image='data:post.author.authorPhoto.image ? resizeImage(data:post.author.authorPhoto.image, 72, "1:1") : "https://4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/s72-c/avatar.jpg"'/>
</div>
<div class='author-description'>
<span class='author-title'><b:tag cond='data:post.author.profileUrl' expr:alt='data:post.author.name' expr:href='data:post.author.profileUrl' name='a' rel='noopener noreferrer' target='_blank'><data:post.author.name/></b:tag></span>
<p class='author-text excerpt'><data:post.author.aboutMe/></p>
</div>
</div>
</b:includable>
<b:includable id='postHeader' var='post'>
<b:include cond='data:view.isSingleItem' data='post' name='postBreadcrumbs'/>
<b:include data='post' name='postTitle'/>
<b:include cond='data:view.isPost' data='post' name='headerByline'/>
</b:includable>
<b:includable id='postJumpLink' var='post'>
<b:if cond='data:blog.jumpLinkMessage != "hide"'>
<a class='read-more' expr:href='data:post.url.canonical'><data:blog.jumpLinkMessage/></a>
</b:if>
</b:includable>
<b:includable id='postLabels' var='post'>
<b:if cond='data:post.labels'>
<div class='entry-labels'>
<b:if cond='data:allBylineItems.labels.label != ""'><span class='labels-label'><data:allBylineItems.labels.label/></span></b:if>
<b:loop values='data:post.labels' var='label'>
<a class='label-link' expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postMeta' var='post'>
<b:if cond='!data:view.isPage'>
<b:include data='post' name='postMetadataJSON'/>
</b:if>
</b:includable>
<b:includable id='postPagination'>
<b:if cond='data:view.isPost'>
<div class='post-nav'>
<b:include name='previousPageLink'/>
<b:include name='nextPageLink'/>
</div>
</b:if>
</b:includable>
<b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postShareButtons' var='post'>
<!-- Post ShareButtons -->
<div class='post-share'>
<ul class='supermag-pro-share-links social social-bg'>
<li class='share-label'><span class='share-icon'><i class='fas fa-share-alt'/></span></li>
<li class='facebook-f has-span'><a class='facebook btn window-ify' data-height='500' data-width='520' expr:data-url='"https://www.facebook.com/sharer.php?u=" + data:post.url.canonical' href='javascript:;' rel='nofollow' title='Facebook'><span>Facebook</span></a></li>
<li class='twitter has-span'><a class='twitter btn window-ify' data-height='520' data-width='860' expr:data-url='"https://twitter.com/intent/tweet?url=" + data:post.url.canonical + "&text=" + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Twitter'><span>Twitter</span></a></li>
<li class='whatsapp'><a class='whatsapp btn window-ify' data-height='520' data-width='860' expr:data-url='"https://api.whatsapp.com/send?text=" + data:post.title.jsEscaped + " | " + data:post.url.canonical' href='javascript:;' rel='nofollow' title='WhatsApp'/></li>
<li class='linkedin'><a class='linkedin btn window-ify' data-height='520' data-width='860' expr:data-url='"https://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url.canonical + "&title=" + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='LinkedIn'/></li>
<li class='pinterest-p'><a class='pinterest btn window-ify' data-height='520' data-width='860' expr:data-url='"https://www.pinterest.com/pin/create/button/?url=" + data:post.url.canonical + "&media=" + data:post.featuredImage + "&description=" + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Pinterest'/></li>
<li class='tumblr'><a class='tumblr btn window-ify' data-height='520' data-width='860' expr:data-url='"https://www.tumblr.com/share/link?url=" + data:post.url.canonical + "&name=" + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Tumblr'/></li>
<li class='reddit'><a class='reddit btn window-ify' data-height='520' data-width='860' expr:data-url='"https://reddit.com/submit?url=" + data:post.url.canonical + "&title=" + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Reddit'/></li>
<li class='telegram'><a class='telegram btn window-ify' data-height='520' data-width='860' expr:data-url='"https://telegram.me/share/url?url=" + data:post.url.canonical + "&text=" + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Telegram'/></li>
<li class='email'><a class='email btn window-ify' data-height='500' data-width='520' expr:data-url='"mailto:?subject=" + data:post.title.jsEscaped + "&body=" + data:post.url.canonical' href='javascript:;' rel='nofollow' title='Email'/></li>
<li class='show-hid'><a class='btn' expr:title='data:messages.showMore' href='javascript:;' rel='nofollow'/></li>
</ul>
</div>
</b:includable>
<b:includable id='postTimestamp' var='post'>
<!-- Post Timestamp -->
<span class='entry-time'><b:if cond='data:allBylineItems.author and data:allBylineItems.timestamp.label'><span class='on'><data:allBylineItems.timestamp.label/></span></b:if><time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time></span>
</b:includable>
<b:includable id='postTitle' var='post'>
<!-- Post Title Index and Item -->
<b:if cond='data:view.isMultipleItems'>
<h2 class='entry-title'><a class='entry-title-link' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle' rel='bookmark'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></a></h2>
</b:if>
<b:if cond='data:view.isSingleItem'>
<h1 class='entry-title'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></h1>
</b:if>
</b:includable>
<b:includable id='previousPageLink'>
<b:if cond='data:newerPageUrl'>
<a class='post-nav-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_post-nav-newer-link"'>
<b:include data='{ message: "prevPost" }' name='theme-custom-lang'/>
</a>
<b:else/>
<span class='post-nav-newer-link'>
<b:include data='{ message: "prevPost" }' name='theme-custom-lang'/>
</span>
</b:if>
</b:includable>
<b:includable id='relatedPosts' var='post'>
<!-- Related Posts -->
<div id='related-wrap'>
<div class='title-wrap related-title'>
<span class='title'><data:messages.youMayLikeThesePosts/></span>
</div>
<div class='supermag-pro-related-content'>
<b:if cond='data:post.labels'>
<div class='related-tag' expr:data-label='data:post.labels.first.name'/>
<b:else/>
<div class='related-tag' data-label='recent'/>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='searchMessage'>
<!-- Search Message -->
<b:if cond='data:posts.empty'>
<b:class name='no-posts'/>
</b:if>
<b:if cond='data:view.search.query'>
<div class='queryMessage'>
<b:if cond='data:posts.empty'>
<span class='query-info query-error'>"<data:view.search.query/>"</span>
<b:else/>
<span class='query-info query-success'>"<data:view.search.query/>"</span>
</b:if>
</div>
</b:if>
<b:if cond='data:view.search.label'>
<div class='queryMessage '>
<b:if cond='data:posts.empty'>
<span class='query-info query-label query-error'><data:view.search.label/></span>
<b:else/>
<span class='query-info query-label query-success'><data:view.search.label/></span>
</b:if>
</div>
</b:if>
<b:if cond='data:view.isArchive'>
<div class='queryMessage'>
<b:if cond='data:posts.empty'>
<span class='query-info query-error'><data:view.archive.rangeMessage/></span>
<b:else/>
<span class='query-info query-success'><data:view.archive.rangeMessage/></span>
</b:if>
</div>
</b:if>
<b:if cond='data:view.isError'>
<div class='errorWrap'>
<h3>404</h3>
<h4><data:messages.theresNothingHere/></h4>
<p><data:navMessage/></p>
<a class='homepage btn' expr:href='data:blog.homepageUrl'><data:messages.home/></a>
</div>
</b:if>
<b:if cond='data:view.isMultipleItems and data:posts.empty'><div class='queryEmpty'><data:messages.noResultsFound/></div></b:if>
</b:includable>
<b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='threadedCommentForm' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='threadedCommentJs' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='threadedComments' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='threadedCommentsDisqus' var='post'>
<script type='text/javascript'>
var disqus_shortname = "templateify-comments";
var disqus_blogger_current_url = "<data:post.url.canonical/>";
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = "<data:post.url.canonical/>";
}
var disqus_blogger_homepage_url = "<data:blog.canonicalHomepageUrl/>";
var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";
</script>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='PopularPosts'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:if cond='data:widget.sectionId == "featured"'>
<div class='featured-items'>
<div class='featured-left'>
<b:loop index='i' values='data:posts' var='post'>
<b:include cond='data:i == 0' data='post' name='content'/>
</b:loop>
</div>
<b:tag class='featured-right' cond='data:posts.length gt 1' name='div'>
<b:loop index='i' values='data:posts' var='post'>
<b:include cond='data:i in [1,2,3]' data='post' name='content'/>
</b:loop>
</b:tag>
</div>
<b:elseif cond='data:widget.sectionId == "trending"'/>
<div class='trending-items'>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</div>
<b:else/>
<b:class name='sidebar-posts'/>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</b:if>
</div>
</b:includable>
<b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineByName' var='byline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineRegion' var='regionItems'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentsLinkIframe'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='content' var='post'>
<div>
<b:if cond='data:widget.sectionId == "featured"'>
<b:class name='featured-item'/>
<b:elseif cond='data:widget.sectionId == "trending"'/>
<b:class name='trending-item'/>
<b:else/>
<b:class expr:name='data:i == 0 ? "popular-post post big-post" : "popular-post post"'/>
</b:if>
<b:class expr:name='"item-"+data:i'/>
<a class='entry-image-wrap' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:if cond='data:post.featuredImage'><span class='entry-thumb' expr:data-image='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, "1:1") : resizeImage(data:post.featuredImage, 72, "1:1")'/><b:else/><span class='entry-thumb' data-image='https://resources.blogblog.com/img/blank.gif'/></b:if><b:if cond='data:widget.sectionId == "trending"'><span class='trending-count'><b:eval expr='data:i + 1'/></span></b:if><b:class expr:name='data:post.featuredImage.isYouTube ? "is-video" : "is-image"'/></a>
<div class='entry-header'>
<b:if cond='data:post.labels and ((data:widget.sectionId in ["featured","trending"]) or (data:widget.sectionId == "sidebar" and data:i == 0))'><span class='entry-category'><data:post.labels.first.name/></span></b:if>
<h2 class='entry-title'><a expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></a></h2>
</div>
</div>
</b:includable>
<b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='headerByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postAuthor'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postCommentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postJumpLink' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postLabels'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postShareButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postTimestamp'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostThumbnail'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostTitle'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPosts'><b:comment>Replaced</b:comment></b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='FeaturedPost'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</div>
</b:includable>
<b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineByName' var='byline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineRegion' var='regionItems'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentsLinkIframe'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='content' var='post'>
<div class='featured-post post'>
<a class='entry-image-wrap' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:if cond='data:post.featuredImage'><span class='entry-thumb' expr:data-image='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, "1:1") : resizeImage(data:post.featuredImage, 72, "1:1")'/><b:else/><span class='entry-thumb' data-image='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class expr:name='data:post.featuredImage.isYouTube ? "is-video" : "is-image"'/></a>
<div class='entry-header'>
<b:if cond='data:post.labels'><span class='entry-category'><data:post.labels.first.name/></span></b:if>
<h2 class='entry-title'><a expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></a></h2>
</div>
</div>
</b:includable>
<b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='headerByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postAuthor'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postCommentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postJumpLink' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postLabels'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postShareButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postTimestamp'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostThumbnail'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostTitle'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPosts'><b:comment>Replaced</b:comment></b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='ContactForm'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='contact-form-content'/>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Label'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='cloud'/>
</div>
</b:includable>
<b:includable id='list'>
<ul class='list-style'>
<b:loop values='data:labels' var='label'>
<li><a class='label-name' expr:href='data:label.url'><data:label.name/><b:if cond='data:this.showFreqNumbers'><b:class name='has-count'/><span class='label-count count-style'>(<data:label.count/>)</span></b:if></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='cloud'>
<ul class='cloud-style'>
<b:loop values='data:labels' var='label'>
<li><a class='label-name btn' expr:href='data:label.url'><data:label.name/><b:if cond='data:this.showFreqNumbers'><b:class name='has-count'/><span class='label-count count-style'>(<data:label.count/>)</span></b:if></a></li>
</b:loop>
</ul>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='FollowByEmail'>
<b:includable id='main' var='this'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content' expr:data-shortcode='data:title'>
<h3 class='follow-by-email-title'><data:messages.subscribeToThisBlog/></h3>
<p class='follow-by-email-text excerpt'><data:messages.getEmailNotifications/></p>
<div class='follow-by-email-inner'>
<form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
<input autocomplete='off' class='follow-by-email-address' expr:aria-label='data:messages.emailAddress' expr:ariby='data:messages.emailAddress' expr:placeholder='data:messages.emailAddress' name='email' type='email'/>
<input class='follow-by-email-submit btn' expr:value='data:messages.subscribe' type='submit'/>
<input expr:value='data:feedPath' name='uri' type='hidden'/>
<input expr:value='data:blog.localeUnderscoreDelimited' name='loc' type='hidden'/>
</form>
</div>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Image'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='image-content'/>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='BlogArchive'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class name='archive-list'/>
<b:include cond='data:this.style in {"FLAT", "MENU", "HIERARCHY"}' name='flat'/>
</div>
</b:includable>
<b:includable id='flat'>
<ul class='list-style'>
<b:loop values='data:data' var='i'>
<li><a class='archive-name' expr:href='data:i.url'><data:i.name/><b:if cond='data:i.post-count'><b:class name='has-count'/><span class='archive-count count-style'>(<data:i.post-count/>)</span></b:if></a></li>
</b:loop>
</ul>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='PageList'>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:include name='pageList'/>
</div>
</b:includable>
<b:includable id='overflowButton'>
<b:include name='verticalMoreIcon'/>
</b:includable>
<b:includable id='overflowablePageList'>
<div class='overflowable-container'>
<div class='overflowable-contents'>
<div class='container'>
<b:with value='true' var='overflow'>
<b:with value='"tabs"' var='pageListClass'>
<b:include name='pageList'/>
</b:with>
</b:with>
</div>
</div>
<div class='overflow-button hidden'>
<b:include name='overflowButton'/>
</div>
</div>
</b:includable>
<b:includable id='pageLink'>
<li>
<b:class cond='data:overflow' name='overflowable-item'/>
<b:class cond='data:link.isCurrentPage' name='selected'/>
<a expr:href='data:link.href'><data:link.title/></a>
</li>
</b:includable>
<b:includable id='pageList'>
<ul class='list-style'>
<b:class cond='data:pageListClass' expr:name='data:pageListClass'/>
<b:loop values='data:links' var='link'>
<b:include name='pageLink'/>
</b:loop>
</ul>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='BlogSearch'>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='searchForm'/>
</b:includable>
<b:includable id='searchForm'>
<b:class name='search-widget'/>
<form class='search-form' expr:action='data:blog.searchUrl'>
<b:attr cond='not data:view.isPreview' name='target' value='_top'/>
<b:include name='urlParamsAsFormInput'/>
<input autocomplete='off' class='search-input' expr:ariby='data:messages.search' expr:placeholder='data:messages.search' name='q' value=''/>
<b:include name='searchSubmit'/>
</form>
</b:includable>
<b:includable id='searchSubmit'>
<button class='search-action btn' type='submit' value=''/>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Profile'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='authorProfileImage'>
<img class='profile-img' expr:alt='data:messages.myPhoto' expr:src='resizeImage(data:authorPhoto.image, 45, "1:1")'/>
</b:includable>
<b:includable id='defaultProfileImage'>
<img class='profile-img' expr:alt='data:messages.myPhoto' src='https://4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/w45-h45-p-k-no-nu/avatar.jpg'/>
</b:includable>
<b:includable id='userProfileInfo'>
<div class='profile-info'>
<dl class='profile-datablock'>
<b:include name='userProfileData'/>
</dl>
<b:include name='viewProfileLink'/>
</div>
</b:includable>
<b:includable id='teamProfileLink'>
<b:include name='profileImage'/>
<div class='profile-info'>
<a class='profile-name' expr:href='data:userUrl' rel='nofollow' target='_blank'><data:display-name/></a>
<a class='profile-link' expr:href='data:userUrl' rel='nofollow' target='_blank'><data:messages.showMore/></a>
</div>
</b:includable>
<b:includable id='userProfile'>
<b:include name='profileImage'/>
<div class='profile-info'>
<a class='profile-name' expr:href='data:userUrl' rel='nofollow' target='_blank'><data:displayname/></a>
<a class='profile-link' expr:href='data:userUrl' rel='nofollow' target='_blank'><data:messages.showMore/></a>
</div>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>
</head>
<body>
<b:include name='theme-body-class'/>
<b:if cond='data:view.isLayoutMode or (data:widgets any w => w.sectionId == "ify-panel")'>
<!-- Theme Options -->
<div id='theme-options' style='display:none'>
<b:section class='ify-panel' id='ify-panel' maxwidgets='2' name='Theme Options' showaddelement='no'>
<b:widget id='TextList100' locked='true' title='Facebook SDK' type='TextList' visible='false'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='textlist-content'/>
</b:includable>
</b:widget>
<b:widget id='Image101' locked='true' title='No Thumbnail Image' type='Image' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEhtrBKUpXP-Ev8GO9O1dNEHNMmLBexQ6pWZ2daiiQlOGeOQyT5_iMgdcPreR578V1qPwuyKF-ENfMN_x8FpHAR1RfevUpmpOzMLINMCqEEQgRr-JT9SljfMCEdoUabDq0doDxT3pKozGjAQPFtqh757DUfuGtHKSe0iXBztCNgbNmlBf64RaQM93tXYfV8=s150</b:widget-setting>
<b:widget-setting name='displayHeight'>96</b:widget-setting>
<b:widget-setting name='sectionWidth'>150</b:widget-setting>
<b:widget-setting name='shrinkToFit'>true</b:widget-setting>
<b:widget-setting name='displayWidth'>150</b:widget-setting>
<b:widget-setting name='link'/>
<b:widget-setting name='caption'/>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='image-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
<!-- Outer Wrapper -->
<div id='outer-wrapper'>
<!-- Header Wrapper -->
<header id='header-wrapper'>
<b:if cond='data:view.isLayoutMode or (data:widgets any w => w.sectionId in ["topbar-menu","topbar-social"])'>
<nav class='topbar-wrap flex-center'>
<b:class cond='data:skin.vars.topbar_bg == data:skin.vars.header_bg' name='has-border'/>
<div class='container row-x1'>
<div class='topbar-items'>
<b:section class='topbar-menu' id='topbar-menu' maxwidgets='1' name='Topbar Menu' showaddelement='yes'>
<b:widget id='LinkList105' locked='true' title='' type='LinkList' visible='true'>
<b:widget-settings>
<b:widget-setting name='link-3'>https://learntillearning.blogspot.com/p/privacy-policy.html</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-4'>https://learntillearning.blogspot.com/p/disclaimer.html</b:widget-setting>
<b:widget-setting name='text-1'>About</b:widget-setting>
<b:widget-setting name='link-1'>https://learntillearning.blogspot.com/p/about-us.html</b:widget-setting>
<b:widget-setting name='text-0'>Home</b:widget-setting>
<b:widget-setting name='link-2'>https://learntillearning.blogspot.com/p/contact-us.html</b:widget-setting>
<b:widget-setting name='text-3'>Privacy Policy</b:widget-setting>
<b:widget-setting name='link-0'>https://learntillearning.blogspot.com/</b:widget-setting>
<b:widget-setting name='text-2'>Contact Us</b:widget-setting>
<b:widget-setting name='text-4'>Disclaimer</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='linklist-content'/>
</b:includable>
</b:widget>
</b:section>
<b:section class='topbar-social' id='topbar-social' maxwidgets='1' name='Topbar Icons' showaddelement='yes'>
<b:widget id='LinkList106' locked='true' title='' type='LinkList' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>twitter</b:widget-setting>
<b:widget-setting name='link-1'><![CDATA[https://twitter.com/learnearn2024" class="social-btn-twitter]]></b:widget-setting>
<b:widget-setting name='text-0'>facebook</b:widget-setting>
<b:widget-setting name='link-2'>https://www.youtube.com/channel/UCugYe5uPgAwGzuGpNcLCAkA</b:widget-setting>
<b:widget-setting name='link-0'>http://www.facebook.com/profile.php?id=61550643524461?id=61550643524461</b:widget-setting>
<b:widget-setting name='text-2'>youtube</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='linklist-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</nav>
</b:if>
<div class='main-header'>
<div class='header-inner'>
<div class='header-header flex-center'>
<div class='container row-x1'>
<div class='header-items'>
<div class='flex-left'>
<b:section class='main-logo' id='main-logo' maxwidgets='1' name='Header Logo' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Learn till Earning (Header)' type='Header' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEhtrianMCAUhdjBgSUdLT5x9WLpsaUrKculBPII4bXnrHBEG0_1loPJiTBYIJNG_S2jwmIdSINvB5A7o-wp4dbY9JTVeljD8Iqfnre1OzsZCw5ZsQSZr1w6Uz75QW9PAu1VZ98T57ySKqSfJPixfwItFWRJ9cjuvfMORdXnIGkW_L-McEqvotUnWnAjQYE=s150</b:widget-setting>
<b:widget-setting name='displayHeight'>96</b:widget-setting>
<b:widget-setting name='sectionWidth'>150</b:widget-setting>
<b:widget-setting name='useImage'>true</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>150</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:tag class='mobile-menu-toggle' href='javascript:;' name='a' role='button' title='Menu'/>
<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>
<b:include cond='data:imagePlacement == "BEHIND"' name='title'/>
</b:includable>
<b:includable id='behindImageStyle'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='description'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='image'>
<a class='logo-img' expr:href='data:blog.homepageUrl.canonical'>
<img expr:alt='data:blog.title.escaped' expr:data-height='data:height' expr:data-width='data:width' expr:src='data:image' expr:title='data:blog.title.escaped'/>
<b:if cond='data:view.isMultipleItems'><b:if cond='data:widget.sectionId == "main-logo"'><h1 id='h1-off'><data:title/></h1></b:if></b:if>
</a>
</b:includable>
<b:includable id='title'>
<b:tag class='blog-title' cond='data:view.isMultipleItems' name='h1'>
<b:tag class='blog-title' cond='!data:view.isMultipleItems' name='span'>
<b:tag expr:href='data:blog.homepageUrl.canonical' name='a'>
<data:title/>
</b:tag>
</b:tag>
</b:tag>
</b:includable>
</b:widget>
</b:section>
<b:section class='supermag-pro-main-nav' id='supermag-pro-main-nav' maxwidgets='1' name='Header Menu' showaddelement='no'>
<b:widget id='LinkList101' locked='true' title='Menu' type='LinkList' visible='true'>
<b:widget-settings>
<b:widget-setting name='link-5'>https://learntillearning.blogspot.com/p/disclaimer.html</b:widget-setting>
<b:widget-setting name='link-3'>{getMega} $label={recent}</b:widget-setting>
<b:widget-setting name='link-4'>https://learntillearning.blogspot.com/p/privacy-policy.html</b:widget-setting>
<b:widget-setting name='text-1'>About Us</b:widget-setting>
<b:widget-setting name='text-0'>Home</b:widget-setting>
<b:widget-setting name='text-3'>My Blogs</b:widget-setting>
<b:widget-setting name='text-2'>Contact Us</b:widget-setting>
<b:widget-setting name='text-5'>Disclaimer</b:widget-setting>
<b:widget-setting name='text-4'>Privacy policy</b:widget-setting>
<b:widget-setting name='shownum'>6</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-1'>https://learntillearning.blogspot.com/p/about-us.html</b:widget-setting>
<b:widget-setting name='link-2'>https://learntillearning.blogspot.com/p/contact-us.html</b:widget-setting>
<b:widget-setting name='link-0'>{homepage}</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='linklist-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='flex-right'>
<div class='main-toggle-wrap'>
<b:tag class='main-toggle-style darkmode-toggle' cond='data:skin.vars.darkmode == "0px" and (data:skin.vars.userdarkmode == "1px")' href='javascript:;' name='a' role='button'/>
<b:tag class='main-toggle-style show-search' expr:title='data:messages.search' href='javascript:;' name='a' role='button'/>
</div>
</div>
<div id='main-search-wrap'>
<div class='main-search'>
<form class='search-form' expr:action='data:blog.searchUrl' role='search'>
<input autocomplete='off' class='search-input' expr:placeholder='data:messages.search' name='q' type='search' value=''/>
</form>
<b:tag class='hide-search' expr:title='data:messages.search' href='javascript:;' name='a' role='button'/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<b:if cond='data:view.isLayoutMode or (data:view.isHomepage and (data:widgets any w => w.sectionId == "header-ads")) or (data:view.isPost and (data:skin.vars.headerad_onpost == "1px") and (data:widgets any w => w.sectionId == "header-ads"))'>
<!-- Header Ads -->
<div class='flex-center' id='header-ads-wrap'>
<b:section class='header-ads container row-x1' id='header-ads' maxwidgets='1' name='Header ADS' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<a class="ads-here" href="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6033737817963566">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6033737817963566"
crossorigin="anonymous"></script>
Responsive Advertisement</a>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
<b:if cond='data:view.isHomepage'>
<!-- Featured Wrapper -->
<div class='flex-center' id='featured-wrapper'>
<b:class cond='data:widgets none w => w.sectionId == "featured"' name='no-widget'/>
<b:section class='featured container row-x1' id='featured' maxwidgets='1' name='Featured Posts' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>4</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:if cond='data:widget.sectionId == "featured"'>
<div class='featured-items'>
<div class='featured-left'>
<b:loop index='i' values='data:posts' var='post'>
<b:include cond='data:i == 0' data='post' name='content'/>
</b:loop>
</div>
<b:tag class='featured-right' cond='data:posts.length gt 1' name='div'>
<b:loop index='i' values='data:posts' var='post'>
<b:include cond='data:i in [1,2,3]' data='post' name='content'/>
</b:loop>
</b:tag>
</div>
<b:elseif cond='data:widget.sectionId == "trending"'/>
<div class='trending-items'>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</div>
<b:else/>
<b:class name='sidebar-posts'/>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</b:if>
</div>
</b:includable>
<b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineByName' var='byline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineRegion' var='regionItems'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentsLinkIframe'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='content' var='post'>
<div>
<b:if cond='data:widget.sectionId == "featured"'>
<b:class name='featured-item'/>
<b:elseif cond='data:widget.sectionId == "trending"'/>
<b:class name='trending-item'/>
<b:else/>
<b:class expr:name='data:i == 0 ? "popular-post post big-post" : "popular-post post"'/>
</b:if>
<b:class expr:name='"item-"+data:i'/>
<a class='entry-image-wrap' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:if cond='data:post.featuredImage'><span class='entry-thumb' expr:data-image='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, "1:1") : resizeImage(data:post.featuredImage, 72, "1:1")'/><b:else/><span class='entry-thumb' data-image='https://resources.blogblog.com/img/blank.gif'/></b:if><b:if cond='data:widget.sectionId == "trending"'><span class='trending-count'><b:eval expr='data:i + 1'/></span></b:if><b:class expr:name='data:post.featuredImage.isYouTube ? "is-video" : "is-image"'/></a>
<div class='entry-header'>
<b:if cond='data:post.labels and ((data:widget.sectionId in ["featured","trending"]) or (data:widget.sectionId == "sidebar" and data:i == 0))'><span class='entry-category'><data:post.labels.first.name/></span></b:if>
<h2 class='entry-title'><a expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></a></h2>
</div>
</div>
</b:includable>
<b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='headerByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postAuthor'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postCommentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postJumpLink' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postLabels'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postShareButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postTimestamp'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostThumbnail'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostTitle'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPosts'><b:comment>Replaced</b:comment></b:includable>
</b:widget>
</b:section>
</div>
</b:if>
<!-- Content Wrapper -->
<div class='flex-center' id='content-wrapper'>
<div class='container row-x1'>
<!-- Main Wrapper -->
<main id='main-wrapper'>
<b:section class='trending' cond='data:view.isLayoutMode or (data:view.isHomepage and (data:widgets any w => w.sectionId == "trending"))' id='trending' maxwidgets='1' name='Trending Posts' showaddelement='yes'>
<b:widget id='PopularPosts2' locked='false' title='Trending News' type='PopularPosts' visible='true'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>6</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:if cond='data:widget.sectionId == "featured"'>
<div class='featured-items'>
<div class='featured-left'>
<b:loop index='i' values='data:posts' var='post'>
<b:include cond='data:i == 0' data='post' name='content'/>
</b:loop>
</div>
<b:tag class='featured-right' cond='data:posts.length gt 1' name='div'>
<b:loop index='i' values='data:posts' var='post'>
<b:include cond='data:i in [1,2,3]' data='post' name='content'/>
</b:loop>
</b:tag>
</div>
<b:elseif cond='data:widget.sectionId == "trending"'/>
<div class='trending-items'>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</div>
<b:else/>
<b:class name='sidebar-posts'/>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</b:if>
</div>
</b:includable>
<b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineByName' var='byline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineRegion' var='regionItems'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentsLinkIframe'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='content' var='post'>
<div>
<b:if cond='data:widget.sectionId == "featured"'>
<b:class name='featured-item'/>
<b:elseif cond='data:widget.sectionId == "trending"'/>
<b:class name='trending-item'/>
<b:else/>
<b:class expr:name='data:i == 0 ? "popular-post post big-post" : "popular-post post"'/>
</b:if>
<b:class expr:name='"item-"+data:i'/>
<a class='entry-image-wrap' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:if cond='data:post.featuredImage'><span class='entry-thumb' expr:data-image='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, "1:1") : resizeImage(data:post.featuredImage, 72, "1:1")'/><b:else/><span class='entry-thumb' data-image='https://resources.blogblog.com/img/blank.gif'/></b:if><b:if cond='data:widget.sectionId == "trending"'><span class='trending-count'><b:eval expr='data:i + 1'/></span></b:if><b:class expr:name='data:post.featuredImage.isYouTube ? "is-video" : "is-image"'/></a>
<div class='entry-header'>
<b:if cond='data:post.labels and ((data:widget.sectionId in ["featured","trending"]) or (data:widget.sectionId == "sidebar" and data:i == 0))'><span class='entry-category'><data:post.labels.first.name/></span></b:if>
<h2 class='entry-title'><a expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></a></h2>
</div>
</div>
</b:includable>
<b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='headerByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postAuthor'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postCommentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postJumpLink' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postLabels'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postShareButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postTimestamp'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostThumbnail'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostTitle'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPosts'><b:comment>Replaced</b:comment></b:includable>
</b:widget>
</b:section>
<b:section class='home-ads' cond='data:view.isLayoutMode or (data:view.isHomepage and (data:widgets any w => w.sectionId == "home-ads"))' id='home-ads' maxwidgets='1' name='Home Ads' showaddelement='yes'>
<b:widget id='HTML7' locked='false' title='About Author' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<p style="text-align:justify;"><font size = 16> <b> Welcome to Learn Till Earning<b> </b></b></font><br /><br /> <b>W</b>here curiosity meets clarity. Our platform is a treasure trove of compelling insights and cutting-edge information, crafted for those who crave knowledge and inspiration. Whether you're a lifelong learner, a curious mind, or a savvy reader, our meticulously curated content is designed to captivate, enlighten, and empower. At Learntillearning, we don't just share information; we ignite your intellect and fuel your passion for discovery. Dive in, and let your learning journey take flight!
<a class="ads-here" href="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6033737817963566">Responsive
Advertisement
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6033737817963566"
crossorigin="anonymous"></script>
</a></p>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
</b:section>
<b:section class='main' id='main' maxwidgets='1' name='Main Posts' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='commentLabel'>$type={blogger}</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>by</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='timestampLabel'>-</b:widget-setting>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='postLabelsLabel'>Tags:</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='searchMessage'/>
<b:include cond='data:view.isHomepage' name='blogPostsTitle'/>
<div class='blog-posts hfeed'>
<b:class cond='data:view.isMultipleItems' name='index-post-wrap'/>
<b:class cond='data:view.isSingleItem' name='item-post-wrap'/>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='postCommentsAndAd'/>
</b:loop>
</div>
<b:include cond='data:view.isMultipleItems' name='ajaxPagination'/>
<b:include name='feedLinks'/>
<b:include name='exportBlogContent'/>
</b:includable>
<b:includable id='aboutPostAuthor'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='addComments'>
<a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'><data:messages.postAComment/></a>
</b:includable>
<b:includable id='ajaxPagination'>
<!-- Ajax Pagination on Index -->
<div class='blog-pager' id='blog-pager'>
<b:class cond='data:posts.empty' name='no-blog-posts'/>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link btn load-more' expr:data-load='data:olderPageUrl.canonical' href='javascript:;' id='supermag-pro-load-more-link'><b:include data='{ message: "loadMorePosts" }' name='theme-custom-lang'/></a>
<span class='loading'><div class='loader'/></span>
<span class='no-more btn load-more'><b:include data='{ message: "noMorePosts" }' name='theme-custom-lang'/></span>
<b:else/>
<span class='no-more btn load-more show'><b:include data='{ message: "noMorePosts" }' name='theme-custom-lang'/></span>
</b:if>
</div>
</b:includable>
<b:includable id='backLinks' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='blogPostsTitle'>
<b:if cond='data:blog.jumpLinkMessage != "hide"'>
<div class='blog-posts-title title-wrap'><h3 class='title'><data:blog.jumpLinkMessage/></h3></div>
</b:if>
</b:includable>
<b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineByName' var='byline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineRegion' var='regionItems'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentAuthorAvatar'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentDeleteIcon' var='comment'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentForm' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:include data='post' name='commentFormIframeSrc'/>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: "195px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentFormIframeSrc' var='post'>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src' title='Comment Form Link'/>
</b:includable>
<b:includable id='commentItem' var='comment'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentList' var='comments'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentPicker' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='comments' var='post'>
<section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
<b:class cond='data:post.numberOfComments != 0' name='has-comments'/>
<b:class cond='data:post.numberOfComments == 0' name='no-comments'/>
<a name='comments'/>
<b:if cond='data:post.embedCommentForm'>
<b:include name='commentsTitle'/>
<b:if cond='data:post.numberOfComments != 0'>
<div class='comments-content'>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
</b:if>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='commentForm'/>
</b:if>
<b:if cond='data:post.allowNewComments'><a class='btn' href='javascript:;' id='show-comment-form'><data:messages.postAComment/><b:if cond='data:post.numberOfComments == 0'> (<data:post.numberOfComments/>)</b:if></a></b:if>
<b:if cond='!data:post.allowNewComments'><b:if cond='data:post.noNewCommentsText and (data:post.numberOfComments != 0)'><p class='comments-message no-new-comments excerpt'><data:post.noNewCommentsText/><em>*</em></p></b:if></b:if>
<b:else/>
<p class='comments-message excerpt'>Please Select Embedded Mode To Show The Comment System.<em>*</em></p>
</b:if>
</section>
</b:includable>
<b:includable id='commentsTitle'>
<!-- Comments Title -->
<b:if cond='data:post.numberOfComments != 0'><div class='title-wrap comments-title'><b:class cond='data:this.messages.blogComment' name='has-message'/><h3 class='title'><data:post.numberOfComments/> <data:messages.comments/></h3></div></b:if>
<b:if cond='data:post.allowNewComments'>
<b:if cond='data:this.messages.blogComment'><p class='comments-message excerpt'><data:this.messages.blogComment/></p></b:if>
<b:else/>
<b:if cond='data:post.noNewCommentsText and (data:post.numberOfComments == 0)'><p class='comments-message no-new-comments excerpt'><data:post.noNewCommentsText/><em>*</em></p></b:if>
</b:if>
</b:includable>
<b:includable id='defaultAdUnit'>
<ins class='adsbygoogle' data-ad-format='fluid' data-ad-layout-key='-gh-20+dq-4y-z5' data-full-width-responsive='false' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:data-analytics-uacct='data:blog.analyticsAccountNumber' expr:style='data:style ?: "display: block;"' style='display:block'/>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</b:includable>
<b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='exportBlogContent'>
<b:tag name='script' type='text/javascript'>
var exportify = {
noTitle: "<data:messages.noTitle/>",
postAuthor: <b:eval expr='data:allBylineItems.author ? "true" : "false"'/>,
authorLabel: "<b:eval expr='data:allBylineItems.author.label ? data:allBylineItems.author.label : ""'/>",
postDate: <b:eval expr='data:allBylineItems.timestamp ? "true" : "false"'/>,
dateLabel: "<b:eval expr='data:allBylineItems.timestamp.label ? data:allBylineItems.timestamp.label : ""'/>"
}
</b:tag>
</b:includable>
<b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='feedLinks'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='feedLinksBody' var='links'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='headerByline' var='post'>
<!-- Post Entry Meta -->
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:post.labels or data:allBylineItems.timestamp'>
<div class='entry-meta'>
<b:include cond='data:allBylineItems.author' data='post' name='postAuthor'/>
<b:include cond='data:allBylineItems.timestamp' data='post' name='postTimestamp'/>
</div>
</b:if>
</b:if>
<b:if cond='data:view.isPost'>
<b:if cond='data:allBylineItems.author or data:allBylineItems.timestamp'>
<b:class name='has-meta'/>
<div class='entry-meta'>
<div class='align-left'>
<b:include cond='data:allBylineItems.author' data='post' name='postAuthor'/>
<b:include cond='data:allBylineItems.timestamp' data='post' name='postTimestamp'/>
</div>
<div class='align-right'>
<b:include cond='data:allBylineItems.comments' data='post' name='postCommentsLink'/>
</div>
</div>
</b:if>
</b:if>
</b:includable>
<b:includable id='homePageLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='iframeComments' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='indexPost' var='post'>
<!-- Index Post Content -->
<b:include data='post' name='postFeaturedImage'/>
<div class='entry-header'>
<b:include data='post' name='postCategory'/>
<b:include data='post' name='postHeader'/>
<b:include data='post' name='postBodySnippet'/>
<b:include data='post' name='headerByline'/>
</div>
</b:includable>
<b:includable id='inlineAd' var='post'>
<b:if cond='!data:view.isPreview'>
<b:if cond='data:i != 0'>
<b:if cond='data:post.includeAd and data:post.adNumber'>
<b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
<div expr:class='"index-post post-ad-type post-ad-" + data:i'>
<div class='inline-ad-wrap'>
<div class='inline-ad'>
<b:if cond='data:this.adCode != ""'>
<data:this.adCode/>
<b:else/>
<b:if cond='data:this.adClientId or data:blog.adsenseClientId'>
<b:include name='defaultAdUnit'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='itemPost' var='post'>
<!-- Item Post Content -->
<b:include data='post' name='postMeta'/>
<div class='item-post-inner'>
<div class='entry-header blog-entry-header'>
<b:include data='post' name='postHeader'/>
</div>
<div class='entry-content-wrap'>
<b:include data='post' name='postBody'/>
</div>
<b:include cond='data:view.isPost and data:allBylineItems.labels' data='post' name='postLabels'/>
<b:include cond='data:view.isPost and data:allBylineItems.share' data='post' name='postShareButtons'/>
</div>
<b:include cond='data:view.isPost' data='post' name='postFooter'/>
</b:includable>
<b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='nextPageLink'>
<b:if cond='data:olderPageUrl'>
<a class='post-nav-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_post-nav-older-link"'>
<b:include data='{ message: "nextPost" }' name='theme-custom-lang'/>
</a>
<b:else/>
<span class='post-nav-older-link'>
<b:include data='{ message: "nextPost" }' name='theme-custom-lang'/>
</span>
</b:if>
</b:includable>
<b:includable id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='post' var='post'>
<!-- Index Posts -->
<b:if cond='data:view.isMultipleItems'>
<b:include data='post' name='indexPost'/>
</b:if>
<!-- Item Post -->
<b:if cond='data:view.isSingleItem'>
<b:include data='post' name='itemPost'/>
</b:if>
</b:includable>
<b:includable id='postAuthor' var='post'>
<!-- Post Author -->
<span class='entry-author'><b:if cond='data:view.isPost'><span class='author-avatar-wrap'><span class='author-avatar' expr:data-image='data:post.author.authorPhoto.image ? resizeImage(data:post.author.authorPhoto.image, 72, "1:1") : "https://4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/s72-c/avatar.jpg"'/></span></b:if>
<b:if cond='data:allBylineItems.author.label'><span class='by'><data:allBylineItems.author.label/></span></b:if><span class='author-name'><data:post.author.name/></span></span>
</b:includable>
<b:includable id='postBody' var='post'>
<!-- Ads before post content. -->
<b:if cond='data:view.isPost'><b:tag cond='data:widgets any w => w.sectionId == "supermag-pro-main-before-ad"' id='before-ad' name='div'/></b:if>
<!-- Post Body Entry Content-->
<div class='post-body entry-content' id='post-body'>
<data:post.body/>
</div>
<!-- Ads after post content. -->
<b:if cond='data:view.isPost'><b:tag cond='data:widgets any w => w.sectionId == "supermag-pro-main-after-ad"' id='after-ad' name='div'/></b:if>
</b:includable>
<b:includable id='postBodySnippet' var='post'><p class='entry-excerpt excerpt'><b:eval expr='data:post.snippets.long snippet { length: 129 }'/></p></b:includable>
<b:includable id='postBreadcrumbs' var='post'>
<!-- Post Breadcrumbs -->
<b:if cond='data:view.isPost'>
<b:if cond='data:skin.vars.breadcrumb == "1px"'><nav id='breadcrumb'><a class='home' expr:href='data:blog.homepageUrl'><data:messages.home/></a><b:if cond='data:post.labels'><em class='delimiter'/><a class='label' expr:href='data:post.labels.first.url'><data:post.labels.first.name/></a></b:if></nav></b:if>
<script type='application/ld+json'>{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"<data:messages.home.jsonEscaped/>","item":"<data:blog.homepageUrl.canonical.jsonEscaped/>"},{"@type":"ListItem","position":2,"name":"<b:if cond='data:post.labels'><data:post.labels.first.name.jsonEscaped/><b:else/><data:messages.posts/></b:if>","item":"<b:if cond='data:post.labels'><data:post.labels.first.url.canonical.jsonEscaped/><b:else/><b:eval expr='data:blog.homepageUrl.canonical.jsonEscaped + "search/"'/></b:if>"},{"@type":"ListItem","position":3,"name":"<data:post.title.jsonEscaped/>","item":"<data:post.url.canonical.jsonEscaped/>"}]}</script>
</b:if>
<b:if cond='data:view.isPage'>
<script type='application/ld+json'>{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"<data:messages.home.jsonEscaped/>","item":"<data:blog.homepageUrl.canonical.jsonEscaped/>"},{"@type":"ListItem","position":2,"name":"<data:post.title.jsonEscaped/>","item":"<data:post.url.canonical.jsonEscaped/>"}]}</script>
</b:if>
</b:includable>
<b:includable id='postCategory' var='post'>
<!-- Post Label -->
<b:if cond='data:post.labels'><span class='entry-category'><data:post.labels.first.name/></span></b:if>
</b:includable>
<b:includable id='postCommentsAndAd' var='post'>
<!-- In-Feed Ads -->
<b:include cond='data:view.isMultipleItems and not data:view.search.label and not data:view.search.query and not data:view.isArchive' data='post' name='inlineAd'/>
<article class='blog-post hentry'>
<b:class cond='data:view.isMultipleItems' expr:name='"index-post post-" + data:i'/>
<b:class cond='data:view.isSingleItem' name='item-post'/>
<b:include data='post' name='post'/>
</article>
<b:if cond='data:view.isSingleItem and data:post.allowComments'>
<!-- Post Comments -->
<div class='supermag-pro-blog-post-comments' expr:data-shortcode='data:allBylineItems.comments.label contains "type" ? data:allBylineItems.comments.label : "$type={blogger}"'>
<b:include data='post' name='threadedCommentsDisqus'/>
<b:include data='post' name='comments'/>
</div>
</b:if>
<!-- Post Navigation -->
<b:include cond='data:skin.vars.postnav == "1px"' name='postPagination'/>
</b:includable>
<b:includable id='postCommentsLink'>
<b:if cond='data:skin.vars.cmm_count == "1px"'>
<!-- Post Comments Count -->
<span class='entry-comments-link'><data:post.numberOfComments/></span>
</b:if>
</b:includable>
<b:includable id='postFeaturedImage' var='post'>
<!-- Post Featured Image -->
<a class='entry-image-wrap' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:if cond='data:post.featuredImage'><span class='entry-thumb' expr:data-image='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, "1:1") : resizeImage(data:post.featuredImage, 72, "1:1")'/><b:else/><span class='entry-thumb' data-image='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class expr:name='data:post.featuredImage.isYouTube ? "is-video" : "is-image"'/></a>
</b:includable>
<b:includable id='postFooter' var='post'>
<!-- Post Footer Items -->
<b:tag class='post-footer' cond='data:post.author.aboutMe or (data:widgets.HTML any w => w.sectionId == "supermag-pro-related-posts") or (data:widgets any w => w.sectionId == "supermag-pro-post-footer-ads")' name='footer'>
<b:include cond='data:post.author.aboutMe' data='post' name='postFooterAuthorProfile'/>
<b:include cond='data:widgets.HTML any w => w.sectionId == "supermag-pro-related-posts"' data='post' name='relatedPosts'/>
<b:tag cond='data:widgets.HTML any w => w.sectionId == "supermag-pro-post-footer-ads"' id='post-footer-ads' name='div'/>
</b:tag>
</b:includable>
<b:includable id='postFooterAuthorProfile' var='post'>
<div class='about-author'>
<div class='avatar-container'>
<span class='author-avatar' expr:data-image='data:post.author.authorPhoto.image ? resizeImage(data:post.author.authorPhoto.image, 72, "1:1") : "https://4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/s72-c/avatar.jpg"'/>
</div>
<div class='author-description'>
<span class='author-title'><b:tag cond='data:post.author.profileUrl' expr:alt='data:post.author.name' expr:href='data:post.author.profileUrl' name='a' rel='noopener noreferrer' target='_blank'><data:post.author.name/></b:tag></span>
<p class='author-text excerpt'><data:post.author.aboutMe/></p>
</div>
</div>
</b:includable>
<b:includable id='postHeader' var='post'>
<b:include cond='data:view.isSingleItem' data='post' name='postBreadcrumbs'/>
<b:include data='post' name='postTitle'/>
<b:include cond='data:view.isPost' data='post' name='headerByline'/>
</b:includable>
<b:includable id='postJumpLink' var='post'>
<b:if cond='data:blog.jumpLinkMessage != "hide"'>
<a class='read-more' expr:href='data:post.url.canonical'><data:blog.jumpLinkMessage/></a>
</b:if>
</b:includable>
<b:includable id='postLabels' var='post'>
<b:if cond='data:post.labels'>
<div class='entry-labels'>
<b:if cond='data:allBylineItems.labels.label != ""'><span class='labels-label'><data:allBylineItems.labels.label/></span></b:if>
<b:loop values='data:post.labels' var='label'>
<a class='label-link' expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postMeta' var='post'>
<b:if cond='!data:view.isPage'>
<b:include data='post' name='postMetadataJSON'/>
</b:if>
</b:includable>
<b:includable id='postPagination'>
<b:if cond='data:view.isPost'>
<div class='post-nav'>
<b:include name='previousPageLink'/>
<b:include name='nextPageLink'/>
</div>
</b:if>
</b:includable>
<b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postShareButtons' var='post'>
<!-- Post ShareButtons -->
<div class='post-share'>
<ul class='supermag-pro-share-links social social-bg'>
<li class='share-label'><span class='share-icon'><i class='fas fa-share-alt'/></span></li>
<li class='facebook-f has-span'><a class='facebook btn window-ify' data-height='500' data-width='520' expr:data-url='"https://www.facebook.com/sharer.php?u=" + data:post.url.canonical' href='javascript:;' rel='nofollow' title='Facebook'><span>Facebook</span></a></li>
<li class='twitter has-span'><a class='twitter btn window-ify' data-height='520' data-width='860' expr:data-url='"https://twitter.com/intent/tweet?url=" + data:post.url.canonical + "&text=" + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Twitter'><span>Twitter</span></a></li>
<li class='whatsapp'><a class='whatsapp btn window-ify' data-height='520' data-width='860' expr:data-url='"https://api.whatsapp.com/send?text=" + data:post.title.jsEscaped + " | " + data:post.url.canonical' href='javascript:;' rel='nofollow' title='WhatsApp'/></li>
<li class='linkedin'><a class='linkedin btn window-ify' data-height='520' data-width='860' expr:data-url='"https://www.linkedin.com/shareArticle?mini=true&url=" + data:post.url.canonical + "&title=" + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='LinkedIn'/></li>
<li class='pinterest-p'><a class='pinterest btn window-ify' data-height='520' data-width='860' expr:data-url='"https://www.pinterest.com/pin/create/button/?url=" + data:post.url.canonical + "&media=" + data:post.featuredImage + "&description=" + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Pinterest'/></li>
<li class='tumblr'><a class='tumblr btn window-ify' data-height='520' data-width='860' expr:data-url='"https://www.tumblr.com/share/link?url=" + data:post.url.canonical + "&name=" + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Tumblr'/></li>
<li class='reddit'><a class='reddit btn window-ify' data-height='520' data-width='860' expr:data-url='"https://reddit.com/submit?url=" + data:post.url.canonical + "&title=" + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Reddit'/></li>
<li class='telegram'><a class='telegram btn window-ify' data-height='520' data-width='860' expr:data-url='"https://telegram.me/share/url?url=" + data:post.url.canonical + "&text=" + data:post.title.jsEscaped' href='javascript:;' rel='nofollow' title='Telegram'/></li>
<li class='email'><a class='email btn window-ify' data-height='500' data-width='520' expr:data-url='"mailto:?subject=" + data:post.title.jsEscaped + "&body=" + data:post.url.canonical' href='javascript:;' rel='nofollow' title='Email'/></li>
<li class='show-hid'><a class='btn' expr:title='data:messages.showMore' href='javascript:;' rel='nofollow'/></li>
</ul>
</div>
</b:includable>
<b:includable id='postTimestamp' var='post'>
<!-- Post Timestamp -->
<span class='entry-time'><b:if cond='data:allBylineItems.author and data:allBylineItems.timestamp.label'><span class='on'><data:allBylineItems.timestamp.label/></span></b:if><time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time></span>
</b:includable>
<b:includable id='postTitle' var='post'>
<!-- Post Title Index and Item -->
<b:if cond='data:view.isMultipleItems'>
<h2 class='entry-title'><a class='entry-title-link' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle' rel='bookmark'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></a></h2>
</b:if>
<b:if cond='data:view.isSingleItem'>
<h1 class='entry-title'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></h1>
</b:if>
</b:includable>
<b:includable id='previousPageLink'>
<b:if cond='data:newerPageUrl'>
<a class='post-nav-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_post-nav-newer-link"'>
<b:include data='{ message: "prevPost" }' name='theme-custom-lang'/>
</a>
<b:else/>
<span class='post-nav-newer-link'>
<b:include data='{ message: "prevPost" }' name='theme-custom-lang'/>
</span>
</b:if>
</b:includable>
<b:includable id='relatedPosts' var='post'>
<!-- Related Posts -->
<div id='related-wrap'>
<div class='title-wrap related-title'>
<span class='title'><data:messages.youMayLikeThesePosts/></span>
</div>
<div class='supermag-pro-related-content'>
<b:if cond='data:post.labels'>
<div class='related-tag' expr:data-label='data:post.labels.first.name'/>
<b:else/>
<div class='related-tag' data-label='recent'/>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='searchMessage'>
<!-- Search Message -->
<b:if cond='data:posts.empty'>
<b:class name='no-posts'/>
</b:if>
<b:if cond='data:view.search.query'>
<div class='queryMessage'>
<b:if cond='data:posts.empty'>
<span class='query-info query-error'>"<data:view.search.query/>"</span>
<b:else/>
<span class='query-info query-success'>"<data:view.search.query/>"</span>
</b:if>
</div>
</b:if>
<b:if cond='data:view.search.label'>
<div class='queryMessage '>
<b:if cond='data:posts.empty'>
<span class='query-info query-label query-error'><data:view.search.label/></span>
<b:else/>
<span class='query-info query-label query-success'><data:view.search.label/></span>
</b:if>
</div>
</b:if>
<b:if cond='data:view.isArchive'>
<div class='queryMessage'>
<b:if cond='data:posts.empty'>
<span class='query-info query-error'><data:view.archive.rangeMessage/></span>
<b:else/>
<span class='query-info query-success'><data:view.archive.rangeMessage/></span>
</b:if>
</div>
</b:if>
<b:if cond='data:view.isError'>
<div class='errorWrap'>
<h3>404</h3>
<h4><data:messages.theresNothingHere/></h4>
<p><data:navMessage/></p>
<a class='homepage btn' expr:href='data:blog.homepageUrl'><data:messages.home/></a>
</div>
</b:if>
<b:if cond='data:view.isMultipleItems and data:posts.empty'><div class='queryEmpty'><data:messages.noResultsFound/></div></b:if>
</b:includable>
<b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='threadedCommentForm' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='threadedCommentJs' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='threadedComments' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='threadedCommentsDisqus' var='post'>
<script type='text/javascript'>
var disqus_shortname = "templateify-comments";
var disqus_blogger_current_url = "<data:post.url.canonical/>";
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = "<data:post.url.canonical/>";
}
var disqus_blogger_homepage_url = "<data:blog.canonicalHomepageUrl/>";
var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";
</script>
</b:includable>
</b:widget>
</b:section>
<b:tag cond='data:view.isLayoutMode or data:view.isPost' id='custom-ads' name='div'>
<b:section cond='data:view.isPost' id='supermag-pro-main-before-ad' maxwidgets='1' name='Post ADS 1' showaddelement='yes'>
<b:widget id='HTML4' locked='false' title='Facebook' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6033737817963566"
crossorigin="anonymous"></script>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
</b:section>
<b:section cond='data:view.isPost' id='supermag-pro-main-after-ad' maxwidgets='1' name='Post ADS 2' showaddelement='yes'>
<b:widget id='HTML6' locked='false' title='Recent' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6033737817963566"
crossorigin="anonymous"></script>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
</b:section>
</b:tag>
<b:section cond='data:view.isLayoutMode or (data:view.isPost and (data:widgets.HTML any w => w.sectionId == "supermag-pro-related-posts"))' id='supermag-pro-related-posts' maxwidgets='1' name='Related Posts' showaddelement='yes'>
<b:widget id='HTML101' locked='true' title='You might like' type='HTML' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>$results={3}</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
</b:section>
<b:section cond='data:view.isLayoutMode or (data:view.isPost and (data:widgets any w => w.sectionId == "supermag-pro-post-footer-ads"))' id='supermag-pro-post-footer-ads' maxwidgets='1' name='Post ADS 3' showaddelement='yes'>
<b:widget id='HTML9' locked='false' title='' type='HTML' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6033737817963566"
crossorigin="anonymous"></script>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
</b:section>
</main>
<!-- Sidebar Wrapper -->
<aside id='sidebar-wrapper'>
<b:section class='sidebar supermag-pro-widget-ready' id='sidebar' name='Sidebar' showaddelement='yes'>
<b:widget id='LinkList1' locked='false' title='Follow Us' type='LinkList' visible='true'>
<b:widget-settings>
<b:widget-setting name='shownum'>3</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>youtube</b:widget-setting>
<b:widget-setting name='link-1'>https://www.youtube.com/channel/UCugYe5uPgAwGzuGpNcLCAkA</b:widget-setting>
<b:widget-setting name='text-0'><![CDATA[facebook <title='Facebook'>]]></b:widget-setting>
<b:widget-setting name='link-2'>https://twitter.com/learnearn2024</b:widget-setting>
<b:widget-setting name='link-0'>http://www.facebook.com/profile.php?id=61550643524461?id=61550643524461</b:widget-setting>
<b:widget-setting name='text-2'>twitter</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='linklist-content'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts3' locked='false' title='Popular Posts' type='PopularPosts' visible='true'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>3</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:if cond='data:widget.sectionId == "featured"'>
<div class='featured-items'>
<div class='featured-left'>
<b:loop index='i' values='data:posts' var='post'>
<b:include cond='data:i == 0' data='post' name='content'/>
</b:loop>
</div>
<b:tag class='featured-right' cond='data:posts.length gt 1' name='div'>
<b:loop index='i' values='data:posts' var='post'>
<b:include cond='data:i in [1,2,3]' data='post' name='content'/>
</b:loop>
</b:tag>
</div>
<b:elseif cond='data:widget.sectionId == "trending"'/>
<div class='trending-items'>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</div>
<b:else/>
<b:class name='sidebar-posts'/>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</b:if>
</div>
</b:includable>
<b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineByName' var='byline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineRegion' var='regionItems'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentsLinkIframe'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='content' var='post'>
<div>
<b:if cond='data:widget.sectionId == "featured"'>
<b:class name='featured-item'/>
<b:elseif cond='data:widget.sectionId == "trending"'/>
<b:class name='trending-item'/>
<b:else/>
<b:class expr:name='data:i == 0 ? "popular-post post big-post" : "popular-post post"'/>
</b:if>
<b:class expr:name='"item-"+data:i'/>
<a class='entry-image-wrap' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:if cond='data:post.featuredImage'><span class='entry-thumb' expr:data-image='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, "1:1") : resizeImage(data:post.featuredImage, 72, "1:1")'/><b:else/><span class='entry-thumb' data-image='https://resources.blogblog.com/img/blank.gif'/></b:if><b:if cond='data:widget.sectionId == "trending"'><span class='trending-count'><b:eval expr='data:i + 1'/></span></b:if><b:class expr:name='data:post.featuredImage.isYouTube ? "is-video" : "is-image"'/></a>
<div class='entry-header'>
<b:if cond='data:post.labels and ((data:widget.sectionId in ["featured","trending"]) or (data:widget.sectionId == "sidebar" and data:i == 0))'><span class='entry-category'><data:post.labels.first.name/></span></b:if>
<h2 class='entry-title'><a expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></a></h2>
</div>
</div>
</b:includable>
<b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='headerByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postAuthor'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postCommentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postJumpLink' var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postLabels'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postShareButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postTimestamp'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostThumbnail'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPostTitle'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='snippetedPosts'><b:comment>Replaced</b:comment></b:includable>
</b:widget>
<b:widget id='HTML8' locked='false' title='Smartphones' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>{getWidget} $results={3} $label={Smartphone}</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='{ads}' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<a class="ads-here" href="https://www.templateify.com/">Responsive Advertisement</a>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
<b:widget id='HTML5' locked='false' title='Comments' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>{getWidget} $results={3} $label={comments}</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='Main Tags' type='Label' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>CLOUD</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='cloud'>
<ul class='cloud-style'>
<b:loop values='data:labels' var='label'>
<li><a class='label-name btn' expr:href='data:label.url'><data:label.name/><b:if cond='data:this.showFreqNumbers'><b:class name='has-count'/><span class='label-count count-style'>(<data:label.count/>)</span></b:if></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='cloud'/>
</div>
</b:includable>
<b:includable id='list'>
<ul class='list-style'>
<b:loop values='data:labels' var='label'>
<li><a class='label-name' expr:href='data:label.url'><data:label.name/><b:if cond='data:this.showFreqNumbers'><b:class name='has-count'/><span class='label-count count-style'>(<data:label.count/>)</span></b:if></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
</aside>
</div>
</div>
<b:if cond='data:view.isLayoutMode or (data:view.isHomepage and (data:widgets any w => w.sectionId == "footer-ads")) or (data:view.isPost and (data:skin.vars.footerad_onpost == "1px") and (data:widgets any w => w.sectionId == "footer-ads"))'>
<!-- Footer Ads -->
<div class='flex-center' id='footer-ads-wrap'>
<b:section class='footer-ads container row-x1' id='footer-ads' maxwidgets='1' name='Footer ADS' showaddelement='yes'>
<b:widget id='HTML3' locked='false' title='Comments' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6033737817963566"
crossorigin="anonymous"></script>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
<!-- Footer Wrapper -->
<footer id='footer-wrapper'>
<b:class cond='data:skin.vars.footer_bg == data:skin.vars.outer_bg' name='has-border'/>
<div class='primary-footer flex-center'>
<b:class cond='data:widgets none w => w.sectionId == "supermag-pro-about-section"' name='no-widget'/>
<div class='container row-x1'>
<b:section class='supermag-pro-about-section' id='supermag-pro-about-section' maxwidgets='2' name='About Section' showaddelement='yes'>
<b:widget id='Image100' locked='true' title='About Us' type='Image' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEjrM5mA5wUMW7dUoRDnmsUcUHU2-_bR2gJAjtTt2RpKLyQ0aWIISVdJbnEgdmdI_sUoAUYxUCEThmuQWZlddIQowpuptsjFnCTwul79YFmULmFKmW0kkFZct-SS4gVgNp3Fga4QzjlmJthrCL9qaLZYP0whT6z0XFrTQJahRV3Mlptm_JvI5guVD_JxPYA=s320</b:widget-setting>
<b:widget-setting name='displayHeight'>320</b:widget-setting>
<b:widget-setting name='sectionWidth'>150</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='displayWidth'>257</b:widget-setting>
<b:widget-setting name='link'>/</b:widget-setting>
<b:widget-setting name='caption'><![CDATA[ <p style="text-align:justify;">Asad Ali, a prolific author in the blogosphere, is renowned for his mastery in crafting insightful articles and blogs for his avid readers. With expertise in writing and a knack for thorough research, he delves deep into the realm of technology, unearthing truths to enrich his content. Asad's dedication and admirable services in the field have garnered widespread acclaim, establishing him as a trusted source of knowledge and expertise.</p>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='image-content'/>
</b:includable>
</b:widget>
<b:widget id='LinkList103' locked='true' title='Follow Us' type='LinkList' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>twitter</b:widget-setting>
<b:widget-setting name='link-1'>https://twitter.com/learnearn2024</b:widget-setting>
<b:widget-setting name='text-0'>facebook-f</b:widget-setting>
<b:widget-setting name='link-2'>https://www.youtube.com/channel/UCugYe5uPgAwGzuGpNcLCAkA</b:widget-setting>
<b:widget-setting name='link-0'>https://www.facebook.com/people/Learn-Till-Earning-Make-money-Online/61550643524461</b:widget-setting>
<b:widget-setting name='text-2'>youtube</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='linklist-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='footerbar flex-center'>
<b:class cond='data:skin.vars.footerbar_bg == data:skin.vars.footer_bg' name='has-border'/>
<div class='container row-x1'>
<b:section class='footer-copyright' id='footer-copyright' maxwidgets='1' name='Footer Copyright' showaddelement='yes'>
<b:widget id='Text101' locked='true' title='' type='Text' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'>Copyright notice; if you have any copyright issue with our blogs, articles, photos or videos, please send us an email for information and proper resolution</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='text-content'/>
</b:includable>
</b:widget>
</b:section>
<b:section class='footer-menu' id='footer-menu' maxwidgets='1' name='Footer Menu' showaddelement='yes'>
<b:widget id='LinkList104' locked='true' title='Link List' type='LinkList' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>About</b:widget-setting>
<b:widget-setting name='link-1'>https://learntillearning.blogspot.com/</b:widget-setting>
<b:widget-setting name='text-0'>Home</b:widget-setting>
<b:widget-setting name='link-2'>https://learntillearning.blogspot.com/p/contact-us.html</b:widget-setting>
<b:widget-setting name='link-0'>https://learntillearning.blogspot.com/</b:widget-setting>
<b:widget-setting name='text-2'>Contact Us</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='linklist-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</footer>
<b:if cond='data:view.isLayoutMode or (data:widgets.Text any w => w.sectionId == "supermag-cookie-ify-section")'>
<!-- Cookie Consent -->
<div id='supermag-cookie-ify'>
<b:section id='supermag-cookie-ify-section' maxwidgets='1' name='Cookie Consent' showaddelement='no'>
<b:widget id='Text1' locked='true' title='$ok={Accept !} $days={7}' type='Text' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[Our website uses cookies to improve your experience. <a href="#">Learn more</a>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='text-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
</div>
<!-- Mobile Menu and Back Top -->
<div id='slide-menu'>
<div class='slide-menu-header'>
<div class='mobile-search'>
<form class='search-form' expr:action='data:blog.searchUrl' role='search'>
<input autocomplete='off' class='search-input' expr:placeholder='data:messages.search' name='q' type='search' value=''/>
<button class='search-action' type='submit' value=''/>
</form>
</div>
<div class='mobile-toggle-wrap'>
<a class='hide-supermag-pro-mobile-menu' href='javascript:;' role='button'/>
</div>
</div>
<div class='slide-menu-flex'>
<div class='supermag-pro-mobile-menu' id='supermag-pro-mobile-menu'/>
<div class='mobile-menu-footer'>
<div class='mobile-topbar-social social-bg'/>
<div class='mobile-topbar-menu'/>
</div>
</div>
</div>
<div class='overlay'/>
<a class='btn' href='javascript:;' id='back-top' role='button' title='Back To Top'/>
<b:if cond='data:view.isSingleItem'>
<!-- Hidden Widgets -->
<div id='hidden-widgets-wrap' style='display:none'>
<b:section class='hidden-widgets' deleted='true' id='hidden-widgets' maxwidgets='1' showaddelement='no'>
<b:widget id='ContactForm1' locked='true' title='Contact Form' type='ContactForm' visible='true'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='contact-form-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
<b:include name='theme-options-js'/>
<!-- Hosted Plugins -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js' type='text/javascript'/>
<!-- Local Plugins -->
<script type='text/javascript'>
//<![CDATA[
/*! Custom - Theia Sticky Sidebar | v1.7.0 - https://github.com/WeCodePixels/theia-sticky-sidebar */
!function(i){i.fn.theiaStickySidebar=function(t){function e(t,e){return!0===t.initialized||!(i("body").width()<t.minWidth)&&(function(t,e){t.initialized=!0,0===i("#theia-sticky-sidebar-stylesheet-"+t.namespace).length&&i("head").append(i('<style id="theia-sticky-sidebar-stylesheet-'+t.namespace+'">.theiaStickySidebar:after {content: ""; display: table; clear: both;}</style>'));e.each(function(){var e={};if(e.sidebar=i(this),e.options=t||{},e.container=i(e.options.containerSelector),0==e.container.length&&(e.container=e.sidebar.parent()),e.sidebar.parents().css("-webkit-transform","none"),e.sidebar.css({position:e.options.defaultPosition,overflow:"visible","-webkit-box-sizing":"border-box","-moz-box-sizing":"border-box","box-sizing":"border-box"}),e.stickySidebar=e.sidebar.find(".theiaStickySidebar"),0==e.stickySidebar.length){var a=/(?:text|application)\/(?:x-)?(?:javascript|ecmascript)/i;e.sidebar.find("script").filter(function(i,t){return 0===t.type.length||t.type.match(a)}).remove(),e.stickySidebar=i("<div>").addClass("theiaStickySidebar").append(e.sidebar.children()),e.sidebar.append(e.stickySidebar)}e.marginBottom=parseInt(e.sidebar.css("margin-bottom")),e.paddingTop=parseInt(e.sidebar.css("padding-top")),e.paddingBottom=parseInt(e.sidebar.css("padding-bottom"));var n=e.stickySidebar.offset().top,s=e.stickySidebar.outerHeight();function d(){e.fixedScrollTop=0,e.sidebar.css({"min-height":"1px"}),e.stickySidebar.css({position:"static",width:"",transform:"none"})}e.stickySidebar.css("padding-top",1),e.stickySidebar.css("padding-bottom",1),n-=e.stickySidebar.offset().top,s=e.stickySidebar.outerHeight()-s-n,0==n?(e.stickySidebar.css("padding-top",0),e.stickySidebarPaddingTop=0):e.stickySidebarPaddingTop=1,0==s?(e.stickySidebar.css("padding-bottom",0),e.stickySidebarPaddingBottom=0):e.stickySidebarPaddingBottom=1,e.previousScrollTop=null,e.fixedScrollTop=0,d(),e.onScroll=function(e){if(e.stickySidebar.is(":visible"))if(i("body").width()<e.options.minWidth)d();else{if(e.options.disableOnResponsiveLayouts){var a=e.sidebar.outerWidth("none"==e.sidebar.css("float"));if(a+50>e.container.width())return void d()}var n,s,r=i(document).scrollTop(),c="static";if(r>=e.sidebar.offset().top+(e.paddingTop-e.options.additionalMarginTop)){var p,b=e.paddingTop+t.additionalMarginTop,l=e.paddingBottom+e.marginBottom+t.additionalMarginBottom,f=e.sidebar.offset().top,h=e.sidebar.offset().top+(n=e.container,s=n.height(),n.children().each(function(){s=Math.max(s,i(this).height())}),s),g=0+t.additionalMarginTop,S=e.stickySidebar.outerHeight()+b+l<i(window).height();p=S?g+e.stickySidebar.outerHeight():i(window).height()-e.marginBottom-e.paddingBottom-t.additionalMarginBottom;var u=f-r+e.paddingTop,m=h-r-e.paddingBottom-e.marginBottom,y=e.stickySidebar.offset().top-r,k=e.previousScrollTop-r;"fixed"==e.stickySidebar.css("position")&&"modern"==e.options.sidebarBehavior&&(y+=k),"stick-to-top"==e.options.sidebarBehavior&&(y=t.additionalMarginTop),"stick-to-bottom"==e.options.sidebarBehavior&&(y=p-e.stickySidebar.outerHeight()),y=k>0?Math.min(y,g):Math.max(y,p-e.stickySidebar.outerHeight()),y=Math.max(y,u),y=Math.min(y,m-e.stickySidebar.outerHeight());var v=e.container.height()==e.stickySidebar.outerHeight();c=(v||y!=g)&&(v||y!=p-e.stickySidebar.outerHeight())?r+y-e.sidebar.offset().top-e.paddingTop<=t.additionalMarginTop?"static":"absolute":"fixed"}if("fixed"==c){var x=i(document).scrollLeft();e.stickySidebar.css({position:"fixed",width:o(e.stickySidebar)+"px",transform:"translateY("+y+"px)",left:e.sidebar.offset().left+parseInt(e.sidebar.css("padding-left"))-x+"px",top:"0px"})}else if("absolute"==c){var T={};"absolute"!=e.stickySidebar.css("position")&&(T.position="absolute",T.transform="translateY("+(r+y-e.sidebar.offset().top-e.stickySidebarPaddingTop-e.stickySidebarPaddingBottom)+"px)",T.top="0px"),T.width=o(e.stickySidebar)+"px",T.left="",e.stickySidebar.css(T)}else"static"==c&&d();"static"!=c&&1==e.options.updateSidebarHeight&&e.sidebar.css({"min-height":e.stickySidebar.outerHeight()+e.stickySidebar.offset().top-e.sidebar.offset().top+e.paddingBottom}),e.previousScrollTop=r}},e.onScroll(e),i(document).on("scroll."+e.options.namespace,function(i){return function(){i.onScroll(i)}}(e)),i(window).on("resize."+e.options.namespace,function(i){return function(){i.stickySidebar.css({position:"static"}),i.onScroll(i)}}(e)),"undefined"!=typeof ResizeSensor&&new ResizeSensor(e.stickySidebar[0],function(i){return function(){i.onScroll(i)}}(e))})}(t,e),!0)}function o(i){var t;try{t=i[0].getBoundingClientRect().width}catch(i){}return void 0===t&&(t=i.width()),t}return(t=i.extend({containerSelector:"",additionalMarginTop:0,additionalMarginBottom:0,updateSidebarHeight:!0,minWidth:0,disableOnResponsiveLayouts:!0,sidebarBehavior:"modern",defaultPosition:"relative",namespace:"TSS"},t)).additionalMarginTop=parseInt(t.additionalMarginTop)||0,t.additionalMarginBottom=parseInt(t.additionalMarginBottom)||0,function(t,o){e(t,o)||(console.log("TSS: Body width smaller than options.minWidth. Init is delayed."),i(document).on("scroll."+t.namespace,function(t,o){return function(a){var n=e(t,o);n&&i(this).unbind(a)}}(t,o)),i(window).on("resize."+t.namespace,function(t,o){return function(a){var n=e(t,o);n&&i(this).unbind(a)}}(t,o)))}(t,this),this}}(jQuery);
/*! MenuIfy by Templateify | v1.0.0 - https://www.templateify.com */
!function(a){a.fn.menuify=function(){return this.each(function(){var $t=a(this),b=$t.find('.LinkList ul > li').children('a'),c=b.length;for(var i=0;i<c;i++){var d=b.eq(i),h=d.text();if(h.charAt(0)!=='_'){var e=b.eq(i+1),j=e.text();if(j.charAt(0)==='_'){var m=d.parent();m.append('<ul class="sub-menu m-sub"/>');}}if(h.charAt(0)==='_'){d.text(h.replace('_',''));d.parent().appendTo(m.children('.sub-menu'));}}for(var i=0;i<c;i++){var f=b.eq(i),k=f.text();if(k.charAt(0)!=='_'){var g=b.eq(i+1),l=g.text();if(l.charAt(0)==='_'){var n=f.parent();n.append('<ul class="sub-menu2 m-sub"/>');}}if(k.charAt(0)==='_'){f.text(k.replace('_',''));f.parent().appendTo(n.children('.sub-menu2'));}}$t.find('.LinkList ul li ul').parent('li').addClass('has-sub');});}}(jQuery);
/*! ResizeIfy - LazyIfy on Scroll by Templateify | v1.5.0 - https://www.templateify.com */
!function(o){o.fn.lazyify=function(){return this.each(function(){var t=o(this),a=o(window),n=t.attr("data-image"),e="w"+Math.round(t.width()+t.width()/10)+"-h"+Math.round(t.height()+t.height()/10)+"-p-k-no-nu",r="";n.match("resources.blogblog.com")&&(n=noThumbnail),r=n.match("/s72-c")?n.replace("/s72-c","/"+e):n.match("/w72-h")?n.replace("/w72-h72-p-k-no-nu","/"+e):n.match("=w72-h")?n.replace("=w72-h72-p-k-no-nu","="+e):n,t.is(":hidden")||a.on("load resize scroll",function o(){if(a.scrollTop()+a.height()>=t.offset().top){a.off("load resize scroll",o);var n=new Image;n.onload=function(){t.attr("style","background-image:url("+this.src+")").addClass("lazy-ify")},n.src=r}}).trigger("scroll")})}}(jQuery);
/*! jQuery replaceText | v1.1.0 - http://benalman.com/projects/jquery-replacetext-plugin/ */
!function(e){e.fn.replaceText=function(n,t,i){return this.each(function(){var o,r,l=this.firstChild,u=[];if(l)do{3===l.nodeType&&(r=(o=l.nodeValue).replace(n,t))!==o&&(!i&&/</.test(r)?(e(l).before(r),u.push(l)):l.nodeValue=r)}while(l=l.nextSibling);u.length&&e(u).remove()})}}(jQuery);
/*! Table of Contents | v0.4.0 - https://github.com/ndabas/toc */
!function(t){"use strict";var n=function(n){return this.each(function(){var e,i,a=t(this),o=a.data(),c=[a],r=this.tagName,d=0;e=t.extend({content:"body",headings:"h1,h2,h3"},{content:o.toc||void 0,headings:o.tocHeadings||void 0},n),i=e.headings.split(","),t(e.content).find(e.headings).attr("id",function(n,e){return e||function(t){0===t.length&&(t="?");for(var n=t.replace(/\s+/g,"_"),e="",i=1;null!==document.getElementById(n+e);)e="_"+i++;return n+e}(t(this).text())}).each(function(){var n=t(this),e=t.map(i,function(t,e){return n.is(t)?e:void 0})[0];if(e>d){var a=c[0].children("li:last")[0];a&&c.unshift(t("<"+r+"/>").appendTo(a))}else c.splice(0,Math.min(d-e,Math.max(c.length-1,0)));t("<li/>").appendTo(c[0]).append(t("<a/>").text(n.text()).attr("href","#"+n.attr("id"))),d=e})})},e=t.fn.toc;t.fn.toc=n,t.fn.toc.noConflict=function(){return t.fn.toc=e,this},t(function(){n.call(t("[data-toc]"))})}(window.jQuery);
/*! Javascript Cookie | v1.5.1 - https://github.com/js-cookie/js-cookie */
!function(e){var n;if("function"==typeof define&&define.amd)define(["jquery"],e);else if("object"==typeof exports){try{n=require("jquery")}catch(e){}module.exports=e(n)}else{var o=window.Cookies,r=window.Cookies=e(window.jQuery);r.noConflict=function(){return window.Cookies=o,r}}}(function(e){var n=/\+/g;function o(e){return u.raw?e:encodeURIComponent(e)}function r(e){return o(u.json?JSON.stringify(e):String(e))}function t(e,o){var r=u.raw?e:function(e){0===e.indexOf('"')&&(e=e.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\"));try{return e=decodeURIComponent(e.replace(n," ")),u.json?JSON.parse(e):e}catch(e){}}(e);return c(o)?o(r):r}function i(){for(var e,n,o=0,r={};o<arguments.length;o++)for(e in n=arguments[o])r[e]=n[e];return r}function c(e){return"[object Function]"===Object.prototype.toString.call(e)}var u=function(e,n,f){if(arguments.length>1&&!c(n)){if("number"==typeof(f=i(u.defaults,f)).expires){var s=f.expires,a=f.expires=new Date;a.setMilliseconds(a.getMilliseconds()+864e5*s)}return document.cookie=[o(e),"=",r(n),f.expires?"; expires="+f.expires.toUTCString():"",f.path?"; path="+f.path:"",f.domain?"; domain="+f.domain:"",f.secure?"; secure":""].join("")}for(var d,p=e?void 0:{},l=document.cookie?document.cookie.split("; "):[],m=0,v=l.length;m<v;m++){var g=l[m].split("="),w=(d=g.shift(),u.raw?d:decodeURIComponent(d)),j=g.join("=");if(e===w){p=t(j,n);break}e||void 0===(j=t(j))||(p[w]=j)}return p};return u.get=u.set=u,u.defaults={},u.remove=function(e,n){return u(e,"",i(n,{expires:-1})),!u(e)},e&&(e.cookie=u,e.removeCookie=u.remove),u});
//]]>
</script>
<!-- Theme Scripts -->
<script type='text/javascript'>
//<![CDATA[
function shortCodeIfy(e,t,a){for(var s=e.split("$"),r=/[^{\}]+(?=})/g,o=0;o<s.length;o++){var i=s[o].split("=");if(i[0].trim()==t)return null!=(a=i[1]).match(r)&&String(a.match(r)).trim()}return!1}function msgError(){return'<span class="error-msg"><b>Error:</b> No Results Found</span>'}function beforeLoader(){return'<div class="loader"></div>'}function getFeedUrl(e,t,a,s){switch(a){case"recent":s="/feeds/posts/default?alt=json&max-results="+t;break;case"comments":s="list1"==e?"/feeds/comments/default?alt=json&max-results="+t:"/feeds/posts/default/-/"+a+"?alt=json&max-results="+t;break;default:s="/feeds/posts/default/-/"+a+"?alt=json&max-results="+t}return s}function getPostLink(e,t){for(var a=0;a<e[t].link.length;a++)if("alternate"==e[t].link[a].rel){var s=e[t].link[a].href;break}return s}function getPostTitle(e,t,a){return e[t].title.$t?e[t].title.$t:exportify.noTitle}function getFirstImage(e,t){var a=$("<div>").html(e).find("img:first").attr("src"),s=a.lastIndexOf("/")||0,r=a.lastIndexOf("/",s-1)||0,o=a.substring(0,r),i=a.substring(r,s),n=a.substring(s);return(i.match(/\/s[0-9]+/g)||i.match(/\/w[0-9]+/g)||"/d"==i)&&(i="/w72-h72-p-k-no-nu"),o+i+n}function getPostImage(e,t,a,s){var r=e[t].content.$t;return a=e[t].media$thumbnail?e[t].media$thumbnail.url:"https://resources.blogblog.com/img/blank.gif",r.indexOf(r.match(/<iframe(?:.+)?src=(?:.+)?(?:www.youtube.com)/g))>-1?r.indexOf("<img")>-1?r.indexOf(r.match(/<iframe(?:.+)?src=(?:.+)?(?:www.youtube.com)/g))<r.indexOf("<img")?a.replace("img.youtube.com","i.ytimg.com").replace("/default.","/maxresdefault."):getFirstImage(r):a.replace("img.youtube.com","i.ytimg.com").replace("/default.","/maxresdefault."):r.indexOf("<img")>-1?getFirstImage(r):"https://resources.blogblog.com/img/blank.gif"}function getPostImageType(e,t){return e.match("i.ytimg.com")?"is-video":"is-image"}function getPostTag(e,t,a){return e[t].category?'<span class="entry-category">'+e[t].category[0].term+"</span>":""}function getPostComments(e,t,a,s){var r=e[t].author[0].name.$t,o=e[t].author[0].gd$image.src.replace("/s113","/s72-c").replace("/s220","/s72-c"),i=e[t].title.$t;return(o.match("//img1.blogblog.com/img/blank.gif")||o.match("//img1.blogblog.com/img/b16-rounded.gif"))&&(o="//4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/w35-h35-p-k-no-nu/avatar.jpg"),'<div class="cmm1-item item-'+t+'"><a class="entry-inner wrap-all-link" href="'+a+'" title="'+r+'"><span class="entry-image-wrap cmm-avatar"><span class="entry-thumb" data-image="'+o+'"></span></span><div class="entry-header"><h2 class="entry-title cmm-title">'+r+'</h2><p class="cmm-snippet excerpt">'+i+"</p></div></a></div>"}function getAjax(e,t,a,s){switch(t){case"msimple":case"featured":case"trending":case"list1":case"related":0==s&&(s="geterror404");var r=getFeedUrl(t,a,s);$.ajax({url:r,type:"GET",dataType:"json",cache:!0,beforeSend:function(a){switch(t){case"featured":e.html(beforeLoader()).parent().addClass("show-ify");break;case"trending":case"list1":e.html(beforeLoader());break;case"related":e.html(beforeLoader()).parent().addClass("show-ify")}},success:function(a){var r="";switch(t){case"msimple":r='<div class="ul mega-items">';break;case"featured":r='<div class="featured-items">';break;case"trending":r='<div class="trending-items">';break;case"list1":r="comments"!=s?'<div class="list1-items sidebar-posts">':'<div class="cmm1-items">';break;case"related":r='<div class="related-posts">'}var o=a.feed.entry;if(null!=o)for(var i=0,n=o;i<n.length;i++){var l=getPostLink(n,i),c=getPostTitle(n,i),d=getPostImage(n,i),m=getPostTag(n,i),h=getPostImageType(d,i),f="";switch(t){case"msimple":f+='<div class="mega-item post"><div class="mega-content"><a title="'+c+'" class="entry-image-wrap '+h+'" href="'+l+'"><span class="entry-thumb" data-image="'+d+'"></span></a><h2 class="entry-title"><a href="'+l+'" title="'+c+'">'+c+"</a></h2></div></div>";break;case"featured":switch(i){case 0:f+='<div class="featured-left"><div class="featured-item item-'+i+'"><a title="'+c+'" class="entry-image-wrap '+h+'" href="'+l+'"><span class="entry-thumb" data-image="'+d+'"></span></a><div class="entry-header">'+m+'<h2 class="entry-title"><a title="'+c+'" href="'+l+'">'+c+'</a></h2></div></div></div><div class="featured-right">';break;default:f+='<div class="featured-item item-'+i+'"><a title="'+c+'" class="entry-image-wrap '+h+'" href="'+l+'"><span class="entry-thumb" data-image="'+d+'"></span></a><div class="entry-header">'+m+'<h2 class="entry-title"><a title="'+c+'" href="'+l+'">'+c+"</a></h2></div></div>"}break;case"trending":f+='<div class="trending-item item-'+i+'"><a title="'+c+'" class="entry-image-wrap '+h+'" href="'+l+'"><span class="entry-thumb" data-image="'+d+'"></span><span class="trending-count">'+(i+1)+'</span></a><div class="entry-header">'+m+'<h2 class="entry-title"><a title="'+c+'" href="'+l+'">'+c+"</a></h2></div></div>";break;case"list1":switch(s){case"comments":f+=getPostComments(n,i,l);break;default:switch(i){case 0:f+='<div class="list1-item post big-post item-'+i+'"><a title="'+c+'" class="entry-image-wrap '+h+'" href="'+l+'"><span class="entry-thumb" data-image="'+d+'"/></a><div class="entry-header">'+m+'<h2 class="entry-title"><a href="'+l+'" title="'+c+'">'+c+"</a></h2></div></div>";break;default:f+='<div class="list1-item post item-'+i+'"><a title="'+c+'" class="entry-image-wrap '+h+'" href="'+l+'"><span class="entry-thumb" data-image="'+d+'"/></a><div class="entry-header"><h2 class="entry-title"><a href="'+l+'" title="'+c+'">'+c+"</a></h2></div></div>"}}break;case"related":f+='<div class="related-item post item-'+i+'"><a title="'+c+'" class="entry-image-wrap '+h+'" href="'+l+'"><span class="entry-thumb" data-image="'+d+'"></span></a><div class="entry-header"><h2 class="entry-title"><a href="'+l+'" title="'+c+'">'+c+"</a></h2></div></div>"}r+=f}else switch(t){case"msimple":r='<div class="ul mega-items no-items">'+msgError()+"</div>";break;default:r=msgError()}switch(t){case"msimple":r+="</div>",e.append(r).addClass("msimple"),e.find("a:first").attr("href",function(e,t){switch(s){case"recent":t=t.replace(t,"/search");break;default:t=t.replace(t,"/search/label/"+s)}return t});break;default:r+="</div>",e.html(r)}e.find("span.entry-thumb").lazyify()},error:function(){switch(t){case"msimple":e.append('<div class="ul mega-items no-items">'+msgError()+"</div>");break;default:e.html(msgError())}}})}}function ajaxMega(e,t,a,s,r){if(r.match("getmega")){if("msimple"==t)return getAjax(e,t,a,s);e.append('<div class="ul mega-items no-items">'+msgError()+"</div>")}}function ajaxFeatured(e,t,a,s,r){if(r.match("getfeatured")){if("featured"==t)return getAjax(e,t,a,s);e.html(msgError()).parent().addClass("show-ify")}}function ajaxTrending(e,t,a,s,r){if(r.match("gettrending")){if("trending"==t)return getAjax(e,t,a,s);e.html(msgError()).parent().addClass("show-ify")}}function ajaxWidget(e,t,a,s,r){if(r.match("getwidget")){if("list1"==t)return getAjax(e,t,a,s);e.html(msgError())}}function ajaxRelated(e,t,a,s,r){if(r.match("getrelated"))return getAjax(e,t,a,s)}function fixedSidebarIfy(){$("#main-wrapper, #sidebar-wrapper").each(function(){1==fixedSidebar&&$(this).theiaStickySidebar({containerSelector:"#content-wrapper > .container",additionalMarginTop:20,additionalMarginBottom:20})})}function disqusComments(e){var t=document.createElement("script");t.type="text/javascript",t.async=!0,t.src="//"+e+".disqus.com/blogger_item.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(t)}function beautiAvatar(e){$(e).attr("src",function(e,t){return t=(t=(t=t.replace("//resources.blogblog.com/img/blank.gif","//4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/s39/avatar.jpg")).replace("//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SA=s35","//4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/s39/avatar.jpg")).replace("/s35","/s39")})}$("#supermag-pro-main-nav").menuify(),$("#supermag-pro-main-nav .widget").addClass("show-menu"),$(".show-search").on("click",function(){$("body").addClass("search-active"),$("#main-search-wrap").fadeIn(170).find("input").focus()}),$(".hide-search").on("click",function(){$("body").removeClass("search-active"),$("#main-search-wrap").fadeOut(170).find("input").val("").blur()}),$("html").each(function(){var e=$(this);1!=darkMode&&0!=userDarkMode&&("dark"==localStorage.themeColor&&e.addClass("is-dark"),$(".darkmode-toggle").on("click",function(){"dark"!=localStorage.themeColor?(e.addClass("is-dark"),localStorage.themeColor="dark"):(e.removeClass("is-dark"),localStorage.themeColor="light")}))}),$(".sidebar .social-icons li a").each(function(e){var t=$(this),a=t.attr("href").trim().split("#");e=a[0],null!=a[1]&&t.append('<span class="text">'+a[1]+"</span>"),t.attr("href",e)}),$(".FollowByEmail .widget-content").each(function(e,t){var a=$(this),s=a.data("shortcode");null!=s&&(e=shortCodeIfy(s,"title"),t=shortCodeIfy(s,"text"),0!=e&&a.find(".follow-by-email-title").text(e),0!=t&&a.find(".follow-by-email-text").text(t))}),$(".post-body a").each(function(){var e=$(this),t=e.html(),a=t.toLowerCase(),s=shortCodeIfy(t,"text"),r=shortCodeIfy(t,"icon"),o=shortCodeIfy(t,"color");a.match("getbutton")&&0!=s&&(e.addClass("button btn").text(s),0!=r&&e.addClass(r),0!=o&&e.addClass("colored-button").attr("style","background-color:"+o+";"))}),$(".post-body b").each(function(){var e=$(this),t=e.text(),a=t.toLowerCase().trim();a.match(/(?:\$ads\=\{1\})/g)&&e.replaceWith('<div id="supermag-pro-new-before-ad"/>'),a.match(/(?:\$ads\=\{2\})/g)&&e.replaceWith('<div id="supermag-pro-new-after-ad"/>'),a.match("{tocify}")&&(t=0!=shortCodeIfy(t,"title")?shortCodeIfy(t,"title"):"Table of Contents",e.replaceWith('<div class="tocify-wrap"><div class="tocify-inner"><a href="javascript:;" class="tocify-title" role="button" title="'+t+'"><span class="tocify-title-text">'+t+'</span></a><ol id="tocify"></ol></div></div>'),$(".tocify-title").each(function(e){(e=$(this)).on("click",function(){e.toggleClass("is-expanded"),$("#tocify").slideToggle(170)})}),$("#tocify").toc({content:"#post-body",headings:"h2,h3,h4"}),$("#tocify li a").each(function(e){(e=$(this)).click(function(){return $("html,body").animate({scrollTop:$(e.attr("href")).offset().top-20},500),!1})})),a.match("{contactform}")&&(e.replaceWith('<div class="contact-form"/>'),$(".contact-form").append($("#ContactForm1"))),a.match("{leftsidebar}")&&e.replaceWith("<style>#main-wrapper,.is-left #main-wrapper{float:right}#sidebar-wrapper,.is-left #sidebar-wrapper{float:left}</style>"),a.match("{rightsidebar}")&&e.replaceWith("<style>#main-wrapper,.is-left #main-wrapper{float:left}#sidebar-wrapper,.is-left #sidebar-wrapper{float:right}</style>"),a.match("{fullwidth}")&&e.replaceWith("<style>.is-single #main-wrapper{width:100%}.is-single #sidebar-wrapper{display:none}</style>")}),$("#supermag-pro-new-before-ad").each(function(){var e=$(this);e.length&&$("#before-ad").appendTo(e)}),$("#supermag-pro-new-after-ad").each(function(){var e=$(this);e.length&&$("#after-ad").appendTo(e)}),$("#supermag-pro-main-before-ad .widget").each(function(){var e=$(this);e.length&&e.appendTo($("#before-ad"))}),$("#supermag-pro-main-after-ad .widget").each(function(){var e=$(this);e.length&&e.appendTo($("#after-ad"))}),$("#supermag-pro-post-footer-ads .widget").each(function(){var e=$(this);e.length&&e.appendTo($("#post-footer-ads"))}),$(".post-body blockquote").each(function(){var e=$(this),t=e.text().toLowerCase().trim(),a=e.html();if(t.match("{alertsuccess}")){const t=a.replace("{alertSuccess}","");e.replaceWith('<div class="alert-message alert-success">'+t+"</div>")}if(t.match("{alertinfo}")){const t=a.replace("{alertInfo}","");e.replaceWith('<div class="alert-message alert-info">'+t+"</div>")}if(t.match("{alertwarning}")){const t=a.replace("{alertWarning}","");e.replaceWith('<div class="alert-message alert-warning">'+t+"</div>")}if(t.match("{alerterror}")){const t=a.replace("{alertError}","");e.replaceWith('<div class="alert-message alert-error">'+t+"</div>")}if(t.match("{codebox}")){const t=a.replace("{codeBox}","");e.replaceWith('<pre class="code-box">'+t+"</pre>")}}),$(".supermag-pro-share-links .window-ify").on("click",function(){var e=$(this),t=e.data("url"),a=e.data("width"),s=e.data("height"),r=window.screen.width,o=window.screen.height,i=Math.round(r/2-a/2),n=Math.round(o/2-s/2);window.open(t,"_blank","scrollbars=yes,resizable=yes,toolbar=no,location=yes,width="+a+",height="+s+",left="+i+",top="+n).focus()}),$(".supermag-pro-share-links").each(function(){var e=$(this);e.find(".show-hid a").on("click",function(){e.toggleClass("show-hidden")})}),$(".about-author .author-text").each(function(){var e=$(this),t=e.find("a");t.each(function(){var e=$(this),t=e.text().trim(),a=e.attr("href");e.replaceWith('<li class="'+t+'"><a href="'+a+'" title="'+t+'" rel="noopener noreferrer" target="_blank"/></li>')}),t.length&&e.parent().append('<ul class="author-links social social-color"></ul>'),e.find("li").appendTo(".author-links")}),$("#supermag-pro-main-nav-menu li.mega-menu").each(function(e,t){var a=$(this),s=a.find("a").data("shortcode");null!=s&&(e=s.toLowerCase(),ajaxMega(a,"msimple",5,shortCodeIfy(s,"label"),e))}),$("#featured .HTML .widget-content").each(function(e){var t=$(this),a=$(window),s=t.data("shortcode");null!=s&&(mtc=s.toLowerCase(),e=shortCodeIfy(s,"label"),a.on("scroll",function s(){a.scrollTop()+a.height()>=t.offset().top&&(a.off("scroll",s),ajaxFeatured(t,"featured",4,e,mtc))}).trigger("scroll"))}),$("#trending .HTML .widget-content").each(function(e){var t=$(this),a=$(window),s=t.data("shortcode");null!=s&&(mtc=s.toLowerCase(),num=shortCodeIfy(s,"results"),e=shortCodeIfy(s,"label"),a.on("scroll",function s(){a.scrollTop()+a.height()>=t.offset().top&&(a.off("scroll",s),ajaxTrending(t,"trending",num,e,mtc))}).trigger("scroll"))}),$(".supermag-pro-widget-ready .HTML .widget-content").each(function(e,t,a){var s=$(this),r=$(window),o=s.data("shortcode");null!=o&&(e=o.toLowerCase(),t=shortCodeIfy(o,"results"),a=shortCodeIfy(o,"label"),r.on("scroll",function o(){r.scrollTop()+r.height()>=s.offset().top&&(r.off("scroll",o),ajaxWidget(s,"list1",t,a,e))}).trigger("scroll"))}),$("#supermag-pro-related-posts .HTML").each(function(e,t){var a=$(this).data("shortcode");if(null!=a){function s(){return e=shortCodeIfy(a,"title"),t=shortCodeIfy(a,"results"),[e,t]}$("#related-wrap").each(function(e,t){var a=$(this),r=$(window),o=a.find(".supermag-pro-related-content"),i=s();e=0!=i[1]?i[1]:3,0!=i[0]&&a.find(".related-title .title").text(i[0]),t=a.find(".related-tag").data("label"),r.on("scroll",function a(){r.scrollTop()+r.height()>=o.offset().top&&(r.off("scroll",a),ajaxRelated(o,"related",e,t,"getrelated"))}).trigger("scroll")})}}),$(".supermag-pro-blog-post-comments").each(function(){1!=darkMode&&"dark"==localStorage.themeColor&&(fbCommentsTheme="dark");var e=$(this),t=e.data("shortcode"),a=shortCodeIfy(t,"type"),s="comments-system-"+a,r=e.find("#top-continue .comment-reply");switch(a){case"blogger":e.addClass(s).show(),$(".entry-meta .entry-comments-link").addClass("show"),r.addClass("btn"),beautiAvatar(".avatar-image-container img");break;case"disqus":var o=shortCodeIfy(t,"shortname");0!=o&&(disqus_shortname=o),disqusComments(disqus_shortname),e.addClass(s).show();break;case"facebook":e.addClass(s).find("#comments").html('<div class="fb-comments" data-width="100%" data-href="'+disqus_blogger_current_url+'" order_by="time" data-colorscheme="'+fbCommentsTheme+'" data-numposts="5" data-lazy="true"></div>'),e.show();break;case"hide":e.hide();break;default:e.addClass("comments-system-blogger").show(),$(".entry-meta .entry-comments-link").addClass("show"),r.addClass("btn"),beautiAvatar(".avatar-image-container img")}var i=e.find(".comments .comment-reply"),n=e.find(".comments #top-continue"),l=e.find("#show-comment-form");i.on("click",function(){n.show(),e.addClass("comment-form-visible"),l.remove()}),n.on("click",function(){n.hide()}),l.on("click",function(){e.addClass("comment-form-visible"),l.remove(),fixedSidebarIfy()})}),$(function(){$(".index-post .entry-image-wrap .entry-thumb, .PopularPosts .entry-image-wrap .entry-thumb, .FeaturedPost .entry-image-wrap .entry-thumb,.entry-author .author-avatar,.about-author .author-avatar").lazyify(),$("#supermag-pro-mobile-menu").each(function(){var e=$(this),t=$("#supermag-pro-main-nav-menu").clone();t.attr("id","main-mobile-nav"),t.find(".mega-items").remove(),t.find(".mega-menu > a").each(function(e,t){var a=$(this),s=a.data("shortcode");null!=s&&(t="recent"==(e=shortCodeIfy(s.trim(),"label"))?"/search":"/search/label/"+e,a.attr("href",t))}),t.appendTo(e),$(".mobile-menu-toggle, .hide-supermag-pro-mobile-menu, .overlay").on("click",function(){$("body").toggleClass("nav-active")}),$(".supermag-pro-mobile-menu .has-sub").append('<div class="submenu-toggle"/>'),$(".supermag-pro-mobile-menu .mega-menu").find(".submenu-toggle").remove(),$(".supermag-pro-mobile-menu ul li .submenu-toggle").on("click",function(e){$(this).parent().hasClass("has-sub")&&(e.preventDefault(),$(this).parent().hasClass("show")?$(this).parent().removeClass("show").find("> .m-sub").slideToggle(170):$(this).parent().addClass("show").children(".m-sub").slideToggle(170))})}),$(".mobile-topbar-social").each(function(){var e=$(this),t=$("#topbar-social ul.social").clone();t.find("a").addClass("btn"),t.appendTo(e)}),$(".mobile-topbar-menu").each(function(){var e=$(this);$("#topbar-menu ul.link-list").clone().appendTo(e)}),$(".header-inner").each(function(){var e=$(this);if(1==fixedMenu&&e.length>0){var t=$(document).scrollTop(),a=e.offset().top,s=e.height(),r=a+s+s;$(window).scroll(function(){var s=$(document).scrollTop();s>r?e.addClass("is-fixed"):(s<a||s<=0)&&e.removeClass("is-fixed"),s>t?e.removeClass("show"):e.addClass("show"),t=s})}}),fixedSidebarIfy(),$("#post-body iframe").each(function(){var e=$(this);e.attr("src").match("www.youtube.com")&&e.wrap('<div class="responsive-video-wrap"/>')}),$("p.comment-content").each(function(){var e=$(this);e.replaceText(/(https:\/\/\S+(\.png|\.jpeg|\.jpg|\.gif))/g,'<img src="$1"/>'),e.replaceText(/(?:https:\/\/)?(?:www\.)?(?:youtube\.com)\/(?:watch\?v=)?(.+)/g,'<div class="responsive-video-wrap"><iframe id="youtube" width="100%" height="358" src="https://www.youtube.com/embed/$1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>')}),$("#supermag-pro-load-more-link").each(function(){var e=$(this).data("load");e&&$("#supermag-pro-load-more-link").show(),$("#supermag-pro-load-more-link").on("click",function(t){$("#supermag-pro-load-more-link").hide(),$.ajax({url:e,success:function(t){var a=$(t).find(".blog-posts");a.find(".index-post").addClass("post-animated post-fadeInUp"),$(".blog-posts").append(a.html()),(e=$(t).find("#supermag-pro-load-more-link").data("load"))?$("#supermag-pro-load-more-link").show():($("#supermag-pro-load-more-link").hide(),$("#blog-pager .no-more").addClass("show"))},beforeSend:function(){$("#blog-pager .loading").show()},complete:function(){$("#blog-pager .loading").hide(),fixedSidebarIfy(),$(".index-post .entry-image-wrap .entry-thumb").lazyify()}}),t.preventDefault()})}),$("#supermag-cookie-ify").each(function(){var e=$(this),t=e.find(".widget.Text").data("shortcode");null!=t&&(ok=shortCodeIfy(t,"ok"),days=shortCodeIfy(t,"days"),0!=ok&&e.find("#supermag-cookie-ify-accept").text(ok),0!=days?days=Number(days):days=7),e.length>0&&("1"!==$.cookie("supermag_cookie_ify_consent")&&(e.css("display","block"),setTimeout(function(){e.addClass("is-visible")},10)),$("#supermag-cookie-ify-accept").off("click").on("click",function(t){t.preventDefault(),t.stopPropagation(),$.cookie("supermag_cookie_ify_consent","1",{expires:days,path:"/"}),e.removeClass("is-visible"),setTimeout(function(){e.css("display","none")},500)}),cookieChoices={})}),$("#back-top").each(function(){var e=$(this);$(window).on("scroll",function(){$(this).scrollTop()>=100?e.fadeIn(170):e.fadeOut(170),e.offset().top>=$("#footer-wrapper").offset().top-34?e.addClass("on-footer"):e.removeClass("on-footer")}),e.on("click",function(){$("html, body").animate({scrollTop:0},500)})})});
//]]>
</script>
<!-- Blogger Scripts -->
</body>
</html>