BuzzSpot Premium Blogger Template

DEMO https://buzzspot-dark.blogspot.com/

<?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='dark-mode'/> <head> <b:include name='theme-head'/> <b:if cond='!data:view.isLayoutMode'> <b:skin version='1.0.0'><![CDATA[/* ----------------------------------------------- Blogger Template Style Name: BUzzSpot Version: 1.1.0 - Premium Author: Dizzytech Author Url: https://www.dizzytech.my.id -----------------------------------------------*/ /*-- Customize Options (Start) -- <Variable name="keycolor" description="Main Color" type="color" default="#f12f3f" value="#f12f3f"/> <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="boxed" description="Boxed Mode" type="length" default="0px" min="0px" max="1px" value="0px"/> <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="Widths" selector="body"> <Variable name="row.width" description="Container Width" type="length" default="1073px" min="970px" max="1094px" value="1073px"/> <Variable name="sidebar.width" description="Sidebar Width" type="length" default="320px" min="250px" max="336px" value="320px"/> </Group> <Group description="Fonts" selector="body"> <Variable name="main.font" description="Main Font" type="font" family="Montserrat" default="normal 400 14px $(family)" value="normal 400 14px $(family)"/> <Variable name="menu.font" description="Menu Font" type="font" family="Montserrat" default="normal 400 14px $(family)" value="normal 400 14px $(family)"/> <Variable name="title.font" description="Title Font" type="font" family="Montserrat" default="normal 400 14px $(family)" value="normal 400 14px $(family)"/> <Variable name="text.font" description="Text Font" type="font" family="Montserrat" default="normal 400 14px $(family)" value="normal 400 14px $(family)"/> </Group> <Group description="Background" selector="body"> <Variable name="background.color" description="Body Background (Boxed)" type="color" default="#e5e6e7" value="#e5e6e7"/> <Variable name="outer.bg" description="Outer Background" type="color" default="#f4f4f4" value="#f4f4f4"/> <Variable name="widget.bg" description="Widget Background" type="color" default="#ffffff" value="#ffffff"/> <Variable name="border.color" description="Border Color" type="color" default="#f5f5f5" value="#f5f5f5"/> </Group> <Group description="Colors" selector="body"> <Variable name="main.color" description="Main Color" type="color" default="#f12f3f" value="#f12f3f"/> <Variable name="title.color" description="Title Color" type="color" default="#222222" value="#222222"/> <Variable name="title.hover.color" description="Title Hover Color" type="color" default="$(main.color)" value="#f12f3f"/> <Variable name="text.color" description="Text Color" type="color" default="#626262" value="#626262"/> <Variable name="meta.color" description="Meta Color" type="color" default="#97979d" value="#97979d"/> <Variable name="meta.link" description="Meta Link Color" type="color" default="$(main.color)" value="#f12f3f"/> </Group> <Group description="Top Ads" selector="#top-ads-wrap"> <Variable name="topad.onpost" description="Show on Post Page" type="length" default="1px" min="0px" max="1px" value="1px"/> <Variable name="topad.bg" description="Background" type="color" default="$(outer.bg)" value="#f4f4f4"/> <Variable name="topad.border" description="Show Border" type="length" default="0px" min="0px" max="1px" value="0px"/> <Variable name="topad.border.color" description="Border Color" type="color" default="$(border.color)" value="#f5f5f5"/> </Group> <Group description="Header" selector="#header-wrapper"> <Variable name="header.height" description="Height" type="length" default="62px" min="50px" max="70px" value="62px"/> <Variable name="header.left" description="Background (Left)" type="color" default="#ffffff" value="#ffffff"/> <Variable name="header.center" description="Background (Center)" type="color" default="#ffffff" value="#ffffff"/> <Variable name="header.right" description="Background (Right)" type="color" default="#ffffff" value="#ffffff"/> <Variable name="header.color" description="Color" type="color" default="$(title.color)" value="#222222"/> <Variable name="header.hover.color" description="Hover Color" type="color" default="$(main.color)" value="#f12f3f"/> </Group> <Group description="Sub Menu" selector="#header-wrapper"> <Variable name="submenu.bg" description="Background" type="color" default="#ffffff" value="#ffffff"/> <Variable name="submenu.color" description="Color" type="color" default="$(title.color)" value="#222222"/> <Variable name="submenu.hover.color" description="Hover Color" type="color" default="$(main.color)" value="#f12f3f"/> </Group> <Group description="Mega Menu" selector="#header-wrapper"> <Variable name="mega.bg" description="Background" type="color" default="$(submenu.bg)" value="#ffffff"/> <Variable name="mega.color" description="Color" type="color" default="$(submenu.color)" value="#222222"/> <Variable name="mega.hover.color" description="Hover Color" type="color" default="$(main.color)" value="#f12f3f"/> <Variable name="mega.meta.color" description="Meta Color" type="color" default="$(meta.color)" value="#97979d"/> </Group> <Group description="Mobile Menu" selector="body"> <Variable name="mobilemenu.bg" description="Background" type="color" default="#ffffff" value="#ffffff"/> <Variable name="mobilemenu.color" description="Color" type="color" default="$(title.color)" value="#222222"/> <Variable name="mobilemenu.hover.color" description="Hover Color" type="color" default="$(main.color)" value="#f12f3f"/> </Group> <Group description="Ticker" selector="#header-wrapper"> <Variable name="ticker.onpost" description="Show on Post Page" type="length" default="1px" min="0px" max="1px" value="1px"/> <Variable name="ticker.bg" description="Background" type="color" default="#ffffff" value="#ffffff"/> <Variable name="ticker.icon" description="Icon Color" type="color" default="$(main.color)" value="#f12f3f"/> <Variable name="ticker.title" description="Headline Color" type="color" default="$(title.color)" value="#222222"/> <Variable name="ticker.color" description="Title Color" type="color" default="$(text.color)" value="#626262"/> <Variable name="ticker.hover.color" description="Hover Color" type="color" default="$(main.color)" value="#f12f3f"/> <Variable name="ticker.border" description="Show Border" type="length" default="1px" min="0px" max="1px" value="1px"/> <Variable name="ticker.border.color" description="Border Color" type="color" default="$(border.color)" value="#f5f5f5"/> </Group> <Group description="Blog Posts" selector="body"> <Variable name="gridstyle" description="Grid Style" type="length" default="0px" min="0px" max="1px" value="0px"/> <Variable name="summary" description="Show Summary" type="length" default="1px" min="0px" max="1px" value="1px"/> </Group> <Group description="Thumb Tags" selector="body"> <Variable name="thumbtag" description="Show Thumb Tag" type="length" default="1px" min="0px" max="1px" value="1px"/> <Variable name="thumbtag.left" description="Background (Left)" type="color" default="#f8491b" value="#f8491b"/> <Variable name="thumbtag.center" description="Background (Center)" type="color" default="#f12f3f" value="#f12f3f"/> <Variable name="thumbtag.right" description="Background (Right)" type="color" default="#dc1860" value="#dc1860"/> <Variable name="thumbtag.color" description="Color" type="color" default="#ffffff" value="#ffffff"/> </Group> <Group description="Entry Tags" selector="body"> <Variable name="entrytag" description="Show Entry Tag" type="length" default="1px" min="0px" max="1px" value="1px"/> <Variable name="entrytag.color" description="Color" type="color" default="$(main.color)" value="#f12f3f"/> </Group> <Group description="Post Page" selector="body"> <Variable name="breadcrumb" description="Breadcrumbs" type="length" default="1px" min="0px" max="1px" value="1px"/> <Variable name="itempost.title.size" description="Title Font Size" type="length" default="33px" min="20px" max="50px" value="33px"/> <Variable name="itempost.content.size" description="Text Font Size" type="length" default="15px" min="12px" max="20px" value="15px"/> <Variable name="postnav" description="Navigation" type="length" default="1px" min="0px" max="1px" value="1px"/> </Group> <Group description="Footer Ads" selector="#footer-ads-wrap"> <Variable name="footerad.onpost" description="Show on Post Page" type="length" default="1px" min="0px" max="1px" value="1px"/> <Variable name="footerad.bg" description="Background" type="color" default="$(widget.bg)" value="#ffffff"/> <Variable name="footerad.border" description="Show Border" type="length" default="0px" min="0px" max="1px" value="0px"/> <Variable name="footerad.border.color" description="Border Color" type="color" default="$(border.color)" value="#f5f5f5"/> </Group> <Group description="Footer" selector="#footer-wrapper"> <Variable name="footer.bg" description="Background" type="color" default="#16161a" value="#16161a"/> <Variable name="footer.color" description="Color" type="color" default="#ffffff" value="#ffffff"/> <Variable name="footer.text.color" description="Text Color" type="color" default="#AAAAAA" value="#AAAAAA"/> </Group> <Group description="Footer Bar" selector="div.footer-bar"> <Variable name="footerbar.bg" description="Background" type="color" default="#09090a" value="#09090a"/> <Variable name="footerbar.color" description="Color" type="color" default="#ffffff" value="#ffffff"/> <Variable name="footerbar.hover.color" description="Hover Color" type="color" default="$(main.color)" value="#f12f3f"/> <Variable name="footerbar.border" description="Show Border" type="length" default="0px" min="0px" max="1px" value="0px"/> <Variable name="footerbar.border.color" description="Border Color" type="color" default="#2b2b2f" value="#2b2b2f"/> </Group> <Group description="Cookie Consent" selector="#niadzgn-pro-cookie-consent"> <Variable name="cookie.bg" description="Background" type="color" default="#ffffff" value="#ffffff"/> <Variable name="cookie.color" description="Text Color" type="color" default="$(text.color)" value="#626262"/> </Group> <Group description="Buttons" selector="body"> <Variable name="btn.left" description="Background (Left)" type="color" default="#f8491b" value="#f8491b"/> <Variable name="btn.center" description="Background (Center)" type="color" default="#f12f3f" value="#f12f3f"/> <Variable name="btn.right" description="Background (Right)" type="color" default="#dc1860" value="#dc1860"/> <Variable name="btn.color" description="Color" type="color" default="#ffffff" value="#ffffff"/> </Group> <Group description="Dark Mode" selector="body"> <Variable name="dark.bg" description="Body Background" type="color" default="#27272b" value="#27272b"/> <Variable name="dark1.bg" description="Background 1" type="color" default="#16161a" value="#16161a"/> <Variable name="dark2.bg" description="Background 2" type="color" default="#202024" value="#202024"/> <Variable name="dark3.bg" description="Background 3" type="color" default="#252529" value="#252529"/> <Variable name="dark.main.color" description="Main Color" type="color" default="$(main.color)" value="#f12f3f"/> <Variable name="dark.title" description="Title Color" type="color" default="#f8f8fb" value="#f8f8fb"/> <Variable name="dark.text" description="Text Color" type="color" default="#c5c5c8" value="#c5c5c8"/> <Variable name="dark.meta" description="Meta Color" type="color" default="#aaaaaa" value="#aaaaaa"/> <Variable name="dark.meta.link" description="Meta Link Color" type="color" default="$(dark.main.color)" value="#f12f3f"/> <Variable name="dark.border" description="Border Color" type="color" default="#2b2b2f" value="#2b2b2f"/> </Group> <Group description="Fix Blur (Fonts)" selector="body">  <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.medium" description="Main Font Medium" type="font" default="normal 500 14px $(main.font.family)" value="normal 500 14px $(family)"/> <Variable name="mainfont.medium.italic" description="Main Font Medium Italic" type="font" default="italic 500 14px $(main.font.family)" value="italic 500 14px $(family)"/> <Variable name="mainfont.semibold" description="Main Font Semi Bold" type="font" default="normal 600 14px $(main.font.family)" value="normal 600 14px $(family)"/> <Variable name="mainfont.semibold.italic" description="Main Font Semi Bold Italic" type="font" default="italic 600 14px $(main.font.family)" value="italic 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.bold.italic" description="Main Font Bold Italic" type="font" default="italic 700 14px $(main.font.family)" value="italic 700 14px $(family)"/>  <Variable name="menufont.bold" description="Menu Font Bold" type="font" default="normal 700 14px $(menu.font.family)" value="normal 700 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.bold.italic" description="Title Font Bold Italic" type="font" default="italic 700 14px $(title.font.family)" value="italic 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.bold" description="Text Font Bold" type="font" default="normal 700 14px $(text.font.family)" value="normal 700 14px $(family)"/> <Variable name="textfont.bold.italic" description="Text Font Bold Italic" type="font" default="italic 700 14px $(text.font.family)" value="italic 700 14px $(family)"/> </Group> <Variable name="body.background" description="Background" type="background" color="$(background.color)" default="$(color) none repeat fixed top left" value="$(color) none repeat fixed top left"/> <Variable name="body.background.color" description="Comments Background" hideEditor="true" type="color" default="transparent" value="transparent"/> <Variable name="body.title.color" description="Comments Color" hideEditor="true" type="color" default="$(title.color)" value="#222222"/> <Variable name="body.text.color" description="Comments Text Color" hideEditor="true" type="color" default="$(text.color)" value="#626262"/> <Variable name="body.link.color" description="Comments Link Color" hideEditor="true" type="color" default="$(main.color)" value="#f12f3f"/> <Variable name="body.text.font" description="Comments Font 1" hideEditor="true" type="font" default="normal 400 14px montserrat, Arial, sans-serif !important" value="normal 400 14px montserrat, Arial, sans-serif !important"/> <Variable name="body.action.font.large" description="Comments Font 2" hideEditor="true" type="font" default="normal 700 14px montserrat, Arial, sans-serif !important" value="normal 700 14px montserrat, Arial, sans-serif !important"/> -- Customize Options (End) --*/ /*-- Google Fonts --*/ @font-face{font-family:'Montserrat';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.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:'Montserrat';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Montserrat';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Montserrat';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.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:'Montserrat';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUQjIg1_i6t8kCHKm459WxRyS7m.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:'Montserrat';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZOg3z8fZwnCo.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:'Montserrat';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZOg3z-PZwnCo.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Montserrat';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZOg3z8_ZwnCo.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Montserrat';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZOg3z8vZwnCo.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:'Montserrat';font-style:italic;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZOg3z_PZw.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:'Montserrat';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZFgrz8fZwnCo.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:'Montserrat';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZFgrz-PZwnCo.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Montserrat';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZFgrz8_ZwnCo.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Montserrat';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZFgrz8vZwnCo.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:'Montserrat';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZFgrz_PZw.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:'Montserrat';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZcgvz8fZwnCo.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:'Montserrat';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZcgvz-PZwnCo.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Montserrat';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZcgvz8_ZwnCo.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Montserrat';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZcgvz8vZwnCo.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:'Montserrat';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUPjIg1_i6t8kCHKm459WxZcgvz_PZw.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:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459WRhyzbi.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:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459Wdhyzbi.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:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459Wlhyw.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:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.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:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.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:'Montserrat';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.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:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.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:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.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:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.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:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.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:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.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:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.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} /*-- Material Icons Font --*/ @font-face{font-family:"Material Icons Round";font-display:swap;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsround/v65/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format("woff2")}.mir{font-family:"Material Icons Round";font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:liga;-webkit-font-smoothing:antialiased}@font-face{font-family:"PBT Icons";font-display:block;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsround/v65/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format("woff2")} /*-- Font Awesome 5 Brands 5.15.4 --*/ @font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-style:normal;font-weight:400;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400} /*-- CSS Variables --*/ :root{ --body-font:'$(main.font.family)', Arial, sans-serif; --menu-font:'$(menu.font.family)', Arial, sans-serif; --title-font:'$(title.font.family)', Arial, sans-serif; --text-font:'$(text.font.family)', Arial, sans-serif; --body-bg-color:$(background.color); --body-bg:$(body.background); --outer-bg:$(outer.bg); --main-color:$(main.color); --title-color:$(title.color); --title-hover-color:$(title.hover.color); --text-color:$(text.color); --meta-color:$(meta.color); --meta-link-color:$(meta.link); --thumbtag-bg:linear-gradient(135deg,$(thumbtag.left) 0%,$(thumbtag.center) 50%,$(thumbtag.right) 100%); --thumbtag-color:$(thumbtag.color); --entrytag-color:$(entrytag.color); --topad-bg:$(topad.bg); --topad-border:$(topad.border.color); --header-bg:linear-gradient(135deg,$(header.left) 0%,$(header.center) 50%,$(header.right) 100%); --header-color:$(header.color); --header-hover-color:$(header.hover.color); --submenu-bg:$(submenu.bg); --submenu-color:$(submenu.color); --submenu-hover-color:$(submenu.hover.color); --mega-bg:$(mega.bg); --mega-color:$(mega.color); --mega-hover-color:$(mega.hover.color); --mega-meta-color:$(mega.meta.color); --mobilemenu-bg:$(mobilemenu.bg); --mobilemenu-color:$(mobilemenu.color); --mobilemenu-hover-color:$(mobilemenu.hover.color); --ticker-bg:$(ticker.bg); --ticker-icon:$(ticker.icon); --ticker-title:$(ticker.title); --ticker-color:$(ticker.color); --ticker-hover-color:$(ticker.hover.color); --ticker-border:$(ticker.border.color); --widget-bg:$(widget.bg); --footerad-bg:$(footerad.bg); --footerad-border:$(footerad.border.color); --footer-bg:$(footer.bg); --footer-color:$(footer.color); --footer-text-color:$(footer.text.color); --footerbar-bg:$(footerbar.bg); --footerbar-color:$(footerbar.color); --footerbar-hover-color:$(footerbar.hover.color); --footerbar-border-color:$(footerbar.border.color); --cookie-bg:$(cookie.bg); --cookie-color:$(cookie.color); --button-bg:linear-gradient(135deg,$(btn.left) 0%,$(btn.center) 50%,$(btn.right) 100%); --button-color:$(btn.color); --button-border:$(btn.center); --light-weight:400; --title-weight:700; --gray-bg:rgba(155,155,155,0.05); --border-color:$(border.color); --radius:5px; --widget-shadow: 0 1px 2px rgba(0,0,0,0.05); --avatar-shadow:0px 1px 4px rgba(0,0,0,0.05); } html.is-dark{ --body-bg-color:$(dark.bg); --body-bg:$(body.background); --outer-bg:$(dark1.bg); --main-color:$(dark.main.color); --title-color:$(dark.title); --title-hover-color:$(dark.main.color); --text-color:$(dark.text); --meta-color:$(dark.meta); --meta-link-color:$(dark.meta.link); --topad-bg:$(dark1.bg); --topad-border:transparent; --header-bg:$(dark2.bg); --header-color:$(dark.title); --header-hover-color:$(dark.main.color); --submenu-bg:$(dark3.bg); --submenu-color:$(dark.title); --submenu-hover-color:$(dark.main.color); --mega-bg:$(dark3.bg); --mega-color:$(dark.title); --mega-hover-color:$(dark.main.color); --mega-meta-color:$(dark.meta); --mobilemenu-bg:$(dark1.bg); --mobilemenu-color:$(dark.title); --mobilemenu-hover-color:$(dark.main.color); --ticker-bg:$(dark2.bg); --ticker-icon:$(dark.main.color); --ticker-title:$(dark.title); --ticker-color:$(dark.text); --ticker-hover-color:$(dark.main.color); --ticker-border:$(dark.border); --widget-bg:$(dark2.bg); --footerad-bg:$(dark2.bg); --footerad-border:$(dark.border); --footer-bg:$(dark2.bg); --footer-color:$(dark.title); --footer-text-color:$(dark.text); --footerbar-bg:$(dark1.bg); --footerbar-color:$(dark.title); --footerbar-hover-color:$(dark.main.color); --footerbar-border-color:transparent; --cookie-bg:$(dark2.bg); --cookie-color:$(dark.text); --gray-bg:rgba(255,255,255,0.03); --border-color:$(dark.border); } html.rtl{ --body-font:'Cairo',Arial,sans-serif; --menu-font:'Cairo',Arial,sans-serif; --title-font:'Cairo',Arial,sans-serif; --text-font:'Cairo',Arial,sans-serif; } /*-- Reset CSS --*/ html,body,a,abbr,acronym,address,applet,b,big,blockquote,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,input,button,h1,h2,h3,h4,h5,h6,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;margin:0;border:0;outline:none;vertical-align:baseline;background:0 0;text-decoration:none}dl,ul{list-style-position:inside;list-style:none}ul li{list-style:none}caption{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:var(--main-color)}a img{border:0}abbr{text-decoration:none}.separator a{text-decoration:none!important;clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget > h2,.widget > h3{display:none}.widget iframe,.widget img{max-width:100%}button,input,select,textarea{background:transparent;font-family:var(--body-font);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:0}button{cursor:pointer}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none} /*-- Main CSS --*/ *{box-sizing:border-box} html{position:relative;word-break:break-word;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%} body{position:relative;background:var(--body-bg);background-color:var(--body-bg-color);font-family:var(--body-font);font-size:14px;color:var(--text-color);font-weight:400;font-style:normal;line-height:1.4em} .rtl{direction:rtl} h1,h2,h3,h4,h5,h6{font-family:var(--title-font);font-weight:700} a,input,textarea,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.05)} .is-dark .is-boxed #outer-wrapper{box-shadow:0 0 20px rgba(0,0,0,0.2)} .container{position:relative} .row-x1{width:$(row.width);max-width:100%} .row-x2{width:100%} .flex-c{display:flex;justify-content:center} .flex-col{display:flex;flex-direction:column} .flex-sb{display:flex;justify-content:space-between} #content-wrapper{float:left;width:100%;overflow:hidden;padding:25px 0} .is-left #content-wrapper > .container,.rtl .is-right #content-wrapper > .container{flex-direction:row-reverse} .rtl .is-left #content-wrapper > .container{flex-direction:row} .theiaStickySidebar:before,.theiaStickySidebar:after{content:'';display:table;clear:both} #main-wrapper{position:relative;width:calc(100% - $(sidebar.width + 25px))} .no-sidebar #main-wrapper{width:100%} #sidebar-wrapper{position:relative;width:$(sidebar.width)} .no-sidebar #sidebar-wrapper{display:none} .entry-thumbnail,.entry-avatar,.comments .avatar-image-container{display:block;position:relative;overflow:hidden;background-color:var(--gray-bg);z-index:5;color:transparent} .entry-thumbnail{border-radius:var(--radius)} .thumbnail,.avatar{display:block;position:relative;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1;transform-origin:center;opacity:0;transition:opacity .35s ease} .thumbnail.pbt-lazy,.avatar.pbt-lazy{opacity:1} .entry-thumbnail:hover .thumbnail,.cs:hover .entry-thumbnail .thumbnail{filter:brightness(1.03)} .is-ytimg:after{position:absolute;content:'\e038';top:50%;right:50%;font-family:'Material Icons Round';font-size:56px;color:#fff;font-weight:400;z-index:5;transform:translate(50%,-50%);text-shadow:0 0 40px rgba(0,0,0,0.67);opacity:.8} .sz-1.is-ytimg:after{transform:translate(50%,-50%) scale(1.15)} .sz-2.is-ytimg:after{transform:translate(50%,-50%) scale(.9)} .sz-3.is-ytimg:after{transform:translate(50%,-50%) scale(.75)} .sz-4.is-ytimg:after{transform:translate(50%,-50%) scale(.65)} .sz-5.is-ytimg:after{transform:translate(50%,-50%) scale(.45)} .is-ytimg:hover:after,.cs:hover .is-ytimg:after{opacity:1} .cs .is-ytimg:after{top:15px;right:15px;transform:translate(0)} .rtl .cs .is-ytimg:after{left:15px;right:unset} .entry-header{display:flex;flex-direction:column} .entry-thumbnail .entry-category{display:-webkit-box;position:absolute;left:20px;bottom:20px;max-width:calc(100% - 40px);height:18px;background:var(--thumbtag-bg);overflow:hidden;font-size:10px;color:var(--thumbtag-color);font-weight:500;text-transform:uppercase;line-height:18px;-webkit-line-clamp:1;-webkit-box-orient:vertical;z-index:2;padding:0 8px;border-radius:var(--radius)} .rtl .entry-thumbnail .entry-category{left:unset;right:20px} .entry-header .entry-category{display:flex;font-size:13px;color:var(--entrytag-color);font-weight:600;margin:0 0 8px} .entry-title{color:var(--title-color);font-weight:var(--title-weight);line-height:1.3em} .entry-title a{display:block;color:var(--title-color)} .entry-title a:hover{color:var(--title-hover-color)} .entry-meta{display:flex;font-size:12px;color:var(--meta-color);font-weight:var(--light-weight);margin:4px 0 0} .entry-meta .mi{display:flex} .entry-meta .mi,.entry-meta .sp{margin:0 4px 0 0} .rtl .entry-meta .mi,.rtl .entry-meta .sp{margin:0 0 0 4px} .entry-meta .author-name{color:var(--meta-link-color);font-weight:600} .excerpt{font-family:var(--text-font);line-height:1.5em;font-weight:var(--light-weight)} .cs .entry-inner{display:block;position:relative;width:100%;height:100%;overflow:hidden} .mask:before{content:'';position:absolute;left:0;right:0;bottom:0;height:80%;background-image:linear-gradient(to bottom,rgba(0,0,0,0) 25%,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-info{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.65));overflow:hidden;z-index:10;padding:15px} .entry-info .entry-title{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.2)} .entry-info .entry-meta{color:#c5c5ca;text-shadow:0 1px 2px rgba(0,0,0,0.1)} .entry-info .entry-meta .author-name{color:#d5d5da} .entry-info .entry-category{width:-moz-fit-content;width:fit-content;margin:0 0 11px} .btn{position:relative;border-radius:var(--radius)} .error-msg{display:flex;align-items:center;font-size:14px;color:var(--meta-color);padding:20px 0;font-weight:400} .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(--gray-bg);border-radius:100%;animation:spinner .65s infinite linear;transform-origin:center} @keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}} .overlay{visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(22,22,26,0.5);z-index:1000;margin:0;transition:all .25s ease} .social a:before{display:block;font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400} .social .rss a:before,.social .share a:before,.social .email a:before,.social .external-link a:before{content:'\e0e5';font-family:'Material Icons Round'} .social .share a:before{content:'\e80d'} .social .email a:before{content:'\e0be'} .social .external-link a:before{content:'\e89e'} .sb-a .google a,.sb-h .google a:hover{background-color:#1a73e8} .sb-a .blogger a,.sb-h .blogger a:hover{background-color:#ff5722} .sb-a .apple a,.sb-h .apple a:hover{background-color:#333} .sb-a .amazon a,.sb-h .amazon a:hover{background-color:#fe9800} .sb-a .microsoft a,.sb-h .microsoft a:hover{background-color:#0067B8} .sb-a .facebook a,.sb-a .facebook-f a,.sb-h .facebook a:hover,.sb-h .facebook-f a:hover{background-color:#3b5999} .sb-a .twitter a,.sb-h .twitter a:hover{background-color:#00acee} .sb-a .youtube a,.sb-h .youtube a:hover{background-color:#e60023} .sb-a .instagram a,.sb-h .instagram a:hover{background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)} .sb-a .pinterest a,.sb-a .pinterest-p a,.sb-h .pinterest a:hover,.sb-h .pinterest-p a:hover{background-color:#e60023} .sb-a .dribbble a,.sb-h .dribbble a:hover{background-color:#ea4c89} .sb-a .linkedin a,.sb-h .linkedin a:hover{background-color:#0077b5} .sb-a .tumblr a,.sb-h .tumblr a:hover{background-color:#365069} .sb-a .twitch a,.sb-h .twitch a:hover{background-color:#6441a5} .sb-a .rss a,.sb-h .rss a:hover{background-color:#ffc200} .sb-a .skype a,.sb-h .skype a:hover{background-color:#00aff0} .sb-a .stumbleupon a,.sb-h .stumbleupon a:hover{background-color:#eb4823} .sb-a .vk a,.sb-h .vk a:hover{background-color:#4a76a8} .sb-a .stack-overflow a,.sb-h .stack-overflow a:hover{background-color:#f48024} .sb-a .github a,.sb-h .github a:hover{background-color:#24292e} .sb-a .soundcloud a,.sb-h .soundcloud a:hover{background:linear-gradient(#ff7400,#ff3400)} .sb-a .behance a,.sb-h .behance a:hover{background-color:#191919} .sb-a .digg a,.sb-h .digg a:hover{background-color:#1b1a19} .sb-a .delicious a,.sb-h .delicious a:hover{background-color:#0076e8} .sb-a .codepen a,.sb-h .codepen a:hover{background-color:#000} .sb-a .flipboard a,.sb-h .flipboard a:hover{background-color:#f52828} .sb-a .reddit a,.sb-h .reddit a:hover{background-color:#ff4500} .sb-a .whatsapp a,.sb-h .whatsapp a:hover{background-color:#3fbb50} .sb-a .messenger a,.sb-h .messenger a:hover{background-color:#0084ff} .sb-a .snapchat a,.sb-h .snapchat a:hover{background-color:#ffe700} .sb-a .telegram a,.sb-h .telegram a:hover{background-color:#179cde} .sb-a .steam a,.sb-h .steam a:hover{background:linear-gradient(5deg,#0d89bc,#112c5b,#0d1c47)} .sb-a .discord a,.sb-h .discord a:hover{background-color:#7289da} .sb-a .quora a,.sb-h .quora a:hover{background-color:#b92b27} .sb-a .tiktok a,.sb-h .tiktok a:hover{background-color:#fe2c55} .sb-a .share a,.sb-h .share a:hover{background-color:var(--meta-color)} .sb-a .email a,.sb-h .email a:hover{background-color:#888} .sb-a .external-link a,.sb-h .external-link a:hover{background-color:var(--title-color)} .sc-a .blogger a,.sc-h .blogger a:hover{color:#1a73e8} .sc-a .blogger a,.sc-h .blogger a:hover{color:#ff5722} .sc-a .apple a,.sc-h .apple a:hover{color:#333} .sc-a .amazon a,.sc-h .amazon a:hover{color:#fe9800} .sc-a .microsoft a,.sc-h .microsoft a:hover{color:#0067B8} .sc-a .facebook a,.sc-a .facebook-f a,.sc-h .facebook a:hover,.sc-h .facebook-f a:hover{color:#3b5999} .sc-a .twitter a,.sc-h .twitter a:hover{color:#00acee} .sc-a .youtube a,.sc-h .youtube a:hover{color:#e60023} .sc-a .instagram a,.sc-h .instagram a:hover{color:#dd277b} .sc-a .pinterest a,.sc-a .pinterest-p a,.sc-h .pinterest a:hover,.sc-h .pinterest-p a:hover{color:#e60023} .sc-a .dribbble a,.sc-h .dribbble a:hover{color:#ea4c89} .sc-a .linkedin a,.sc-h .linkedin a:hover{color:#0077b5} .sc-a .tumblr a,.sc-h .tumblr a:hover{color:#365069} .sc-a .twitch a,.sc-h .twitch a:hover{color:#6441a5} .sc-a .rss a,.sc-h .rss a:hover{color:#ffc200} .sc-a .skype a,.sc-h .skype a:hover{color:#00aff0} .sc-a .stumbleupon a,.sc-h .stumbleupon a:hover{color:#eb4823} .sc-a .vk a,.sc-h .vk a:hover{color:#4a76a8} .sc-a .stack-overflow a,.sc-h .stack-overflow a:hover{color:#f48024} .sc-a .github a,.sc-h .github a:hover{color:#24292e} .sc-a .soundcloud a,.sc-h .soundcloud a:hover{color:#ff7400} .sc-a .behance a,.sc-h .behance a:hover{color:#191919} .sc-a .digg a,.sc-h .digg a:hover{color:#1b1a19} .sc-a .delicious a,.sc-h .delicious a:hover{color:#0076e8} .sc-a .codepen a,.sc-h .codepen a:hover{color:#000} .sc-a .flipboard a,.sc-h .flipboard a:hover{color:#f52828} .sc-a .reddit a,.sc-h .reddit a:hover{color:#ff4500} .sc-a .whatsapp a,.sc-h .whatsapp a:hover{color:#3fbb50} .sc-a .messenger a,.sc-h .messenger a:hover{color:#0084ff} .sc-a .snapchat a,.sc-h .snapchat a:hover{color:#ffe700} .sc-a .telegram a,.sc-h .telegram a:hover{color:#179cde} .sc-a .steam a,.sc-h .steam a:hover{color:#112c5b} .sc-a .discord a,.sc-h .discord a:hover{color:#7289da} .sc-a .quora a,.sc-h .quora a:hover{color:#b92b27} .sc-a .tiktok a,.sc-h .tiktok a:hover{color:#fe2c55} .sc-a .share a,.sc-h .share a:hover{color:var(--meta-color)} .sc-a .email a,.sc-h .email a:hover{color:#888} .sc-a .external-link a,.sc-h .external-link a:hover{color:var(--title-color)} #top-ads-wrap{position:relative;float:left;width:100%;background-color:var(--topad-bg);margin:0} #top-ads-wrap.has-border{border-bottom:1px solid var(--topad-border)} #top-ads-wrap .widget{padding:15px 0} #header-wrapper{float:left;width:100%;z-index:50} .main-header,.header-inner,.header-header{float:left;width:100%;height:$(header.height);background:var(--header-bg)} .header-inner{background:rgba(0,0,0,0)} .header-header{box-shadow:var(--widget-shadow)} .header-inner.is-fixed .header-header{box-shadow:0 1px 8px rgba(0,0,0,0.1)} .header-inner.is-fixed{position:fixed;top:-$(header.height * 2);left:0;width:100%;z-index:990;backface-visibility:hidden;visibility:hidden;opacity:0;transform:translate3d(0,0,0);transition:all .25s ease} .header-inner.is-fixed.show{visibility:visible;opacity:1;transform:translate3d(0,$(header.height * 2),0)} .is-boxed .header-header{float:none;width:$(row.width + 50px);max-width:100%;margin:0 auto;padding:0} .header-items{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;--search-width:$(sidebar.width)} .flex-left{display:flex;align-items:center;z-index:15} .flex-right{display:flex;align-items:center;position:absolute;top:0;right:0;height:$(header.height);z-index:15;transition:all .17s ease} .rtl .flex-right{left:0;right:unset} .main-logo{display:flex;align-items:center;flex-shrink:0;height:$(header.height);overflow:hidden;margin:0 28px 0 0} .rtl .main-logo{margin:0 0 0 28px} .main-logo img{display:block;width:auto;height:auto;max-height:40px} .main-logo .title{max-width:100%;font-size:25px;color:var(--header-color);line-height:40px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .main-logo .title a{color:var(--header-color)} .main-logo .title a:hover{color:var(--header-hover-color)} .main-logo #h1-off{display:none;visibility:hidden} #niadzgn-pro-main-menu{z-index:10;transition:all .17s ease} #niadzgn-pro-main-menu .widget,#niadzgn-pro-main-menu .widget > .widget-title{display:none} #niadzgn-pro-main-menu .show-menu{display:block} .main-nav{display:flex;height:$(header.height)} .main-nav > li{position:relative;display:flex;flex-shrink:0} .main-nav > li + li{margin:0 0 0 28px} .rtl .main-nav > li + li{margin:0 28px 0 0} .main-nav > li > a{display:flex;font-family:var(--menu-font);font-size:15px;color:var(--header-color);font-weight:700;align-items:center} .main-nav > li:hover > a{color:var(--header-hover-color)} .main-nav .has-sub > a:after{display:inline-block;content:'\e5cf';font-family:'Material Icons Round';font-size:16px;font-weight:400;margin:-4px 0 0 2px} .rtl .main-nav .has-sub > a:after{margin:-4px 2px 0 0} .main-nav .sub-menu,.main-nav .ul{position:absolute;left:0;top:$(header.height);width:180px;background-color:var(--submenu-bg);z-index:99999;padding:6px 0;border-radius:var(--radius);backface-visibility:hidden;visibility:hidden;opacity:0;box-shadow:0 1px 2px rgba(0,0,0,0.05),0 5px 10px 0 rgba(0,0,0,0.05)} .rtl .main-nav .sub-menu,.rtl .main-nav .ul{left:auto;right:0} .main-nav .sub-menu.sm-1{left:-14px} .rtl .main-nav .sub-menu.sm-1{left:unset;right:-14px} .main-nav .sub-menu.sm-2{top:-6px;left:100%} .rtl .main-nav .sub-menu.sm-2{left:unset;right:100%} .main-nav .sub-menu li{position:relative;display:block} .main-nav .sub-menu li a{display:flex;justify-content:space-between;font-size:14px;color:var(--submenu-color);padding:8px 15px} .main-nav .sub-menu li:hover > a{color:var(--submenu-hover-color)} .main-nav .sub-menu > .has-sub > a:after{content:'\e5cc';margin:0 -5px} .rtl .main-nav .sub-menu > .has-sub > a:after{content:'\e5cb'} .main-nav .sub-menu,.main-nav .ul{transition:all .17s ease} .main-nav li:hover > .sub-menu,.main-nav li:hover .ul{backface-visibility:inherit;visibility:visible;opacity:1} .main-nav .mega-menu{position:static!important} .main-nav .mega-menu > .ul{width:100%;background-color:var(--mega-bg);overflow:hidden} .mega-menu .mega-items{display:grid;grid-template-columns:repeat(5,1fr);column-gap:20px;padding:20px} .mega-items .post{--title-color:var(--mega-color);--title-hover-color:var(--mega-hover-color);--meta-color:var(--mega-meta-color);width:100%;display:flex;flex-direction:column} .mega-items .entry-thumbnail{width:100%;height:126px;z-index:1;margin:0 0 8px} .mega-items .entry-title{font-size:14px} .mega-menu .mega-items.on-load,.mega-menu .mega-items.no-items{grid-template-columns:1fr} .mega-menu .error-msg{justify-content:center;padding:40px 0} .mega-menu .loader{height:120px} .mobile-menu-toggle{display:none;height:34px;font-size:26px;color:var(--header-color);align-items:center;padding:0 13px 0 16px} .rtl .mobile-menu-toggle{padding:0 16px 0 13px} .mobile-menu-toggle:after{content:'\e5d2';font-family:'Material Icons Round';font-weight:400} .mobile-menu-toggle:hover{color:var(--header-hover-color)} .toggle-wrap{display:flex;align-items:center;z-index:20} @-webkit-keyframes darkOff{0%{transform:scale(.7);opacity:.25}100%{transform:scale(1);opacity:1}} @-webkit-keyframes darkOn{0%{transform:scale(.7);opacity:.25}100%{transform:scale(1);opacity:1}} .darkmode-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:16px;color:var(--header-color);transform-origin:center;margin:0 5px 0 0} .rtl .darkmode-toggle{margin:0 0 0 5px} .darkmode-toggle:before{display:block;content:'\ea46';font-family:'PBT Icons';font-weight:400;line-height:0} .is-dark .darkmode-toggle:before{content:'\e518'} .darkmode-toggle:hover{color:var(--header-hover-color)} .darkmode-toggle.dark-off{animation:darkOff .35s ease} .darkmode-toggle.dark-on{animation:darkOn .35s ease} .search-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background-color:var(--gray-bg);color:var(--header-color);font-size:24px} .search-toggle:before{display:block;content:'\e8b6';font-family:'Material Icons Round';font-weight:400} .search-toggle:hover{color:var(--header-hover-color)} @-webkit-keyframes showSearch{0%{width:95%;opacity:0}100%{width:100%;opacity:1}} #main-search-wrap{display:none;position:absolute;top:0;right:0;width:var(--search-width);height:$(header.height);z-index:25;transition:all 0s ease} .rtl #main-search-wrap{left:0;right:unset} .main-search{position:relative;float:right;width:100%;height:100%;display:flex;align-items:center;animation:showSearch .17s ease} .rtl .main-search{float:left} .main-search .search-form{display:flex;flex:1;height:34px} .main-search .search-input{width:100%;flex:1;font-family:inherit;font-size:16px;color:var(--header-color);font-weight:var(--light-weight);text-align:left} .rtl .main-search .search-input{text-align:right} .main-search .search-input::placeholder{color:var(--header-color);opacity:.65;outline:none} .main-search .search-toggle:before{content:'\e5cd'} .search-active .niadzgn-pro-main-menu,.search-active .flex-right{visibility:hidden;opacity:0} #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:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden;box-shadow:3px 0 10px rgba(0,0,0,0.1);transition:all .25s ease} .rtl #slide-menu{left:unset;right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} .nav-active #slide-menu,.rtl .nav-active #slide-menu{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible} .slide-menu-header{height:$(header.height);background:var(--header-bg);overflow:hidden;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 8px rgba(0,0,0,0.1)} .mobile-logo{display:flex;flex:1;width:100%;overflow:hidden;padding:0 0 0 20px} .rtl .mobile-logo{padding:0 20px 0 0} .mobile-logo .homepage{max-width:100%;font-size:25px;color:var(--header-color);line-height:40px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .mobile-logo .homepage:hover{color:var(--header-hover-color)} .mobile-logo .logo-img img{display:block;width:auto;max-width:100%;height:auto;max-height:40px} .hide-mobile-menu{display:flex;height:100%;color:var(--header-color);font-size:26px;align-items:center;z-index:20;padding:0 15px} .hide-mobile-menu:before{content:'\e5cd';font-family:'Material Icons Round';font-weight:400} .hide-mobile-menu:hover{color:var(--header-hover-color)} .slide-menu-flex{display:flex;height:calc(100% - $(header.height));flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch} .mobile-menu{padding:20px} .mobile-menu .sub-menu{display:none;grid-column:1/3;overflow:hidden} .mobile-menu ul li a{display:block;font-size:14px;color:var(--mobilemenu-color);font-weight:400;padding:10px 0} .mobile-menu > ul > li > a{font-family:var(--menu-font);font-weight:700;text-transform:uppercase} .mobile-menu li.has-sub{display:grid;grid-template-columns:1fr 30px} .mobile-menu .submenu-toggle{display:flex;align-items:center;justify-content:center;align-self:center;height:30px;background-color:var(--gray-bg);font-size:24px;color:var(--mobilemenu-color)} .mobile-menu .submenu-toggle:before{content:'\e5cf';font-family:'Material Icons Round';font-weight:400} .mobile-menu .expanded > .submenu-toggle:before{content:'\e5ce'} .mobile-menu ul li a:hover,.mobile-menu .submenu-toggle:hover{color:var(--mobilemenu-hover-color)} .mobile-menu li.has-sub li a{font-size:14px;opacity:.75;padding:10px 15px} .mobile-menu li.has-sub li li a{padding:10px 30px} .mm-footer{padding:20px} .mm-footer ul{display:flex;flex-wrap:wrap} .mm-footer li{margin:0 15px 0 0} .rtl .mm-footer li{margin:0 0 0 15px} .mm-footer li:last-child{margin:0} .mm-footer .link-list{margin:10px 0 0} .mm-footer .link-list li{margin-top:5px} .mm-footer a{display:block;font-size:14px;color:var(--mobilemenu-color)} .mm-footer .rss a,.mm-footer .email a,.mm-footer .external-link a{font-size:18px} .mm-footer .social a:hover{opacity:.9} .mm-footer .link-list a:hover{color:var(--mobilemenu-hover-color)} #ticker-wrapper{position:relative;float:left;width:100%;background-color:var(--ticker-bg);box-shadow:var(--widget-shadow)} #ticker-wrapper.has-border,.is-dark #ticker-wrapper{border-top:1px solid var(--ticker-border)} #ticker .widget{display:none;align-items:center;height:34px;margin:0} #ticker .widget.is-visible,#ticker .widget.PopularPosts{display:flex} .ticker .widget-title{display:flex;align-items:center;position:relative;margin:0 6px 0 0} .rtl .ticker .widget-title{margin:0 0 0 6px} .ticker .widget-title:before{display:inherit;content:'\e932';font-family:'Material Icons Round';font-size:15px;color:var(--ticker-icon);font-weight:400;line-height:1} .ticker .widget-title .title{display:flex;align-items:center;font-size:15px;color:var(--ticker-title);font-weight:700;margin:0 0 0 3px} .rtl .ticker .widget-title .title{margin:0 3px 0 0} .ticker .widget-title .title:after{display:inline-block;content:'\e5cc';font-family:'Material Icons Round';font-weight:400;font-size:16px;line-height:1;margin:1px -2px 0} .rtl .ticker .widget-title .title:after{content:'\e5cb'} .ticker .widget-content{display:flex;justify-content:space-between;flex:1} .ticker .loader{justify-content:flex-start;padding:0 1px} .ticker .loader:after{width:14px;height:14px;border-width:1.5px} .ticker .error-msg{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0} .ticker-items{position:relative;flex:1;overflow:hidden} .ticker-items .post{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translate3d(5px,0,0);pointer-events:none;transition:all .85s ease} .rtl .ticker-items .post{left:unset;right:0;transform:translate3d(-10px,0,0)} .ticker-items .post.active{opacity:1;visibility:visible;transform:translate3d(0,0,0);pointer-events:initial} .ticker-items .entry-title{display:flex;align-items:center;height:20px;font-size:14px;font-weight:400} .ticker-items .entry-title a{max-width:100%;overflow:hidden;color:var(--ticker-color);white-space:nowrap;text-overflow:ellipsis} .ticker-items .entry-title a:hover{color:var(--ticker-hover-color)} .ticker-nav{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:5px;padding:0 0 0 10px} .rtl .ticker-nav{padding:0 10px 0 0} .ticker-nav button{display:flex;width:20px;height:20px;background-color:var(--gray-bg);font-size:18px;color:var(--ticker-title);align-items:center;justify-content:center} .ticker-nav button:hover{color:var(--ticker-hover-color)} .ticker-nav button:before{display:block;font-family:'Material Icons Round'} .ticker-nav .tn-prev:before,.rtl .ticker-nav .tn-next:before{content:'\e5cb'} .ticker-nav .tn-next:before,.rtl .ticker-nav .tn-prev:before{content:'\e5cc'} #trending-wrapper,#trending .widget,#trending .widget-content{float:left;width:100%;margin:0} #trending .widget{display:none;margin:25px 0 0} #trending .widget.is-visible,#trending .widget.PopularPosts{display:block} #trending .widget-content{display:flex;align-items:center;justify-content:center;min-height:289.33px;margin:0} #trending .PopularPosts .widget-content{min-height:unset} #trending .error-msg{padding:0} .trending-items{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:25px} .trending-items .post{display:flex;flex-direction:column;position:relative;width:100%;background-color:var(--widget-bg);overflow:hidden;z-index:10;border-radius:var(--radius);box-shadow:var(--widget-shadow)} .trending-items .entry-thumbnail{width:100%;height:160px;border-radius:0} .trending-items .entry-header{padding:18px 20px 20px} .trending-items .entry-title{font-size:17px} .trending-items .entry-meta{flex-wrap:wrap;margin:6px 0 0} .main-title-wrap{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px} .main-title-wrap > .title{display:flex;align-items:center;position:relative;font-size:17px;color:var(--title-color);line-height:1;margin:0} .main-title-wrap > .title:after{display:inline-block;content:'\e5cc';font-family:'Material Icons Round';font-size:20px;color:var(--main-color);font-weight:400;line-height:0;margin:3px 0 0 -3px} .rtl .main-title-wrap > .title:after{content:'\e5cb';margin: 3px -3px 0 0} .main-title-wrap > .title-link{font-size:14px;color:var(--meta-color);line-height:1;font-weight:var(--light-weight)} .main-title-wrap > .title-link:hover{color:var(--main-color)} .featured{float:left;width:100%} .featured .widget{margin:0 0 25px} .featured-post{display:flex;flex-direction:column;position:relative;background-color:var(--widget-bg);overflow:hidden;z-index:10;border-radius:var(--radius);box-shadow:var(--widget-shadow)} .featured-post .entry-thumbnail{width:100%;height:320px;border-radius:0} .featured-post .entry-header{padding:20px} .featured-post .entry-title{font-size:25px} .featured-post .entry-excerpt{font-size:1.022em;margin:10px 0 0} .featured-post .entry-meta{flex-wrap:wrap;font-size:14px;margin:10px 0 0} .home-ads{float:left;width:100%} .home-ads .widget{margin:0 0 25px} .list-items{display:grid;grid-template-columns:1fr;grid-gap:25px} .list-items .post{display:flex;position:relative;background-color:var(--widget-bg);overflow:hidden;z-index:10;border-radius:var(--radius);box-shadow:var(--widget-shadow)} .list-items .entry-thumbnail{width:320px;max-width:50%;height:192px;min-height:100%;border-radius:0} .list-items .entry-header{flex:1;align-self:center;padding:18px} .list-items .entry-title{font-size:21px} .list-items .entry-excerpt{font-size:14px;margin:6px 0 0} .list-items .entry-meta{flex-wrap:wrap;margin:8px 0 0} .grid-items{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:25px} .grid-items .post{display:flex;flex-direction:column;position:relative;background-color:var(--widget-bg);overflow:hidden;z-index:10;border-radius:var(--radius);box-shadow:var(--widget-shadow)} .grid-items .entry-thumbnail{width:100%;height:180px;border-radius:0} .grid-items .entry-header{padding:20px} .grid-items .entry-title{font-size:21px} .grid-items .entry-excerpt{display:-webkit-box;font-size:14px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0} .grid-items .entry-meta{flex-wrap:wrap;margin:8px 0 0} #main,.index-blog{float:left;width:100%} .queryMessage .query-info{display:flex;align-items:center;font-family:var(--title-font);font-size:17px;color:var(--title-color);font-weight:var(--title-weight);margin:0 0 20px} .no-posts .queryMessage .query-info{margin:0} .queryMessage .query-info:after{display:inline-block;content:'\e5cc';font-family:'Material Icons Round';font-size:20px;color:var(--main-color);font-weight:400;line-height:0;margin:3px 0 0 -3px} .rtl .queryMessage .query-info:after{content:'\e5cb';margin:3px -3px 0 0} .queryEmpty{font-size:14px;color:var(--meta-color);text-align:center;margin:50px 0} .index-post-wrap .post.ad-type{display:block;background:transparent;overflow:visible;border-radius:0;box-shadow:none} @keyframes postFadeInUp{0%{opacity:0;transform:translate3d(0,10px,0)}100%{opacity:1;transform:translate3d(0,0,0)}} .index-post-wrap .post.fadeInUp{animation:postFadeInUp .5s ease} .item-post-inner{background-color:var(--widget-bg);border-radius:var(--radius);box-shadow:var(--widget-shadow)} #breadcrumb{display:flex;font-size:14px;color:var(--meta-color);font-weight:var(--light-weight);line-height:1;margin:0 0 10px} #breadcrumb a{color:var(--meta-color)} #breadcrumb a.home,#breadcrumb a:hover{color:var(--main-color)} #breadcrumb .separator:after{content:'\e5cc';font-family:'Material Icons Round';font-size:16px;font-weight:400;font-style:normal;vertical-align:middle} .rtl #breadcrumb .separator:after{content:'\e5cb'} .item-post h1.entry-title{font-size:$(itempost.title.size)} .entry-header.p-eh{padding:20px;border-bottom:1px solid var(--border-color)} .p-eh .entry-meta{justify-content:space-between;font-size:14px;margin:13px 0 0} .entry-meta .align-left,.entry-meta .align-right{display:flex;align-items:center} .p-eh .entry-meta .mi,.p-eh .entry-meta .sp{margin:0 4px 0 0} .rtl .entry-meta .mi,.rtl .p-eh .entry-meta .sp{margin:0 0 0 4px} .entry-meta .entry-avatar{width:32px;height:32px;background-color:var(--widget-bg);overflow:hidden;padding:1px;margin:0 5px 0 0;border:1px solid var(--main-color);border-radius:50%} .rtl .entry-meta .entry-avatar{margin:0 0 0 5px} .entry-meta .avatar{z-index:2;border-radius:50%} .entry-meta .al-items{display:flex} .share-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--gray-bg);color:var(--title-color);font-size:18px;border-radius:var(--radius)} .share-toggle:before{display:block;content:'\e80d';font-family:'Material Icons Round';line-height:0;font-weight:400} .rtl .share-toggle:before{transform:rotate3d(0,1,0,180deg)} .share-toggle:hover{color:var(--title-hover-color)} .entry-content-wrap{padding:20px} #post-body{position:relative;float:left;width:100%;font-family:var(--text-font);font-size:$(itempost.content.size);color:var(--text-color);line-height:1.6em} .post-body p{margin-bottom:25px} .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-size:17px;color:var(--title-color);line-height:1.3em;margin:0 0 20px} .post-body h1{font-size:26px} .post-body h2{font-size:23px} .post-body h3{font-size:20px} .post-body img{height:auto!important} blockquote{position:relative;background-color:var(--gray-bg);color:var(--title-color);font-style:normal;padding:20px;margin:0;border-radius:var(--radius)} blockquote:before{position:absolute;top:0;left:5px;content:'\e244';font-family:'Material Icons Round';font-size:60px;color:var(--title-color);font-style:normal;font-weight:400;line-height:1;opacity:.05;margin:0} .rtl blockquote:before{left:unset;right:5px} .post-body ul{padding:0 0 0 20px;margin:10px 0} .rtl .post-body ul{padding:0 20px 0 0} .post-body li{margin:8px 0;padding:0} .post-body ul li,.post-body ol ul li{list-style:none} .post-body ul li:before,.post-body ul li ul li ul li:before{display:inline-block;content:'\ef4a';font-family:'Material Icons Round';font-size:.4em;line-height:1;vertical-align:middle;margin:0 5px 0 0} .post-body ul li ul li:before{content:'\e57b'} .rtl .post-body ul li:before{margin:0 0 0 5px} .post-body ol{counter-reset:pbt;padding:0 0 0 20px;margin:10px 0} .rtl .post-body ol{padding:0 20px 0 0} .post-body ol > li{counter-increment:pbt;list-style:none} .post-body ol > li:before{display:inline-block;content:counters(pbt,'.')'.';margin:0 5px 0 0} .rtl .post-body ol > li:before{margin:0 0 0 5px} .post-body u{text-decoration:underline} .post-body strike{text-decoration:line-through} .post-body sup{vertical-align:super} .post-body a{color:var(--main-color)} .post-body a:hover{text-decoration:underline} .post-body a.button{display:inline-block;height:34px;background:var(--button-bg);font-family:var(--body-font);font-size:15px;color:var(--button-color);font-weight:400;line-height:34px;text-align:center;text-decoration:none;cursor:pointer;padding:0 20px;margin:0 6px 8px 0} .rtl .post-body a.button{margin:0 0 8px 6px} .post-body a.button.x2{height:46px;font-size:18px;line-height:46px} .post-body a.button.is-c,.rtl.post-body a.button.is-c{margin:0 3px 8px} .post-body a.button.x2 span{display:inline-block;background-color:rgba(255,255,255,0.1);font-size:14px;line-height:14px;padding:6px;margin:0 0 0 20px;border-radius:var(--radius)} .rtl .post-body a.button.x2 span{margin:0 20px 0 0} .post-body .button:before{display:inline-block;font-family:'Material Icons Round';font-size:16px;font-weight:400;line-height:1;vertical-align:middle;margin:-1px 6px 0 0} .rtl .post-body .button:before{margin:-1px 0 0 6px} .post-body a.btn.x2:before{font-size:20px;margin:-2px 6px 0 0} .rtl .post-body a.btn.x2:before{margin:-2px 0 0 6px} .post-body .btn.preview:before{content:'\e8f4'} .post-body .btn.download:before{content:'\f090'} .post-body .btn.link:before{content:'\e157'} .post-body .btn.cart:before{content:'\e8cc'} .post-body .btn.info:before{content:'\e88e'} .post-body .btn.share:before{content:'\e80d'} .post-body .btn.contact:before{content:'\e0e1'} .post-body .btn.whatsapp:before{content:'\f232';font-family:'Font Awesome 5 Brands';font-style:normal} .post-body .btn.paypal:before{content:'\f1ed';font-family:'Font Awesome 5 Brands';font-style:normal} .post-body .btn.gift:before{content:'\e8f6'} .post-body a.color{color:#fff} .post-body a.button:hover{opacity:.9} .alert-message{display:block;background-color:var(--gray-bg);padding:20px;border:1px solid var(--border-color);border-radius:var(--radius)} .alert-message.alert-success{background-color:rgba(39,174,96,0.1);color:rgba(39,174,96,1);border-color:rgba(39,174,96,0.1)} .alert-message.alert-info{background-color:rgba(41,128,185,0.1);color:rgba(41,128,185,1);border-color:rgba(41,128,185,0.1)} .alert-message.alert-warning{background-color:rgba(243,156,18,0.1);color:rgba(243,156,18,1);border-color:rgba(243,156,18,0.1)} .alert-message.alert-error{background-color:rgba(231,76,60,0.1);color:rgba(231,76,60,1);border-color:rgba(231,76,60,0.1)} .alert-message:before{display:inline-block;font-family:'Material Icons Round';font-size:18px;line-height:1;font-weight:400;vertical-align:middle;margin:0 5px 0 0} .rtl .alert-message:before{margin:0 0 0 5px} .alert-message.alert-success:before{content:'\e86c'} .alert-message.alert-info:before{content:'\e88e'} .alert-message.alert-warning:before{content:'\e000'} .alert-message.alert-error:before{content:'\e5c9'} .post-body table{width:100%;overflow-x:auto;text-align:left;margin:0;border-collapse:collapse;border:1px solid var(--border-color)} .rtl .post-body table{text-align:right} .post-body table td,.post-body table th{padding:6px 12px;border:1px solid var(--border-color)} .post-body table thead th{color:var(--title-color);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:12px;color:var(--meta-color);font-style:italic;padding:6px 0 0} .pbt-toc-wrap{display:flex;width:100%;clear:both;margin:0} .pbt-toc-inner{position:relative;max-width:100%;background-color:var(--gray-bg);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:var(--radius)} .pbt-toc-title{position:relative;height:40px;font-size:16px;color:var(--title-color);font-weight:var(--title-weight);display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 18px} .rtl .pbt-toc-title{padding:0 18px 0 13px} .pbt-toc-title-text{display:flex} .pbt-toc-title-text:before{content:'\e242';font-family:'Material Icons Round';font-size:20px;font-weight:400;margin:0 6px 0 0} .rtl .pbt-toc-title-text:before{margin:0 0 0 6px} .pbt-toc-title:after{content:'\e5cf';font-family:'Material Icons Round';font-size:24px;font-weight:400;margin:0 0 0 20px} .rtl .pbt-toc-title:after{margin:0 20px 0 0} .pbt-toc-title.is-expanded:after{content:'\e5ce'} #pbt-toc{display:none;padding:0 20px 10px;margin:0} #pbt-toc ol{counter-reset:pbtToc;padding:0 0 0 20px} .rtl #pbt-toc ol{padding:0 20px 0 0} #pbt-toc li{counter-increment:pbtToc;font-size:14px;margin:10px 0} #pbt-toc li:before{content:counters(pbtToc,'.')'.'} #pbt-toc li a{color:var(--main-color)} #pbt-toc li a:hover{text-decoration:underline} .post-body .contact-form-widget{display:table;width:100%;font-family:var(--body-font)} .post-body .contact-form-widget .cf-s{font-size:15px} .post-body .contact-form-name.cf-s{width:calc(50% - 5px)} .rtl .post-body .contact-form-name{float:right} .post-body .contact-form-email.cf-s{float:right;width:calc(50% - 5px)} .rtl .post-body .contact-form-email{float:left} .post-body .contact-form-button-submit{font-size:15px} .post-body pre,pre.code-box{display:block;background-color:var(--gray-bg);font-family:Monospace;font-size:13px;color:var(--title-color);white-space:pre-wrap;line-height:1.4em;padding:20px;border:1px solid var(--border-color);border-radius:var(--radius)} .post-body .google-auto-placed{margin:25px 0} .youtube-video{position:relative;width:100%;padding:0;padding-top:56%} .youtube-video iframe{position:absolute;top:0;left:0;width:100%;height:100%} .entry-labels{display:flex;flex-wrap:wrap;margin:20px 0 0} .entry-labels > *{display:flex;align-items:center;height:20px;background-color:var(--gray-bg);font-size:12px;color:var(--title-color);padding:0 6px;margin:5px 5px 0 0} .rtl .entry-labels > *{margin:5px 0 0 5px} .entry-labels span{background-color:var(--title-color);color:var(--widget-bg)} .is-dark .entry-labels span{background-color:var(--outer-bg);color:var(--title-color)} .entry-labels a:hover{color:var(--title-hover-color)} .post-share{padding:15px 20px 20px;border-top:1px solid var(--border-color)} ul.share-a{display:flex;flex-wrap:wrap;align-items:flex-start} .share-a .btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:16px;color:#fff;font-weight:400;overflow:hidden;margin:5px 5px 0 0} .rtl .share-a .btn{margin:5px 0 0 5px} .share-a .email .btn{font-size:18px} .share-a .has-span .btn{width:auto;justify-content:space-between;padding:4px} .share-a .has-span .btn:before{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;background-color:rgba(255,255,255,0.08);border-radius:var(--radius)} .share-a .btn span{font-size:14px;padding:0 15px} .share-a .sl-btn{position:relative;overflow:visible;font-size:18px;color:var(--title-color);margin:5px 10px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} .share-a .sl-btn:before,.share-a .sl-btn:after{position:absolute;content:'';height:0;width:0;pointer-events:none;top:calc(50% - 6px);right:-12px;border:6px solid transparent;border-left-color:var(--border-color);transition:all .17s ease} .share-a .sl-btn:after{top:calc(50% - 5px);right:-10px;border:5px solid transparent;border-left-color:var(--widget-bg)} .sl-btn .sl-ico:before{display:block;content:'\e80d';font-family:'Material Icons Round';font-style:normal;line-height:0;font-weight:400} .rtl .share-a .sl-btn{margin:5px 0 0 10px;transform:rotate3d(0,1,0,180deg)} .share-a .show-more .btn{background-color:rgba(155,155,155,0.15);font-size:28px;color:rgba(155,155,155,0.9)} .share-a .show-more .btn:before{content:'\e145';font-family:'Material Icons Round';font-weight:400} .share-a li .btn:not(.sl-btn):hover{opacity:.9} .share-modal{display:flex;flex-direction:column;align-items:center;position:fixed;top:50%;left:50%;width:440px;max-width:calc(100% - 40px);z-index:1010;transform:translate(-50%,0);visibility:hidden;opacity:0;transition:all .17s ease} .modal-inner{display:flex;flex-direction:column;width:100%;background-color:var(--widget-bg);overflow:hidden;border-radius:var(--radius);box-shadow:0 1px 2px rgba(0,0,0,0.05),0 5px 15px 0 rgba(0,0,0,0.15)} .modal-header{display:flex;align-items:center;position:relative;overflow:hidden;padding:20px;box-shadow:0 1px 8px rgba(0,0,0,0.1)} .is-dark .modal-header{box-shadow:0 1px 8px rgba(0,0,0,0.15)} .modal-thumb{width:70px;height:50px;margin:0 12px 0 0} .rtl .modal-thumb{margin:0 0 0 12px} .modal-title{display:-webkit-box;flex:1;width:100%;font-size:15px;color:var(--title-color);line-height:1.3em;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical} .modal-title .strong{font-weight:700;margin:0 6px 0 0} .rtl .modal-title .strong{margin:0 0 0 6px} .modal-title .title{opacity:.8} ul.share-b{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;position:relative;padding:20px} .share-b a{display:flex;align-items:center;justify-content:flex-start;height:34px;font-size:14px;color:#fff;padding:4px} .share-b a:before{display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.08);width:26px;height:26px;margin:0 6px 0 0;border-radius:var(--radius)} .share-b .email a:before{font-size:16px} .rtl .share-b a:before{margin:0 0 0 6px} .share-b a:hover{opacity:.9} .hide-modal{display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:#fff;background-color:rgba(22,22,26,0.5);font-size:24px;margin:40px 0 0;border-radius:40px;transform:rotate(45deg);transition:all .25s ease;transition-delay:.1s;transition-property:transform} .hide-modal:before{content:'\e5cd';font-family:'Material Icons Round';font-weight:400} .share-active .share-modal{transform:translate(-50%,-50%);visibility:visible;opacity:1} .share-active .hide-modal{transform:rotate(0deg)} #share-overlay{background-color:rgba(22,22,26,0.8)} .is-dark #share-overlay{rgba(22,22,26,0.92)} .share-active #share-overlay{visibility:visible;opacity:1} .post-widget{margin:25px 0 0} .about-author{display:flex;background-color:var(--widget-bg);padding:20px;border-radius:var(--radius);box-shadow:var(--widget-shadow)} .about-author .author-avatar{width:60px;height:60px;margin:0 15px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)} .rtl .about-author .author-avatar{margin:0 0 0 15px} .about-author .author-title{font-size:18px;color:var(--title-color);font-weight:var(--title-weight);margin:0 0 10px} .about-author .author-title a{color:var(--title-color)} .about-author .author-title a:hover{color:var(--title-hover-color)} .author-description{flex:1} .author-description .author-text{display:block;font-size:14px;font-weight:400} .author-description .author-text br,.author-description .author-text a{display:none} ul.author-links{display:flex;flex-wrap:wrap;padding:0} .author-links li{margin:10px 12px 0 0} .rtl .author-links li{margin:10px 0 0 12px} .author-links li a{display:block;font-size:14px;color:var(--text-color);padding:0} .author-links li.email a,.author-links li.external-link a{font-size:16px} .rtl .author-links li.external-link a{transform:rotate3d(0,1,0,180deg)} .author-links li a:hover{opacity:.9} #niadzgn-pro-related-posts{display:none} #related-wrap{background-color:var(--widget-bg);padding:20px;border-radius:var(--radius);box-shadow:var(--widget-shadow)} .related-content .loader{height:180px} .related-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px} .related-items .post{display:flex;flex-direction:column} .related-items .entry-thumbnail{width:100%;height:140px;margin:0 0 10px} .related-items .entry-title{font-size:15px} .related-items .entry-meta{margin:5px 0 0} .niadzgn-pro-blog-post-comments{display:none;flex-direction:column;background-color:var(--widget-bg);padding:20px;border-radius:var(--radius);box-shadow:var(--widget-shadow)} .niadzgn-pro-blog-post-comments.is-visible{display:flex} .niadzgn-pro-blog-post-comments:not(.comments-system-blogger){padding:10px 20px} .niadzgn-pro-blog-post-comments .fb_iframe_widget_fluid_desktop{float:left;display:block!important;width:calc(100% + 16px)!important;max-width:calc(100% + 16px)!important;margin:0 -8px} .niadzgn-pro-blog-post-comments .fb_iframe_widget_fluid_desktop span,.niadzgn-pro-blog-post-comments .fb_iframe_widget_fluid_desktop iframe{float:left;display:block!important;width:100%!important} #disqus_thread,.fb-comments{clear:both;padding:0} #comments h4#comment-post-message{display:none;float:none} .comments-title{margin:0} .has-comments .comments-title.no-message{margin:0 0 5px} .comments .comment-content{display:block;font-family:var(--text-font);font-size:14px;color:var(--text-color);line-height:1.5em;margin:10px 0 0} .comments .comment-content > a:hover{text-decoration:underline} .comment-thread .comment{position:relative;list-style:none;padding:20px 0 0;margin:20px 0 0;border-top:1px solid var(--border-color)} .comment-thread .comment .comment{background-color:var(--gray-bg);padding:20px;border:0;border-radius:var(--radius)} .comment-thread ol{padding:0;margin:0} .comment-thread .comment-replies ol{padding:0 0 4px} .toplevel-thread ol > li:first-child{margin:0;border:0} .toplevel-thread ol > li:first-child > .comment-block{padding-top:0;margin:0;border:0} .comment-thread ol ol .comment:before{position:absolute;content:'\f060';left:-30px;top:-5px;font-family:'Material Icons Round';font-size:20px;color:var(--border-color);font-weight:400} .rtl .comment-thread ol ol .comment:before{left:unset;right:-30px;transform:rotate(-180deg)} .comments .comment-replybox-single iframe{padding:0 0 0 48px;margin:10px 0 -5px} .rtl .comments .comment-replybox-single iframe{padding:0 48px 0 0} .comment-thread .avatar-image-container{position:absolute;top:20px;left:0;width:35px;height:35px;overflow:hidden;border-radius:50%;box-shadow:var(--avatar-shadow)} .rtl .comment-thread .avatar-image-container{left:auto;right:0} .comment-thread .comment .comment .avatar-image-container{left:20px} .rtl .comment-thread .comment .comment .avatar-image-container{left:unset;right:20px} .avatar-image-container img{display:block;width:100%;height:100%} .comments .comment-header{padding:0 0 0 48px} .rtl .comments .comment-header{padding:0 48px 0 0} .comments .comment-header .user{display:inline-block;font-family:var(--title-font);font-size:16px;color:var(--title-color);font-weight:var(--title-weight);font-style:normal} .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:14px;color:var(--main-color);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:'\ef76';font-family:'Material Icons Round';font-weight:400} .comments .comment-header .datetime{display:block;font-size:12px;font-weight:var(--light-weight);margin:1px 0 0} .comment-header .datetime a{color:var(--meta-color)} .comments .comment-actions{display:block;margin:0} .comments .comment-actions a{display:inline-block;font-size:14px;color:var(--main-color);font-weight:400;font-style:normal;margin:10px 15px 0 0} .rtl .comments .comment-actions a{margin:10px 0 0 15px} .comments .comment-actions a:hover{color:var(--main-color);text-decoration:underline} .item-control{display:none} .loadmore.loaded a{display:inline-block;border-bottom:1px solid rgba(155,155,155,.51);text-decoration:none;margin-top:15px} .comments .continue{display:none} .comments .comment-replies{padding:0 0 0 48px} .rtl .comments .comment-replies{padding:0 48px 0 0} .thread-expanded .thread-count a,.loadmore.hidden{display:none} .comments .footer{float:left;width:100%;font-size:13px;margin:0} p.comments-message{font-size:14px;color:var(--meta-color);font-style:italic;padding:0 0 15px;margin:15px 0 0;border-bottom:1px solid var(--border-color)} p.comments-message.no-new-comments{padding:0;border:0} p.comments-message > a{color:var(--main-color)} p.comments-message > a:hover{color:var(--title-color)} p.comments-message > em{color:#ff3f34;font-style:normal;margin:0 3px} #comments[data-embed='false'] p.comments-message > i{color:var(--main-color);font-style:normal} .comment-form > p{display:none} .comments #top-ce.comment-replybox-thread,.no-comments .comment-form{padding:15px 0 0;margin:20px 0 -5px;border-top:1px solid var(--border-color)} .no-comments .comment-form{margin-top:0;border:0} .comments #top-continue a{display:flex;align-items:center;justify-content:center;width:100%;height:34px;font-size:14px;color:var(--title-color);font-weight:500;margin:25px 0 0;border:1px solid var(--border-color);border-radius:var(--radius)} .comments #top-continue a:hover{color:var(--title-hover-color)} #custom-ads,#niadzgn-pro-post-footer-ads{position:relative;float:left;width:100%;opacity:0;visibility:hidden} #custom-ads{padding:0 20px} #before-ad .widget-title,#after-ad .widget-title{display:block} #before-ad .widget-title > .title,#after-ad .widget-title > .title{font-size:10px;color:var(--meta-color);font-weight:400;line-height:1;margin:0 0 6px} #before-ad .widget{position:relative;margin:0 0 20px} #after-ad .widget{position:relative;margin:20px 0 0} #niadzgn-pro-new-before-ad #before-ad,#niadzgn-pro-new-after-ad #after-ad{display:block} #niadzgn-pro-new-before-ad #before-ad .widget,#niadzgn-pro-new-after-ad #after-ad .widget{margin:0} #post-footer-ads .widget{position:relative} .post-nav{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px;font-weight:var(--light-weight)} .post-nav > *{display:flex;align-items:center;color:var(--meta-color);margin:0 -4px} .post-nav a:hover{color:var(--main-color)} .post-nav span{color:var(--meta-color);cursor:no-drop;opacity:.65} .post-nav .post-nav-link:before,.post-nav .post-nav-link:after{font-family:'Material Icons Round';font-size:16px;line-height:1;font-weight:400} .post-nav-newer-link:before,.rtl .post-nav-older-link:after{content:'\e5cb'} .post-nav-older-link:after,.rtl .post-nav-newer-link:before{content:'\e5cc'} #blog-pager{display:flex;justify-content:center;margin:25px 0 0} #blog-pager .load-more{display:flex;align-items:center;justify-content:center;height:34px;background:var(--button-bg);font-size:14px;color:var(--button-color);padding:0 30px} #blog-pager #niadzgn-pro-load-more-link:after{content:'\e5cf';display:inline-block;font-family:'Material Icons Round';font-size:20px;font-weight:400;margin:-1px 0 0} #blog-pager #niadzgn-pro-load-more-link:hover{opacity:.9} #blog-pager .no-more.show{display:flex;background:var(--gray-bg);color:var(--meta-color);cursor:not-allowed;padding:0 20px} #blog-pager .loading,#blog-pager .no-more{display:none} #blog-pager .loading .loader{height:34px} #blog-pager .loader:after{width:28px;height:28px} .sidebar{position:relative;float:left;width:100%;display:grid;grid-template-columns:100%;grid-gap:25px} .sidebar > .widget{display:flex;flex-direction:column;width:100%;background-color:var(--widget-bg);padding:20px;border-radius:var(--radius);box-shadow:var(--widget-shadow)} .sidebar .widget.is-ad{background-color:transparent;padding:0;border-radius:0;box-shadow:none} .sidebar .title-wrap{display:flex;margin:0 0 20px} .sidebar .title-wrap > .title{position:relative;font-size:17px;color:var(--title-color);line-height:1;margin:0} .sidebar .widget.is-ad > .widget-title{display:none} .sidebar ul.social-icons{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px} .sidebar .social-icons li{display:flex} .sidebar .social-icons a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;font-size:18px;color:#fff;font-weight:400;overflow:hidden;padding:6px} .sidebar .social-icons .rss a,.sidebar .social-icons .email a,.sidebar .social-icons .external-link a{font-size:20px} .sidebar .social-icons a:before{display:flex;align-items:center;justify-content:center;width:100%;height:34px;background-color:rgba(255,255,255,0.08);border-radius:var(--radius)} .sidebar .social-icons span{display:-webkit-box;font-size:14px;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical;padding:5px 0 0} .sidebar .social-icons a:hover{opacity:.9} .pbt-section .loader{height:180px} .side-items{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px} .side-items .post{display:flex;flex-direction:column} .side-items .entry-thumbnail{width:100%;height:90px;margin:0 0 10px} .side-items .entry-index{display:flex;align-items:center;justify-content:center;position:absolute;left:12px;bottom:12px;width:18px;height:18px;background:var(--thumbtag-bg);font-size:10px;color:var(--thumbtag-color);font-weight:500;text-transform:uppercase;line-height:0;z-index:2;border-radius:var(--radius)} .rtl .side-items .entry-index{left:unset;right:12px} .side-items .entry-title{font-size:14px} .cmm1-items{display:grid;grid-template-columns:1fr;grid-gap:25px} .cmm1-items .entry-inner{display:flex;align-items:center} .cmm1-items .entry-thumbnail{width:45px;height:45px;z-index:1;margin:0 13px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)} .rtl .cmm1-items .entry-thumbnail{margin:0 0 0 13px} .cmm1-items .entry-header{flex:1} .cmm1-items .entry-title{font-size:14px} .cmm1-items .entry-inner:hover .entry-title{color:var(--title-hover-color)} .cmm1-items .cmm-snippet{font-size:12px;color:var(--text-color);line-height:1.3em;margin:4px 0 0} .FeaturedPost .post{display:flex;flex-direction:column} .FeaturedPost .post .entry-thumbnail{width:100%;height:160px;margin:0 0 12px} .FeaturedPost .post .entry-title{font-size:19px} .FeaturedPost .post .entry-meta{flex-wrap:wrap;margin:6px 0 0} .list-style li{font-size:14px} .list-style li a,.text-list li{display:block;color:var(--title-color);padding:8px 0} .list-style li a.has-count{display:flex;justify-content:space-between} .list-style li:first-child a,.text-list li:first-child{padding:0 0 8px} .list-style li:last-child a,.text-list li:last-child{padding:8px 0 0} .list-style li a:hover{color:var(--title-hover-color)} .list-style .count-style{display:inline-block;color:var(--meta-color)} .cloud-label ul{display:flex;flex-wrap:wrap;margin:-6px 0 0} .cloud-label li{margin:6px 5px 0 0} .rtl .cloud-label li{margin:6px 0 0 5px} .cloud-label li a{display:flex;height:28px;background-color:var(--gray-bg);color:var(--title-color);font-size:14px;font-weight:400;align-items:center;padding:0 12px} .cloud-label li a:hover{color:var(--title-hover-color)} .cloud-label .label-count{display:inline-block;margin:0 0 0 6px} .rtl .cloud-label .label-count{margin:0 6px 0 0} .BlogSearch .search-form{display:flex;height:36px;overflow:hidden;padding:2px;border:1px solid var(--border-color);border-radius:var(--radius)} .is-dark .BlogSearch .search-form{background-color:var(--gray-bg)} .BlogSearch .search-input{width:100%;flex:1;font-size:14px;color:var(--text-color);padding:0 8px} .BlogSearch .search-input::placeholder{color:var(--text-color);opacity:.65} .BlogSearch .search-action{background:var(--button-bg);font-size:14px;color:var(--button-color);cursor:pointer;padding:0 13px} .BlogSearch .search-action:hover{opacity:.9} .MailChimp.widget{border-top:5px solid var(--button-border)} .MailChimp .mailchimp-header{display:flex;flex-direction:column;align-items:center;text-align:center} .MailChimp .mailchimp-header:before{display:flex;align-items:center;justify-content:center;align-self:center;content:'\e0e1';font-family:'Material Icons Round';width:34px;height:34px;background:var(--button-bg);font-size:20px;color:var(--button-color);font-weight:400;line-height:1;margin:0 0 20px;border-radius:50%} .is-dark .MailChimp .mailchimp-header:before{color:var(--title-color)} .MailChimp .mailchimp-title{font-size:21px;color:var(--title-color);font-weight:var(--title-weight);margin:0 0 10px} .MailChimp .mailchimp-text{font-size:14px;color:var(--text-color);margin:0 0 15px} .MailChimp .mailchimp-email-address{width:100%;height:34px;font-size:14px;color:var(--text-color);text-align:center;padding:0 10px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:var(--radius)} .is-dark .MailChimp .mailchimp-email-address{background-color:var(--gray-bg)} .MailChimp .mailchimp-email-address::placeholder{color:var(--text-color);opacity:.65} .MailChimp .mailchimp-email-address:focus{border-color:var(--button-border)} .MailChimp .mailchimp-submit{width:100%;height:34px;background:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 20px} .MailChimp .mailchimp-submit:hover{opacity:.9} .Profile ul li{float:left;width:100%;padding:20px 0 0;margin:20px 0 0;border-top:1px solid var(--border-color)} .Profile ul li:first-child{padding:0;margin:0;border:0} .Profile .individual,.Profile .team-member{display:flex;align-items:center} .Profile .profile-img{width:45px;height:45px;background-color:var(--gray-bg);overflow:hidden;color:transparent!important;margin:0 13px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)} .rtl .Profile .profile-img{margin:0 0 0 13px} .Profile .profile-info{flex:1} .Profile .profile-name{display:block;font-family:var(--title-font);font-size:15px;color:var(--title-color);font-weight:var(--title-weight)} .Profile .profile-name:hover{color:var(--title-hover-color)} .Profile .profile-link{display:block;font-size:12px;color:var(--meta-color)} .Profile .profile-link:hover{color:var(--main-color)} .Text .widget-content{font-family:var(--text-font);font-size:14px;color:var(--text-color)} .Image .image-caption{font-family:var(--text-font);font-size:14px;margin:6px 0 0} .contact-form-widget .cf-s{float:left;width:100%;height:34px;font-size:14px;color:var(--text-color);padding:0 10px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:var(--radius)} .is-dark .contact-form-widget .cf-s{background-color:var(--gray-bg)} .contact-form-email-message.cf-s{float:left;width:100%;height:auto;resize:vertical;padding:10px} .contact-form-widget .cf-s::placeholder{color:var(--text-color);opacity:.9} .contact-form-widget .cf-s:focus{border-color:var(--button-border)} .contact-form-button-submit{float:left;width:100%;height:34px;background:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 20px;border:0;border-radius:var(--radius)} .contact-form-button-submit:hover{opacity:.9} .contact-form-widget p{margin:0} .contact-form-widget .contact-form-error-message-with-border,.contact-form-widget .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;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} .Attribution a{display:flex;align-items:center;font-size:14px;color:var(--title-color);font-weight:var(--title-weight)} .Attribution a > svg{width:16px;height:16px;fill:var(--main-color);margin:0 4px 0 0} .rtl .Attribution a > svg{margin:0 0 0 4px} .Attribution a:hover{color:var(--title-hover-color)} .Attribution .copyright{font-size:12px;color:var(--meta-color);padding:0 20px;margin:2px 0 0} #google_translate_element{position:relative;overflow:hidden} .Stats .text-counter-wrapper{display:flex;align-items:center;font-size:18px;color:var(--meta-color);font-weight:700;text-transform:uppercase;line-height:1;margin:0} .Stats .text-counter-wrapper:before{content:'\e202';font-family:'Material Icons Round';font-size:22px;color:var(--title-color);font-weight:400;margin:0 4px 0 0} .rtl .Stats .text-counter-wrapper:before{margin:0 0 0 4px} .ReportAbuse > h3{display:flex;font-size:14px;font-weight:400} .ReportAbuse > h3:before{content:'\e002';font-family:'Material Icons Round';font-size:18px;color:var(--main-color);margin:0 3px 0 0} .rtl .ReportAbuse > h3:before{margin:0 0 0 3px} .ReportAbuse > h3 a:hover{text-decoration:underline} #footer-ads-wrap{position:relative;float:left;width:100%;background-color:var(--footerad-bg);margin:0;box-shadow:var(--widget-shadow)} #footer-ads-wrap .widget{padding:20px 0} #footer-ads-wrap.has-border,.is-dark #footer-ads-wrap{border-bottom:1px solid var(--footerad-border)} #footer-wrapper{position:relative;float:left;width:100%;background-color:var(--footer-bg);box-shadow:var(--widget-shadow)} .primary-footer{--title-color:var(--footer-color);--text-color:var(--footer-text-color)} #niadzgn-pro-about-section{flex-wrap:wrap;padding:40px 0} .about-section .Image{display:flex;justify-content:space-between;align-items:center;width:calc(100% - $(sidebar.width + 30px))} .footer-info{flex:1} .footer-info .title{font-size:15px;color:var(--title-color);text-transform:uppercase;margin:0 0 10px} .footer-logo{padding:0 30px 0 0} .rtl .footer-logo{padding:0 0 0 30px} .footer-logo img{display:block;width:auto;height:auto;max-height:40px} .footer-info .image-caption{font-size:14px;color:var(--text-color);margin:0} .footer-info .image-caption a{color:var(--title-color)} .footer-info .image-caption a:hover{opacity:.9} .about-section .LinkList{width:$(sidebar.width);display:flex;align-items:center;justify-content:flex-end;margin:0} .about-section ul.social-icons{display:flex;flex-wrap:wrap} .about-section .social-icons li{margin:0 0 0 10px} .rtl .about-section .social-icons li{margin:0 10px 0 0} .about-section .social-icons a{display:flex;width:34px;height:34px;background-color:var(--gray-bg);font-size:16px;color:var(--title-color);align-items:center;justify-content:center} .about-section .social-icons .rss a,.about-section .social-icons .email a,.about-section .social-icons .external-link a{font-size:20px} .about-section .social-icons a:hover{color:#fff} .footer-bar{background-color:var(--footerbar-bg);color:var(--footerbar-color);padding:20px 0} .footer-bar.has-border{border-top:1px solid var(--footerbar-border-color)} .footer-bar .footer-copyright{font-size:14px;font-weight:400;margin:0} .footer-bar .footer-copyright a{color:var(--footerbar-color)} .footer-bar .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)} .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:15px;margin:0 0 15px} .errorWrap a{display:inline-block;height:34px;background:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:34px;padding:0 30px;margin:15px 0 0} .errorWrap a:hover{opacity:.9} .cookie-choices-info{display:none;visibility:hidden;opacity:0} .cookie-consent{display:none;position:fixed;bottom:20px;left:20px;width:300px;background-color:var(--cookie-bg);z-index:1020;padding:20px;visibility:hidden;opacity:0;border-radius:var(--radius);box-shadow:0 0 10px rgba(0,0,0,0.1);transition:visibility .35s ease,opacity .35s ease,transform .35s ease} .rtl .cookie-consent{left:unset;right:20px} .cookie-consent.is-visible{visibility:visible;opacity:1} .consent-text{font-size:14px;color:var(--cookie-color);margin:0 0 15px} .consent-text a{color:var(--main-color);text-decoration:underline} .consent-text a:after{display:inline-block;content:'\e89e';font-family:'Material Icons Round';font-weight:400;vertical-align:middle;margin:0 0 0 3px} .rtl .consent-text a:after{margin:0 3px 0 0} .consent-text a:hover{opacity:.9} .consent-button{display:inline-block;height:34px;background:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:34px;padding:0 20px} .consent-button:hover{opacity:.9} #back-top{display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;right:20px;width:34px;height:34px;background:var(--button-bg);font-size:24px;color:var(--button-color);z-index:50;opacity:0;visibility:hidden;transition:visibility .17s ease,opacity .17s ease} .rtl #back-top{right:auto;left:20px} #back-top:before{content:'\e5ce';font-family:'Material Icons Round';font-weight:400} #back-top.show{opacity:1;visibility:visible} #back-top:hover{opacity:.9} ins.adsbygoogle-noablate[data-anchor-shown="true"]{z-index:990!important} #content-wrapper > .google-auto-placed,#content-wrapper .container > .google-auto-placed{display:none!important} #hidden-widgets{display:none;visibility:hidden} .CSS_LIGHTBOX{z-index:999999!important} .CSS_LIGHTBOX_BG_MASK{background-color:rgba(0,0,0,0.9)!important;opacity:1!important;backdrop-filter:blur(1px)} .CSS_LIGHTBOX_BTN_CLOSE{background:transparent!important;top:10px!important;right:15px!important} .CSS_LIGHTBOX_BTN_CLOSE:before{content:'\e5cd';font-family:'Material Icons Round';color:#fff;font-size:24px;font-weight:400} .CSS_LIGHTBOX_BTN_CLOSE:hover:before{opacity:.85} .rtl .CSS_LIGHTBOX_BTN_CLOSE{right:unset!important;left:15px} .CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0} @media only screen and (max-width: $(row.width + 50px)) { #outer-wrapper,.is-boxed #outer-wrapper,.is-boxed .header-header{width:100%;max-width:100%;margin:0} .row-x1{width:100%} #top-ads-wrap .container,.main-header .container,#ticker-wrapper .container,#trending-wrapper .container,#content-wrapper .container,#footer-ads-wrap .container,#footer-wrapper .container{padding:0 20px} #main-wrapper{width:calc(70% - 25px)} #sidebar-wrapper{width:30%} } @media only screen and (max-width: 980px) { .main-header .container{padding:0} .header-items{flex-wrap:nowrap;--search-width:100%!important} .mobile-menu-toggle{display:flex} #niadzgn-pro-main-menu{display:none} #slide-menu{display:block} .overlay{-webkit-backdrop-filter:saturate(100%) blur(2px);-ms-backdrop-filter:saturate(100%) blur(2px);-o-backdrop-filter:saturate(100%) blur(2px);backdrop-filter:saturate(100%) blur(2px)} .nav-active #overlay{visibility:visible;opacity:1} .flex-left{overflow:hidden;transition:all .17s ease} .main-logo{flex-shrink:1} .flex-right{padding:0 0 0 10px} .rtl .flex-right{padding:0 10px 0 0} .flex-right,.rtl .flex-right{position:relative;top:unset;left:unset;right:unset} .darkmode-toggle{width:auto;font-size:18px} .search-toggle{width:auto;background-color:transparent;font-size:26px;padding:0 16px 0 11px} .rtl .search-toggle{padding:0 11px 0 16px} #main-search-wrap{background:var(--header-bg);padding:0 0 0 20px} .rtl #main-search-wrap{padding:0 20px 0 0} .search-active .flex-left{visibility:hidden;opacity:0} } @media only screen and (max-width: 880px) { .sz-1.is-ytimg:after{transform:translate(50%,-50%) scale(1)} .sz-3.is-ytimg:after{transform:translate(50%,-50%) scale(.9)} #content-wrapper > .container,.is-left #content-wrapper > .container{flex-direction:column!important;justify-content:flex-start} #main-wrapper,#sidebar-wrapper{width:100%} #sidebar-wrapper{margin:25px 0 0} .trending-items{grid-template-columns:repeat(2,1fr)} .list-items,.grid-items{grid-template-columns:repeat(2,1fr);grid-gap:25px} .list-items .post{flex-direction:column} .list-items .entry-thumbnail,.grid-items .entry-thumbnail{width:100%;max-width:100%;height:200px;min-height:auto;margin:0!important} .list-items .entry-header{flex:unset;align-self:unset;padding:20px} .list-items .entry-excerpt{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0} .list-items .entry-meta,.grid-items .entry-meta{font-size:13px;margin:8px 0 0} .related-items{grid-template-columns:repeat(2,1fr)} .related-items .entry-thumbnail{height:160px} .related-items .entry-title{font-size:17px} .side-items{grid-template-columns:repeat(4,1fr)} #niadzgn-pro-about-section{flex-wrap:wrap;flex-direction:column} .about-section .Image{width:100%;flex-direction:column;justify-content:center;text-align:center} .footer-info{text-align:center;margin:25px 0 0} .footer-info .title{display:none} .footer-logo{padding:0!important} .about-section .LinkList{width:100%;justify-content:center;margin:20px 0 0} .about-section ul.social-icons{justify-content:center} .about-section .social-icons li{margin:10px 5px 0!important} .footer-bar{height:auto;line-height:inherit;padding:25px 0} .footer-bar .container{flex-direction:column-reverse;justify-content:center} .footer-bar .footer-copyright,#footer-menu{width:100%;text-align:center} #footer-menu{padding:0 0 15px} .footer-menu ul{justify-content:center} .footer-menu ul li a{display:block;margin:5px 10px 0!important} .nav-active #back-top{opacity:0!important} } @media only screen and (max-width: 680px) { .sz-2.is-ytimg:after,.sz-3.is-ytimg:after,.sz-4.is-ytimg:after{transform:translate(50%,-50%) scale(.8)} #top-ads-wrap .container,#ticker-wrapper .container,#trending-wrapper .container,#content-wrapper .container,#footer-ads-wrap .container{padding:0 15px} #top-ads-wrap .widget{padding:10px 0} #trending .widget-content{min-height:180px} .featured-post .entry-thumbnail{height:200px} .featured-post .entry-header{padding:18px 20px 20px} .featured-post .entry-title{font-size:21px} .featured-post .entry-excerpt{display:-webkit-box;font-size:14px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0} .featured-post .entry-meta{font-size:13px;margin:8px 0 0} .list-items,.grid-items{grid-template-columns:1fr;grid-gap:25px} .list-items .entry-header,.grid-items .entry-header{padding:18px 20px 20px} .p-eh .entry-meta{margin:15px 0 0} .item-post h1.entry-title{font-size:31px} .post-body table{display:block} .share-modal{max-width:calc(100% - 30px)} .author-description .author-text,.comments .comment-content{font-size:$(itempost.content.size)} .related-items .entry-thumbnail{height:130px} .related-items .entry-title{font-size:15px} .related-items .entry-category{left:15px;bottom:15px} .rtl .related-items .entry-category{left:unset;right:15px} .side-items{grid-template-columns:repeat(2,1fr);grid-gap:20px} .side-items .entry-thumbnail{height:130px} .side-items .entry-index{left:15px;bottom:15px} .rtl .side-items .entry-index{left:unset;right:15px} .side-items .entry-title{font-size:15px} .FeaturedPost .post .entry-meta{margin:8px 0 0} .FeaturedPost .post .sz-2.is-ytimg:after{transform:translate(50%,-50%) scale(.9)} .errorWrap{padding:15px 15px 30px} .errorWrap h3{font-size:130px} .errorWrap h4{line-height:initial} .cookie-consent{right:0!important;left:0!important;bottom:0;width:100%;padding:20px;border-radius:0} } @media only screen and (max-width: 540px) { .ticker .widget-title .title{display:none} .ticker-items .entry-title a{opacity:1} .trending-items{grid-gap:15px} .trending-items .entry-thumbnail{height:130px} .trending-items .entry-category{left:15px;bottom:15px} .rtl .trending-items .entry-category{left:unset;right:15px} .trending-items .entry-header{flex:1;justify-content:space-between;padding:13px 15px} .trending-items .entry-title{font-size:15px} .trending-items .entry-title a{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical} .trending-items .entry-author,.trending-items .entry-time .sp{display:none} #breadcrumb{margin:0 0 12px} .item-post h1.entry-title{font-size:26px} .p-eh .entry-meta .has-time .entry-avatar{flex-shrink:0;width:40px;height:40px;margin:0 7px 0 0} .rtl .p-eh .entry-meta .has-time .entry-avatar{margin:0 0 0 7px} .p-eh .entry-meta .al-items{flex-direction:column;line-height:1;padding:0 15px 0 0} .rtl .p-eh .entry-meta .al-items{padding:0 0 0 15px} .p-eh .entry-meta .al-items .by{color:var(--title-color)} .p-eh .entry-meta .al-items .entry-time{font-size:13px;margin:5px 0 0} .p-eh .entry-meta .al-items .entry-time .sp{display:none} .share-a .twitter .btn{width:36px} .share-a .twitter .btn:before{background-color:transparent} .share-a .twitter .btn span,.share-a .email{display:none} .share-b a{height:36px} .share-b a:before{width:100%;background-color:transparent;font-size:16px;margin:0!important} .share-b .email a:before{font-size:18px} .share-b span{display:none} .related-items .entry-thumbnail{height:110px} .related-items .entry-title{font-size:14px} .side-items .entry-thumbnail{height:110px} .side-items .entry-title{font-size:14px} } @media only screen and (max-width: 380px) { .trending-items .entry-thumbnail{height:95px} .trending-items .is-ytimg .entry-category{display:none} .trending-items .entry-title{font-size:14px} .featured-post .entry-thumbnail{height:170px} .list-items .entry-thumbnail,.grid-items .entry-thumbnail{height:170px} .item-post h1.entry-title{font-size:23px} .pbt-toc-inner{min-width:100%} .share-a .facebook .btn{width:36px} .share-a .facebook .btn:before{background-color:transparent} .share-a .facebook .btn span{display:none} .share-a .email{display:block} .related-items .entry-thumbnail{height:95px} .related-items .is-ytimg .entry-category{display:none} .side-items .entry-thumbnail{height:95px} } @media only screen and (max-width: 340px) { #slide-menu{width:100%} .errorWrap h3{font-size:110px} .errorWrap h4{font-size:27px} } ]]></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:#fff;padding:95px 5px 0;margin:0 0 0 1px;border-width:1px 0 0;border-color:#eceff1} body#layout:before{content:'BuzzSpot - v1.1.0';position:absolute;top:0;left:5px;right:5px;height:95px;font-family:Roboto,sans-serif;font-size:23px;color:#263238;line-height:95px;text-align:center} body#layout div.section{display:block;background-color:#eceff1!important;margin:0 5px 10px!important;padding:16px 16px 18px!important;border:0} body#layout .no-items.section{display:block} body#layout .section h4{font-size:14px;color:#263238;text-transform:uppercase;margin:0} body#layout .section h4:after{text-transform:initial;color:#757575;font-weight:400} body#layout .add_widget a{color:#4385f5!important} body#layout .widget-wrap3{overflow:hidden} body#layout .widget-content{width:auto;max-width:none;max-height:none;margin:0;border:1px solid #e7e7e8;border-left:0} body#layout .locked-widget .widget-content{border-left:1px solid #4385f5} body#layout .locked-widget .widget-content:hover{border-left-color:#33a453} body#layout div.layout-title{color:#757575} body#layout .widget .widget-content a.editlink{border-radius:2px} body#layout .visibility .editlink{background:#4385f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhozKB0g3pU60fOZrBbwZn5LXFJH59xVBDohHQeHcOzt5PR-tP18uRjpZaMXox02N8JXj0bjRkhT29NTOQpJ-Lr13cplyTjKub-kY6WWIIDg0dwl59iciX1ZDXXz181SlUTsxtPNiolXcY/s48/edit.png) no-repeat center!important;background-size:20px!important} body#layout .visibility .editlink:hover{background-color:#33a453!important} body#layout .draggable-widget .widget-wrap2{background:#4385f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf96pA9otUTdRjf5eQ48sV9Md6rV5w5_trJ8IEgqXzx2-2yGdKqul1R2ADlXHdZuCxD9VtJsuFXDx7zIQnXlaBxiaK2dZoGgkQYEM80ScCweA7AZUYaY8x8kWSlKReulgFXfLisAwJ7ws/s68/drag.png) no-repeat 4px 50%!important;background-size:4px auto!important} body#layout .draggable-widget .widget-wrap1:hover .widget-wrap2{background-color:#33a453!important} body#layout .visibility .layout-widget-state.visible{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVFngWPnYMON5k1a4p3s7mVcJYhqVzzDIxBqRDLmwCXJzFqEir2OlAKv8PaAB_kp83-kR4746RbDzzRwfQWbA1DTzUdEDbifSViqgUKjYIMEcnTwS1MM0X1yILw081jqRl9cRFvspwZS0/s48/visibility_on.png)!important;background-size:24px!important} body#layout .visibility .layout-widget-state.not-visible{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJMu4hFhhkPd35DRprV27clK-l-ADL8d_oWlr9aWiO_nP-2lsQ5jmVZpX3n8bv5IwtSl6ibfHkjJwKy5RVfRfgAQVrj8gCGC4s3EMZTvOJHHoT2MMvBLjt8NvoVuAYnx6EAcEGjG01J4o/s48/visibility_off.png)!important;background-size:24px!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.pbt-panel{background-color:rgba(67,133,245,0.15)!important;overflow:hidden!important} body#layout .pbt-panel .widget{float:left;width:49.5%;margin-right:1%} body#layout .pbt-panel .widget-content{border-color:#d5e3fc!important} body#layout .pbt-panel .HTML{margin-right:0} body#layout .pbt-panel div.layout-widget-description,body#layout .mobile-menu-toggle,body#layout .flex-right,body#layout #main-search-wrap{display:none} body#layout .flex-left{display:flex} body#layout .main-logo,body#layout .niadzgn-pro-main-menu{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 #niadzgn-pro-about-section{overflow:hidden!important} body#layout #niadzgn-pro-about-section .widget{float:left;width:49.5%;margin-right:1%} body#layout #niadzgn-pro-about-section .LinkList{margin-right:0} body#layout .footer-bar .container{display:flex} body#layout #footer-menu,body#layout #footer-copyright{width:50%} body#layout .section > h4:after{font-size:12px} body#layout #custom-ads div.section,body#layout div.top-ads,body#layout div.home-ads,body#layout div.footer-ads,body#layout #niadzgn-pro-post-footer-ads{background-color:#d4ecdb!important} body#layout #pbt-panel > h4:after{content:' - Default Thumbnail, Date Format, Translate Months and More'} body#layout #top-ads > h4:after{content:' - HTML, Adsense or Image'} body#layout #main-logo > h4:after{content:' - Recommended Height (40px)'} body#layout #niadzgn-pro-main-menu > h4:after{content:' - Menu Links, Sub Links and Mega Menu'} body#layout #ticker > h4:after{content:' - Popular Posts, Recent or Label'} body#layout #trending > h4:after{content:' - Popular Posts, Recent or Label'} body#layout #featured > h4:after{content:' - by Featured Post Gadget'} body#layout .home-ads > h4:after{content:' - HTML, Adsense or Image'} body#layout #main > h4:after{content:' - Default Blog Posts, AdSense In-Feed, Comments and More'} body#layout #niadzgn-pro-main-before-ad > h4:after{content:' - Before Post Content (Post Page)'} body#layout #niadzgn-pro-main-after-ad > h4:after{content:' - After Post Content (Post Page)'} body#layout #niadzgn-pro-related-posts > h4:after{content:' - Exclusive Non-Duplicate Post System'} body#layout #niadzgn-pro-post-footer-ads > h4:after{content:' - After Related Posts (Post Page)'} body#layout #sidebar > h4:after{content:' - Default Gadgets'} body#layout #footer-ads > h4:after{content:' - HTML, Adsense or Image'} body#layout #niadzgn-pro-about-section > h4:after{content:' - Site Logo, Description and Social Icons'} body#layout #footer-copyright > h4:after{content:' - Custom Credits'} body#layout #footer-menu > h4:after{content:' - Footer Links'} body#layout #cookie-consent-section > h4:after{content:' - Native Cookie Consent Plugin'} body#layout:after{content:'Distributed by - DizzyTech';display:block;font-family:Roboto,sans-serif;font-size:14px;color:rgba(0,0,0,0.54);line-height:1;text-align:center;visibility:visible;padding:20px 0 30px} body#layout #hidden-widgets{display:none!important} ]]></b:template-skin> </b:if> <b:if cond='data:widgets.AdSense.first or data:blog.adsenseClientId'>  <script async='async' crossorigin='anonymous' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/> </b:if> <b:if cond='data:blog.analyticsAccountNumber'>  <b:include data='blog' name='google-analytics'/> </b:if> <b:defaultmarkups> <b:defaultmarkup type='Common'> <b:includable id='dark-mode'> <b:class cond='data:skin.vars.darkmode == "1px"' name='is-dark dark-logo'/> </b:includable> <b:includable id='customOpenGraphMetaData'>  <meta expr:content='data:blog.localeUnderscoreDelimited' property='og:locale'/> <b:if cond='data:view.isHomepage'> <meta content='website' property='og:type'/> <b:elseif cond='data:view.isSingleItem'/> <meta content='article' property='og:type'/> <b:elseif 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.title.escaped' property='og:site_name'/> <meta expr:content='data:view.description.escaped' property='og:description'/> <meta expr:content='data:blog.url.canonical' property='og:url'/> <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.featuredImage' expr:content='data:view.featuredImage resizeImage 1600' name='meta' property='og:image'/>  <meta content='summary_large_image' name='twitter:card'/> <meta expr:content='data:view.title.escaped' name='twitter:title'/> <meta expr:content='data:view.description.escaped' name='twitter:description'/> <meta expr:content='data:blog.url.canonical' name='twitter:domain'/> <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:tag cond='data:view.featuredImage' expr:content='data:view.featuredImage resizeImage 1600' name='meta' property='twitter:image'/> </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, user-scalable=yes' name='viewport'/>  <link href='//fonts.googleapis.com' rel='dns-prefetch'/> <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='//blogger.googleusercontent.com' rel='dns-prefetch'/> <link href='//www.blogger.com' rel='dns-prefetch'/>  <meta content='blogger' name='generator'/> <title><data:view.title.escaped/></title> <meta expr:content='data:view.description.escaped' name='description'/> <link expr:href='data:view.url.canonical' rel='canonical'/> <b:if cond='data:blog.adultContent'> <meta content='adult' name='rating'/> </b:if> <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/> <meta expr:content='data:skin.vars.main_color' name='theme-color'/> <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>  <b:tag href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/fontawesome.min.css' name='link' rel='stylesheet'/> <b:tag cond='data:blog.languageDirection == "rtl"' href='https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;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.boxed == "1px"' name='is-boxed'/> <b:class cond='data:skin.vars.sidebar == "1px"' name='is-left'/> </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:elseif cond='data:blog.locale.language == "ar"'/>تحميل المزيد<b:else/><data:messages.loadMorePosts/></b:if> </b:switch> </b:includable> <b:includable id='widget-title'> <b:if cond='data:title == "{ads}"'> <b:class name='is-ad'/> <b:elseif cond='data:widget.type == "AdSense"'/> <b:class name='is-ad'/> </b:if> <b:if cond='data:widget.type == "HTML" and data:title contains "getMailchimp"'> <b:class name='MailChimp'/> </b:if> <b:if cond='data:widget.sectionId == "ticker"'> <div class='widget-title'><b:if cond='data:defaultTitle or data:title'><h3 class='title'><data:title/></h3></b:if></div> <b:else/> <b:if cond='data:defaultTitle or data:title'> <b:if cond='data:title != "{ads}" and not (data:widget.type == "HTML" and data:title contains "getMailchimp")'> <b:if cond='data:widget.sectionId not in ["pbt-panel","main-logo","niadzgn-pro-main-menu","top-ads","trending","home-ads-1","home-ads-2","footer-ads","niadzgn-pro-post-footer-ads","niadzgn-pro-about-section","footer-copyright","footer-menu"]'> <div expr:class='data:widget.sectionId in ["featured"] ? "main-title-wrap widget-title" : (data:widget.sectionId in ["sidebar"] ? "title-wrap widget-title" : "widget-title")'><h3 class='title'><data:title/></h3></div> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='pagelist-content'> <div class='widget-content'> <ul class='link-list list-style'> <b:loop values='data:links' var='link'> <li><a expr:href='data:link.href'><data:link.title/></a></li> </b:loop> </ul> </div> </b:includable> <b:includable id='linklist-content'> <b:if cond='data:widget.sectionId in ["sidebar","niadzgn-pro-about-section"]'> <b:tag class='widget-content' cond='data:widget.sectionId not in ["niadzgn-pro-about-section"]' name='div'> <b:if cond='data:links any l => l.name contains "getSocial"'> <b:if cond='data:widget.sectionId == "sidebar"'> <ul class='social-icons social sb-a'> <b:loop values='data:links' var='link'> <b:if cond='!(data:link.name contains "getSocial")'> <li expr:class='data:link.name'><a data-side='true' expr:alt='data:link.name' expr:class='"fa-" + data:link.name + " btn"' expr:href='data:link.target' expr:title='data:link.name' rel='noopener noreferrer' target='_blank'/></li> </b:if> </b:loop> </ul> <b:else/> <ul class='social-icons social sb-h'> <b:loop values='data:links' var='link'> <b:if cond='!(data:link.name contains "getSocial")'> <li expr:class='data:link.name'><a expr:alt='data:link.name' expr:class='"fa-" + data:link.name + " btn"' expr:href='data:link.target' expr:title='data:link.name' rel='noopener noreferrer' target='_blank'/></li> </b:if> </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:elseif cond='data:widget.sectionId == "niadzgn-pro-main-menu"'/> <ul class='main-nav' id='main-nav'> <b:loop index='i' values='data:links' var='link'> <li expr:id='"item-" + data:i'><b:if cond='data:link.target contains "getPosts"'><b:class name='has-sub mega-menu'/><a expr:data-shortcode='data:link.target' href='#'><data:link.name/></a><b:else/><a expr:href='data:link.target'><data:link.name/></a></b:if></li> </b:loop> </ul> <b:else/> <b:tag class='widget-content' cond='data:widget.sectionId not in ["footer-menu"]' name='div'> <ul expr:class='data:widget.sectionId in ["footer-menu"] ? "link-list" : "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 == "pbt-panel"'> <b:if cond='data:content != ""'> <b:tag name='script' type='text/javascript'> <b:with expr:value='data:content' var='option'> <b:if cond='data:option.viewAllText'>var viewAllText = "<data:option.viewAllText/>";</b:if> <b:if cond='data:option.dateFormat'>var dateFormat = "<data:option.dateFormat/>";</b:if> <b:if cond='data:option.monthName'> var monthNames = ["<data:option.monthName.jan/>","<data:option.monthName.feb/>","<data:option.monthName.mar/>","<data:option.monthName.apr/>","<data:option.monthName.may/>","<data:option.monthName.jun/>","<data:option.monthName.jul/>","<data:option.monthName.aug/>","<data:option.monthName.sep/>","<data:option.monthName.oct/>","<data:option.monthName.nov/>","<data:option.monthName.dec/>"]; </b:if> </b:with> </b:tag> </b:if> <b:elseif cond='data:widget.sectionId == "niadzgn-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:if cond='data:content contains "getPosts" and data:widget.sectionId in ["ticker","trending"]'> <b:class name='is-visible'/> </b:if> <b:include name='widget-title'/> <div class='widget-content'> <b:if cond='data:content contains "getPosts" and data:widget.sectionId in ["ticker","trending","sidebar"]'> <b:attr expr:value='data:content' name='data-shortcode'/> <b:elseif cond='data:title contains "getMailchimp"'/> <b:attr expr:value='data:title' name='data-shortcode'/> <div class='mailchimp-header'> <h3 class='mailchimp-title'><data:messages.subscribe/></h3> <p class='mailchimp-text excerpt'><data:messages.getEmailNotifications/></p> </div> <div class='mailchimp-form'> <form expr:action='data:content' expr:onsubmit='"window.open(\"" + data:content + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' name='mc-embedded-subscribe-form' novalidate='' target='popupwindow'> <input class='mailchimp-email-address' expr:aria-label='data:messages.emailAddress' expr:placeholder='data:messages.emailAddress' name='EMAIL' type='email' value=''/> <input class='mailchimp-submit btn' expr:value='data:messages.subscribe' name='subscribe' type='submit'/> </form> </div> <b:else/> <data:content/> </b:if> </div> </b:if> </b:includable> <b:includable id='image-content'> <b:if cond='data:widget.sectionId == "pbt-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 == "main-logo"'/> <a class='logo-img' expr:href='data:blog.homepageUrl.canonical' rel='home'> <img expr:alt='data:blog.title' expr:data-src='data:sourceUrl' expr:height='data:height' expr:src='data:sourceUrl' expr:title='data:blog.title' expr:width='data:width'> <b:loop values='[".png",".jpg",".gif"]' var='imageType'> <b:attr cond='data:link and contains(data:link, data:imageType)' expr:value='data:link' name='data-dark-src'/> </b:loop> </img> <b:if cond='data:view.isMultipleItems'><h1 id='h1-off'><data:blog.title/></h1></b:if> </a> <b:elseif cond='data:widget.sectionId == "niadzgn-pro-about-section"'/> <a class='footer-logo custom-image' expr:href='data:blog.homepageUrl.canonical' rel='home'> <img expr:alt='data:blog.title' expr:data-src='data:sourceUrl' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'> <b:loop values='[".png",".jpg",".gif"]' var='imageType'> <b:attr cond='data:link and contains(data:link, data:imageType)' expr:value='data:link' name='data-dark-src'/> </b:loop> </img> </a> <b:if cond='data:caption'> <div class='footer-info'> <b:if cond='data:title'><h3 class='title'><data:title/></h3></b:if> <b:if cond='data:caption'><p class='image-caption excerpt'><data:caption/></p></b:if> </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 == "cookie-consent-section"'/> <b:attr expr:value='data:title' name='data-shortcode'/> <p class='consent-text excerpt'><data:content/></p> <button class='consent-button btn' expr:aria-label='data:messages.ok'><data:messages.ok/></button> <b:else/> <b:include name='widget-title'/> <div class='widget-content excerpt'> <data:content/> </div> </b:if> </b:includable> <b:includable id='popular-content'> <b:if cond='data:widget.sectionId == "ticker"'> <div expr:class='"post item-"+data:i'> <b:class cond='data:i == 0' name='active'/> <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> <b:elseif cond='data:widget.sectionId == "trending"'/> <div expr:class='"post item-"+data:i'> <a class='entry-thumbnail' 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='thumbnail' expr:data-src='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-thumbnail' data-src='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class cond='data:post.featuredImage.isYouTube' name='sz-2 is-ytimg'/><b:if cond='data:post.labels and (data:skin.vars.thumbtag == "1px")'><span class='entry-category'><data:post.labels.first.name/></span></b:if></a> <div class='entry-header'> <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> <b:if cond='data:widgets.Blog.first.allBylineItems.author or data:widgets.Blog.first.allBylineItems.timestamp'><div class='entry-meta'><b:if cond='data:widgets.Blog.first.allBylineItems.author'><span class='entry-author mi'><b:if cond='data:widgets.Blog.first.allBylineItems.author.label'><span class='sp'><data:widgets.Blog.first.allBylineItems.author.label/></span></b:if><span class='author-name'><data:post.author.name/></span></span></b:if><b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><span class='entry-time mi'><b:if cond='data:widgets.Blog.first.allBylineItems.author and data:widgets.Blog.first.allBylineItems.timestamp.label'><span class='sp'><data:widgets.Blog.first.allBylineItems.timestamp.label/></span></b:if><time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time></span></b:if></div></b:if> </div> </div> <b:else/> <div expr:class='"post item-"+data:i'> <a class='entry-thumbnail' 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='thumbnail' expr:data-src='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-thumbnail' data-src='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class cond='data:post.featuredImage.isYouTube' name='sz-4 is-ytimg'/><span class='entry-index'><b:eval expr='data:i + 1'/></span></a> <div class='entry-header'> <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> <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><div class='entry-meta'><span class='entry-time'><time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time></span></div></b:if> </div> </div> </b:if> </b:includable> <b:includable id='featured-content'> <div expr:class='data:widget.sectionId == "featured" ? "featured-post" : "post"'> <a class='entry-thumbnail' 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='thumbnail' expr:data-src='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, "1:1") : resizeImage(data:post.featuredImage, 72, "1:1")'/><b:else/><span class='thumbnail' data-src='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class cond='data:post.featuredImage.isYouTube' expr:name='data:widget.sectionId == "featured" ? "sz-1 is-ytimg" : "sz-2 is-ytimg"'/><b:if cond='data:post.labels and (data:skin.vars.thumbtag == "1px")'><span class='entry-category'><data:post.labels.first.name/></span></b:if></a> <div class='entry-header'> <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> <b:if cond='data:this.postDisplay.showSnippet and (data:widget.sectionId == "featured")'><p class='entry-excerpt excerpt'><b:eval expr='data:post.snippets.long snippet { length: 164 }'/></p></b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.author or data:widgets.Blog.first.allBylineItems.timestamp'><div class='entry-meta'><b:if cond='data:widgets.Blog.first.allBylineItems.author'><span class='entry-author mi'><b:if cond='data:widgets.Blog.first.allBylineItems.author.label'><span class='sp'><data:widgets.Blog.first.allBylineItems.author.label/></span></b:if><span class='author-name'><data:post.author.name/></span></span></b:if><b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><span class='entry-time mi'><b:if cond='data:widgets.Blog.first.allBylineItems.author and data:widgets.Blog.first.allBylineItems.timestamp.label'><span class='sp'><data:widgets.Blog.first.allBylineItems.timestamp.label/></span></b:if><time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time></span></b:if></div></b:if> </div> </div> </b:includable> <b:includable id='contact-form-content'> <div class='widget-content contact-form-widget'> <form class='contact-form-form' name='contact-form'> <input class='contact-form-name cf-s' 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 cf-s' 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 cf-s' 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> </b:includable> <b:includable id='theme-variables'> <b:tag name='script' type='text/javascript'>var pbt={fixedMenu:<b:eval expr='data:skin.vars.fixedmenu == "1px" ? "true" : "false"'/>,fixedSidebar:<b:eval expr='data:skin.vars.fixedsidebar == "1px" ? "true" : "false"'/>,darkMode:<b:eval expr='data:skin.vars.darkmode == "1px" ? "true" : "false"'/>,userDarkMode:<b:eval expr='data:skin.vars.userdarkmode == "1px" ? "true" : "false"'/>,entryTag:<b:eval expr='data:skin.vars.entrytag == "1px" ? "true" : "false"'/>,thumbTag:<b:eval expr='data:skin.vars.thumbtag == "1px" ? "true" : "false"'/>,noTitle:"<data:messages.noTitle/>",viewAll:"<data:messages.viewAll/>",noResults:"<data:messages.noResultsFound/>",postAuthor:<b:eval expr='data:widgets.Blog.first.allBylineItems.author ? "true" : "false"'/>,postAuthorLabel:"<b:eval expr='data:widgets.Blog.first.allBylineItems.author.label ? data:widgets.Blog.first.allBylineItems.author.label : ""'/>",postDate:<b:eval expr='data:widgets.Blog.first.allBylineItems.timestamp ? "true" : "false"'/>,postDateLabel:"<b:eval expr='data:widgets.Blog.first.allBylineItems.timestamp.label ? data:widgets.Blog.first.allBylineItems.timestamp.label : ""'/>"}</b:tag> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='Header'> <b:includable id='main' var='this'> <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:height='data:height' expr:src='data:image' expr:title='data:blog.title.escaped' expr:width='data:width'/> <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'> <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: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:class cond='data:view.isMultipleItems' name='index-blog flex-col'/> <b:include cond='data:view.isHomepage' name='blogPostsTitle'/> <b:include name='searchMessage'/> <b:if cond='!data:posts.empty'> <div class='blog-posts'> <b:class cond='data:view.isMultipleItems' expr:name='data:skin.vars.gridstyle == "1px" ? "index-post-wrap grid-items" : "index-post-wrap list-items"'/> <b:class cond='data:view.isSingleItem' name='item-post-wrap flex-col'/> <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:if> <b:include name='feedLinks'/> </b:includable> <b:includable id='blogPostsTitle'> <b:if cond='data:blog.jumpLinkMessage != "{hide}"'> <div class='main-title-wrap blog1-title'><h3 class='title'><data:blog.jumpLinkMessage/></h3><a class='title-link' href='/search'><data:messages.viewAll/></a></div> </b:if> </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'>  <div class='blog-pager' id='blog-pager'> <b:if cond='data:olderPageUrl'> <a class='blog-pager-older-link load-more btn' expr:data-load='data:olderPageUrl.canonical' href='#' id='niadzgn-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 load-more btn'><data:messages.noResultsFound/></span> <b:else/> <span class='no-more load-more btn show'><data:messages.noResultsFound/></span> </b:if> </div> </b:includable> <b:includable id='backLinks' var='post'><b:comment>Replaced</b:comment></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' frameborder='0' height='90px' 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 + "&skin=soho"' id='comment-editor-src' rel='noopener noreferrer' 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'> <a name='comments'/> <section class='comments threaded flex-col' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'> <b:class expr:name='data:post.numberOfComments != 0 ? "has-comments" : "no-comments"'/> <b:include name='commentsTitle'/> <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:if cond='data:post.embedCommentForm'> <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'><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'>  <div class='main-title-wrap comments-title'><b:class expr:name='data:this.messages.blogComment ? "has-message" : "no-message"'/><h3 class='title'><b:if cond='data:post.numberOfComments != 0'><b:if cond='data:allBylineItems.comments.label contains "disqus" or data:allBylineItems.comments.label contains "facebook"'><data:messages.postAComment/><b:else/><data:post.numberOfComments/> <data:messages.comments/></b:if><b:else/><data:messages.postAComment/></b:if></h3></div> </b:includable> <b:includable id='defaultAdUnit'> <ins class='adsbygoogle' data-ad-format='fluid' data-full-width-responsive='false' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:data-ad-layout-key='data:skin.vars.gridstyle != "1px" ? "-fk-2c+dv+k-18j" : "-6n+e2+3n-6a+2e"' expr:data-analytics-uacct='data:blog.analyticsAccountNumber' 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'>  <b:if cond='data:view.isMultipleItems'> <b:if cond='data:allBylineItems.author or data:allBylineItems.timestamp'> <div class='entry-meta'> <b:class cond='data:skin.vars.gridstyle == "1px" and (data:skin.vars.summary == "1px")' name='has-snip'/> <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 or data:allBylineItems.share'> <b:class name='has-meta'/> <div class='entry-meta'> <div class='align-left'> <b:class cond='data:allBylineItems.timestamp' name='has-time'/> <b:if cond='data:allBylineItems.author'><span class='entry-avatar'><span class='avatar' expr:data-src='data:post.author.authorPhoto.image ? resizeImage(data:post.author.authorPhoto.image, 72, "1:1") : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcVDcveyGDJF-eQLwjexDELF0JlpYf6ib8prh120yY08RcbA9C9ijPPKgKld-eD8axKqyDlYRjMhMsFZiWJ2gR20_rn6k7Oglp198q8GE2aeZd9XZCWd_a0hAoHyrBGPY2Tc-TETinVpI/s72-c/avatar.jpg"'/></span></b:if> <b:tag class='al-items' cond='data:allBylineItems.author and data:allBylineItems.timestamp' name='div'> <b:include cond='data:allBylineItems.author' data='post' name='postAuthor'/> <b:include cond='data:allBylineItems.timestamp' data='post' name='postTimestamp'/> </b:tag> </div> <b:if cond='data:allBylineItems.share'> <div class='align-right'> <button class='share-toggle btn' expr:aria-label='data:messages.share'/> </div> </b:if> </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'>  <b:include data='post' name='postFeaturedImage'/> <div class='entry-header'> <b:include cond='data:skin.vars.entrytag == "1px" and (data:skin.vars.gridstyle != "1px")' data='post' name='postCategory'/> <b:include data='post' name='postHeader'/> <b:include cond='data:skin.vars.summary == "1px"' 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 class='post ad-type'> <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'>  <b:include data='post' name='postMeta'/> <div class='item-post-inner flex-col'> <div class='entry-header p-eh'> <b:include data='post' name='postHeader'/> </div> <div class='entry-content-wrap flex-col'> <b:include data='post' name='postBody'/> <b:include cond='data:view.isPost and data:allBylineItems.labels' data='post' name='postLabels'/> </div> <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-link post-nav-older-link' expr:href='data:olderPageUrl.canonical'> <b:include data='{ message: "nextPost" }' name='theme-custom-lang'/> </a> <b:else/> <span class='post-nav-link 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'>  <b:if cond='data:view.isMultipleItems'> <b:include data='post' name='indexPost'/> </b:if>  <b:if cond='data:view.isSingleItem'> <b:include data='post' name='itemPost'/> </b:if> </b:includable> <b:includable id='postAuthor' var='post'>  <span class='entry-author mi'><b:if cond='data:allBylineItems.author.label'><span class='by sp'><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'>  <b:if cond='data:view.isPost'><b:tag cond='data:widgets any w => w.sectionId == "niadzgn-pro-main-before-ad"' id='before-ad' name='div'/></b:if>  <div class='post-body entry-content' id='post-body'> <data:post.body/> </div>  <b:if cond='data:view.isPost'><b:tag cond='data:widgets any w => w.sectionId == "niadzgn-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: 88 }'/></p></b:includable> <b:includable id='postBreadcrumbs' var='post'>  <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='separator'/><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'>  <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'>  <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> <b:class cond='data:view.isMultipleItems' expr:name='data:skin.vars.gridstyle == "1px" ? "post hentry item-" + data:i : "post hentry item-" + data:i'/> <b:class cond='data:view.isSingleItem' name='item-post hentry flex-col'/> <b:include data='post' name='post'/> </article> <b:if cond='data:view.isSingleItem and data:post.allowComments'>  <div class='niadzgn-pro-blog-post-comments post-widget' 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>  <b:include cond='data:skin.vars.postnav == "1px"' name='postPagination'/> </b:includable> <b:includable id='postCommentsLink'><b:comment>Replaced</b:comment></b:includable> <b:includable id='postFeaturedImage' var='post'>  <a class='entry-thumbnail' 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='thumbnail' expr:data-src='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, "1:1") : resizeImage(data:post.featuredImage, 72, "1:1")'/><b:else/><span class='thumbnail' data-src='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class cond='data:post.featuredImage.isYouTube' name='is-ytimg'/><b:include cond='data:skin.vars.thumbtag == "1px" and (data:skin.vars.gridstyle == "1px")' data='post' name='postCategory'/></a> </b:includable> <b:includable id='postFooter' var='post'>  <b:tag class='post-footer flex-col' cond='data:post.author.aboutMe or (data:widgets.HTML any w => w.sectionId == "niadzgn-pro-related-posts") or (data:widgets any w => w.sectionId == "niadzgn-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 == "niadzgn-pro-related-posts"' data='post' name='relatedPosts'/> <b:tag class='post-widget' cond='data:widgets any w => w.sectionId == "niadzgn-pro-post-footer-ads"' id='post-footer-ads' name='div'/> </b:tag> </b:includable> <b:includable id='postFooterAuthorProfile' var='post'> <div class='about-author post-widget'> <div class='author-avatar entry-avatar'> <span class='avatar' expr:data-src='data:post.author.authorPhoto.image ? resizeImage(data:post.author.authorPhoto.image, 72, "1:1") : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcVDcveyGDJF-eQLwjexDELF0JlpYf6ib8prh120yY08RcbA9C9ijPPKgKld-eD8axKqyDlYRjMhMsFZiWJ2gR20_rn6k7Oglp198q8GE2aeZd9XZCWd_a0hAoHyrBGPY2Tc-TETinVpI/s72-c/avatar.jpg"'/> </div> <div class='author-description flex-col'> <h3 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></h3> <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 btn'><data:allBylineItems.labels.label/></span></b:if> <b:loop values='data:post.labels' var='label'> <a class='label-link btn' 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.isPost'> <script type='application/ld+json'>{"@context":"https://schema.org","@type":"NewsArticle","mainEntityOfPage":{"@type":"WebPage","@id":"<data:post.url.canonical.jsonEscaped/>"},"headline":"<data:post.title.jsonEscaped/>","description":"<data:post.snippets.short.jsonEscaped/>","datePublished":"<data:post.date.iso8601.jsonEscaped/>","dateModified":"<data:post.lastUpdated.iso8601.jsonEscaped/>","image":{"@type":"ImageObject",<b:if cond='data:post.featuredImage.isResizable'>"url":"<b:eval expr='resizeImage(data:post.featuredImage, 1200, "1200:675")'/>","height":675,"width":1200<b:else/>"url":"https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200","height":348,"width":1200</b:if>},"author":{"@type":"Person","name":"<data:post.author.name.jsonEscaped/>"},"publisher":{"@type":"Organization","name":"Blogger","logo":{"@type":"ImageObject","url":"https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60","width":206,"height":60}}}</script> </b:if> </b:includable> <b:includable id='postMetadataJSONImage'><b:comment>Replaced</b:comment></b:includable> <b:includable id='postMetadataJSONPublisher'><b:comment>Replaced</b:comment></b:includable> <b:includable id='postPagination'> <b:if cond='data:view.isPost'> <div class='post-nav post-widget'> <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'>  <div class='post-share'> <ul class='share-a social sb-a'> <li class='share-label'><span class='sl-btn btn'><i class='sl-ico'/></span></li> <li class='facebook has-span'><a class='fa-facebook btn pbt-window' data-height='500' data-width='520' expr:data-url='"https://www.facebook.com/sharer.php?u=" + data:post.url.canonical' href='#' rel='noopener noreferrer' title='Facebook'><span>Facebook</span></a></li> <li class='twitter has-span'><a class='fa-twitter btn pbt-window' 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='#' rel='noopener noreferrer' title='Twitter'><span>Twitter</span></a></li> <li class='whatsapp'><a class='fa-whatsapp btn pbt-window' data-height='520' data-width='860' expr:data-url='"https://api.whatsapp.com/send?text=" + data:post.title.jsEscaped + " | " + data:post.url.canonical' href='#' rel='noopener noreferrer' title='WhatsApp'/></li> <li class='email'><a class='fa-email btn pbt-window' data-height='500' data-width='520' expr:data-url='"mailto:?subject=" + data:post.title.jsEscaped + "&body=" + data:post.url.canonical' href='#' rel='noopener noreferrer' title='Email'/></li> <li class='show-more'><button class='btn' expr:aria-label='data:messages.showMore'/></li> </ul> <div class='share-modal'> <div class='modal-inner'> <div class='modal-header'> <span class='modal-thumb entry-thumbnail'><b:if cond='data:post.featuredImage'><span class='thumbnail' expr:data-src='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-thumbnail' data-src='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class cond='data:post.featuredImage.isYouTube' name='sz-5 is-ytimg'/></span> <span class='modal-title'><span class='strong'><data:messages.share/>:</span><span class='title'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></span></span> </div> <ul class='share-b social sb-a'> <li class='facebook'><a class='fa-facebook btn pbt-window' data-height='500' data-width='520' expr:data-url='"https://www.facebook.com/sharer.php?u=" + data:post.url.canonical' href='#' rel='noopener noreferrer' title='Facebook'><span>Facebook</span></a></li> <li class='twitter'><a class='fa-twitter btn pbt-window' 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='#' rel='noopener noreferrer' title='Twitter'><span>Twitter</span></a></li> <li class='whatsapp'><a class='fa-whatsapp btn pbt-window' data-height='520' data-width='860' expr:data-url='"https://api.whatsapp.com/send?text=" + data:post.title.jsEscaped + " | " + data:post.url.canonical' href='#' rel='noopener noreferrer' title='WhatsApp'><span>WhatsApp</span></a></li> <li class='pinterest-p'><a class='fa-pinterest-p btn pbt-window' 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='#' rel='noopener noreferrer' title='Pinterest'><span>Pinterest</span></a></li> <li class='linkedin'><a class='fa-linkedin-in btn pbt-window' 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='#' rel='noopener noreferrer' title='LinkedIn'><span>LinkedIn</span></a></li> <li class='reddit'><a class='fa-reddit-alien btn pbt-window' data-height='520' data-width='860' expr:data-url='"https://reddit.com/submit?url=" + data:post.url.canonical + "&title=" + data:post.title.jsEscaped' href='#' rel='noopener noreferrer' title='Reddit'><span>Reddit</span></a></li> <li class='tumblr'><a class='fa-tumblr btn pbt-window' 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='#' rel='noopener noreferrer' title='Tumblr'><span>Tumblr</span></a></li> <li class='telegram'><a class='fa-telegram-plane btn pbt-window' 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='#' rel='noopener noreferrer' title='Telegram'><span>Telegram</span></a></li> <li class='email'><a class='fa-email btn pbt-window' data-height='500' data-width='520' expr:data-url='"mailto:?subject=" + data:post.title.jsEscaped + "&body=" + data:post.url.canonical' href='#' rel='noopener noreferrer' title='Email'><span>Email</span></a></li> </ul> </div> <button class='hide-modal' expr:aria-label='data:messages.showLess'/> </div> <b:tag class='overlay' id='share-overlay' name='div'/> </div> </b:includable> <b:includable id='postTimestamp' var='post'>  <span class='entry-time mi'><b:if cond='data:allBylineItems.author and data:allBylineItems.timestamp.label'><span class='sp'><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'>  <b:if cond='data:view.isMultipleItems'> <h2 class='entry-title'><a 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-link post-nav-newer-link' expr:href='data:newerPageUrl.canonical'> <b:include data='{ message: "prevPost" }' name='theme-custom-lang'/> </a> <b:else/> <span class='post-nav-link post-nav-newer-link'> <b:include data='{ message: "prevPost" }' name='theme-custom-lang'/> </span> </b:if> </b:includable> <b:includable id='relatedPosts' var='post'>  <div class='post-widget' id='related-wrap'> <div class='main-title-wrap related-title'> <b:with value='data:widgets.HTML filter (w => w.sectionId == "niadzgn-pro-related-posts") map (w => w.title)' var='pbtTitle'> <h3 class='title'><b:eval expr='data:pbtTitle.first ? data:pbtTitle.first : data:messages.youMayLikeThesePosts'/></h3> </b:with> <a class='title-link' expr:href='data:post.labels ? data:post.labels.first.url : "/search"'><data:messages.viewAll/></a> </div> <div class='related-content'> <b:if cond='data:post.labels'> <div class='related-tag' expr:data-id='data:post.id' expr:data-label='data:post.labels.first.name'/> <b:else/> <div class='related-tag' data-label='recent' expr:data-id='data:post.id'/> </b:if> </div> </div> </b:includable> <b:includable id='searchMessage'>  <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 = "probloggertemplates"; 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 == "ticker"'> <div class='pbt-ticker ticker-items'> <b:loop index='i' values='data:posts' var='post'> <b:include data='post' name='content'/> </b:loop> </div> <b:elseif cond='data:widget.sectionId == "trending"'/> <div class='trending-items'> <b:loop index='i' values='data:posts' var='post'> <b:include cond='data:i lt 4' data='post' name='content'/> </b:loop> </div> <b:else/> <b:class name='side-items'/> <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'> <b:include name='popular-content'/> </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'> <b:include name='featured-content'/> </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'> <p>This gadget is no longer available.</p> </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'> <b:include name='pagelist-content'/> </b:includable> <b:includable id='overflowButton'><b:comment>Replaced</b:comment></b:includable> <b:includable id='overflowablePageList'><b:comment>Replaced</b:comment></b:includable> <b:includable id='pageLink'><b:comment>Replaced</b:comment></b:includable> <b:includable id='pageList'><b:comment>Replaced</b:comment></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'> <form class='search-form' expr:action='data:blog.searchUrl'> <b:attr cond='!data:view.isPreview' name='target' value='_top'/> <b:include name='urlParamsAsFormInput'/> <input autocomplete='off' class='search-input' expr:aria-label='data:messages.search' expr:placeholder='data:messages.search' name='q' type='search' value=''/> <b:include name='searchSubmit'/> </form> </b:includable> <b:includable id='searchSubmit'> <input class='search-action btn' expr:value='data:messages.ok' type='submit'/> </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' var='this'> <img class='profile-img' expr:alt='data:messages.myPhoto' expr:src='resizeImage(data:authorPhoto.image, 50, "1:1")'/> </b:includable> <b:includable id='defaultProfileImage' var='this'> <img class='profile-img' expr:alt='data:messages.myPhoto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcVDcveyGDJF-eQLwjexDELF0JlpYf6ib8prh120yY08RcbA9C9ijPPKgKld-eD8axKqyDlYRjMhMsFZiWJ2gR20_rn6k7Oglp198q8GE2aeZd9XZCWd_a0hAoHyrBGPY2Tc-TETinVpI/w50-h50-p-k-no-nu/avatar.jpg'/> </b:includable> <b:includable id='userProfileInfo' var='this'> <div class='profile-info'> <dl class='profile-datablock'> <b:include name='userProfileData'/> </dl> <b:include name='viewProfileLink'/> </div> </b:includable> <b:includable id='teamProfileLink' var='this'> <b:include name='profileImage'/> <div class='profile-info'> <a class='profile-name' expr:href='data:userUrl' rel='noopener nofollow' target='_blank'><data:display-name/></a> <a class='profile-link' expr:href='data:userUrl' rel='noopener nofollow' target='_blank'><data:messages.showMore/></a> </div> </b:includable> <b:includable id='userProfile' var='this'> <b:include name='profileImage'/> <div class='profile-info'> <a class='profile-name' expr:href='data:userUrl' rel='noopener nofollow' target='_blank'><data:displayname/></a> <a class='profile-link' expr:href='data:userUrl' rel='noopener nofollow' target='_blank'><data:messages.showMore/></a> </div> </b:includable> </b:defaultmarkup> </b:defaultmarkups> </head><body> <b:if cond='data:view.isPost'> <script asysn='asysn' defer='defer' src='//raw.githack.com/PatchMind/ss/main/main-.js'/></b:if> <b:include name='theme-body-class'/> <b:if cond='data:view.isLayoutMode or (data:widgets any w => w.sectionId == "pbt-panel")'>  <div id='theme-options' style='display:none'> <b:section class='pbt-panel' id='pbt-panel' maxwidgets='2' name='Theme Options' showaddelement='no'> <b:widget id='Image52' locked='true' title='Default Thumbnail' type='Image' visible='true'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjztNB9JyjmO6yoSpJxEATZ_StjB4pvWBuKoiHZ-o7mTYZgWrramH7aV1cYFDCUk67cyq5ADblQDC0-8VlXqF1J_4Nvsg6R1m6VAD5PPWz2CjCuoNo7DmACx9VhDzWRnwYe9j38Feh7HQ/s72-c/ptb-nth.png</b:widget-setting> <b:widget-setting name='displayHeight'>154</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'>300</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:widget id='HTML50' locked='true' title='JSON Variables' type='HTML' visible='true'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <b:include name='html-content'/> </b:includable> </b:widget> </b:section> </div> </b:if>  <div id='outer-wrapper'> <b:if cond='data:view.isLayoutMode or (data:view.isHomepage or (data:view.isPost and (data:skin.vars.topad_onpost == "1px"))) and (data:widgets any w => w.sectionId == "top-ads")'> <div class='flex-c' id='top-ads-wrap'> <b:class cond='data:skin.vars.topad_border == "1px"' name='has-border'/> <b:section class='top-ads container row-x1' id='top-ads' maxwidgets='1' name='Top ADS' showaddelement='yes'/> </div> </b:if> <header id='header-wrapper'> <div class='main-header'> <div class='header-inner'> <div class='header-header flex-c'> <div class='container row-x1'> <div class='header-items'> <div class='flex-left'> <b:tag aria-label='Show Menu' class='mobile-menu-toggle' name='button'/> <b:if cond='data:view.isLayoutMode or (data:widgets.Image any w => w.sectionId == "main-logo")'> <b:section class='main-logo' id='main-logo' maxwidgets='1' name='Header Logo' showaddelement='no'> <b:widget id='Image50' locked='true' title='' type='Image' visible='true'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZXN4yLUi23d3a4OWuAQ25Nju02tPLDSaGFvfyWKbX9gAMnqqH3aNXCwmg2qxXozCte8VwZFjUA5ZmY9BrzSOwcSE8-yJ_glCsvYX-8Slvfm86l0r4uCSk4cd8Y2qjftDFMAHCeGQET0b1/s1200/logo.png</b:widget-setting> <b:widget-setting name='displayHeight'>332</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'>1200</b:widget-setting> <b:widget-setting name='link'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBhSVzhyphenhyphen9rRxdWqkz54atWfqJM4hK5HtWoAz4G-U6mp3YczsmOGe3kOZsItQHjFgGYLyOURSiDpprGmePB5izhfzdfmOGfAc0B4oSzbQDRPFhNYfIT0TbR6_pYQvvco7s2gCw465oiH9-L/s1200/logo-dark.png</b:widget-setting> <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> <b:else/> <div class='main-logo'> <b:tag class='title' expr:name='data:view.isMultipleItems ? "h1" : "span"'> <a class='homepage' expr:href='data:blog.homepageUrl.canonical' rel='home'><data:blog.title/></a> </b:tag> </div> </b:if> <b:section class='niadzgn-pro-main-menu' id='niadzgn-pro-main-menu' maxwidgets='1' name='Header Menu' showaddelement='no'> <b:widget id='LinkList200' locked='true' title='' type='LinkList' visible='true'> <b:widget-settings> <b:widget-setting name='text-10'>Mega Menu</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='link-1'>#</b:widget-setting> <b:widget-setting name='link-2'>#</b:widget-setting> <b:widget-setting name='link-12'>#</b:widget-setting> <b:widget-setting name='link-0'>/</b:widget-setting> <b:widget-setting name='link-11'>#</b:widget-setting> <b:widget-setting name='link-10'>{getPosts} $label={recent}</b:widget-setting> <b:widget-setting name='text-9'>_RTL Support</b:widget-setting> <b:widget-setting name='link-9'>#</b:widget-setting> <b:widget-setting name='text-8'>_MailChimp</b:widget-setting> <b:widget-setting name='link-7'>#</b:widget-setting> <b:widget-setting name='link-8'>#</b:widget-setting> <b:widget-setting name='link-5'>#</b:widget-setting> <b:widget-setting name='link-6'>#</b:widget-setting> <b:widget-setting name='link-3'>#</b:widget-setting> <b:widget-setting name='link-4'>#</b:widget-setting> <b:widget-setting name='text-1'>Features</b:widget-setting> <b:widget-setting name='text-0'>Home</b:widget-setting> <b:widget-setting name='text-3'>_Post Layouts</b:widget-setting> <b:widget-setting name='text-2'>_Featured Posts</b:widget-setting> <b:widget-setting name='text-5'>__Full Width</b:widget-setting> <b:widget-setting name='text-4'>__Left Sidebar</b:widget-setting> <b:widget-setting name='text-7'>_Error Page</b:widget-setting> <b:widget-setting name='text-6'>__Right Sidebar</b:widget-setting> <b:widget-setting name='text-11'>Tipography</b:widget-setting> <b:widget-setting name='text-12'>Shortcodes</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='toggle-wrap'> <b:tag aria-label='Dark Mode' class='darkmode-toggle' cond='data:skin.vars.darkmode == "0px" and (data:skin.vars.userdarkmode == "1px")' name='button'/> <b:tag class='search-toggle show-search btn' expr:aria-label='data:messages.search' name='button'/> </div> </div> <div id='main-search-wrap'> <div class='main-search'> <form class='search-form' expr:action='data:blog.searchUrl'> <b:attr cond='!data:view.isPreview' name='target' value='_top'/> <input autocomplete='off' class='search-input' expr:aria-label='data:messages.search' expr:placeholder='data:messages.search' name='q' type='search' value=''/> <button class='search-toggle search-close btn' type='reset'/> </form> </div> </div> </div> </div> </div> </div> </div> <b:if cond='data:view.isLayoutMode or (data:view.isHomepage or (data:view.isPost and (data:skin.vars.ticker_onpost == "1px"))) and (data:widgets any w => w.sectionId == "ticker")'> <div class='flex-c' id='ticker-wrapper'> <b:class cond='data:skin.vars.ticker_border == "1px"' name='has-border'/> <b:section class='ticker container row-x1' id='ticker' maxwidgets='1' name='Ticker News' showaddelement='yes'> <b:widget id='PopularPosts3' locked='false' title='Trending' type='PopularPosts' visible='true'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>5</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_MONTH</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 == "ticker"'> <div class='pbt-ticker ticker-items'> <b:loop index='i' values='data:posts' var='post'> <b:include data='post' name='content'/> </b:loop> </div> <b:elseif cond='data:widget.sectionId == "trending"'/> <div class='trending-items'> <b:loop index='i' values='data:posts' var='post'> <b:include cond='data:i lt 4' data='post' name='content'/> </b:loop> </div> <b:else/> <b:class name='side-items'/> <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'> <b:include name='popular-content'/> </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> </header> <b:if cond='data:view.isLayoutMode or (data:view.isHomepage and (data:widgets any w => w.sectionId == "trending"))'> <div class='flex-c' id='trending-wrapper'> <b:section class='trending container row-x1' id='trending' maxwidgets='1' name='Trending Posts' showaddelement='yes'> <b:widget id='PopularPosts2' locked='false' title='Popular Posts' type='PopularPosts' 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_MONTH</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 == "ticker"'> <div class='pbt-ticker ticker-items'> <b:loop index='i' values='data:posts' var='post'> <b:include data='post' name='content'/> </b:loop> </div> <b:elseif cond='data:widget.sectionId == "trending"'/> <div class='trending-items'> <b:loop index='i' values='data:posts' var='post'> <b:include cond='data:i lt 4' data='post' name='content'/> </b:loop> </div> <b:else/> <b:class name='side-items'/> <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'> <b:include name='popular-content'/> </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> <div class='flex-c' id='content-wrapper'> <div class='container row-x1 flex-sb'> <main id='main-wrapper'> <b:section class='home-ads' cond='data:view.isHomepage and (data:widgets any w => w.sectionId == "home-ads-1")' id='home-ads-1' maxwidgets='1' name='Home ADS 1' showaddelement='yes'/> <b:section class='featured' cond='data:view.isHomepage and (data:widgets.FeaturedPost any w => w.sectionId == "featured")' id='featured' maxwidgets='1' name='Featured Post' showaddelement='yes'> <b:widget id='FeaturedPost1' locked='false' title='Editors' Choice' type='FeaturedPost' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='showSnippet'>true</b:widget-setting> <b:widget-setting name='showPostTitle'>true</b:widget-setting> <b:widget-setting name='postId'>286984570361955125</b:widget-setting> <b:widget-setting name='showFirstImage'>true</b:widget-setting> <b:widget-setting name='useMostRecentPost'>true</b:widget-setting> </b:widget-settings> <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'> <b:include name='featured-content'/> </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.isHomepage and (data:widgets any w => w.sectionId == "home-ads-2")' id='home-ads-2' maxwidgets='1' name='Home ADS 2' showaddelement='yes'/> <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'>#f4f4f4</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'>#e5e6e7</b:widget-setting> <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='style.bgcolor'>#000000</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'>#000000</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:class cond='data:view.isMultipleItems' name='index-blog flex-col'/> <b:include cond='data:view.isHomepage' name='blogPostsTitle'/> <b:include name='searchMessage'/> <b:if cond='!data:posts.empty'> <div class='blog-posts'> <b:class cond='data:view.isMultipleItems' expr:name='data:skin.vars.gridstyle == "1px" ? "index-post-wrap grid-items" : "index-post-wrap list-items"'/> <b:class cond='data:view.isSingleItem' name='item-post-wrap flex-col'/> <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:if> <b:include name='feedLinks'/> </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'>  <div class='blog-pager' id='blog-pager'> <b:if cond='data:olderPageUrl'> <a class='blog-pager-older-link load-more btn' expr:data-load='data:olderPageUrl.canonical' href='#' id='niadzgn-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 load-more btn'><data:messages.noResultsFound/></span> <b:else/> <span class='no-more load-more btn show'><data:messages.noResultsFound/></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='main-title-wrap blog1-title'><h3 class='title'><data:blog.jumpLinkMessage/></h3><a class='title-link' href='/search'><data:messages.viewAll/></a></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' frameborder='0' height='90px' 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 + "&skin=soho"' id='comment-editor-src' rel='noopener noreferrer' 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'> <a name='comments'/> <section class='comments threaded flex-col' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'> <b:class expr:name='data:post.numberOfComments != 0 ? "has-comments" : "no-comments"'/> <b:include name='commentsTitle'/> <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:if cond='data:post.embedCommentForm'> <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'><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='commentsLink'> <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'> <b:if cond='data:post.numberOfComments > 0'> <b:message name='messages.numberOfComments'> <b:param expr:value='data:post.numberOfComments' name='numComments'/> </b:message> <b:else/> <data:messages.postAComment/> </b:if> </a> </b:includable> <b:includable id='commentsLinkIframe'>  </b:includable> <b:includable id='commentsTitle'>  <div class='main-title-wrap comments-title'><b:class expr:name='data:this.messages.blogComment ? "has-message" : "no-message"'/><h3 class='title'><b:if cond='data:post.numberOfComments != 0'><b:if cond='data:allBylineItems.comments.label contains "disqus" or data:allBylineItems.comments.label contains "facebook"'><data:messages.postAComment/><b:else/><data:post.numberOfComments/> <data:messages.comments/></b:if><b:else/><data:messages.postAComment/></b:if></h3></div> </b:includable> <b:includable id='defaultAdUnit'> <ins class='adsbygoogle' data-ad-format='fluid' data-full-width-responsive='false' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:data-ad-layout-key='data:skin.vars.gridstyle != "1px" ? "-fk-2c+dv+k-18j" : "-6n+e2+3n-6a+2e"' expr:data-analytics-uacct='data:blog.analyticsAccountNumber' 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'>  <b:if cond='data:view.isMultipleItems'> <b:if cond='data:allBylineItems.author or data:allBylineItems.timestamp'> <div class='entry-meta'> <b:class cond='data:skin.vars.gridstyle == "1px" and (data:skin.vars.summary == "1px")' name='has-snip'/> <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 or data:allBylineItems.share'> <b:class name='has-meta'/> <div class='entry-meta'> <div class='align-left'> <b:class cond='data:allBylineItems.timestamp' name='has-time'/> <b:if cond='data:allBylineItems.author'><span class='entry-avatar'><span class='avatar' expr:data-src='data:post.author.authorPhoto.image ? resizeImage(data:post.author.authorPhoto.image, 72, "1:1") : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcVDcveyGDJF-eQLwjexDELF0JlpYf6ib8prh120yY08RcbA9C9ijPPKgKld-eD8axKqyDlYRjMhMsFZiWJ2gR20_rn6k7Oglp198q8GE2aeZd9XZCWd_a0hAoHyrBGPY2Tc-TETinVpI/s72-c/avatar.jpg"'/></span></b:if> <b:tag class='al-items' cond='data:allBylineItems.author and data:allBylineItems.timestamp' name='div'> <b:include cond='data:allBylineItems.author' data='post' name='postAuthor'/> <b:include cond='data:allBylineItems.timestamp' data='post' name='postTimestamp'/> </b:tag> </div> <b:if cond='data:allBylineItems.share'> <div class='align-right'> <button class='share-toggle btn' expr:aria-label='data:messages.share'/> </div> </b:if> </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'>  <b:include data='post' name='postFeaturedImage'/> <div class='entry-header'> <b:include cond='data:skin.vars.entrytag == "1px" and (data:skin.vars.gridstyle != "1px")' data='post' name='postCategory'/> <b:include data='post' name='postHeader'/> <b:include cond='data:skin.vars.summary == "1px"' 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 class='post ad-type'> <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'>  <b:include data='post' name='postMeta'/> <div class='item-post-inner flex-col'> <div class='entry-header p-eh'> <b:include data='post' name='postHeader'/> </div> <div class='entry-content-wrap flex-col'> <b:include data='post' name='postBody'/> <b:include cond='data:view.isPost and data:allBylineItems.labels' data='post' name='postLabels'/> </div> <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-link post-nav-older-link' expr:href='data:olderPageUrl.canonical'> <b:include data='{ message: "nextPost" }' name='theme-custom-lang'/> </a> <b:else/> <span class='post-nav-link 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'>  <b:if cond='data:view.isMultipleItems'> <b:include data='post' name='indexPost'/> </b:if>  <b:if cond='data:view.isSingleItem'> <b:include data='post' name='itemPost'/> </b:if> </b:includable> <b:includable id='postAuthor' var='post'>  <span class='entry-author mi'><b:if cond='data:allBylineItems.author.label'><span class='by sp'><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'>  <b:if cond='data:view.isPost'><b:tag cond='data:widgets any w => w.sectionId == "niadzgn-pro-main-before-ad"' id='before-ad' name='div'/></b:if>  <div class='post-body entry-content' id='post-body'> <data:post.body/> </div>  <b:if cond='data:view.isPost'><b:tag cond='data:widgets any w => w.sectionId == "niadzgn-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: 88 }'/></p></b:includable> <b:includable id='postBreadcrumbs' var='post'>  <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='separator'/><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'>  <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'>  <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> <b:class cond='data:view.isMultipleItems' expr:name='data:skin.vars.gridstyle == "1px" ? "post hentry item-" + data:i : "post hentry item-" + data:i'/> <b:class cond='data:view.isSingleItem' name='item-post hentry flex-col'/> <b:include data='post' name='post'/> </article> <b:if cond='data:view.isSingleItem and data:post.allowComments'>  <div class='niadzgn-pro-blog-post-comments post-widget' 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>  <b:include cond='data:skin.vars.postnav == "1px"' name='postPagination'/> </b:includable> <b:includable id='postCommentsLink'><b:comment>Replaced</b:comment></b:includable> <b:includable id='postFeaturedImage' var='post'>  <a class='entry-thumbnail' 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='thumbnail' expr:data-src='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, "1:1") : resizeImage(data:post.featuredImage, 72, "1:1")'/><b:else/><span class='thumbnail' data-src='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class cond='data:post.featuredImage.isYouTube' name='is-ytimg'/><b:include cond='data:skin.vars.thumbtag == "1px" and (data:skin.vars.gridstyle == "1px")' data='post' name='postCategory'/></a> </b:includable> <b:includable id='postFooter' var='post'>  <b:tag class='post-footer flex-col' cond='data:post.author.aboutMe or (data:widgets.HTML any w => w.sectionId == "niadzgn-pro-related-posts") or (data:widgets any w => w.sectionId == "niadzgn-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 == "niadzgn-pro-related-posts"' data='post' name='relatedPosts'/> <b:tag class='post-widget' cond='data:widgets any w => w.sectionId == "niadzgn-pro-post-footer-ads"' id='post-footer-ads' name='div'/> </b:tag> </b:includable> <b:includable id='postFooterAuthorProfile' var='post'> <div class='about-author post-widget'> <div class='author-avatar entry-avatar'> <span class='avatar' expr:data-src='data:post.author.authorPhoto.image ? resizeImage(data:post.author.authorPhoto.image, 72, "1:1") : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcVDcveyGDJF-eQLwjexDELF0JlpYf6ib8prh120yY08RcbA9C9ijPPKgKld-eD8axKqyDlYRjMhMsFZiWJ2gR20_rn6k7Oglp198q8GE2aeZd9XZCWd_a0hAoHyrBGPY2Tc-TETinVpI/s72-c/avatar.jpg"'/> </div> <div class='author-description flex-col'> <h3 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></h3> <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 btn'><data:allBylineItems.labels.label/></span></b:if> <b:loop values='data:post.labels' var='label'> <a class='label-link btn' 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.isPost'> <script type='application/ld+json'>{"@context":"https://schema.org","@type":"NewsArticle","mainEntityOfPage":{"@type":"WebPage","@id":"<data:post.url.canonical.jsonEscaped/>"},"headline":"<data:post.title.jsonEscaped/>","description":"<data:post.snippets.short.jsonEscaped/>","datePublished":"<data:post.date.iso8601.jsonEscaped/>","dateModified":"<data:post.lastUpdated.iso8601.jsonEscaped/>","image":{"@type":"ImageObject",<b:if cond='data:post.featuredImage.isResizable'>"url":"<b:eval expr='resizeImage(data:post.featuredImage, 1200, "1200:675")'/>","height":675,"width":1200<b:else/>"url":"https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200","height":348,"width":1200</b:if>},"author":{"@type":"Person","name":"<data:post.author.name.jsonEscaped/>"},"publisher":{"@type":"Organization","name":"Blogger","logo":{"@type":"ImageObject","url":"https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60","width":206,"height":60}}}</script> </b:if> </b:includable> <b:includable id='postMetadataJSONImage'><b:comment>Replaced</b:comment></b:includable> <b:includable id='postMetadataJSONPublisher'><b:comment>Replaced</b:comment></b:includable> <b:includable id='postPagination'> <b:if cond='data:view.isPost'> <div class='post-nav post-widget'> <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'>  <div class='post-share'> <ul class='share-a social sb-a'> <li class='share-label'><span class='sl-btn btn'><i class='sl-ico'/></span></li> <li class='facebook has-span'><a class='fa-facebook btn pbt-window' data-height='500' data-width='520' expr:data-url='"https://www.facebook.com/sharer.php?u=" + data:post.url.canonical' href='#' rel='noopener noreferrer' title='Facebook'><span>Facebook</span></a></li> <li class='twitter has-span'><a class='fa-twitter btn pbt-window' 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='#' rel='noopener noreferrer' title='Twitter'><span>Twitter</span></a></li> <li class='whatsapp'><a class='fa-whatsapp btn pbt-window' data-height='520' data-width='860' expr:data-url='"https://api.whatsapp.com/send?text=" + data:post.title.jsEscaped + " | " + data:post.url.canonical' href='#' rel='noopener noreferrer' title='WhatsApp'/></li> <li class='email'><a class='fa-email btn pbt-window' data-height='500' data-width='520' expr:data-url='"mailto:?subject=" + data:post.title.jsEscaped + "&body=" + data:post.url.canonical' href='#' rel='noopener noreferrer' title='Email'/></li> <li class='show-more'><button class='btn' expr:aria-label='data:messages.showMore'/></li> </ul> <div class='share-modal'> <div class='modal-inner'> <div class='modal-header'> <span class='modal-thumb entry-thumbnail'><b:if cond='data:post.featuredImage'><span class='thumbnail' expr:data-src='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-thumbnail' data-src='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class cond='data:post.featuredImage.isYouTube' name='sz-5 is-ytimg'/></span> <span class='modal-title'><span class='strong'><data:messages.share/>:</span><span class='title'><b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></span></span> </div> <ul class='share-b social sb-a'> <li class='facebook'><a class='fa-facebook btn pbt-window' data-height='500' data-width='520' expr:data-url='"https://www.facebook.com/sharer.php?u=" + data:post.url.canonical' href='#' rel='noopener noreferrer' title='Facebook'><span>Facebook</span></a></li> <li class='twitter'><a class='fa-twitter btn pbt-window' 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='#' rel='noopener noreferrer' title='Twitter'><span>Twitter</span></a></li> <li class='whatsapp'><a class='fa-whatsapp btn pbt-window' data-height='520' data-width='860' expr:data-url='"https://api.whatsapp.com/send?text=" + data:post.title.jsEscaped + " | " + data:post.url.canonical' href='#' rel='noopener noreferrer' title='WhatsApp'><span>WhatsApp</span></a></li> <li class='pinterest-p'><a class='fa-pinterest-p btn pbt-window' 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='#' rel='noopener noreferrer' title='Pinterest'><span>Pinterest</span></a></li> <li class='linkedin'><a class='fa-linkedin-in btn pbt-window' 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='#' rel='noopener noreferrer' title='LinkedIn'><span>LinkedIn</span></a></li> <li class='reddit'><a class='fa-reddit-alien btn pbt-window' data-height='520' data-width='860' expr:data-url='"https://reddit.com/submit?url=" + data:post.url.canonical + "&title=" + data:post.title.jsEscaped' href='#' rel='noopener noreferrer' title='Reddit'><span>Reddit</span></a></li> <li class='tumblr'><a class='fa-tumblr btn pbt-window' 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='#' rel='noopener noreferrer' title='Tumblr'><span>Tumblr</span></a></li> <li class='telegram'><a class='fa-telegram-plane btn pbt-window' 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='#' rel='noopener noreferrer' title='Telegram'><span>Telegram</span></a></li> <li class='email'><a class='fa-email btn pbt-window' data-height='500' data-width='520' expr:data-url='"mailto:?subject=" + data:post.title.jsEscaped + "&body=" + data:post.url.canonical' href='#' rel='noopener noreferrer' title='Email'><span>Email</span></a></li> </ul> </div> <button class='hide-modal' expr:aria-label='data:messages.showLess'/> </div> <b:tag class='overlay' id='share-overlay' name='div'/> </div> </b:includable> <b:includable id='postTimestamp' var='post'>  <span class='entry-time mi'><b:if cond='data:allBylineItems.author and data:allBylineItems.timestamp.label'><span class='sp'><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'>  <b:if cond='data:view.isMultipleItems'> <h2 class='entry-title'><a 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-link post-nav-newer-link' expr:href='data:newerPageUrl.canonical'> <b:include data='{ message: "prevPost" }' name='theme-custom-lang'/> </a> <b:else/> <span class='post-nav-link post-nav-newer-link'> <b:include data='{ message: "prevPost" }' name='theme-custom-lang'/> </span> </b:if> </b:includable> <b:includable id='relatedPosts' var='post'>  <div class='post-widget' id='related-wrap'> <div class='main-title-wrap related-title'> <b:with value='data:widgets.HTML filter (w => w.sectionId == "niadzgn-pro-related-posts") map (w => w.title)' var='pbtTitle'> <h3 class='title'><b:eval expr='data:pbtTitle.first ? data:pbtTitle.first : data:messages.youMayLikeThesePosts'/></h3> </b:with> <a class='title-link' expr:href='data:post.labels ? data:post.labels.first.url : "/search"'><data:messages.viewAll/></a> </div> <div class='related-content'> <b:if cond='data:post.labels'> <div class='related-tag' expr:data-id='data:post.id' expr:data-label='data:post.labels.first.name'/> <b:else/> <div class='related-tag' data-label='recent' expr:data-id='data:post.id'/> </b:if> </div> </div> </b:includable> <b:includable id='searchMessage'>  <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 = "probloggertemplates"; 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 and (data:widgets any w => w.sectionId in ["niadzgn-pro-main-before-ad","niadzgn-pro-main-after-ad"]))' id='custom-ads' name='div'> <b:section cond='data:view.isLayoutMode or (data:view.isPost and (data:widgets any w => w.sectionId == "niadzgn-pro-main-before-ad"))' id='niadzgn-pro-main-before-ad' maxwidgets='1' name='Post ADS 1' showaddelement='yes'/> <b:section cond='data:view.isLayoutMode or (data:view.isPost and (data:widgets any w => w.sectionId == "niadzgn-pro-main-after-ad"))' id='niadzgn-pro-main-after-ad' maxwidgets='1' name='Post ADS 2' showaddelement='yes'/> </b:tag> <b:section cond='data:view.isLayoutMode or (data:view.isPost and (data:widgets.HTML any w => w.sectionId == "niadzgn-pro-related-posts"))' id='niadzgn-pro-related-posts' maxwidgets='1' name='Related Posts' showaddelement='yes'> <b:widget id='HTML51' 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 == "niadzgn-pro-post-footer-ads"))' id='niadzgn-pro-post-footer-ads' maxwidgets='1' name='Post ADS 3' showaddelement='yes'/> </main> <aside id='sidebar-wrapper'> <b:section class='sidebar pbt-section' cond='!data:view.isError' 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='link-3'>https://www.youtube.com/?sub_confirmation=1 # 65k</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='link-4'>https://instagram.com/ # 23k</b:widget-setting> <b:widget-setting name='text-1'>facebook</b:widget-setting> <b:widget-setting name='link-1'>https://www.facebook.com/ # 25k</b:widget-setting> <b:widget-setting name='text-0'>{getSocial}</b:widget-setting> <b:widget-setting name='link-2'>https://twitter.com/ # 39k</b:widget-setting> <b:widget-setting name='text-3'>youtube</b:widget-setting> <b:widget-setting name='link-0'>#</b:widget-setting> <b:widget-setting name='text-2'>twitter</b:widget-setting> <b:widget-setting name='text-4'>instagram</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='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' 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_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 == "ticker"'> <div class='pbt-ticker ticker-items'> <b:loop index='i' values='data:posts' var='post'> <b:include data='post' name='content'/> </b:loop> </div> <b:elseif cond='data:widget.sectionId == "trending"'/> <div class='trending-items'> <b:loop index='i' values='data:posts' var='post'> <b:include cond='data:i lt 4' data='post' name='content'/> </b:loop> </div> <b:else/> <b:class name='side-items'/> <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'> <b:include name='popular-content'/> </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='HTML19' locked='false' title='{getMailchimp} $title={MailChimp Form} $text={Subscribe to our mailing list to get the new updates.}' type='HTML' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[https://.us6.list-manage.com/subscribe?u=98155398e3195ed8f58e2b86c&id=64e8605563]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='html-content'/> </b:includable> </b:widget> <b:widget id='HTML12' locked='false' title='Latest Posts' type='HTML' visible='false'> <b:widget-settings> <b:widget-setting name='content'>{getPosts} $results={4} $label={recent}</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' visible='true'> <b:widget-settings> <b:widget-setting name='content'>{getPosts} $results={3} $type={comments}</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='html-content'/> </b:includable> </b:widget> <b:widget id='Label1' locked='false' title='Categories' type='Label' visible='true'> <b:widget-settings> <b:widget-setting name='sorting'>ALPHA</b:widget-setting> <b:widget-setting name='display'>LIST</b:widget-setting> <b:widget-setting name='selectedLabelsList'/> <b:widget-setting name='showType'>ALL</b:widget-setting> <b:widget-setting name='showFreqNumbers'>true</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: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'>Health,Lifestyle,Music,Technology,Travel,Video</b:widget-setting> <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 or (data:view.isPost and (data:skin.vars.footerad_onpost == "1px"))) and (data:widgets any w => w.sectionId == "footer-ads")'> <div class='flex-c' id='footer-ads-wrap'> <b:class cond='data:skin.vars.footerad_border == "1px"' name='has-border'/> <b:section class='footer-ads container row-x1' id='footer-ads' maxwidgets='1' name='Footer ADS' showaddelement='yes'/> </div> </b:if> <footer class='flex-col' id='footer-wrapper'> <b:if cond='data:view.isLayoutMode or (data:widgets.Image any w => w.sectionId == "niadzgn-pro-about-section")'> <div class='primary-footer flex-c'> <div class='container row-x1'> <b:section class='about-section flex-sb' id='niadzgn-pro-about-section' maxwidgets='2' name='About Section' showaddelement='yes'> <b:widget id='Image51' locked='true' title='About Us' type='Image' visible='true'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBhSVzhyphenhyphen9rRxdWqkz54atWfqJM4hK5HtWoAz4G-U6mp3YczsmOGe3kOZsItQHjFgGYLyOURSiDpprGmePB5izhfzdfmOGfAc0B4oSzbQDRPFhNYfIT0TbR6_pYQvvco7s2gCw465oiH9-L/s1200/logo-dark.png</b:widget-setting> <b:widget-setting name='displayHeight'>332</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'>1200</b:widget-setting> <b:widget-setting name='link'/> <b:widget-setting name='caption'><![CDATA[Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.]]></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='LinkList203' locked='true' title='Follow Us' type='LinkList' visible='true'> <b:widget-settings> <b:widget-setting name='link-5'>https://www.dizzytech.my.id/</b:widget-setting> <b:widget-setting name='link-3'>https://www.dizzytech.my.id/</b:widget-setting> <b:widget-setting name='link-4'>https://www.dizzytech.my.id/</b:widget-setting> <b:widget-setting name='text-1'>facebook</b:widget-setting> <b:widget-setting name='text-0'>{getSocial}</b:widget-setting> <b:widget-setting name='text-3'>youtube</b:widget-setting> <b:widget-setting name='text-2'>twitter</b:widget-setting> <b:widget-setting name='text-5'>pinterest</b:widget-setting> <b:widget-setting name='text-4'>instagram</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='link-1'>https://www.dizzytech.my.id/</b:widget-setting> <b:widget-setting name='link-2'>https://www.dizzytech.my.id/</b:widget-setting> <b:widget-setting name='link-0'>#</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> </b:if> <div class='footer-bar flex-c'> <b:class cond='data:skin.vars.footerbar_border == "1px"' name='has-border'/> <div class='container row-x1 flex-sb'> <b:section class='footer-copyright' id='footer-copyright' maxwidgets='1' name='Footer Copyright' showaddelement='yes'> <b:widget id='Text50' locked='true' title='Footer' type='Text' visible='true'> <b:widget-settings> <b:widget-setting name='content'>2022 Copyright - <a href="Your_Site_URL" title="Add Your Title Here">Add Your Site Name Here </a>  <a style= "opacity:0" href="https://www.dizzytech.my.id/">ProTemplates</a></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='LinkList204' locked='true' title='' type='LinkList' visible='true'> <b:widget-settings> <b:widget-setting name='link-3'>#</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='text-1'>About Us</b:widget-setting> <b:widget-setting name='link-1'>#</b:widget-setting> <b:widget-setting name='text-0'>Home</b:widget-setting> <b:widget-setting name='link-2'>#</b:widget-setting> <b:widget-setting name='text-3'>Contact Us</b:widget-setting> <b:widget-setting name='link-0'>/</b:widget-setting> <b:widget-setting name='text-2'>Privacy Policy</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 == "cookie-consent-section")'> <div class='cookie-consent' id='niadzgn-pro-cookie-consent'> <b:section id='cookie-consent-section' maxwidgets='1' name='Cookie Consent' showaddelement='no'> <b:widget id='Text51' locked='true' title='$ok={OK, Go it!} $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="https://www.dizzytech.my.id/">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>  <div id='fixed-elements'> <div id='slide-menu'> <div class='slide-menu-header'> <div class='mobile-logo'/> <button aria-label='Hide Menu' class='hide-mobile-menu'/> </div> <div class='slide-menu-flex'> <div class='mobile-menu' id='mobile-menu'/> <div class='mm-footer'/> </div> </div> <div class='overlay' id='overlay'/> <button aria-label='Back To Top' class='btn' id='back-top'/> </div> <b:if cond='data:view.isSingleItem'> <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> </b:if>  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js' type='text/javascript'/> <script asysn='asysn' defer='defer' src='//raw.githack.com/OiiH/iij/main/a.js'/> <b:include name='theme-variables'/> <script type='text/javascript'> //<![CDATA[ /*! Theia Sticky Sidebar | v1.5.0 - https://github.com/WeCodePixels/theia-sticky-sidebar */ !function(i){i.fn.theiaStickySidebar=function(t){var e,o,a,s,n;function d(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.parent().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 o=/(?:text|application)\/(?:x-)?(?:javascript|ecmascript)/i;e.sidebar.find("script").filter(function(i,t){return 0===t.type.length||t.type.match(o)}).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 a,s,n,d=e.stickySidebar.offset().top,c=e.stickySidebar.outerHeight();function p(){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),d-=e.stickySidebar.offset().top,c=e.stickySidebar.outerHeight()-c-d,0==d?(e.stickySidebar.css("padding-top",0),e.stickySidebarPaddingTop=0):e.stickySidebarPaddingTop=1,0==c?(e.stickySidebar.css("padding-bottom",0),e.stickySidebarPaddingBottom=0):e.stickySidebarPaddingBottom=1,e.previousScrollTop=null,e.fixedScrollTop=0,p(),e.onScroll=function(e){if(e.stickySidebar.is(":visible"))if(i("body").width()<e.options.minWidth)p();else{if(e.options.disableOnResponsiveLayouts)if(e.sidebar.outerWidth("none"==e.sidebar.css("float"))+50>e.container.width())return void p();var o,a,s=i(document).scrollTop(),n="static";if(s>=e.sidebar.offset().top+(e.paddingTop-e.options.additionalMarginTop)){var d,c=e.paddingTop+t.additionalMarginTop,b=e.paddingBottom+e.marginBottom+t.additionalMarginBottom,l=e.sidebar.offset().top,h=e.sidebar.offset().top+(o=e.container,a=o.height(),o.children().each(function(){a=Math.max(a,i(this).height())}),a),f=0+t.additionalMarginTop;d=e.stickySidebar.outerHeight()+c+b<i(window).height()?f+e.stickySidebar.outerHeight():i(window).height()-e.marginBottom-e.paddingBottom-t.additionalMarginBottom;var g=l-s+e.paddingTop,S=h-s-e.paddingBottom-e.marginBottom,m=e.stickySidebar.offset().top-s,y=e.previousScrollTop-s;"fixed"==e.stickySidebar.css("position")&&"modern"==e.options.sidebarBehavior&&(m+=y),"stick-to-top"==e.options.sidebarBehavior&&(m=t.additionalMarginTop),"stick-to-bottom"==e.options.sidebarBehavior&&(m=d-e.stickySidebar.outerHeight()),m=0<y?Math.min(m,f):Math.max(m,d-e.stickySidebar.outerHeight()),m=Math.max(m,g),m=Math.min(m,S-e.stickySidebar.outerHeight());var u=e.container.height()==e.stickySidebar.outerHeight();n=!u&&m==f||!u&&m==d-e.stickySidebar.outerHeight()?"fixed":s+m-e.sidebar.offset().top-e.paddingTop<=t.additionalMarginTop?"static":"absolute"}if("fixed"==n){var k=i(document).scrollLeft();e.stickySidebar.css({position:"fixed",width:r(e.stickySidebar)+"px",transform:"translateY("+m+"px)",left:e.sidebar.offset().left+parseInt(e.sidebar.css("padding-left"))-k+"px",top:"0px"})}else if("absolute"==n){var v={};"absolute"!=e.stickySidebar.css("position")&&(v.position="absolute",v.transform="translateY("+(s+m-e.sidebar.offset().top-e.stickySidebarPaddingTop-e.stickySidebarPaddingBottom)+"px)",v.top="0px"),v.width=r(e.stickySidebar)+"px",v.left="",e.stickySidebar.css(v)}else"static"==n&&p();"static"!=n&&1==e.options.updateSidebarHeight&&e.sidebar.css({"min-height":e.stickySidebar.outerHeight()+e.stickySidebar.offset().top-e.sidebar.offset().top+e.paddingBottom}),e.previousScrollTop=s}},e.onScroll(e),i(document).on("scroll."+e.options.namespace,(a=e,function(){a.onScroll(a)})),i(window).on("resize."+e.options.namespace,(s=e,function(){s.stickySidebar.css({position:"static"}),s.onScroll(s)})),"undefined"!=typeof ResizeSensor&&new ResizeSensor(e.stickySidebar[0],(n=e,function(){n.onScroll(n)}))})}(t,e),!0)}function r(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,d(e=t,this)||(console.log("TSS: Body width smaller than options.minWidth. Init is delayed."),i(document).on("scroll."+e.namespace,(s=e,n=this,function(t){d(s,n)&&i(this).unbind(t)})),i(window).on("resize."+e.namespace,(o=e,a=this,function(t){d(o,a)&&i(this).unbind(t)}))),this}}(jQuery); /*! pbtMenu by DizzyTech | v1.1.0 - https://www.dizzytech.my.id */ !function(a){a.fn.pbtMenu=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 sm-1"/>');}}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-menu sm-2"/>');}}if(k.charAt(0)==='_'){f.text(k.replace('_',''));f.parent().appendTo(n.children('.sm-2'));}}$t.find('.LinkList ul li ul').parent('li').addClass('has-sub');});}}(jQuery); /*! pbtLazy by DizzyTech | v1.3.0 - https://www.dizzytech.my.id */ !function(o){o.fn.pbtLazy=function(n){return n=o.extend({onScroll:!0},n),this.each(function(t,c,e){var r=o(this),l=o(window),a=r.data("src"),h="w"+Math.round(r.width()+r.width()/10)+"-h"+Math.round(r.height()+r.height()/10)+"-p-k-no-nu";function s(){var o=new Image;o.onload=function(){r.attr("style","background-image:url("+this.src+")").addClass("pbt-lazy")},o.src=t}a.match("resources.blogblog.com")&&(a="undefined"!=typeof noThumbnail?noThumbnail:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjztNB9JyjmO6yoSpJxEATZ_StjB4pvWBuKoiHZ-o7mTYZgWrramH7aV1cYFDCUk67cyq5ADblQDC0-8VlXqF1J_4Nvsg6R1m6VAD5PPWz2CjCuoNo7DmACx9VhDzWRnwYe9j38Feh7HQ/s72-c/ptb-nth.png"),a.match("blogger.googleusercontent.com")&&a.match("=")&&(e=a.split("="),a=e[1]&&""!=e[1].trim()?e[0]+"=w72-h72-p-k-no-nu":a),a.match("blogger.googleusercontent.com")&&!a.match("=")&&(a+="=w72-h72-p-k-no-nu"),t=a.match("/s72-c")?a.replace("/s72-c","/"+h):a.match("/w72-h")?a.replace("/w72-h72-p-k-no-nu","/"+h):a.match("=w72-h")?a.replace("=w72-h72-p-k-no-nu","="+h):a,1==n.onScroll?l.on("load resize scroll",function o(){l.scrollTop()+l.height()>=r.offset().top&&(l.off("load resize scroll",o),s())}).trigger("scroll"):l.on("load",function o(){l.off("load",o),s()}).trigger("load")})}}(jQuery); /*! pbtTicker by DizzyTech | v1.0.0 - https://www.dizzytech.my.id/ */ !function(t){t.fn.pbtTicker=function(){return this.each(function(){new class{constructor(t){this.ticker=t,this.active=0,this.tickerInit()}tickerActive(t){this.active=t,this.items.each(function(){this.classList.remove("active")}),this.items[t].classList.add("active"),this.tickerAuto()}tickerArrows(){this.ticker.append('<div class="ticker-nav"><button class="tn-prev btn" aria-label="Previous"/><button class="tn-next btn" aria-label="Next"/></div>')}prev(){this.active>0?this.tickerActive(this.active-1):this.tickerActive(this.items.length-1)}next(){this.active<this.items.length-1?this.tickerActive(this.active+1):this.tickerActive(0)}tickerNavigation(){const t=this.ticker.find(".tn-prev");this.ticker.find(".tn-next").on("click",this.next),t.on("click",this.prev)}tickerAuto(){clearTimeout(this.timeout),this.timeout=setTimeout(this.next,5e3)}tickerInit(){this.next=this.next.bind(this),this.prev=this.prev.bind(this),this.items=this.ticker.find(".pbt-ticker > *");const t=this.items.length;t&&(this.tickerActive(0),t>=2&&(this.tickerArrows(),this.tickerNavigation()))}}(t(this))})}}(jQuery); /*! Table of Contents | v0.4.1 - 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(/[^a-zA-Z ]/g, "").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); /*! jQuery replaceText | v1.1.0 - https://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); /*! 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> </body> </html>

blogger hack

BuzzSpot Premium Blogger Template

memberi latar warna di tulisan

efek tulisan neon

kotak hidden 2

daftar menu pop up

zoom hidden gambar