API tools faq
paste
Advertisement
shamp0erna99

Sora Jupiter Templates Blogger Decrypt

shamp0erna99
Sep 8th, 2020
309
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 290.40 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' id='root-html' 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'>
  4.   <head>
  5.     <meta charset='utf-8'/>
  6.     <meta content='width=device-width, initial-scale=1' name='viewport'/>    
  7.     <b:include data='blog' name='all-head-content'/>
  8.     <title>
  9.         <b:if cond='data:blog.pageType == &quot;index&quot;'>
  10.             <data:blog.pageTitle/>
  11.         <b:else/>
  12.             <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  13.                 <data:blog.pageName/> - <data:blog.title/>
  14.             <b:else/>
  15.                 ERROR 404 - <data:blog.title/>
  16.             </b:if>
  17.         </b:if>
  18.     </title>
  19.     <!-- Description and Keywords (start) -->
  20.     <b:if cond='data:blog.pageType == &quot;index&quot;'>
  21.     <meta content='YOUR DESCRIPTION HERE' name='description'/>
  22.     </b:if>
  23.     <meta content='YOUR KEYWORDS HERE' name='keywords'/>
  24.     <!-- Description and Keywords (end) -->
  25.     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  26.         <meta expr:content='data:blog.pageName' property='og:title'/>
  27.         <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  28.         <meta content='article' property='og:type'/>
  29.     </b:if>
  30.     <b:if cond='data:blog.postImageUrl'>
  31.         <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  32.     <b:else/>
  33.     <b:if cond='data:blog.postImageThumbnailUrl'>
  34.         <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
  35.     </b:if></b:if>
  36.     <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  37.         <meta expr:content='data:blog.metaDescription' name='og:description'/>
  38.     </b:if>
  39.     <meta expr:content='data:blog.title' property='og:site_name'/>
  40.     <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
  41.     <meta expr:content='data:blog.pageName' name='twitter:title'/>
  42.     <b:if cond='data:blog.postImageUrl'>
  43.       <meta content='summary_large_image' name='twitter:card'/>
  44.       <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
  45.     <b:else/>
  46.       <meta content='summary' name='twitter:card'/>
  47.       <b:if cond='data:blog.postImageThumbnailUrl'>
  48.         <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
  49.       </b:if>
  50.     </b:if>
  51.     <meta expr:content='data:blog.pageName' name='twitter:title'/>
  52.     <b:if cond='data:blog.metaDescription'>
  53.       <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
  54.     </b:if>
  55.  <script type='application/ld+json'>{&quot;@context&quot;:&quot;http://schema.org&quot;,&quot;@type&quot;:&quot;WebSite&quot;,&quot;name&quot;:&quot;<data:view.title.escaped/>&quot;,&quot;url&quot;:&quot;<data:view.url.canonical/>&quot;,&quot;potentialAction&quot;:{&quot;@type&quot;:&quot;SearchAction&quot;,&quot;target&quot;:&quot;<data:view.url.canonical/>search?q={search_term_string}&quot;,&quot;query-input&quot;:&quot;required name=search_term_string&quot;}}</script>
  56.     <!-- Social Media meta tag need customer customization -->
  57.     <meta content='Facebook App ID here' property='fb:app_id'/>
  58.     <meta content='Facebook Admin ID here' property='fb:admins'/>
  59.     <meta content='@username' name='twitter:site'/>
  60.     <meta content='@username' name='twitter:creator'/>
  61.    
  62.     <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>
  63.     <link href='//fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'/>
  64.     <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700,900' rel='stylesheet' type='text/css'/>
  65.  
  66.     <b:skin><![CDATA[/*
  67. -----------------------------------------------
  68. Blogger Template Style
  69. Name   : Jupiter
  70. Author : https://www.soratemplates.com
  71. License: Premium Version
  72. Version: 2.0
  73. Decrypt: https://local-hunter.com
  74. Join Discussion with us:
  75. https://discord.gg/UxMP2Kc
  76. ----------------------------------------------- */
  77.  
  78. /* Variable definitions
  79.   ====================
  80.   <Variable name="keycolor" description="Main Color" type="color" default="#299bfa" value="#299bfa"/>
  81.   <Variable name="header_bg" description="Header Background Color" type="color" default="#222" value="#222222"/>
  82.   <Variable name="footer_bg" description="Background Color Of The Footer" type="color" default="#333" value="#333333"/>
  83.   <Variable name="main_bg_color" description="Background Color Of The Blog" type="color" default="#374551" value="#374551"/>
  84.   <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
  85.     <Variable name="body.background.color" description="Outer Background" type="color" default="#374551" value="#374551"/>
  86.   </Group>
  87.   <Variable name="body.background" description="Body Background" type="background"
  88.       color="$(body.background.color)" default="$(color) none repeat scroll top left" value="$(color) none repeat scroll top left"/>  
  89. */
  90.  
  91. /*======================================
  92. +/+ Styles
  93. ======================================*/
  94.  
  95. /* http://meyerweb.com/eric/tools/css/reset/
  96. v2.0 | 20110126
  97. License: none (public domain)
  98. */
  99. html, body, div, span, applet, object, iframe,
  100. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  101. a, abbr, acronym, address, big, cite, code,
  102. del, dfn, em, img, ins, kbd, q, s, samp,
  103. small, strike, strong, sub, sup, tt, var,
  104. b, u, i, center,
  105. dl, dt, dd, ol, ul, li,
  106. fieldset, form, label, legend,
  107. table, caption, tbody, tfoot, thead, tr, th, td,
  108. article, aside, canvas, details, embed,
  109. figure, figcaption, footer, header, hgroup,
  110. menu, nav, output, ruby, section, summary,
  111. time, mark, audio, video {
  112. margin: 0;
  113. padding: 0;
  114. border: 0;
  115. vertical-align: baseline;
  116. }
  117. .CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}
  118. body {
  119.  line-height: 1;
  120. }
  121.  
  122. ol, ul {
  123.  list-style: none;
  124. }
  125.  
  126. blockquote, q {
  127.  quotes: none;
  128. }
  129.  
  130. blockquote:before, blockquote:after,
  131. q:before, q:after {
  132.  content: &#39;&#39;;
  133.  content: none;
  134. }
  135.  
  136. table {
  137.  border-collapse: collapse;
  138.  border-spacing: 0;
  139. }
  140. .widget img {
  141.  max-width: 100%;
  142. }
  143. /*======================================
  144. +/+ General Styles
  145. ======================================*/
  146. .clearfix { zoom: 1; }
  147. .clearfix:before,
  148. .clearfix:after { content: ''; display: table; width: 0; height: 0;}
  149. .clearfix:after { clear: both; }
  150.  
  151. *, *:before, *:after{
  152.  transition: all 0.3s ease-in-out;
  153.  -webkit-transition: all 0.3s ease-in-out;
  154.  box-sizing: border-box;
  155.  -webkit-box-sizing: border-box;
  156. }
  157.  
  158. body {
  159.  overflow-x: hidden;
  160.  font-family: 'Roboto', sans-serif;
  161.  background: $(body.background);
  162.  max-width: 1220px;
  163.  margin: 0 auto;
  164. }
  165.  
  166. .section, .widget {
  167.  margin: 0;
  168.  padding: 0;
  169. }
  170.  
  171. h1, h2, h3, h4, h5, h6 {
  172.  color: inherit;
  173. }
  174.  
  175. a, a:visited, a:link{
  176.  color: inherit;
  177.  text-decoration: none;
  178. }
  179.  
  180. input{
  181.  border: none;
  182.  box-sizing: border-box;
  183. }
  184.  
  185. .container{
  186.  max-width: 1180px;
  187.  margin: 0 auto;
  188. }
  189.  
  190. .date-header {
  191.  display: none;
  192. }
  193.  
  194. .widget li {
  195.  padding: 0;
  196. }
  197.  
  198. .widget ul {
  199.  padding: 0;
  200. }
  201.  
  202. .blog-feeds, .feed-links {
  203.     display: none;
  204. }
  205.  
  206. .icon {
  207.     padding-right: 5px;
  208. }
  209.  
  210. .heading {
  211.     font-family: 'Roboto Slab', serif;
  212. }
  213.  
  214. .post-icons img {
  215.     width: auto !important;
  216. }
  217.  
  218. .hide {
  219.     display: none !important;
  220. }
  221.  
  222. .show {
  223.     display: block !important;
  224. }
  225.  
  226. .white {
  227.     border-top-color: #fff !important;
  228. }
  229.  
  230. #to-top {
  231.    position: fixed;
  232.    right: 25px;
  233.    bottom: 100px;
  234.    color: #fff;
  235.    padding: 9px;
  236.     opacity: 0;
  237.     visibility: hidden;
  238.    border-radius: 5px;
  239.    background: $keycolor;
  240.    box-shadow: 0 0 5px #4D4D4D;
  241.    -webkit-box-shadow: 0 0 5px #4D4D4D;
  242.     z-index: 9999;
  243. }
  244.  
  245. #to-top.fadeIn {
  246.     opacity: 1;
  247.     visibility: visible;
  248. }
  249.  
  250. .anchor-hover:hover {
  251.     color: $keycolor;
  252. }
  253.  
  254. .widget-item-control {display: none;}
  255.  
  256. .post-body img {
  257.     max-width: 100%;
  258. }
  259.  
  260. .item .post-body ul {
  261.    list-style-type: disc;
  262. }
  263.  
  264. .item .post-body ol {
  265.    list-style-type: decimal;
  266. }
  267.  
  268. .item .post-body a {
  269.    font-weight: 500;
  270.    color: $keycolor;
  271.    text-decoration: underline;
  272. }
  273.  
  274. .item .post-body a[style="margin-left: 1em; margin-right: 1em;"] {
  275.    margin-left: 0 !important;
  276.    margin-right: 0 !important;
  277. }
  278.  
  279.  
  280. /*===============================================
  281. +/+ Header
  282. ===============================================*/
  283.  
  284. #header {
  285.    position: relative;
  286.     background: $header_bg;
  287.     text-align: center;
  288.    border-top: 3px solid $keycolor;
  289. }
  290.  
  291. /* Top Nav
  292. -----------------------------------------------*/
  293.  
  294. .top-nav-wrapper {
  295.    height: 45px;
  296.    background: #EEEEEE;
  297.    color: #fff;
  298. }
  299.  
  300. .top-nav-icon {
  301.  display: none;
  302.  line-height: 45px;
  303.  font-size: 1.5rem;
  304.  color: #000;
  305. }
  306.  
  307. .top-nav-wrapper .widget > h2 {
  308.  display: none;
  309. }
  310.  
  311. #LinkList1 {
  312.  float: left;
  313. }
  314.  
  315. #LinkList2 {
  316.  float: right;
  317. }
  318.  
  319. .top-nav-wrapper .widget:only-child {
  320.  float: none;
  321. }
  322.  
  323. #LinkList1 li {
  324.  float: left;
  325.  color: #000;
  326.  line-height: 45px;
  327.  margin-right: 30px;
  328.  font-size: 0.875rem;
  329.  text-transform: capitalize;
  330. }
  331.  
  332. #LinkList1 li:last-child {
  333.  margin-right: 0;
  334. }
  335.  
  336. #LinkList1 a:hover {
  337.  color: $keycolor;
  338. }
  339.  
  340. .top-nav-icon {
  341.    display: none;
  342.    line-height: 45px;
  343.    font-size: 1.5rem;
  344. }
  345.  
  346. #LinkList2 li {
  347.  float: left;
  348.  line-height: 45px;
  349. }
  350.  
  351. #LinkList2 li a {
  352.  display: block;
  353.  width: 30px;
  354.  height: 45px;
  355.  line-height: 45px;
  356.  text-align: center;
  357. }
  358.  
  359. #LinkList2 li a:hover {
  360.  background: $keycolor;
  361. }
  362.  
  363. #LinkList2 .fa {
  364.    color: #000;
  365.     transition: all 0s;
  366. }
  367.  
  368. #LinkList2 a:hover .fa {
  369.    color: #fff;
  370. }
  371.  
  372. /* Search box
  373. -------------------------------------*/
  374.  
  375. .search {
  376.    text-align: center;
  377.    position: absolute;
  378.    left: 0;
  379.    right: 0;
  380.    top: -50px;
  381.     z-index: 99;
  382. }
  383.  
  384. #search-btn {
  385.    display: inline-block;
  386.    width: 0;
  387.    height: 0;
  388.    border: 31px solid transparent;
  389.    border-top-color: #eee;
  390.    position: relative;
  391.    text-align: center;
  392. }
  393.  
  394. #search-icon {
  395.    position: relative;
  396.    top: -29px;
  397.    color: #000;
  398.     left: -10px;
  399.    cursor: pointer;
  400.    width: 20px;
  401.    height: 20px;
  402. }
  403.  
  404. #search-input {
  405.    width: 100%;
  406.    text-align: center;
  407.    height: 45px;
  408.     outline: 0;
  409. }
  410.  
  411. /* Logo and ad
  412. ------------------------------------*/
  413.  
  414. .logo-and-ad-container {
  415.    margin-top: -40px;
  416.    padding-bottom: 10px;
  417. }
  418.  
  419. #logo-and-ad-container {
  420.  display: table;
  421.  height: 160px;
  422. }
  423.  
  424. #logo-and-ad-container .widget {
  425.  display: table-cell;
  426.  width: 100%;
  427.  vertical-align: middle;
  428. }
  429.  
  430. #logo-and-ad-container .HTML .widget-content {
  431.  width: 728px;
  432.  height: 90px;
  433. }
  434.  
  435. #logo-and-ad-container .HTML .widget-content:empty {
  436.    display: none;
  437. }
  438.  
  439. /* Main nav
  440. --------------------------------------*/
  441.  
  442. #main-nav-wrapper {
  443.    background: $keycolor;
  444.    height: 50px;
  445. }
  446.  
  447. #main-nav-wrapper .container {
  448.  position: relative;
  449. }
  450.  
  451. #main-nav-wrapper .widget-content {
  452.    display: inline-block;
  453. }
  454.  
  455. #main-nav .icon {
  456.  color: #fff;
  457. }
  458.  
  459. #main-nav .widget-content > ul > li {
  460.  float: left;
  461. }
  462.  
  463. #main-nav .widget-content > ul > li > a {
  464.    display: block;
  465.    height: 50px;
  466.     position: relative;
  467.    padding: 0 18px;
  468.     color: #fff;
  469.    font-size: 0.875rem;
  470.    font-weight: 700;
  471.    line-height: 53px;
  472.    text-transform: uppercase;
  473. }
  474. #main-nav .widget-content > ul > li.has-sub {
  475. position: relative;
  476. }
  477. #main-nav .widget-content > ul > li > a:before {
  478.    content: '';
  479.    position: absolute;
  480.    top: -10px;
  481.    left: 50%;
  482.    width: 0;
  483.    height: 0;
  484.    border: 10px solid transparent;
  485.    border-top-color: $header_bg;
  486.    margin-left: -10px;
  487.    opacity: 0;
  488.     visibility: hidden;
  489. }
  490.  
  491. #main-nav .widget-content > ul > li > a:hover:before {
  492.    top: 0;
  493.    opacity: 1;
  494.     visibility: visible;
  495. }
  496. #main-nav .widget-content ul > li > ul {
  497. position: absolute;
  498. float: left;
  499. left: 0;
  500. top: 50px;
  501. width: 180px;
  502. background-color: #353535;
  503. z-index: 99999;
  504. margin-top: 0;
  505. padding: 0;
  506. border-top: 2px solid #E4860D;
  507. visibility: hidden;
  508. opacity: 0;
  509. }
  510. #main-nav .widget-content ul ul {
  511. transition: all .25s ease;
  512. }
  513. #main-nav .widget-content ul > li > ul > li > ul {
  514. position: absolute;
  515. float: left;
  516. top: 0;
  517. left: 100%;
  518. margin: -2px 0 0;
  519. background: #494949;
  520. }
  521. #main-nav .widget-content ul > li:hover > ul, #main-nav .widget-content ul > li > ul > li:hover > ul {
  522. visibility: visible;
  523. opacity: 1;
  524. }
  525. #main-nav .widget-content ul > li > ul > li {
  526. display: block;
  527. float: none;
  528. position: relative;
  529. margin: 0;
  530. padding: 0;
  531. transition: background .17s;
  532. }
  533. #main-nav .widget-content ul > li > ul > li a {
  534. display: block;
  535. position:relative;
  536. height: 36px;
  537. font-size: 13px;
  538. color: #fff;
  539. line-height: 36px;
  540. box-sizing: border-box;
  541. margin: 0;
  542. padding: 0 15px;
  543. border: 0;
  544. border-bottom: 1px solid rgba(255,255,255,0.05);
  545. transition: all .17s ease;
  546. text-align:left;
  547. }
  548. #main-nav .widget, #main-nav .widget > .widget-title {
  549. display: none;
  550. }
  551. #main-nav .show-menu {
  552. display: block;
  553. }
  554. /* Mega Menus
  555. ------------------------------------------*/
  556.  
  557. #main-nav .widget-content > ul > li > a:hover + .mega-menu-wrapper {
  558.  height: 270px;
  559.  visibility: visible;
  560. }
  561.  
  562. .mega-icon:after, #main-nav .widget-content > ul > li.has-sub > a:after {
  563.  content: '\25be';
  564. }
  565. #main-nav .widget-content > ul > li.has-sub > ul.m-sub > li.has-sub > a:after {
  566.    content: '\25b6';
  567.    float: right;
  568.    margin: 0;
  569.    font-size: 8px;
  570.    font-weight: 400;
  571. }
  572. .mega-menu-wrapper {
  573.  position: absolute;
  574.  left: 0;
  575.  right: 0;
  576.  top: 45px;
  577.  height: 0;
  578.  overflow: hidden;
  579.  visibility: hidden;
  580.  z-index: 99;
  581.  max-width: 1180px;
  582.  margin: 0 auto;
  583.  border-top: 4px solid $keycolor;
  584.  border-bottom: 3px solid $keycolor;
  585. }
  586.  
  587. .mega-menu-wrapper:before {
  588.  content: '';
  589.  display: block;
  590.  height: 6px;
  591.  position: absolute;
  592.  top: -6px;
  593.  left: 0;
  594.  right: 0;
  595.  background: transparent;
  596. }
  597.  
  598. .mega-menu-wrapper:hover {
  599.  height: 270px;
  600.  visibility: visible;
  601. }
  602.  
  603. .mega-menu {
  604.  background: #555;
  605.  padding: 15px !important;
  606.  z-index: 99;  
  607. }
  608.  
  609. .mega-post {
  610.  float: left;
  611.  width: 23%;
  612.  margin-right: 2.6% !important;
  613. }
  614.  
  615. .mega-post:last-child {
  616.  margin-right: 0 !important;
  617. }
  618.  
  619. .mega_post-image {
  620.  display: block;
  621.  width: 100%;
  622.  height: 180px;
  623.  margin-bottom: 10px;
  624.  border: 2px solid #747474;
  625. }
  626.  
  627. .mega_post-title {
  628.  color: #fff;
  629.  font-family: 'Roboto Slab', serif;
  630.  font-weight: 700;
  631.  font-size: .875rem;
  632.  line-height: 1.7;
  633. }
  634.  
  635. /*===============================================
  636. +/+ Slider
  637. ===============================================*/
  638.  
  639. body[data-main="false"] #slider {
  640.  display: none;
  641. }
  642.  
  643. #slider .widget-content {
  644.     font-size: 0;
  645. }
  646.  
  647. .slider-item {
  648.    float: left;
  649.    width: 25%;
  650.    height: 350px;
  651.    position: relative;
  652.     overflow: hidden;
  653. }
  654.  
  655. .slider-image {
  656.    display: block;
  657.    width: 100%;
  658.    height: 350px;
  659. }
  660.  
  661. .slider-image:hover {
  662.    transform: scale(1.1);
  663. }
  664.  
  665. .slider-image:before {
  666.    content: '';
  667.    position: absolute;
  668.    left: 0;
  669.    right: 0;
  670.    top: 0;
  671.    bottom: 0;
  672.     background: rgba(0,0,0,0.6);
  673.    background: linear-gradient(0deg, #000000 0, rgba(0, 0, 0, 0) 50%);
  674.    background: -webkit-gradient(linear, 0deg, color-stop(0, 000000), color-stop(50%, rgba(0, 0, 0, 0)));/* Chrome,Safari4+ */
  675.    background: -webkit-linear-gradient(90deg, #000000 0, rgba(0, 0, 0, 0) 50%);/* Chrome10+,Safari5.1+ */
  676.    background: -o-linear-gradient(90deg, #000000 0, rgba(0, 0, 0, 0) 50%);/* Opera 11.10+ */
  677.    background: -ms-linear-gradient(90deg, #000000 0, rgba(0, 0, 0, 0) 50%);/* IE10+ */
  678. }
  679.  
  680. #slider-item1 .slider-image:after {
  681.    content: '';
  682.    position: absolute;
  683.    left: 0;
  684.    right: 0;
  685.    top: 0;
  686.    bottom: 0;
  687.     opacity:0;
  688.     background: rgba(0,0,0,0.6);
  689.    background: linear-gradient(0deg, #17C65D 0, rgba(0, 0, 0, 0) 50%);
  690.    background: -webkit-gradient(linear, 0deg, color-stop(0, 000000), color-stop(50%, rgba(0, 0, 0, 0)));/* Chrome,Safari4+ */
  691.    background: -webkit-linear-gradient(90deg, #17C65D 0, rgba(0, 0, 0, 0) 50%);/* Chrome10+,Safari5.1+ */
  692.    background: -o-linear-gradient(90deg, #17C65D 0, rgba(0, 0, 0, 0) 50%);/* Opera 11.10+ */
  693.    background: -ms-linear-gradient(90deg, #17C65D 0, rgba(0, 0, 0, 0) 50%);/* IE10+ */
  694. }
  695.  
  696. #slider-item2 .slider-image:after {
  697.    content: '';
  698.    position: absolute;
  699.    left: 0;
  700.    right: 0;
  701.    top: 0;
  702.    bottom: 0;
  703.     opacity:0;
  704.     background: rgba(0,0,0,0.6);
  705.    background: linear-gradient(0deg, #FA29AF 0, rgba(0, 0, 0, 0) 50%);
  706.    background: -webkit-gradient(linear, 0deg, color-stop(0, 000000), color-stop(50%, rgba(0, 0, 0, 0)));/* Chrome,Safari4+ */
  707.    background: -webkit-linear-gradient(90deg, #FA29AF 0, rgba(0, 0, 0, 0) 50%);/* Chrome10+,Safari5.1+ */
  708.    background: -o-linear-gradient(90deg, #FA29AF 0, rgba(0, 0, 0, 0) 50%);/* Opera 11.10+ */
  709.    background: -ms-linear-gradient(90deg, #FA29AF 0, rgba(0, 0, 0, 0) 50%);/* IE10+ */
  710. }
  711.  
  712. #slider-item3 .slider-image:after {
  713.    content: '';
  714.    position: absolute;
  715.    left: 0;
  716.    right: 0;
  717.    top: 0;
  718.    bottom: 0;
  719.     opacity:0;
  720.     background: rgba(0,0,0,0.6);
  721.    background: linear-gradient(0deg, #29ABFA 0, rgba(0, 0, 0, 0) 50%);
  722.    background: -webkit-gradient(linear, 0deg, color-stop(0, 000000), color-stop(50%, rgba(0, 0, 0, 0)));/* Chrome,Safari4+ */
  723.    background: -webkit-linear-gradient(90deg, #29ABFA 0, rgba(0, 0, 0, 0) 50%);/* Chrome10+,Safari5.1+ */
  724.    background: -o-linear-gradient(90deg, #29ABFA 0, rgba(0, 0, 0, 0) 50%);/* Opera 11.10+ */
  725.    background: -ms-linear-gradient(90deg, #29ABFA 0, rgba(0, 0, 0, 0) 50%);/* IE10+ */
  726. }
  727.  
  728. #slider-item4 .slider-image:after {
  729.    content: '';
  730.    position: absolute;
  731.    left: 0;
  732.    right: 0;
  733.    top: 0;
  734.    bottom: 0;
  735.     opacity:0;
  736.     background: rgba(0,0,0,0.6);
  737.    background: linear-gradient(0deg, #FF3535 0, rgba(0, 0, 0, 0) 50%);
  738.    background: -webkit-gradient(linear, 0deg, color-stop(0, 000000), color-stop(50%, rgba(0, 0, 0, 0)));/* Chrome,Safari4+ */
  739.    background: -webkit-linear-gradient(90deg, #FF3535 0, rgba(0, 0, 0, 0) 50%);/* Chrome10+,Safari5.1+ */
  740.    background: -o-linear-gradient(90deg, #FF3535 0, rgba(0, 0, 0, 0) 50%);/* Opera 11.10+ */
  741.    background: -ms-linear-gradient(90deg, #FF3535 0, rgba(0, 0, 0, 0) 50%);/* IE10+ */
  742. }
  743.  
  744. a.slider-image:hover:after {
  745.    opacity: 1 !important;
  746. }
  747.  
  748. a.slider-image:hover:before {
  749.    opacity: 0;
  750. }
  751.  
  752. .slider-post-info {
  753.    position: absolute;
  754.    left: 0;
  755.    right: 0;
  756.    bottom: 15px;
  757.    padding: 0 15px;
  758.    color: #fff;
  759.    font-size: .75rem;
  760. }
  761.  
  762. .slider-post-info .heading {
  763.     font-size: 1.1rem;
  764.     margin-bottom: 15px;
  765.     line-height: 1.6;
  766.     font-family: "Roboto", sans-serif;
  767. }
  768.  
  769. .publish-date {
  770.    margin-right: 25px;
  771. }
  772.  
  773. .post-category {
  774.    position: absolute;
  775.    top: 15px;
  776.    left: 15px;
  777.    color: #fff !important;
  778.    padding: 5px 10px;
  779.    font-family: 'Roboto';
  780.    text-transform: uppercase;
  781.    font-size: 0.75rem;
  782.    font-weight: 700;
  783.    z-index: 3;
  784. }
  785.  
  786. .post-category:hover {
  787.    background: #444 !important;
  788. }
  789.  
  790. .slider-item:nth-child(1) .post-category {
  791.     background: #17C65D;
  792. }
  793.  
  794. .slider-item:nth-child(2) .post-category {
  795.     background: #FA29AF;
  796. }
  797.  
  798. .slider-item:nth-child(3) .post-category {
  799.     background: #29ABFA;
  800. }
  801.  
  802. .slider-item:nth-child(4) .post-category {
  803.     background: #FF3535;
  804. }
  805.  
  806. /*========================================
  807. +/+ Main Content (Posts & Sidebars)
  808. ========================================*/
  809.  
  810. .main-content {
  811.     padding-top: 35px;
  812.     background: #fafafa;
  813.     padding-bottom: 50px;
  814. }
  815.  
  816. /*========================================
  817. +/+ Sidebars
  818. ========================================*/
  819.  
  820. .sidebar {
  821.     float: left;
  822.    width: 27.2%;
  823. }
  824.  
  825. .sidebar-wrapper1 {
  826.    width: 21.8%;
  827.    margin-right: 1.5%;
  828.    background: #fff;
  829.    padding: 10px;
  830.     border: 1px solid #ccc;
  831.    box-shadow: 0 0 5px #cfcfcf;
  832.     -webkit-box-shadow: 0 0 5px #cfcfcf;
  833. }
  834.  
  835. .item .sidebar-wrapper1 {
  836.     display: none;
  837. }
  838.  
  839. .sidebar .widget {
  840.    margin-bottom: 30px;
  841. }
  842.  
  843. .sidebar .HTML .widget-content {
  844.    font-size: 0;
  845. }
  846.  
  847. .sidebar-wrapper1 .widget > h2 {
  848.     background: #373737;
  849.    position: relative;
  850.    margin-bottom: 20px;
  851.    padding: 10px;
  852.    text-transform: uppercase;
  853.    font-size: 1rem;
  854.    color: #FFF;
  855.    text-align: center;
  856.    border-bottom: 3px solid $keycolor;
  857. }
  858.  
  859. .sidebar-wrapper1 .widget > h2:before {
  860.    content: '';
  861.    position: absolute;
  862.    left: 50%;
  863.    bottom: -17px;
  864.    width: 0;
  865.    height: 0;
  866.    margin-left: -4px;
  867.    border: 7px solid transparent;
  868.    border-top-color: $keycolor;
  869. }
  870.  
  871. .sidebar-wrapper2 .widget {
  872.    background: #fff;
  873.    padding: 10px;
  874.     border: 1px solid #ccc;
  875.    -webkit-box-shadow: 0 0 5px #cfcfcf;
  876.    box-shadow: 0 0 5px #cfcfcf;
  877. }
  878.  
  879. .sidebar-wrapper2 .widget > h2 {
  880.    background: $keycolor;
  881.    position: relative;
  882.    text-transform: uppercase;
  883.    font-size: 1rem;
  884.    color: #FFF;
  885.    text-align: center;
  886.    margin-bottom: 15px;
  887.    padding: 10px;
  888. }
  889.  
  890. .sidebar-wrapper2 .widget:not(.FollowByEmail) > h2:before {
  891.    content: '';
  892.    position: absolute;
  893.    right: 0;
  894.    bottom: -10px;
  895.    width: 0;
  896.    height: 0;
  897.    border: 5px solid transparent;
  898.    border-left-color: #242424;
  899.    border-top-color: #242424;
  900.     display: none;
  901. }
  902.  
  903. /* Profile widget
  904. -----------------------------------------*/
  905. .Profile {
  906.    text-align: center;
  907. }
  908.  
  909. .profile-img {
  910.    float: none;
  911.    border-radius: 50%;
  912. }
  913.  
  914. .profile-name-link {
  915.    background-image: none !important;
  916.    padding-left: 0;
  917.    margin-bottom: 13px;
  918. }
  919.  
  920. .profile-textblock {
  921.    line-height: 1.6;
  922.    font-size: .875rem;
  923. }
  924.  
  925. a.profile-link {
  926.    font-size: .75rem;
  927.    font-weight: 700;
  928.    text-decoration: underline;
  929. }
  930.  
  931. /* Social Counter
  932. -----------------------------------------*/
  933.  
  934. .social_item-wrapper {
  935.    float: left;
  936.    width: 48%;
  937.    text-align: center;
  938.    margin-right: 4% !important;
  939.    margin-bottom: 10px !important;
  940.    color: #fff;
  941. }
  942.  
  943. #sidebar .widget {
  944.    margin-bottom: 35px;
  945. }
  946.  
  947. .social_item {
  948.    position: relative;
  949.    display: block;
  950.    height: 60px;
  951.    line-height: 60px;
  952.    overflow: hidden;
  953. }
  954.  
  955. .social_item-wrapper:nth-child(2n+2) {
  956.    margin-right: 0 !important;
  957. }
  958.  
  959. .social_icon {
  960.     float: left;
  961.    line-height: 44px;
  962.    width: 41px;
  963.    height: 41px;
  964.    font-size: 1.3rem;
  965.    margin-top: 10px;
  966.    margin-left: 7%;
  967. }
  968.  
  969. .social_num {
  970.    font-size: .875rem;
  971. }
  972.  
  973. a.social_item.social_facebook {
  974.    background: #3F5B9B;
  975. }
  976.  
  977. .fa-facebook.social_icon {
  978.    background: #2E4372;
  979. }
  980.  
  981. li.social_item-wrapper:hover .fa-facebook.social_icon {
  982.    background: #3F5B9B;
  983. }
  984.  
  985. li.social_item-wrapper:hover .social_facebook {
  986.    background: #2E4372;
  987. }
  988.  
  989. a.social_item.social_twitter {
  990.    background: #1C97DE;
  991. }
  992.  
  993. .fa-twitter.social_icon {
  994.    background: #1571A5;
  995. }
  996.  
  997. li.social_item-wrapper:hover .fa-twitter.social_icon {
  998.    background: #1C97DE;
  999. }
  1000.  
  1001. li.social_item-wrapper:hover .social_twitter {
  1002.    background: #1571A5;
  1003. }
  1004.  
  1005. a.social_item.social_youtube {
  1006.    background: #E22020;
  1007. }
  1008.  
  1009. .fa-youtube.social_icon {
  1010.    background: #B31919;
  1011. }
  1012.  
  1013. li.social_item-wrapper:hover .fa-youtube.social_icon {
  1014.    background: #E22020;
  1015. }
  1016.  
  1017. li.social_item-wrapper:hover .social_youtube {
  1018.    background: #B31919;
  1019. }
  1020.  
  1021. a.social_item.social_dribbble {
  1022.    background: #E82159;
  1023. }
  1024.  
  1025. .fa-dribbble.social_icon {
  1026.    background: #B51A45;
  1027. }
  1028.  
  1029. li.social_item-wrapper:hover .fa-dribbble.social_icon {
  1030.    background: #E82159;
  1031. }
  1032.  
  1033. li.social_item-wrapper:hover .social_dribbble {
  1034.    background: #B51A45;
  1035. }
  1036.  
  1037. a.social_item.social_rss {
  1038.    background: #E86321;
  1039. }
  1040.  
  1041. .fa-rss.social_icon {
  1042.    background: #C2521B;
  1043. }
  1044.  
  1045. li.social_item-wrapper:hover .fa-rss.social_icon {
  1046.    background: #E86321;
  1047. }
  1048.  
  1049. li.social_item-wrapper:hover .social_rss {
  1050.    background: #C2521B;
  1051. }
  1052.  
  1053. a.social_item.social_google-plus {
  1054.    background: #E82C2C;
  1055. }
  1056.  
  1057. .fa-google-plus.social_icon {
  1058.    background: #BF2424;
  1059. }
  1060.  
  1061. li.social_item-wrapper:hover .fa-google-plus.social_icon {
  1062.    background: #E82C2C;
  1063. }
  1064.  
  1065. li.social_item-wrapper:hover .social_google-plus {
  1066.    background: #BF2424;
  1067. }
  1068.  
  1069. a.social_item.social_linkedin {
  1070.    background: #0275B6;
  1071. }
  1072.  
  1073. .fa-linkedin.social_icon {
  1074.    background: #02669E;
  1075. }
  1076.  
  1077. li.social_item-wrapper:hover .fa-linkedin.social_icon {
  1078.    background: #0275B6;
  1079. }
  1080.  
  1081. li.social_item-wrapper:hover .social_linkedin {
  1082.    background: #02669E;
  1083. }
  1084.  
  1085. a.social_item.social_instagram {
  1086.    background: #8E714D;
  1087. }
  1088.  
  1089. .fa-instagram.social_icon {
  1090.    background: #6F583C;
  1091. }
  1092.  
  1093. li.social_item-wrapper:hover .fa-instagram.social_icon {
  1094.    background: #8E714D;
  1095. }
  1096.  
  1097. li.social_item-wrapper:hover .social_instagram {
  1098.    background: #6F583C;
  1099. }
  1100.  
  1101. a.social_item.social_pinterest {
  1102.    background: #CA2027;
  1103. }
  1104.  
  1105. .fa-pinterest.social_icon {
  1106.    background: #AB1B21;
  1107. }
  1108.  
  1109. li.social_item-wrapper:hover .fa-pinterest.social_icon {
  1110.    background: #CA2027;
  1111. }
  1112.  
  1113. li.social_item-wrapper:hover social_pinterest {
  1114.    background: #AB1B21;
  1115. }
  1116.  
  1117. /* Follow By Email
  1118. -----------------------------------------*/
  1119.  
  1120. .sidebar .FollowByEmail {
  1121.    background: #fff;
  1122.    padding: 10px;
  1123.     box-shadow: 0 0 5px #CFCFCF;
  1124.     -webkit-box-shadow: 0 0 5px #CFCFCF;
  1125. }
  1126.  
  1127. .sidebar .FollowByEmail > h2.title:before {
  1128.    content: '\f003';
  1129.    font-family: 'fontawesome';
  1130.    font-size: 2.5rem;
  1131.    display: block;
  1132. }
  1133.  
  1134. .sidebar .FollowByEmail > h2 {
  1135.     background: #fff;
  1136.    position: relative;
  1137.    text-transform: uppercase;
  1138.    color: #000;
  1139.     padding: 0;
  1140.    text-align: center;
  1141.    margin-bottom: 2px;
  1142.    font-size: 0;
  1143.    margin-right: 0;
  1144.    border-left: 0;
  1145. }
  1146.  
  1147. .follow-by-email-inner td:first-child {
  1148.  display: block;
  1149.  margin-bottom: 10px;
  1150. }
  1151.  
  1152. .FollowByEmail .subhead {
  1153.  font-size: 0.875rem;
  1154.  line-height: 1.7;
  1155.  margin-bottom: 15px;
  1156.  color: #000;
  1157. }
  1158.  
  1159. .FollowByEmail .follow-by-email-inner .follow-by-email-address {
  1160.  width: 100%;
  1161.  display: block;
  1162.  height: 43px;
  1163.  font-size: 12px;
  1164.  background-color: #DEDEDE;
  1165.  padding-left: 10px;
  1166.  border: 0;
  1167.  outline: 0;
  1168. }
  1169.  
  1170. .follow-by-email-inner td:last-child {
  1171.  position: relative;
  1172.  display: block;
  1173.  width: 100%;
  1174. }
  1175.  
  1176. .FollowByEmail .follow-by-email-inner .follow-by-email-submit {
  1177.  width: 100%;
  1178.  margin: 0;
  1179.  border: 0;
  1180.  border-radius: 2px;
  1181.  -moz-border-radius: 2px;
  1182.  background: $keycolor;
  1183.  color: #fff;
  1184.  cursor: pointer;
  1185.  font-size: 13px;
  1186.  height: 33px;
  1187. }
  1188.  
  1189. .follow-by-email-address:focus {
  1190.     box-shadow: 0 0 3px #888;
  1191.     -webkit-box-shadow: 0 0 3px #888;
  1192. }
  1193.  
  1194. .follow-by-email-address::-webkit-input-placeholder {
  1195.    color: #5C5C5C;
  1196. }
  1197.  
  1198. .follow-by-email-address:-ms-input-placeholder {
  1199.    color: #5C5C5C;
  1200. }
  1201.  
  1202. .follow-by-email-address::-ms-input-placeholder {
  1203.    color: #5C5C5C;
  1204. }
  1205.  
  1206. .follow-by-email-inner td:last-child:hover .follow-by-email-submit {
  1207.    background-color: #000;
  1208.    color: #fff;
  1209. }
  1210.  
  1211. .follow-by-email-inner td:last-child:hover:before {
  1212.    color: #fff;
  1213. }
  1214.  
  1215. /* Popular Posts
  1216. -----------------------------------------*/
  1217.  
  1218. .PopularPosts .widget-content li {
  1219.  border-bottom: 1px solid #E6E6E6;
  1220.  padding: 10px 0 8px !important;
  1221. }
  1222.  
  1223. .PopularPosts .widget-content li:first-child {
  1224.  padding-top: 0 !important;
  1225. }
  1226.  
  1227. .PopularPosts .widget-content li:last-child {
  1228.  border-bottom: 0;
  1229.  padding-bottom: 0 !important;
  1230. }
  1231.  
  1232. .PopularPosts .item-thumbnail {
  1233.  float: none;  
  1234.  display: table-cell;
  1235. }
  1236.  
  1237. .PopularPosts .item-thumbnail img {
  1238.  width: 75px;
  1239.  max-width: 75px;
  1240.  height: 70px;
  1241.  padding-right: 0 !important;
  1242.  border: 2px solid #e6e6e6;
  1243. }
  1244.  
  1245. .PopularPosts .item-thumbnail img:hover {
  1246.  border-color: $keycolor !important;
  1247. }
  1248.  
  1249. .PopularPosts .item-title {
  1250.  padding-left: 8px;
  1251.  display: table-cell;
  1252.  vertical-align: middle;
  1253.  line-height: 1.7;
  1254.  font-family: 'Roboto Slab';
  1255.  font-size: 0.875rem;
  1256.  font-weight: 700;
  1257.  text-transform: capitalize;
  1258. }
  1259.  
  1260. .PopularPosts .item-title a:hover {
  1261.  color: $keycolor;
  1262. }
  1263.  
  1264. .PopularPosts .item-snippet {
  1265.    font-size: .875rem;
  1266.    line-height: 1.5;
  1267. }
  1268.  
  1269. /* Random & Recent Posts
  1270. -----------------------------------------*/
  1271.  
  1272. .randomposts2 .post-wrapper,
  1273. .recentposts2 .post-wrapper {
  1274.    position: relative;
  1275.    margin-bottom: 10px !important;
  1276.    overflow: hidden;
  1277. }
  1278.  
  1279. .randomposts2 .post-wrapper:last-child,
  1280. .recentposts2 .post-wrapper:last-child {
  1281.    margin-bottom: 0 !important;
  1282. }
  1283.  
  1284. .randomposts2 .post-image,
  1285. .recentposts2 .post-image {
  1286.    display: block;
  1287.    width: 100%;
  1288.    padding: 31% 0;
  1289. }
  1290.  
  1291. .randomposts2 .post-image:before,
  1292. .recentposts2 .post-image:before {
  1293.    content: '';
  1294.    position: absolute;
  1295.    top: 0;
  1296.    left: 0;
  1297.    right: 0;
  1298.    bottom: 0;
  1299.    background: rgba(0, 0, 0, 0.5);
  1300.    z-index: 2;
  1301. }
  1302.  
  1303. .post-wrapper .title-summary-wrapper {
  1304.    position: absolute;
  1305.     top: 0;
  1306.    left: 0;
  1307.    right: 0;
  1308.    bottom: 0;
  1309.    padding: 10px;
  1310.    z-index: 2;
  1311. }
  1312.  
  1313. .randomposts2 .post-title,
  1314. .recentposts2 .post-title {
  1315.     display: block;
  1316.    color: #fff;
  1317.    font-weight: 700;
  1318.    line-height: 1.6;
  1319.    position: absolute;
  1320.    bottom: 5px;
  1321. }
  1322.  
  1323. .post-wrapper:hover .post-title {
  1324.     bottom: 67px;
  1325. }
  1326.  
  1327. .randomposts2 .post-title .heading,
  1328. .recentposts2 .post-title .heading {
  1329.    font-size: 1rem;
  1330. }
  1331.  
  1332. .randomposts2 .post-summary,
  1333. .recentposts2 .post-summary {
  1334.     font-size: .875rem;
  1335.    line-height: 1.6;
  1336.    color: #fff;
  1337.    z-index: 3;
  1338.    padding: 0;
  1339.    position: absolute;
  1340.    bottom: -87px;
  1341. }
  1342.  
  1343. .post-wrapper:hover .post-summary {
  1344.     bottom: 5px;
  1345. }
  1346.  
  1347. #footer-wrapper .recentposts1 .post-image,
  1348. #footer-wrapper .randomposts1 .post-image {
  1349.     border: 2px solid #545454;
  1350. }
  1351.  
  1352. /* Recent Posts
  1353. -----------------------------------------*/
  1354.  
  1355. .recent-post-item {
  1356.  display: table;
  1357.  border-bottom: 1px solid #e6e6e6;
  1358.  padding: 10px 0 !important;
  1359. }
  1360.  
  1361. .recent-post-item:last-child {
  1362.    border-bottom: 0 !important;
  1363.    padding-bottom: 0 !important;
  1364. }
  1365.  
  1366. .recent-post-item:first-child {
  1367.  padding-top: 0 !important;
  1368. }
  1369.  
  1370. .recentposts1 .post-image {
  1371.  position: relative;
  1372.  display: table-cell;
  1373.  width: 75px;
  1374.  height: 70px;
  1375.  border: 2px solid #e6e6e6;
  1376.  z-index: 2;
  1377. }
  1378.  
  1379. .recentposts1 .post-title {
  1380.  display: table-cell;
  1381.  vertical-align: middle;
  1382.  padding-left: 10px;
  1383.  font-family: 'Roboto Slab', serif;
  1384.  line-height: 1.7;
  1385.  text-transform: capitalize;
  1386. }
  1387.  
  1388. .recentposts1 .post-title .heading {
  1389.  font-size: 0.875rem;
  1390.  font-weight: 700;
  1391. }
  1392.  
  1393. .recentposts1 .post-image:hover {
  1394.  border-color: $keycolor !important;
  1395. }
  1396.  
  1397. /* Random Posts
  1398. -----------------------------------------*/
  1399.  
  1400. .randomposts1 .post-wrapper {
  1401.  padding: 10px 0 !important;
  1402.  border-bottom: 1px solid #e6e6e6;
  1403. }
  1404.  
  1405. .randomposts1 .post-wrapper:first-child {
  1406.  padding-top: 0 !important;
  1407. }
  1408.  
  1409. .randomposts1 .post-wrapper:last-child {
  1410.  border-bottom: 0;
  1411.  padding-bottom: 0;
  1412. }
  1413.  
  1414. .random_post-image {
  1415.  position: relative;
  1416.  float: left;
  1417.  width: 75px;
  1418.  height: 70px;
  1419.  margin-right: 8px;
  1420.  border: 2px solid #e6e6e6;
  1421.  z-index: 2;
  1422. }
  1423.  
  1424. .random_post-image:hover {
  1425.  border-color: $keycolor !important;
  1426. }
  1427.  
  1428. .random_post-title {
  1429.  font-family: 'Roboto Slab', serif;
  1430.  font-size: 0.875rem;
  1431.  font-weight: 700;
  1432.  line-height: 1.7;
  1433.  text-transform: capitalize;
  1434. }
  1435.  
  1436. .randomposts1 .post-comments {
  1437.  float: right;
  1438.  font-size: 0.75rem;
  1439.  margin-top: 10px;
  1440.  font-weight: 700;
  1441.  color: #aaa;
  1442. }
  1443.  
  1444. /* Recent Comments
  1445. -----------------------------------------*/
  1446.  
  1447. .recent-comments-wrapper .comment {
  1448.    border-bottom: 1px solid #ccc;
  1449.    padding: 10px 0;
  1450. }
  1451.  
  1452. .recent-comments-wrapper .comment:first-child {
  1453.    padding-top: 0;
  1454. }
  1455.  
  1456. .recent-comments-wrapper .comment:last-child {
  1457.    padding-bottom: 0;
  1458.    border: 0;
  1459. }
  1460.  
  1461. .recent-comments-wrapper img.comment-avatar {
  1462.    margin-right: 8px;
  1463.    vertical-align: middle;
  1464.     border-radius: 50%;
  1465. }
  1466.  
  1467. .recent-comments-wrapper .comment-author {
  1468.    display: inline;
  1469.    font-size: .875rem;
  1470.    vertical-align: middle;
  1471. }
  1472.  
  1473. .recent-comments-wrapper .comment-content {
  1474.    display: block;
  1475.    font-size: .875rem;
  1476.    font-style: italic;
  1477.    padding-top: 6px;
  1478.     margin-left: 42px;
  1479.    line-height: 1.6;
  1480. }
  1481.  
  1482. /* Labels
  1483. -----------------------------------------*/
  1484.  
  1485. .Label .widget-content {
  1486.    font-size: 0;
  1487. }
  1488.  
  1489. .cloud-label-widget-content {
  1490.    text-align: left;
  1491. }
  1492.  
  1493. .label-size {
  1494.    line-height: 1.2;
  1495.    font-size: .875rem;
  1496.    opacity: 1;
  1497.    background: #f5f5f5;
  1498.    display: inline-block;
  1499.    margin-right: 6px;
  1500.    margin-bottom: 6px;
  1501. }
  1502.  
  1503. .label-size a {
  1504.    display: inline-block;
  1505.    padding: 10px 5px;
  1506. }
  1507.  
  1508. .label-size a:only-child {
  1509.     padding: 10px;
  1510.    box-shadow: 2px 2px 0 #D7D7D7;
  1511.    -webkit-box-shadow: 2px 2px 0 #D7D7D7;
  1512. }
  1513.  
  1514. .label-size a:only-child:hover {
  1515.    background: $keycolor;
  1516.    color: #fff;
  1517.     border-color: $keycolor;
  1518. }
  1519.  
  1520. .label-count {
  1521.    white-space: nowrap;
  1522.    display: inline-block;
  1523.    padding: 10px 5px;
  1524.    background: #D5D5D5;
  1525. }
  1526.  
  1527. .list-label-widget-content li a {
  1528.    position: relative;
  1529.    display: inline-block;
  1530.    width: 88%;
  1531.    background-color: #FFFFFF;
  1532.    margin-bottom: 5px;
  1533.    height: 38px;
  1534.    line-height: 37px;
  1535.    padding-left: 10px;
  1536.    font-size: 0.75rem;
  1537.    text-transform: capitalize;
  1538.    border: 1px solid #ccc;
  1539.    border-right: 0;
  1540.    color: #777;
  1541. }
  1542.  
  1543. .list-label-widget-content li a:only-child {
  1544.    width: 100%;
  1545.    border-right: 1px solid #ccc;
  1546. }
  1547.  
  1548. .list-label-widget-content li a:only-child:before {
  1549.  content: '';
  1550.  width: 10px;
  1551.  height: 10px;
  1552.  border-radius: 50%;
  1553.  background-color: #E6E6E6;
  1554.  position: absolute;
  1555.  top: 13px;
  1556.  right: 7px;
  1557. }
  1558.  
  1559. .list-label-widget-content li a:hover {
  1560.  padding-left: 20px;
  1561.  background-color: $keycolor;
  1562.  color: #fff;
  1563.  border-color: $keycolor;
  1564. }
  1565.  
  1566. .list-label-widget-content li span {
  1567.    display: inline-block;
  1568.    width: 12%;
  1569.    background: $keycolor;
  1570.    border: 1px solid $keycolor;
  1571.    height: 38px;
  1572.    line-height: 35px;
  1573.    font-size: .875rem;
  1574.    color: #fff;
  1575.    text-align: center;
  1576. }
  1577.  
  1578. /* Slideshow
  1579. -----------------------------------------*/
  1580.  
  1581. .slideshow {
  1582.    position: relative;
  1583. }
  1584.  
  1585. .slideshow .arrow {
  1586.    position: absolute;
  1587.    top: 25%;
  1588.    background: $keycolor;
  1589.    width: 30px;
  1590.    height: 30px;
  1591.    color: #fff;
  1592.     font-size: 1rem;
  1593.    line-height: 30px;
  1594.    text-align: center;
  1595.    cursor: pointer;
  1596.    z-index: 9;
  1597. }
  1598.  
  1599. .slideshow .arrow:hover {
  1600.     background: #000;
  1601. }
  1602.  
  1603. .slideshow .left-arrow {
  1604.     left: -6px;
  1605.    padding-right: 3px;
  1606. }
  1607.  
  1608. .slideshow .right-arrow {
  1609.     right: -6px;
  1610.    padding-left: 3px;
  1611. }
  1612.  
  1613. .right-arrow:before {
  1614.    content: '';
  1615.    position: absolute;
  1616.    top: 100%;
  1617.    right: 0px;
  1618.    width: 0;
  1619.    height: 0;
  1620.    border: 3px solid transparent;
  1621.    border-top-color: #3A3A3A;
  1622.    border-left-color: #3A3A3A;
  1623. }
  1624.  
  1625. .left-arrow:before {
  1626.    content: '';
  1627.    position: absolute;
  1628.    top: 100%;
  1629.    left: 0;
  1630.    width: 0;
  1631.    height: 0;
  1632.    border: 3px solid transparent;
  1633.    border-top-color: #3A3A3A;
  1634.    border-right-color: #3A3A3A;
  1635. }
  1636.  
  1637. .slideshow-post {
  1638.    position: absolute;
  1639.    top: 0;
  1640.    left: 0;
  1641.    right: 0;
  1642.    bottom: 0;
  1643.    opacity: 0;
  1644.    visibility: hidden;
  1645.     transition-duration: .5s;
  1646.     -webkit-transition-duration: .5s;
  1647. }
  1648.  
  1649. .slideshow-post:last-child {
  1650.    opacity: 1;
  1651.    visibility: visible;
  1652. }
  1653.  
  1654. .active-slide {
  1655.     position: relative;
  1656. }
  1657.  
  1658. .slideshow-post.fadeIn {
  1659.    opacity: 1;
  1660.    visibility: visible;
  1661.     transition-duration: 0.7s;
  1662. }
  1663.  
  1664. .slideshow-post.fadeOut {
  1665.    opacity: 0;
  1666.    visibility: hidden;
  1667.     transition-duration: 0.7s;
  1668. }
  1669.  
  1670. .slideshow .post-image {
  1671.     display: block;
  1672.    width: 100%;
  1673.    padding: 31% 0;
  1674. }
  1675.  
  1676. .slideshow .title-summary-wrapper {
  1677.    padding: 10px;
  1678.    background: #444;
  1679. }
  1680.  
  1681. .slideshow .post-title {
  1682.     display: block;
  1683.    color: #fff;
  1684.    font-weight: 700;
  1685.    line-height: 1.6;
  1686.    margin-bottom: 15px;
  1687. }
  1688.  
  1689. .slideshow .post-title .heading {
  1690.     font-size: 1rem;
  1691. }
  1692.  
  1693. .slideshow .post-summary {
  1694.    font-size: .875rem;
  1695.    line-height: 1.6;
  1696.    color: #C1C1C1;
  1697.     padding-top: 0;
  1698. }
  1699.  
  1700. /* Vertical Posts
  1701. -----------------------------------------*/
  1702.  
  1703. .vertical-post:not(:last-child) {
  1704.    margin-bottom: 15px !important;
  1705. }
  1706.  
  1707. .vertical-post .post-image {
  1708.    display: block;
  1709.    padding: 31%;
  1710.    margin-bottom: 7px;
  1711. }
  1712.  
  1713. .vertical-post .post-title {
  1714.    font-size: .875rem;
  1715.    line-height: 1.6;
  1716. }
  1717.  
  1718. /* Sidebar Tabs
  1719. -----------------------------------------*/
  1720.  
  1721. .sidebartabs-wrapper {
  1722.  margin-bottom: 20px;
  1723. }
  1724.  
  1725. .sidebartabs {
  1726.  position: relative;
  1727.  width: 100%;
  1728.  background-color: #373737;
  1729.  font-size: 0.875rem;
  1730.  font-weight: 700;
  1731.  text-transform: uppercase;
  1732.  margin-bottom: 15px;
  1733. }
  1734.  
  1735. .sidebartab-item {
  1736.  width: 50%;
  1737.  text-align: center;
  1738.  padding: 12px 5px;
  1739.  padding-top: 15px;
  1740.  cursor: pointer;
  1741.  color: #fff;
  1742. }
  1743.  
  1744. .sidebartab-item:first-child {
  1745.  float: left;
  1746. }
  1747.  
  1748. .sidebartab-item:last-child {
  1749.  float: right;
  1750. }
  1751.  
  1752. .sidebartabs-wrapper .section .widget:last-child {
  1753.  display: none;
  1754. }
  1755.  
  1756. .activetab {
  1757.  background-color: $keycolor;
  1758.  color: #fff;
  1759. }
  1760.  
  1761. .sidebartabs-wrapper .widget > h2 {
  1762.  display: none;
  1763. }
  1764.  
  1765. /*========================================
  1766. +/+ Blog Posts
  1767. ========================================*/
  1768.  
  1769. .blog-posts-wrapper {
  1770.     float: left;
  1771.    width: 48%;
  1772.    margin-right: 1.5%;
  1773. }
  1774.  
  1775. .item .blog-posts-wrapper {
  1776.    width: 69%;
  1777.    margin-right: 3.5%;
  1778. }
  1779.  
  1780.  
  1781. .index .post-outer,
  1782. .archive .post-outer {
  1783.     position: relative;
  1784.    background: #FFFFFF;
  1785.    box-shadow: 0 0 3px #aaa;
  1786.    -webkit-box-shadow: 0 0 3px #aaa;
  1787.    margin-bottom: 20px;
  1788.    border-radius: 4px;
  1789.    overflow: hidden;
  1790. }
  1791.  
  1792. .item .post-header {
  1793.    margin-bottom: 20px;
  1794. }
  1795.  
  1796. .index .post-title.heading {
  1797.     padding-top: 10px;
  1798.    font-size: 1.2rem;
  1799.    margin-bottom: 5px;
  1800. color:#ffffff;
  1801. }
  1802.  
  1803. .item .entry-title, .static_page .entry-title {
  1804.    font-size: 1.4rem;
  1805.    margin-bottom: 10px;
  1806.    border-bottom: 2px solid $keycolor;
  1807. }
  1808.  
  1809. .entry-title.heading:after {
  1810.    content: '';
  1811.    position: relative;
  1812.    top: 5px;
  1813.    display: block;
  1814.    width: 9px;
  1815.    height: 9px;
  1816.    vertical-align: middle;
  1817.    background: $keycolor;
  1818.    margin-right: 5px;
  1819.     display: none;
  1820. }
  1821.  
  1822. .post-image-wrapper .post-image {
  1823.    display: block;
  1824.    width: 100%;
  1825.    padding: 28% 0;
  1826. }
  1827.  
  1828. .item .post-body {
  1829.    line-height: 1.7;
  1830. }
  1831.  
  1832. #comments,
  1833. .item .post {
  1834.    background: #fff;
  1835.    padding: 15px;
  1836.     border: 1px solid #ccc;
  1837.     -webkit-box-shadow: 0 0 5px #cfcfcf;
  1838.    box-shadow: 0 0 5px #cfcfcf;
  1839. }
  1840.  
  1841. .item .post-author.vcard {
  1842.    font-size: .875rem;
  1843.     margin-right: 3.5em;
  1844. }
  1845.  
  1846. .item .post-timestamp {
  1847.    margin-left: 0;
  1848.    font-size: .875rem;
  1849.     white-space: nowrap;
  1850. }
  1851.  
  1852. .item .post-footer {
  1853.    margin-top: 15px;
  1854. }
  1855.  
  1856. .post-labels {
  1857.    margin-bottom: 20px;
  1858. }
  1859.  
  1860. .labels-head,
  1861. .post-share-header {
  1862.     display: inline-block;
  1863.    font-size: .875rem;
  1864.    font-weight: 700;
  1865.    background: #3A3A3A;
  1866.    padding: 7px 10px;
  1867.    color: #fff;
  1868.    margin-right: 10px;
  1869.    position: relative;
  1870. }
  1871.  
  1872. .post-share-header {
  1873.    vertical-align: top;
  1874. }
  1875.  
  1876. .labels-head:after,
  1877. .post-share-header:after {
  1878.    content: '';
  1879.    position: absolute;
  1880.    right: -10px;
  1881.    top: 15px;
  1882.    width: 0;
  1883.    height: 0;
  1884.    border: 5px solid transparent;
  1885.    border-left-color: #3A3A3A;
  1886. }
  1887.  
  1888. .item .post-share_link {
  1889.    width: 36px;
  1890.    height: 36px;
  1891.    display: inline-block;
  1892.    line-height: 34px;
  1893.    text-align: center;
  1894.    background: #fff;
  1895.    border: 1px solid #ccc;
  1896. }
  1897.  
  1898. .item .post-share_link.facebook:hover {
  1899.    background: #507cb3;
  1900.    border-color: #507cb3;
  1901. }
  1902.  
  1903. .item .post-share_link.twitter:hover {
  1904.    background: #38A3E9;
  1905.    border-color: #38A3E9;
  1906. }
  1907.  
  1908. .item .post-share_link.pinterest:hover {
  1909.    background: #CE362F;
  1910.    border-color: #CE362F;
  1911. }
  1912.  
  1913. .item .post-share_link.googleplus:hover {
  1914.    background: #EC4637;
  1915.    border-color: #EC4637;
  1916. }
  1917.  
  1918. .item .post-share_link.linkedin:hover {
  1919.    background: #0275B6;
  1920.    border-color: #0275B6;
  1921. }
  1922.  
  1923. .item .post-share_link .fa {
  1924.    transition-duration: 0s;
  1925. }
  1926.  
  1927. .item .post-share_link:hover .fa {
  1928.    color: #fff;
  1929.    transition-duration: 0s;
  1930. }
  1931.  
  1932. .post-share {
  1933.    margin-bottom: 25px;
  1934. }
  1935. .item  a.post-share_link.wat-art.whatsapp-mobile{display:none;}
  1936. .item  a.post-share_link.wat-art.whatsapp-desktop{display:inline-block;}
  1937. @media only screen and (max-width: 768px) {
  1938. .item  a.post-share_link.wat-art.whatsapp-mobile{display:inline-block;}
  1939. .item  a.post-share_link.wat-art.whatsapp-desktop{display:none;}
  1940. }
  1941. .post-info-wrapper {
  1942.    position: absolute;
  1943.    bottom: 0;
  1944.    left: 0;
  1945.    right: 0;
  1946.    color: #fff;
  1947.    padding: 15px;
  1948.     padding-bottom: 10px;
  1949.    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7) 0,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0) 100%);
  1950.    background: linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,0.6) 67%,rgba(0,0,0,0) 100%);
  1951. }
  1952.  
  1953. .post-outer .post-label {
  1954.    display: inline-block;
  1955.    background: $keycolor;
  1956.    padding: 5px 10px;
  1957.    font-size: .7rem;
  1958.     font-weight: 500;
  1959.    border-radius: 20px;
  1960.     text-transform: uppercase;
  1961. }
  1962.  
  1963. .post-outer .post-label:hover {
  1964.     background: #444;
  1965. }
  1966.  
  1967. .post-outer .summary {
  1968.     font-size: .875rem;
  1969.    line-height: 1.7;
  1970.    border-bottom: 1px solid #686868;
  1971.    padding-bottom: 12px;
  1972. }
  1973.  
  1974. ul.post-meta.clearfix {
  1975.    margin: 0;
  1976.    padding: 9px 0;
  1977. }
  1978.  
  1979. ul.post-meta.clearfix > li {
  1980.    display: inline-block;
  1981.    vertical-align: middle;
  1982.    color: #E8E7E7;
  1983.    font-weight: 700;
  1984.    margin-bottom: 0;
  1985.    font-size: .875rem;
  1986. }
  1987.  
  1988. .author-img {
  1989.    border-radius: 50%;
  1990.    border: 2px solid #fff;
  1991.    vertical-align: middle;
  1992.    margin-right: 5px;
  1993. }
  1994.  
  1995. span.author-name {
  1996.    vertical-align: middle;
  1997. }
  1998.  
  1999. .comment-link {
  2000.    white-space: normal;
  2001. }
  2002.  
  2003. a.read-more {
  2004.     margin-top: 10px;
  2005.    display: inline-block;
  2006.    color: #B2B2B2;
  2007.    font-size: .875rem;
  2008.    font-weight: 700;
  2009. }
  2010.  
  2011. .read-more .fa {
  2012.    font-size: .6rem;
  2013.    transition-duration: 0s;
  2014. }
  2015.  
  2016. .read-more:hover .fa {
  2017.    color: $keycolor;
  2018. }
  2019.  
  2020. span.post-comment-link {
  2021.    float: right;
  2022.    font-size: .875rem;
  2023.    color: #B2B2B2;
  2024.    margin-top: 9px;
  2025. }
  2026.  
  2027. .blog-pager-newer-link,
  2028. .blog-pager-older-link {
  2029.    display: block;
  2030.    padding: 10px;
  2031.    background: #FAFAFA;
  2032.    border: 1px solid #ccc;
  2033. }
  2034.  
  2035. .blog-pager-newer-link:hover,
  2036. .blog-pager-older-link:hover {
  2037.     color: #fff !important;
  2038.    background: $keycolor;
  2039.    border: 1px solid $keycolor;
  2040. }
  2041.  
  2042. /* Author Styles
  2043. ----------------------------------------*/
  2044.  
  2045. .item .author-info {
  2046.  margin-top: 30px;
  2047.  background-color: #f7f7f7;
  2048.  padding: 20px;
  2049. }
  2050.  
  2051. .item .author-avatar {
  2052.  width: 100px;
  2053.  height: 100px;
  2054.  float: left;
  2055.  border: 3px solid #FFFFFF;
  2056.  margin-left: 0;
  2057.  margin-right: 20px;
  2058. }
  2059.  
  2060. .item .author-name {
  2061.  font-size: 1.1rem;
  2062.  font-weight: 700;
  2063.  margin-bottom: 10px;
  2064. }
  2065.  
  2066. .item .author-bio {
  2067.  font-size: 0.875rem;
  2068.  margin-left: 120px;
  2069.  color: #666;
  2070. }
  2071.  
  2072. .item .author-footer {
  2073.  background-color: #e6e6e6;
  2074.  padding: 9px 20px;
  2075.  margin: 25px -20px -20px;
  2076.  line-height: 1.9;
  2077. }
  2078.  
  2079. .item .author-profiles {
  2080.  float: right;
  2081.  padding: 0 !important;
  2082.  margin: 0 !important;
  2083.  line-height: normal !important;
  2084.  list-style: none !important;
  2085. }
  2086.  
  2087. .item .author-profiles .fa {
  2088.  transition: all 0s;
  2089. }
  2090.  
  2091. .item .profile-anchor:hover .fa {
  2092.  color: #fff;
  2093.  transition: all 0s;
  2094. }
  2095.  
  2096. .item .profile-item {
  2097.  float: left;
  2098.  margin-right: 5px !important;
  2099.  margin-bottom: 0 !important;
  2100.  padding: 0 !important;
  2101. }
  2102.  
  2103. .item .profile-item:last-child {
  2104.  margin-right: 0 !important;
  2105. }
  2106.  
  2107. .item .profile-anchor {
  2108.  display: block;
  2109.  width: 30px;
  2110.  height: 30px;
  2111.  text-align: center;
  2112.  line-height: 30px;
  2113.  color: #000;
  2114. }
  2115.  
  2116. .item .profile-anchor:hover {
  2117.  background: $keycolor;
  2118. }
  2119.  
  2120. /* Pagination
  2121. ---------------------------------------*/
  2122.  
  2123. .index .pagination {
  2124.     margin-top: 20px;
  2125.     text-transform: capitalize;
  2126. }
  2127.  
  2128. .index .pagination-item,
  2129. .pagination-cont {
  2130.    display: inline-block;
  2131.    padding: 6px 8px;
  2132.    background: #444;
  2133.    color: #fff !important;
  2134.    margin-right: 5px;
  2135. }
  2136.  
  2137. .index .pagination-item:hover,
  2138. .index .pagination-cont:hover {
  2139.     background: $keycolor;
  2140. }
  2141.  
  2142. .index .pagination-item.active-page {
  2143.    background: $keycolor;
  2144. }
  2145.  
  2146. /* Error page styles
  2147. -----------------------------------------------*/
  2148. .error_page .sidebar {
  2149.    display: none;
  2150. }
  2151.  
  2152. .error_page .blog-posts-wrapper {
  2153.    width: 100%;
  2154. }
  2155.  
  2156. .error_page .blog-posts-wrapper .widget {
  2157.    margin-bottom: 0;
  2158. }
  2159.  
  2160. .error-page-wrapper {
  2161.    padding-top: 20px;
  2162.    text-align: center;
  2163. }
  2164.  
  2165. .error-message-small a {
  2166.    color: $keycolor;
  2167. }
  2168.  
  2169. .error-message-small a:hover {
  2170.    text-decoration: underline;
  2171. }
  2172.  
  2173. .error-image {
  2174.    padding-top: 30px;
  2175.    max-width: 100%;
  2176. }
  2177.  
  2178. p.error-message-big {
  2179.    font-size: 1.5rem !important;
  2180.     margin-bottom: 7px;
  2181. }
  2182.  
  2183. p.error-message-small {
  2184.    font-size: 1.2rem !important;
  2185. }
  2186.  
  2187.  
  2188. /*========================================
  2189. +/+ Home Widgets Styles
  2190. ========================================*/
  2191.  
  2192. body[data-main="false"] .home-widgets {
  2193.     display: none;
  2194. }
  2195.  
  2196. .blog-posts-wrapper .widget {
  2197.    margin-bottom: 40px;
  2198. }
  2199.  
  2200. .blog-posts-wrapper .widget > .title {
  2201.    color: #000;
  2202.    font-size: 1rem;
  2203.     font-weight: 500;
  2204.    text-align: center;
  2205.    padding: 10px;
  2206.    background: #fff;
  2207.    margin-bottom: 15px;
  2208.    text-transform: uppercase;
  2209.    position: relative;
  2210.    border-top: 2px solid $keycolor;
  2211.    box-shadow: 0 0 5px #cfcfcf;
  2212.    -webkit-box-shadow: 0 0 5px #cfcfcf;
  2213. }
  2214.  
  2215. /* Stack
  2216. -------------------------------------------*/
  2217.  
  2218. li.stack-post {
  2219.    background: #fff;
  2220.    position: relative;
  2221.    margin-bottom: 20px;
  2222.    padding-right: 10px;
  2223.    box-shadow: 0 0 5px #CBCBCB;
  2224.    -webkit-box-shadow: 0 0 5px #CBCBCB;
  2225. }
  2226.  
  2227. li.stack-post:last-child {
  2228.    margin-bottom: 0;
  2229. }
  2230.  
  2231. .stack-post-image {
  2232.    display: block;
  2233.    width: 48%;
  2234.    padding: 16%;
  2235.    float: left;
  2236.    position: relative;
  2237.    margin-right: 10px;
  2238.    z-index: 3;
  2239. }
  2240.  
  2241. .stack-post-title {
  2242.    font-size: 1rem;
  2243.    padding-top: 10px;
  2244.    margin-bottom: 14px;
  2245.     line-height: 1.4;
  2246. }
  2247.  
  2248. .stack-post-summary {
  2249.    font-size: .875rem;
  2250.    line-height: 1.7;
  2251.    color: #494949;
  2252. }
  2253.  
  2254. .stack-post .post-share-wrapper {
  2255.    position: absolute;
  2256.    top: 10px;
  2257.    left: 10px;
  2258.    z-index: 5;
  2259. }
  2260.  
  2261. .share-icon {
  2262.     display: none;
  2263. }
  2264.  
  2265. .stack-post .post-share {
  2266.    width: 78px;
  2267. }
  2268.  
  2269. .index .post-share_link {
  2270.    display: inline-block;
  2271.    width: 24px;
  2272.    height: 24px;
  2273.    text-align: center;
  2274.    line-height: 24px;
  2275.    color: #fff !important;
  2276.    font-size: .75rem;
  2277.    margin-right: 3px;
  2278. }
  2279.  
  2280. .index .post-share_link:last-child {
  2281.    margin-right: 0;
  2282. }
  2283.  
  2284. .index .post-share_link:hover {
  2285.     background: #333 !important;
  2286. }
  2287.  
  2288. .index .post-share_link.facebook {
  2289.    background: #3F5B9B;
  2290. }
  2291.  
  2292. .stack-post .post-share_link.pinterest {
  2293.    display: none;
  2294. }
  2295.  
  2296. .index .post-share_link.pinterest {
  2297.    background: #E22020;
  2298. }
  2299.  
  2300. .index .post-share_link.twitter {
  2301.    background: #1C97DE;
  2302. }
  2303.  
  2304. .index .post-share_link.googleplus {
  2305.    background: #E82C2C;
  2306. }
  2307.  
  2308. /* btop
  2309. -------------------------------------------*/
  2310.  
  2311. .btop .big-post {
  2312.    position: relative;
  2313.    padding: 15px;
  2314.     padding-bottom: 0;
  2315.    background: #FFFFFF;
  2316.    box-shadow: 0 0 3px #aaa;
  2317.    -webkit-box-shadow: 0 0 3px #aaa;
  2318.    margin-bottom: 20px;
  2319.    text-align: center;
  2320. }
  2321.  
  2322. .btop-timestamp {
  2323.    position: absolute;
  2324.    left: 25px;
  2325.    top: 25px;
  2326.    font-size: .75rem;
  2327.    font-weight: 400;
  2328.    background: $keycolor;
  2329.    padding: 8px;
  2330.     padding-top: 4px;
  2331.    color: #fff;
  2332.    z-index: 3;
  2333. }
  2334.  
  2335. .btop .day {
  2336.    display: block;
  2337.    font-size: 1.3rem;
  2338.    font-weight: 700;
  2339.    margin-bottom: -20px;
  2340. }
  2341.  
  2342. .btop .big-post-image-wrapper {
  2343.    position: relative;
  2344. }
  2345.  
  2346. .btop .big-post-image {
  2347.    display: block;
  2348.    width: 100%;
  2349.    padding: 28% 0;
  2350. }
  2351.  
  2352. .btop .post-share-wrapper {
  2353.    position: absolute;
  2354.    top: 50%;
  2355.    margin-top: -15px;
  2356.    left: 50%;
  2357.    margin-left: -65px;
  2358.    -webkit-transform: scale(0);
  2359.    -ms-transform: scale(0);
  2360.    transform: scale(0);
  2361. }
  2362.  
  2363. .btop .post-share_link {
  2364.    width: 30px;
  2365.    height: 30px;
  2366.     font-size: .875rem;
  2367.    line-height: 30px;
  2368. }
  2369.  
  2370. .btop .big-post-image-wrapper:hover .post-share-wrapper {
  2371.    -webkit-transform: scale(1);
  2372.    -ms-transform: scale(1);
  2373.    transform: scale(1);
  2374. }
  2375.  
  2376. .btop-info-wrapper {
  2377.    bottom: 0;
  2378.    left: 0;
  2379.    right: 0;
  2380.    color: #000;
  2381.    padding: 15px;
  2382. }
  2383.  
  2384. .btop .big-post-title {
  2385.    padding: 0 10px;
  2386.    font-size: 1.15rem;
  2387.    text-align: center;
  2388.    margin-bottom: 12px;
  2389.    border-bottom: 1px solid #ccc;
  2390.    padding-bottom: 11px;
  2391. }
  2392.  
  2393. .btop-post-summary {
  2394.    font-size: .875rem;
  2395.    line-height: 1.7;
  2396. }
  2397.  
  2398. .btop .btop-post {
  2399.    float: left;
  2400.    width: 49%;
  2401.    margin-right: 2%;
  2402.    line-height: 1.6;
  2403.    padding: 6px !important;
  2404.    background: #FFFFFF;
  2405.    box-shadow: 0 0 3px #aaa;
  2406.    -webkit-box-shadow: 0 0 3px #aaa;
  2407. }
  2408.  
  2409. .btop .btop-post:first-child {
  2410.    margin-bottom: 10px;
  2411. }
  2412.  
  2413. .btop .btop-post:nth-child(even) {
  2414.    margin-right: 0;
  2415. }
  2416.  
  2417. .btop-post-image {
  2418.     position: relative;
  2419.    display: block;
  2420.    float: left;
  2421.    padding: 13%;
  2422.    margin-right: 10px;
  2423.     z-index: 3;
  2424. }
  2425.  
  2426. .btop-post-title {
  2427.    font-size: .875rem;
  2428. }
  2429.  
  2430. /* grids
  2431. -------------------------------------------*/
  2432.  
  2433. .grids-post {
  2434.    background: #fff;
  2435.    position: relative;
  2436.    box-shadow: 0 0 5px #CBCBCB;
  2437.    -webkit-box-shadow: 0 0 5px #CBCBCB;
  2438.    float: left;
  2439.    width: 48.5%;
  2440.    margin-right: 3% !important;
  2441. }
  2442.  
  2443. .grids-post:first-child {
  2444.    margin-bottom: 15px;
  2445. }
  2446.  
  2447. .grids-post:nth-child(even) {
  2448.    margin-right: 0 !important;
  2449. }
  2450.  
  2451. .grids-post-image {
  2452.    display: block;
  2453.    padding: 31% 0;
  2454. }
  2455.  
  2456. .grids-post-title {
  2457.    font-size: 1rem;
  2458.    padding: 10px;
  2459.    line-height: 1.4;
  2460. }
  2461.  
  2462. .grids-post:hover .grids-post-title {
  2463.    color: $keycolor;
  2464. }
  2465.  
  2466. /* grids
  2467. -------------------------------------------*/
  2468.  
  2469. .blog-posts-wrapper .slideshow .title-summary-wrapper {
  2470.    padding: 15px;
  2471.    background: rgba(0, 0, 0, 0.69);
  2472.    position: absolute;
  2473.    bottom: 0;
  2474.    left: 0;
  2475.    right: 0;
  2476. }
  2477.  
  2478. .blog-posts-wrapper .slideshow .arrow {
  2479.    top: 50%;
  2480.    margin-top: -15px;
  2481. }
  2482.  
  2483. /* Related posts
  2484. -------------------------------------------*/
  2485.  
  2486. #related-posts {
  2487.    background: #fff;
  2488.    border: 1px solid #ccc;
  2489.    border-right: 0;
  2490.    padding: 15px;
  2491.    max-width: 400px;
  2492.    position: fixed;
  2493.    bottom: 80px;
  2494.    right: 0;
  2495.     z-index: 99999;
  2496.     -webkit-transform: translateX(100%);
  2497.    -ms-transform: translateX(100%);
  2498.    transform: translateX(100%);
  2499. }
  2500.  
  2501. #related-posts.slide-left {
  2502.     -webkit-transform: translateX(0);
  2503.    -ms-transform: translateX(0);
  2504.    transform: translateX(0);
  2505. }
  2506.  
  2507. span#close-btn {
  2508.    float: left;
  2509.    font-weight: 700;
  2510.    width: 20px;
  2511.    height: 20px;
  2512.    cursor: pointer;
  2513.    text-align: center;
  2514.    line-height: 20px;
  2515. }
  2516.  
  2517. #related-posts p {
  2518.    font-size: .875rem;
  2519.    font-weight: 700;
  2520.    text-transform: uppercase;
  2521.    text-align: center;
  2522.    padding-bottom: 5px;
  2523.    border-bottom: 1px solid #ccc;
  2524. }
  2525.  
  2526. .related-posts-container {
  2527.    margin: 0 !important;
  2528.    padding: 0 !important;
  2529.    margin-top: 15px !important;
  2530.    list-style: none !important;
  2531. }
  2532.  
  2533. .related-post-item {
  2534.    margin-bottom: 16px !important;
  2535. }
  2536.  
  2537. .related-post-item:last-child {
  2538.    margin-bottom: 0 !important;
  2539. }
  2540.  
  2541. .related-thumb {
  2542.    float: left;
  2543.    margin-right: 10px;
  2544.    position: relative;
  2545.    z-index: 5;
  2546.    border-radius: 4px;
  2547.    overflow: hidden;
  2548. }
  2549.  
  2550. .related-post-img {
  2551.    display: block;
  2552.    width: 80px;
  2553.    height: 70px;
  2554. }
  2555.  
  2556. .related-post-title {
  2557.    font-size: .875rem;
  2558.    line-height: 1.7;
  2559.    font-family: 'Roboto Slab', serif;
  2560. }
  2561.  
  2562. .related-post-title a {
  2563.    display: block;
  2564. }
  2565.  
  2566. /* Comments
  2567. ----------------------------------------------*/
  2568.  
  2569. #comments {
  2570.     margin-top: 35px;
  2571. }
  2572.  
  2573. #comments > h4 {
  2574.    font-weight: 500;    
  2575.    font-size: 1.2rem;
  2576.    text-transform: uppercase;
  2577.    border-bottom: 2px solid #000;
  2578. }
  2579.  
  2580. #comments .comment {
  2581.    border-bottom: 1px solid #ccc;
  2582. }
  2583.  
  2584. .comments .comments-content .datetime {
  2585.    margin-left: 0;
  2586.    display: block;
  2587.    font-size: .75rem;
  2588.    font-style: italic;
  2589. }
  2590.  
  2591. .comments .comments-content .comment-content {
  2592.    text-align: left;
  2593.     margin-bottom: 20px;
  2594. }
  2595.  
  2596. #comments .comment-header {
  2597.     margin-bottom: 20px;
  2598. }
  2599.  
  2600. #comments .comment-actions > a {
  2601.    font-size: .75rem;
  2602.    background: $keycolor;
  2603.    display: inline-block;
  2604.    padding: 3px 8px;
  2605.    color: #fff;
  2606.    border-radius: 5px;
  2607. }
  2608.  
  2609.  
  2610. /*========================================
  2611. +/+ Footer
  2612. ========================================*/
  2613.  
  2614. #footer-wrapper {
  2615.    background: $footer_bg;
  2616.    color: #A1A1A1;
  2617.    padding: 30px 0;
  2618.    border-top: 3px solid $keycolor;
  2619.    padding-bottom: 0;
  2620. }
  2621.  
  2622. #footer-wrapper .container > .section {
  2623.  float: left;
  2624.  width: 30%;
  2625.  margin-right: 5%;
  2626. }
  2627.  
  2628. #footer-right {
  2629.  margin-right: 0 !important;
  2630. }
  2631.  
  2632. #footer-wrapper .recentposts .post-image,
  2633. #footer-wrapper .random_post-image {
  2634.  border: 2px solid #595959;
  2635. }
  2636.  
  2637. #footer-wrapper .recent-post-item,
  2638. #footer-wrapper .random-posts .post-wrapper {
  2639.  display: block;
  2640.  border-bottom: 1px solid #4D4D4D;
  2641. }
  2642.  
  2643. #footer-wrapper .widget > h2 {
  2644.    margin-bottom: 15px;
  2645.    text-transform: uppercase;
  2646.    color: #FFFFFF;
  2647.     font-size: 1rem;
  2648.    position: relative;
  2649.    text-align: center;
  2650.    font-weight: 500;
  2651.    padding: 8px 0;
  2652.    border: 3px solid #2d2d2d;
  2653.    background: #3E3E3E;
  2654. }
  2655.  
  2656. #footer-wrapper > .container .widget {
  2657.  margin-bottom: 30px;
  2658. }
  2659.  
  2660. #footer-wrapper .PopularPosts .widget-content li {
  2661.    border-bottom: 1px solid #464646;
  2662. }
  2663.  
  2664. #footer-wrapper .PopularPosts .item-thumbnail img {
  2665.    border: 2px solid #545454;
  2666. }
  2667.  
  2668. #footer-wrapper .label-size {
  2669.    background: #262626;
  2670.    margin-right: 3px;
  2671.    margin-bottom: 3px;
  2672. }
  2673.  
  2674. #footer-wrapper .label-size a:only-child {
  2675.     box-shadow: none;
  2676.    -webkit-box-shadow: none;
  2677. }
  2678.  
  2679. #footer-wrapper .BlogArchive select {
  2680.    width: 100%;
  2681.    height: 40px;
  2682.    border: 0;
  2683. }
  2684.  
  2685. #footer-wrapper .FollowByEmail .subhead {
  2686.    color: #BABABA;
  2687. }
  2688.  
  2689. #footer-wrapper .FollowByEmail .follow-by-email-inner .follow-by-email-address {
  2690.     background: #fff;
  2691. }
  2692.  
  2693. .copyright {
  2694.    display: block;
  2695.    background: rgba(0,0,0,0.2);
  2696.    padding: 15px 0;
  2697.    text-align: center;
  2698.    margin: 0;
  2699. }
  2700.  
  2701.  
  2702. /*================================================
  2703. +/+ Media Queries
  2704. ================================================*/
  2705.  
  2706. @media only screen and (max-width: 1220px) {
  2707.  
  2708. .top-nav-wrapper {
  2709.    padding: 0 11px;
  2710. }
  2711.  
  2712. .logo-and-ad-container {
  2713.    padding-left: 11px;
  2714.    padding-right: 11px;
  2715. }
  2716.  
  2717. .main-content {
  2718.    padding-left: 11px;
  2719.     padding-right: 11px;
  2720. }
  2721.  
  2722. #footer-wrapper {
  2723.    padding-right: 11px;
  2724.    padding-left: 11px;
  2725. }
  2726.  
  2727. } /* 1220px media query */
  2728.  
  2729. @media only screen and (max-width: 980px) {
  2730.  
  2731. #logo-and-ad-container .widget {
  2732.    display: block;
  2733.    width: 100%;
  2734.    margin-bottom: 25px;
  2735. }
  2736.  
  2737. #header-inner {
  2738.     display: inline-block;
  2739. }
  2740.  
  2741. #logo-and-ad-container .Header {
  2742.     margin-top: 30px;
  2743. }
  2744.  
  2745. #main-nav {
  2746.    position: relative;
  2747.    z-index: 50;
  2748. }
  2749.  
  2750. #main-nav .widget {
  2751.    width: 100%;
  2752. }
  2753.  
  2754. #main-nav-wrapper .widget-content {
  2755.    display: block;
  2756. }
  2757.  
  2758. div#main-nav ul {
  2759.    width: 100%;
  2760.    background: $keycolor;
  2761.    height: 50px;
  2762.    overflow: hidden;
  2763. }
  2764.  
  2765. #main-nav .widget-content > ul:before {
  2766.    content: 'Main Menu \25be';
  2767.    display: block;
  2768.    color: #fff;
  2769.    font-weight: 700;
  2770.    line-height: 50px;
  2771.    cursor: pointer;
  2772. }
  2773.  
  2774. #main-nav .widget-content > ul > li > a:before {
  2775.     display: none;
  2776. }
  2777.  
  2778. #main-nav .widget-content > ul > li:hover a {
  2779.    background: #444;
  2780. }
  2781.  
  2782. div#main-nav li {
  2783.    float: none !important;
  2784. }
  2785.  
  2786. #main-nav .widget-content > ul > li > a {
  2787.    border-bottom: 1px solid rgba(0,0,0,.1);
  2788.    border-top: 1px solid rgba(255,255,255,.1);
  2789. }
  2790. #main-nav .widget-content > ul > li > a {
  2791.    text-align: left;
  2792. }
  2793. .mega-menu-wrapper {
  2794.  display: none !important;
  2795. }
  2796.  
  2797. .mega-icon:after {
  2798.  content: '';
  2799. }
  2800. #main-nav .widget-content ul > li > ul, #main-nav .widget-content ul > li > ul > li > ul {
  2801. position: relative;
  2802. opacity: 1;
  2803. visibility: visible;
  2804. width: 100%;
  2805. clear: both;
  2806. display: block;
  2807. float: none;
  2808. left: auto;
  2809. top: 0;
  2810. }
  2811. #main-nav .widget-content ul > li > ul > li > ul > li > a {
  2812. padding-left: 40px;
  2813. box-sizing: border-box;
  2814. }
  2815. #main-nav .widget-content ul > li > ul > li > a {
  2816. padding-left: 25px;
  2817. box-sizing: border-box;
  2818. }
  2819. .slider-item {
  2820.    float: left;
  2821.    width: 50%;
  2822. }
  2823.  
  2824. .index .blog-posts-wrapper {
  2825.    float: left;
  2826.    width: 66.5%;
  2827.    margin-right: 3.5%;
  2828. }
  2829.  
  2830.  
  2831. .item .blog-posts-wrapper {
  2832.    float: none;
  2833.    width: 100%;
  2834.    margin-right: 0;
  2835. }
  2836.  
  2837. .sidebar-wrapper1 {
  2838.    width: 30%;
  2839.    margin-right: 0;
  2840.    float: right;
  2841. }
  2842.  
  2843. .sidebar-wrapper2 {
  2844.    float: none;
  2845.    clear: both;
  2846.    position: relative;
  2847.    top: 30px;
  2848.     width: 100%;
  2849.    margin-bottom: 60px;
  2850. }
  2851.  
  2852. .sidebar.sidebar-wrapper2:after {
  2853.    content: '';
  2854.    display: table;
  2855.    clear: both;
  2856. }
  2857.  
  2858. .sidebar-wrapper2 .widget {
  2859.    float: left;
  2860.    width: 100%;
  2861.    margin-right: 0;
  2862. }
  2863.  
  2864. .sidebar-wrapper2 .widget:nth-child(even) {
  2865.    margin-right: 0;
  2866. }
  2867.  
  2868. .sidebartabs-wrapper {
  2869.    float: left;
  2870.     width: 100%;
  2871. }
  2872.  
  2873. .sidebartabs-wrapper .widget {
  2874.    width: 100%;
  2875.    float: none;
  2876. }
  2877.  
  2878. #footer-wrapper .container > .section {
  2879.    float: left;
  2880.    width: 100%;
  2881.    margin-right: 0;
  2882. }
  2883.  
  2884. #footer-center {
  2885.    margin-right: 0 !important;
  2886. }
  2887.  
  2888. #footer-right {
  2889.    margin-right: 0 !important;
  2890.    float: none !important;
  2891.    clear: both;
  2892.    width: 100% !important;
  2893. }
  2894.  
  2895. } /* 960px media query */
  2896.  
  2897. @media only screen and (max-width: 880px) {
  2898.  
  2899. .top-nav-wrapper .widget:first-child ul {
  2900.  position: absolute;    
  2901.  display: none;
  2902.  background-color: #555;
  2903.  z-index: 999;
  2904. }
  2905.  
  2906. .top-nav-icon {
  2907.  display: block;
  2908.  cursor: pointer;
  2909. }
  2910.  
  2911. .top-nav-wrapper .widget:first-child li {
  2912.  float: none !important;
  2913.  white-space: nowrap !important;
  2914.  line-height: normal !important;
  2915.  margin-right: 0 !important;
  2916. }
  2917.  
  2918. .top-nav-wrapper .widget:first-child a {
  2919.  display: block;
  2920.  padding: 15px;
  2921.  color: #fff !important;
  2922. }
  2923.  
  2924. .top-nav-wrapper .widget:first-child a:hover {
  2925.  background: $keycolor;
  2926.  color: #fff;
  2927. }
  2928.  
  2929. } /* 880px media query */
  2930.  
  2931. @media only screen and (max-width: 800px) {
  2932.  
  2933. #related-posts {
  2934.    border: 0;
  2935.    padding: 0;
  2936.    max-width: 100%;
  2937.    position: static;
  2938.    margin-top: 25px;
  2939.    margin-bottom: 25px;
  2940.    -webkit-transform: translateX(0);
  2941.    -ms-transform: translateX(0);
  2942.    transform: translateX(0);
  2943. }
  2944.  
  2945. span#close-btn {
  2946.    display: none;
  2947. }
  2948.  
  2949. #related-posts ul {
  2950.    margin: 0 !important;
  2951.    padding: 0 !important;
  2952. }
  2953.  
  2954. .related-post-item {
  2955.    float: left;
  2956.    width: 31.666666666%;
  2957.    background: #eee;
  2958.    margin-right: 2.5% !important;
  2959. }
  2960.  
  2961. .related-post-item:last-child {
  2962.     margin-right: 0 !important;
  2963. }
  2964.  
  2965. .related-post-item:hover {
  2966.     background: #444;
  2967. }
  2968.  
  2969. .related-post-item:hover .related-post-title a {
  2970.     color: #fff;
  2971. }
  2972.  
  2973. #related-posts p {
  2974.    margin-bottom: 10px;
  2975. }
  2976.  
  2977. .related-thumb {
  2978.    float: none;
  2979.    margin-right: 0;
  2980.    border-radius: 0;
  2981. }
  2982.  
  2983. .related-post-img {
  2984.    display: block;
  2985.    width: 100%;
  2986.    padding: 34% 0;
  2987. }
  2988.  
  2989. .related-post-title {
  2990.    font-family: 'Roboto Slab', sans-serif;
  2991.    font-size: 0.875rem;
  2992.    font-weight: 700;
  2993.    text-transform: capitalize;
  2994.    line-height: 1.7;
  2995. }
  2996.  
  2997. .related-post-title a {
  2998.    display: block;
  2999.    padding: 10px;
  3000. }
  3001.  
  3002. } /* 800px media query */
  3003.  
  3004. @media only screen and (max-width: 755px) {
  3005.  
  3006. #logo-and-ad-container {
  3007.    height: auto;
  3008. }
  3009.  
  3010. .logo-and-ad-container {
  3011.    padding-bottom: 0;
  3012. }
  3013.  
  3014. .main-content {
  3015.    padding-left: 1%;
  3016.    padding-right: 1%;
  3017. }
  3018.  
  3019. .container {
  3020.    max-width: 98%;
  3021. }
  3022.  
  3023. #logo-and-ad-container {
  3024.    display: block;
  3025. }
  3026.  
  3027. #logo-and-ad-container .HTML .widget-content {
  3028.    width: 100%;
  3029.    height: auto;
  3030.    max-height: 90px;
  3031. }
  3032.  
  3033. .index .blog-posts-wrapper {
  3034.    float: none;
  3035.    width: 100%;
  3036.    margin-bottom: 35px;
  3037.    margin-right: 0;
  3038. }
  3039.  
  3040. .sidebar-wrapper1 {
  3041.    display: none;
  3042. }
  3043.  
  3044. #to-top {
  3045.    display: none;
  3046. }
  3047.  
  3048. #footer-wrapper {
  3049.    padding-right: 1%;
  3050.    padding-left: 1%;
  3051. }
  3052.  
  3053. } /* 755px media query */
  3054.  
  3055. @media only screen and (max-width: 650px) {
  3056.  
  3057. .related-post-item {
  3058.    float: left;
  3059.    width: 48%;
  3060.    margin-right: 4%;
  3061.    margin-bottom: 15px !important;
  3062. }
  3063.  
  3064. .related-post-item:nth-child(2) {
  3065.     margin-right: 0 !important;
  3066. }
  3067.  
  3068. .item .post-body img {
  3069.    width: 100%;
  3070.    height: auto;
  3071. }
  3072.  
  3073. } /* 650px media query */
  3074.  
  3075. @media only screen and (max-width: 625px) {
  3076.  
  3077. .sidebartabs-wrapper {
  3078.    float: none;
  3079.    width: 100%;
  3080. }
  3081.  
  3082. .sidebar-wrapper2 .widget {
  3083.    float: none;
  3084.    width: 100%;
  3085.    margin-right: 0;
  3086. }
  3087.  
  3088. .randomposts2 .post-wrapper,
  3089. .recentposts2 .post-wrapper {
  3090.     float: left;
  3091.    width: 49%;
  3092.    margin-right: 2%;
  3093. }
  3094.  
  3095. .randomposts2 .post-wrapper:nth-child(even),
  3096. .recentposts2 .post-wrapper:nth-child(even) {
  3097.     margin-right: 0;
  3098. }
  3099.  
  3100. #footer-wrapper .container > .section {
  3101.    float: none;
  3102.    width: 100%;
  3103.    margin-right: 0;
  3104. }
  3105.  
  3106. } /* 625px media query */
  3107.  
  3108. @media only screen and (max-width: 575px) {
  3109.  
  3110. .item .author-avatar {
  3111.  float: none;
  3112.  display: block;
  3113.  margin-left: auto;
  3114.  margin-right: auto;
  3115. }
  3116.  
  3117. .item .author-name {
  3118.  margin: 10px 0;
  3119.  text-align: center;
  3120. }
  3121.  
  3122. .item .author-bio {
  3123.  margin-left: 0;
  3124. }
  3125.  
  3126. .item .author-footer {
  3127.  text-align: center;
  3128.  line-height: 0.9;
  3129. }
  3130.  
  3131. .item .author-profiles {
  3132.  float: none;
  3133.  display: inline-block;
  3134. }
  3135.  
  3136. } /* 575px media query */
  3137.  
  3138. @media only screen and (max-width: 505px) {
  3139.  
  3140. #logo-and-ad-container .HTML .widget-content {
  3141.    width: 100%;
  3142. }
  3143.  
  3144. } /* 505px media query */
  3145.  
  3146. @media only screen and (max-width: 480px) {
  3147.  
  3148. .post-share-header {
  3149.    display: none;
  3150. }
  3151.  
  3152. #LinkList2 li a {
  3153.     width: 25px;
  3154. }
  3155.  
  3156. .item .entry-title {
  3157.     font-size: 1.1rem;
  3158. }
  3159.  
  3160. #slider {
  3161.     display: none;
  3162. }
  3163.  
  3164. .main-content {
  3165.    padding-left: 1%;
  3166.    padding-right: 1%;
  3167. }
  3168.  
  3169. .index .post-title.heading {
  3170.    margin-bottom: 17px;
  3171. }
  3172.  
  3173. .post-outer .post-label {
  3174.    display: none;
  3175. }
  3176.  
  3177. ul.post-meta.clearfix {
  3178.    display: none;
  3179. }
  3180.  
  3181. li.stack-post {
  3182.    padding-right: 0;
  3183. }
  3184.  
  3185. .stack-post-image {
  3186.    width: 100%;
  3187.    padding: 26%;
  3188.    float: none;
  3189. }
  3190.  
  3191. .stack-post-title {
  3192.    padding: 10px;
  3193.    margin-bottom: 2px;
  3194. }
  3195.  
  3196. .stack-post-summary {
  3197.    padding: 10px;
  3198.    padding-top: 0;
  3199. }
  3200.  
  3201. .grids-post {
  3202.    float: none;
  3203.    width: 100%;
  3204. }
  3205.  
  3206. li.grids-post {
  3207.    margin-bottom: 15px !important;
  3208. }
  3209.  
  3210. .btop .btop-post {
  3211.    float: none;
  3212.    width: 100%;
  3213.    margin-right: 0;
  3214. }
  3215.  
  3216. .btop-post:after {
  3217.    content: '';
  3218.    display: table;
  3219.    clear: both;
  3220. }
  3221.  
  3222. .btop-info-wrapper {
  3223.    padding: 10px 0;
  3224. }
  3225.  
  3226. .btop-post-title {
  3227.    font-size: 1rem;
  3228. }
  3229.  
  3230. .randomposts2 .post-wrapper,
  3231. .recentposts2 .post-wrapper {
  3232.    float: none;
  3233.    width: 100%;
  3234.    margin-right: 0;
  3235. }
  3236.  
  3237. .related-post-item {
  3238.    float: none;
  3239.    width: 100%;
  3240.    margin-right: 0 !important;
  3241. }
  3242.  
  3243. } /* 480px media query */
  3244.  
  3245. @media only screen and (max-width: 430px) {
  3246.  
  3247. .sidebar-wrapper1 {
  3248.     width: 100%;
  3249. }
  3250.  
  3251. .post-outer .summary {
  3252.    display: none;
  3253. }
  3254.  
  3255. a.read-more {
  3256.    display: none;
  3257. }
  3258.  
  3259. .index span.post-comment-link {
  3260.    display: none;
  3261. }
  3262.  
  3263. } /* 430px media query */
  3264.  
  3265. @media only screen and (max-width: 360px) {
  3266.  
  3267. .btop .big-post-title {
  3268.     font-size: 1rem;
  3269. }
  3270.  
  3271. .btop-post-title {
  3272.     font-size: .875rem;
  3273. }
  3274.  
  3275. .blog-posts-wrapper .slideshow .post-summary {
  3276.     display: none;
  3277. }
  3278.  
  3279. .blog-posts-wrapper .slideshow .post-title {
  3280.     margin-bottom: 0;
  3281. }
  3282.  
  3283. } /* 360px media query */
  3284.  
  3285. @media only screen and (max-width: 300px) {
  3286.  
  3287. #header-inner {
  3288.    max-width: 100%;
  3289. }
  3290.  
  3291. #LinkList2, .sidebar-wrapper2 {
  3292.    display: none;
  3293. }
  3294.  
  3295. } /* 240px media query */
  3296.  
  3297. ]]></b:skin>
  3298. <style>
  3299. /*-------Typography and ShortCodes-------*/
  3300. .firstcharacter{float:left;color:#27ae60;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px}.item .post-body h1,.item .post-body h2,.item .post-body h3,.item .post-body h4,.item .post-body h5,.item .post-body h6{margin-bottom:15px;color:#2c3e50}blockquote{font-style:italic;color:#888;border-left:5px solid #27ae60;margin-left:0;padding:10px 15px}blockquote:before{content:&#39;\f10d&#39;;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#888}blockquote:after{content:&#39;\f10e&#39;;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#888}.button{background-color:#2c3e50;float:left;padding:5px 12px;margin:5px;color:#fff;text-align:center;border:0;cursor:pointer;border-radius:3px;display:block;text-decoration:none;font-weight:400;transition:all .3s ease-out !important;-webkit-transition:all .3s ease-out !important}a.button{color:#fff}.button:hover{background-color:#27ae60;color:#fff}.button.small{font-size:12px;padding:5px 12px}.button.medium{font-size:16px;padding:6px 15px}.button.large{font-size:18px;padding:8px 18px}.small-button{width:100%;overflow:hidden;clear:both}.medium-button{width:100%;overflow:hidden;clear:both}.large-button{width:100%;overflow:hidden;clear:both}.demo:before{content:&quot;\f06e&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.download:before{content:&quot;\f019&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.buy:before{content:&quot;\f09d&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.visit:before{content:&quot;\f14c&quot;;margin-right:5px;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}.widget .post-body li{margin:5px 0;padding:0;line-height:1.5}.post-body ul li:before{content:&quot;\f105&quot;;margin-right:5px;font-family:fontawesome}pre{font-family:Monaco, &quot;Andale Mono&quot;, &quot;Courier New&quot;, Courier, monospace;background-color:#2c3e50;background-image:-webkit-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-moz-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-ms-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:-o-linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);background-image:linear-gradient(rgba(0, 0, 0, 0.05) 50%, transparent 50%, transparent);-webkit-background-size:100% 50px;-moz-background-size:100% 50px;background-size:100% 50px;line-height:25px;color:#f1f1f1;position:relative;padding:0 7px;margin:15px 0 10px;overflow:hidden;word-wrap:normal;white-space:pre;position:relative}pre:before{content:&#39;Code&#39;;display:block;background:#F7F7F7;margin-left:-7px;margin-right:-7px;color:#2c3e50;padding-left:7px;font-weight:400;font-size:14px}pre code,pre .line-number{display:block}pre .line-number a{color:#27ae60;opacity:0.6}pre .line-number span{display:block;float:left;clear:both;width:20px;text-align:center;margin-left:-7px;margin-right:7px}pre .line-number span:nth-child(odd){background-color:rgba(0, 0, 0, 0.11)}pre .line-number span:nth-child(even){background-color:rgba(255, 255, 255, 0.05)}pre .cl{display:block;clear:both}#contact{background-color:#fff;margin:30px 0 !important}#contact .contact-form-widget{max-width:100% !important}#contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{background-color:#FFF;border:1px solid #eee;border-radius:3px;padding:10px;margin-bottom:10px !important;max-width:100% !important}#contact .contact-form-name{width:47.7%;height:50px}#contact .contact-form-email{width:49.7%;height:50px}#contact .contact-form-email-message{height:150px}#contact .contact-form-button-submit{max-width:100%;width:100%;z-index:0;margin:4px 0 0;padding:10px !important;text-align:center;cursor:pointer;background:#27ae60;border:0;height:auto;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;text-transform:uppercase;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;color:#FFF}#contact .contact-form-button-submit:hover{background:#2c3e50}#contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{box-shadow:none !important}.alert-message{position:relative;display:block;background-color:#FAFAFA;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid}.alert-message p{margin:0 !important;padding:0;line-height:22px;font-size:13px;color:#2f3239}.alert-message span{font-size:14px !important}.alert-message i{font-size:16px;line-height:20px}.alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}.alert-message.success a,.alert-message.success span{color:#1d9d74}.alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF}.alert-message.alert a,.alert-message.alert span{color:#378FFF}.alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-message.warning a,.alert-message.warning span{color:#8a6d3b}.alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D}.alert-message.error a,.alert-message.error span{color:#F55D5D}.fa-check-circle:before{content:&quot;\f058&quot;}.fa-info-circle:before{content:&quot;\f05a&quot;}.fa-exclamation-triangle:before{content:&quot;\f071&quot;}.fa-exclamation-circle:before{content:&quot;\f06a&quot;}.post-table table{border-collapse:collapse;width:100%}.post-table th{background-color:#eee;font-weight:bold}.post-table th,.post-table td{border:0.125em solid #333;line-height:1.5;padding:0.75em;text-align:left}@media (max-width: 30em){.post-table thead tr{position:absolute;top:-9999em;left:-9999em}.post-table tr{border:0.125em solid #333;border-bottom:0}.post-table tr + tr{margin-top:1.5em}.post-table tr,.post-table td{display:block}.post-table td{border:none;border-bottom:0.125em solid #333;padding-left:50%}.post-table td:before{content:attr(data-label);display:inline-block;font-weight:bold;line-height:1.5;margin-left:-100%;width:100%}}@media (max-width: 20em){.post-table td{padding-left:0.75em}.post-table td:before{display:block;margin-bottom:0.75em;margin-left:0}}
  3301. .FollowByEmail {
  3302.     clear: both;
  3303. }
  3304. .widget .post-body ol {
  3305.     padding: 0 0 0 15px;
  3306. }
  3307. .post-body ul li {
  3308.     list-style: none;
  3309. }
  3310. </style>
  3311.     <b:template-skin>
  3312.       <![CDATA[
  3313.  
  3314. body#layout {
  3315.  text-transform: capitalize;
  3316. width:800px;
  3317. }
  3318.  
  3319. body#layout div.section {
  3320.  margin: 0 0 10px 0;
  3321. }
  3322.  
  3323. #layout #header {
  3324.  background-color: #22da9e !important;
  3325.  padding: 6px;
  3326.  margin-bottom: 15px;
  3327.  padding-bottom: 0px;
  3328.  padding-top: 7px;
  3329.  color: #fff;
  3330. }
  3331. body#layout #main-nav .widget {
  3332.    display: block;
  3333. }
  3334. #layout #header .section {
  3335.  background-color: #1FC38E !important;
  3336.  border-color: #1FB987 !important;
  3337. }
  3338.  
  3339. #layout #header .widget-content {
  3340.  border: 0 !important;
  3341. }
  3342.  
  3343. #layout #header .widget-wrap2 {
  3344.  background-color: #4a4a4a !important;
  3345. }
  3346.  
  3347. #layout #LinkList1 {
  3348.  margin-right: 15px;
  3349. }
  3350.  
  3351. #layout #main-nav-wrapper {
  3352.  height: 170px;
  3353. }
  3354.  
  3355. #layout .top-nav-wrapper {
  3356.  height: 162px;
  3357. }
  3358.  
  3359. #layout #top-nav {
  3360.  overflow: hidden !important;
  3361. }
  3362.  
  3363. #layout .top-nav-wrapper .widget {
  3364.  width: 48.9% !important;
  3365. }
  3366.  
  3367. #layout .top-nav-wrapper .LinkList {
  3368.  float: left !important;
  3369. }
  3370.  
  3371. #layout #logo-and-ad-container {
  3372.  overflow: hidden !important;
  3373. }
  3374.  
  3375. #layout #Header1 {
  3376.  float: left !important;
  3377.  width: 30% !important;
  3378.  display: block;
  3379. }
  3380.  
  3381. #layout .top-nav-wrapper {
  3382.     height: auto;
  3383. }
  3384.  
  3385. #layout #logo-and-ad-container {
  3386.    display: block;
  3387.    height: auto;
  3388. }
  3389.  
  3390. #layout .logo-and-ad-container {
  3391.     margin-top: 0;
  3392. }
  3393.  
  3394. #layout .logo-and-ad-container .HTML {
  3395.  float: right !important;
  3396.  display: block;
  3397.  width: 67% !important;
  3398. }
  3399.  
  3400. #layout .logo-and-ad-container .HTML .widget-content {
  3401.  width: 100%;
  3402.  padding-right: 0;
  3403.  height: 73px;
  3404. }
  3405.  
  3406. #layout #main-nav {
  3407.  float: none;
  3408. }
  3409.  
  3410. #layout #main-nav-wrapper .widget-content {
  3411.    display: block;
  3412. }
  3413.  
  3414. #layout #search-box,
  3415. #layout #search-input {
  3416.  display: none;
  3417. }
  3418.  
  3419. #layout #slider {
  3420.  height: 118px;
  3421.  background-color: #EA6969 !important;
  3422.  color: #fff;
  3423.  text-transform: capitalize;
  3424.  border: 0 !important;
  3425. }
  3426.  
  3427. #layout #slider .widget {
  3428.  min-height: 0;
  3429. }
  3430.  
  3431. #layout .widget-wrap2 {
  3432.  background-color: #4a4a4a !important;
  3433. }
  3434.  
  3435. #layout .widget-content {
  3436.  border: 0 !important;
  3437. }
  3438.  
  3439. body#layout .main-content div.section {
  3440.  padding: 7px;
  3441. }
  3442.  
  3443. #layout .main-content {
  3444.  margin-bottom: 10px;
  3445. }
  3446.  
  3447. #layout .blog-posts-wrapper {
  3448.  float: left;
  3449.  width: 45%;
  3450.  text-transform: capitalize;
  3451.  margin-right: 10px;
  3452. }
  3453.  
  3454. #layout .blog-posts-wrapper .section {
  3455.  background-color: #4ECEFF !important;
  3456.  color: #fff;
  3457.  border: 0 !important;
  3458. }
  3459.  
  3460. #layout .sidebar-wrapper1 {
  3461.    width: 24.8%;
  3462.    margin-right: 10px;
  3463.    padding: 0;
  3464. }
  3465.  
  3466. #layout div#sidebar1 {
  3467.    background: #CE37FF !important;
  3468.    color: #fff;
  3469. }
  3470.  
  3471. #layout div#sidebar2,
  3472. #layout div#sidebar3,
  3473. #layout #sidebar-tabs {
  3474.    background: #FABE14 !important;
  3475.    color: #fff;
  3476. }
  3477.  
  3478. #layout .sidebartabs {
  3479.  display: none;
  3480. }
  3481.  
  3482. #layout .sidebartabs-wrapper {
  3483.  margin-bottom: 0;
  3484. }
  3485.  
  3486. #layout #footer-wrapper {
  3487.  padding: 10px;
  3488.  background-color: #858585;
  3489. }
  3490.  
  3491. #layout #footer-wrapper .container > .section {
  3492.  margin-right: 15px;
  3493.  width: 27.8% !important;
  3494.  background-color: #e2e2e2 !important;
  3495.  border: 0;
  3496.  float: left;
  3497. }
  3498.  
  3499. #layout #footer-wrapper .container > .section:last-child {
  3500.    margin-right: 0;
  3501. }
  3502.  
  3503.      ]]>
  3504.     </b:template-skin>
  3505.     <b:include data='blog' name='google-analytics'/>
  3506.     <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
  3507.   </head>
  3508.  
  3509.   <body expr:class='data:blog.pageType' expr:data-main='data:blog.url == data:blog.homepageUrl'>
  3510.  
  3511.     <!-- //START// Template Settings -->
  3512.     <script>
  3513.     //<![CDATA[
  3514.  
  3515.      // Box or Full-width style?
  3516.      boxStyle = true;
  3517.  
  3518.      // Do you want to show the pagination?
  3519.      showPagination = true;
  3520.  
  3521.      // Number of posts to show for the Homepage widgets
  3522.      slideshowPostsNum = 5;   /* the slideshow box style */
  3523.      stackPostsNum = 4;       /* the stack box style */
  3524.      gridsPostsNum = 4;       /* the grids box style */
  3525.      btopPostsNum = 5;        /* the btop box style */
  3526.  
  3527.      // Recent & Random Posts & Vertical Posts Number
  3528.      sidebarRecentPostsNum = 5;
  3529.      sidebarRandomPostsNum = 5;
  3530.      footerRecentPostsNum = 4;
  3531.      footerRandomPostsNum = 5;
  3532.      verticalPostsNum = 5;
  3533.  
  3534.      // The number of comments to be shown by the recent comments widget
  3535.      sidebarRecentCommentsNum = 5;
  3536.  
  3537.      // The message that appears in the "follow by email" widget
  3538.      var followByEmailMessage = "Subscribe to our newsletter to get the latest blog news directly into your inbox.";
  3539.  
  3540.    //]]>
  3541.     </script>
  3542.     <!-- //END// Template Settings -->
  3543.  
  3544.     <script>
  3545.       //<![CDATA[
  3546.  
  3547.      if(!boxStyle) {
  3548.        $("body").css("max-width", "100%");
  3549.      }
  3550.  
  3551.      //]]>
  3552.     </script> <!-- Box or full width -->
  3553.  
  3554.     <a href='#' id='to-top'><i class='fa fa-chevron-up'/></a>
  3555.  
  3556.     <header id='header'>
  3557.       <div class='search'>
  3558.         <form action='/search' id='search-form' method='get'>
  3559.           <input id='search-input' name='q' placeholder='search here' type='text'/>
  3560.         </form>
  3561.       </div>
  3562.  
  3563.       <div class='top-nav-wrapper'>
  3564.         <b:section class='container clearfix' id='top-nav' maxwidgets='2' showaddelement='no'>
  3565.           <b:widget id='LinkList1' locked='true' title='Top Menu' type='LinkList'>
  3566.             <b:widget-settings>
  3567.               <b:widget-setting name='sorting'>NONE</b:widget-setting>
  3568.               <b:widget-setting name='text-1'>About Us</b:widget-setting>
  3569.               <b:widget-setting name='link-1'>https://jupiter-soratemplates.blogspot.com/p/about_9.html</b:widget-setting>
  3570.               <b:widget-setting name='text-0'>Home</b:widget-setting>
  3571.               <b:widget-setting name='link-2'>https://jupiter-soratemplates.blogspot.com/p/contact-us.html</b:widget-setting>
  3572.               <b:widget-setting name='link-0'>/</b:widget-setting>
  3573.               <b:widget-setting name='text-2'>Contact Us</b:widget-setting>
  3574.             </b:widget-settings>
  3575.             <b:includable id='main'>
  3576.               <i class='fa fa-bars top-nav-icon'/>
  3577.               <div class='widget-content'>
  3578.                 <ul>
  3579.                   <b:loop values='data:links' var='link'>
  3580.                     <li><a expr:href='data:link.target'><data:link.name/></a></li>
  3581.                   </b:loop>
  3582.                 </ul>
  3583.                 <b:include name='quickedit'/>
  3584.               </div>
  3585.             </b:includable>
  3586.           </b:widget>
  3587.           <b:widget id='LinkList2' locked='true' title='Social Profiles' type='LinkList'>
  3588.             <b:widget-settings>
  3589.               <b:widget-setting name='link-5'>#</b:widget-setting>
  3590.               <b:widget-setting name='link-6'>#</b:widget-setting>
  3591.               <b:widget-setting name='link-3'>#</b:widget-setting>
  3592.               <b:widget-setting name='link-4'>#</b:widget-setting>
  3593.               <b:widget-setting name='text-1'><![CDATA[<i class="fa fa-twitter"></i>]]></b:widget-setting>
  3594.               <b:widget-setting name='text-0'><![CDATA[<i class="fa fa-facebook"></i>]]></b:widget-setting>
  3595.               <b:widget-setting name='text-3'><![CDATA[<i class="fa fa-instagram"></i>]]></b:widget-setting>
  3596.               <b:widget-setting name='text-2'><![CDATA[<i class="fa fa-youtube"></i>]]></b:widget-setting>
  3597.               <b:widget-setting name='text-5'><![CDATA[<i class="fa fa-linkedin"></i>]]></b:widget-setting>
  3598.               <b:widget-setting name='text-4'><![CDATA[<i class="fa fa-rss"></i>]]></b:widget-setting>
  3599.               <b:widget-setting name='text-6'><![CDATA[<i class="fa fa-dribbble"></i>]]></b:widget-setting>
  3600.               <b:widget-setting name='sorting'>NONE</b:widget-setting>
  3601.               <b:widget-setting name='link-1'>#</b:widget-setting>
  3602.               <b:widget-setting name='link-2'>#</b:widget-setting>
  3603.               <b:widget-setting name='link-0'>#</b:widget-setting>
  3604.             </b:widget-settings>
  3605.             <b:includable id='main'>
  3606.               <div class='widget-content'>
  3607.                 <ul>
  3608.                   <b:loop values='data:links' var='link'>
  3609.                     <li><a expr:href='data:link.target'><data:link.name/></a></li>
  3610.                   </b:loop>
  3611.                 </ul>
  3612.                 <b:include name='quickedit'/>
  3613.               </div>
  3614.             </b:includable>
  3615.           </b:widget>
  3616.         </b:section>
  3617.       </div><!-- top-nav-wrapper -->
  3618.  
  3619.       <div id='search-btn'>
  3620.         <i class='fa fa-search' id='search-icon'/>
  3621.       </div>
  3622.  
  3623.       <div class='logo-and-ad-container'>
  3624.         <b:section class='container' id='logo-and-ad-container' maxwidgets='2' showaddelement='yes'>
  3625.           <b:widget id='Header1' locked='false' title='Jupiter (Header)' type='Header'>
  3626.             <b:widget-settings>
  3627.               <b:widget-setting name='displayUrl'>http://2.bp.blogspot.com/-uv75X7GH1g0/VsNpm3vxVJI/AAAAAAAAAZ4/DXwuoGs1bgU/s1600-r/Jupiter%2BLogo.png</b:widget-setting>
  3628.               <b:widget-setting name='displayHeight'>44</b:widget-setting>
  3629.               <b:widget-setting name='sectionWidth'>150</b:widget-setting>
  3630.               <b:widget-setting name='useImage'>true</b:widget-setting>
  3631.               <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  3632.               <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
  3633.               <b:widget-setting name='displayWidth'>244</b:widget-setting>
  3634.             </b:widget-settings>
  3635.             <b:includable id='main'>
  3636.  
  3637.               <b:if cond='data:useImage'>
  3638.                 <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  3639.                   <!--
  3640. Show image as background to text. You can't really calculate the width
  3641. reliably in JS because margins are not taken into account by any of
  3642. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  3643. width if the user is using shrink to fit.
  3644. This results in a margin-width's worth of pixels being cropped. If the
  3645. user is not using shrink to fit then we expand the header.
  3646. -->
  3647.                   <b:if cond='data:mobile'>
  3648.                     <div id='header-inner'>
  3649.                       <div class='titlewrapper' style='background: transparent'>
  3650.                         <h1 class='title' style='background: transparent; border-width: 0px'>
  3651.                           <b:include name='title'/>
  3652.                         </h1>
  3653.                       </div>
  3654.                       <b:include name='description'/>
  3655.                     </div>
  3656.                     <b:else/>
  3657.                     <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height                      + &quot;_height: &quot; + data:height                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  3658.                       <div class='titlewrapper' style='background: transparent'>
  3659.                         <h1 class='title' style='background: transparent; border-width: 0px'>
  3660.                           <b:include name='title'/>
  3661.                         </h1>
  3662.                       </div>
  3663.                       <b:include name='description'/>
  3664.                     </div>
  3665.                   </b:if>
  3666.                   <b:else/>
  3667.                   <!--Show the image only-->
  3668.                   <div id='header-inner'>
  3669.                     <a expr:href='data:blog.homepageUrl' style='display: block'><h1 style='display:none;'/>
  3670.                       <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  3671.                     </a>
  3672.                     <!--Show the description-->
  3673.                     <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  3674.                       <b:include name='description'/>
  3675.                     </b:if>
  3676.                   </div>
  3677.                 </b:if>
  3678.                 <b:else/>
  3679.                 <!--No header image -->
  3680.                 <div id='header-inner'>
  3681.                   <div class='titlewrapper'>
  3682.                     <h1 class='title'>
  3683.                       <b:include name='title'/>
  3684.                     </h1>
  3685.                   </div>
  3686.                   <b:include name='description'/>
  3687.                 </div>
  3688.               </b:if>
  3689.             </b:includable>
  3690.             <b:includable id='description'>
  3691.               <div class='descriptionwrapper'>
  3692.                 <p class='description'><span><data:description/></span></p>
  3693.               </div>
  3694.             </b:includable>
  3695.             <b:includable id='title'>
  3696.               <b:if cond='data:blog.url == data:blog.homepageUrl'>
  3697.                 <data:title/>
  3698.                 <b:else/>
  3699.                 <a expr:href='data:blog.homepageUrl'><data:title/></a>
  3700.               </b:if>
  3701.             </b:includable>
  3702.           </b:widget>
  3703.           <b:widget id='HTML1' locked='false' title='Top Ad' type='HTML'>
  3704.             <b:widget-settings>
  3705.               <b:widget-setting name='content'>&lt;img id=&quot;top-ad&quot; alt=&quot;top ads&quot; src=&quot;https://2.bp.blogspot.com/-ls7_quIjznA/VmMGna8ZMDI/AAAAAAAAARg/3lRLPtZ-JVs/s1600/ad.png&quot;/&gt;
  3706.  
  3707. &lt;style&gt;
  3708. .hide {
  3709.     display: inline-blok !important;
  3710. }
  3711. &lt;/style&gt;</b:widget-setting>
  3712.             </b:widget-settings>
  3713.             <b:includable id='main'>
  3714.               <div class='widget-content'>
  3715.                 <data:content/>
  3716.               </div>
  3717.  
  3718.               <b:include name='quickedit'/>
  3719.             </b:includable>
  3720.           </b:widget>
  3721.         </b:section>
  3722.       </div><!-- logo-and-ad-container -->
  3723.  
  3724.       <div class='clearfix' id='main-nav-wrapper' itemscope='' itemtype='http://schema.org/SiteNavigationElement'>
  3725.         <div class='container'>
  3726.           <b:section id='main-nav' maxwidgets='1' showaddelement='no'>
  3727.             <b:widget id='LinkList3' locked='true' title='Main Menu' type='LinkList'>
  3728.               <b:widget-settings>
  3729.                 <b:widget-setting name='text-10'>Documentation</b:widget-setting>
  3730.                 <b:widget-setting name='sorting'>NONE</b:widget-setting>
  3731.                 <b:widget-setting name='link-1'>#</b:widget-setting>
  3732.                 <b:widget-setting name='link-13'>https://www.soratemplates.com/2016/04/jupiter-blogger-templates.html</b:widget-setting>
  3733.                 <b:widget-setting name='link-2'>#</b:widget-setting>
  3734.                 <b:widget-setting name='link-12'>https://youtu.be/gnkGJPrMLKI</b:widget-setting>
  3735.                 <b:widget-setting name='link-0'>/</b:widget-setting>
  3736.                 <b:widget-setting name='link-11'>https://www.sorabloggingtips.com/2020/05/how-to-setup-jupiter-blogger-template.html</b:widget-setting>
  3737.                 <b:widget-setting name='link-10'>#</b:widget-setting>
  3738.                 <b:widget-setting name='text-9'>business</b:widget-setting>
  3739.                 <b:widget-setting name='link-9'>mega</b:widget-setting>
  3740.                 <b:widget-setting name='text-8'>_Error Page</b:widget-setting>
  3741.                 <b:widget-setting name='link-7'>https://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-in-blogspot-blogs.html</b:widget-setting>
  3742.                 <b:widget-setting name='link-8'>https://jupiter-soratemplates.blogspot.com/soratemplates</b:widget-setting>
  3743.                 <b:widget-setting name='link-5'>#</b:widget-setting>
  3744.                 <b:widget-setting name='link-6'>https://local-hunter.com</b:widget-setting>
  3745.                 <b:widget-setting name='link-3'>#</b:widget-setting>
  3746.                 <b:widget-setting name='link-4'>#</b:widget-setting>
  3747.                 <b:widget-setting name='text-1'>Features</b:widget-setting>
  3748.                 <b:widget-setting name='text-0'>Home</b:widget-setting>
  3749.                 <b:widget-setting name='text-3'>__Dropdown 1</b:widget-setting>
  3750.                 <b:widget-setting name='text-2'>_Multi Dropdown</b:widget-setting>
  3751.                 <b:widget-setting name='text-5'>__Dropdown 3</b:widget-setting>
  3752.                 <b:widget-setting name='text-4'>__Dropdown 2</b:widget-setting>
  3753.                 <b:widget-setting name='text-7'>_Sitemap</b:widget-setting>
  3754.                 <b:widget-setting name='text-6'>_Shortcodes</b:widget-setting>
  3755.                 <b:widget-setting name='text-11'>_Web Doc</b:widget-setting>
  3756.                 <b:widget-setting name='text-12'>_Video Doc</b:widget-setting>
  3757.                 <b:widget-setting name='text-13'>Download This Template</b:widget-setting>
  3758.               </b:widget-settings>
  3759.               <b:includable id='main'>
  3760.                 <div class='widget-content'>
  3761.                   <ul>
  3762.                     <b:loop values='data:links' var='link'>
  3763.                       <li itemprop='name'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li>
  3764.                     </b:loop>
  3765.                   </ul>
  3766.                   <b:include name='quickedit'/>
  3767.                 </div>
  3768.               </b:includable>
  3769.             </b:widget>
  3770.           </b:section>
  3771.         </div>
  3772.       </div><!-- main-nav-wrapper -->
  3773.     </header>
  3774.  
  3775.     <b:section id='slider' maxwidgets='1' showaddelement='yes'>
  3776.       <b:widget id='HTML2' locked='true' title='Slider' type='HTML'>
  3777.         <b:widget-settings>
  3778.           <b:widget-setting name='content'>recent</b:widget-setting>
  3779.         </b:widget-settings>
  3780.         <b:includable id='main'>
  3781.           <div class='widget-content'>
  3782.             <data:content/>
  3783.           </div>
  3784.           <b:include name='quickedit'/>
  3785.         </b:includable>
  3786.       </b:widget>
  3787.     </b:section><!-- slider -->
  3788.  
  3789.     <div class='main-content'>
  3790.       <div class='container clearfix'>
  3791.  
  3792.         <div class='blog-posts-wrapper'>
  3793.           <b:section class='home-widgets' id='home-widgets1'>
  3794.             <b:widget id='HTML18' locked='false' title='Slide show' type='HTML'>
  3795.               <b:widget-settings>
  3796.                 <b:widget-setting name='content'>[people][slideshow]</b:widget-setting>
  3797.               </b:widget-settings>
  3798.               <b:includable id='main'>
  3799.   <!-- only display title if it's non-empty -->
  3800.   <b:if cond='data:title != &quot;&quot;'>
  3801.     <h2 class='title'><data:title/></h2>
  3802.   </b:if>
  3803.   <div class='widget-content'>
  3804.     <data:content/>
  3805.   </div>
  3806.  
  3807.   <b:include name='quickedit'/>
  3808. </b:includable>
  3809.             </b:widget>
  3810.           </b:section>
  3811.  
  3812.           <b:section id='blog-posts' showaddelement='no'>
  3813.             <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
  3814.               <b:widget-settings>
  3815.                 <b:widget-setting name='showDateHeader'>true</b:widget-setting>
  3816.                 <b:widget-setting name='style.textcolor'>#299bfa</b:widget-setting>
  3817.                 <b:widget-setting name='showShareButtons'>false</b:widget-setting>
  3818.                 <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  3819.                 <b:widget-setting name='style.urlcolor'>#222222</b:widget-setting>
  3820.                 <b:widget-setting name='showAuthor'>true</b:widget-setting>
  3821.                 <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
  3822.                 <b:widget-setting name='style.linkcolor'>#374551</b:widget-setting>
  3823.                 <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  3824.                 <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  3825.                 <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  3826.                 <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  3827.                 <b:widget-setting name='showLabels'>true</b:widget-setting>
  3828.                 <b:widget-setting name='showLocation'>true</b:widget-setting>
  3829.                 <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  3830.                 <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  3831.                 <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  3832.                 <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  3833.                 <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  3834.                 <b:widget-setting name='showReactions'>false</b:widget-setting>
  3835.               </b:widget-settings>
  3836.               <b:includable id='main' var='top'>
  3837.                 <b:if cond='!data:mobile'>
  3838.                     <!-- posts -->
  3839.                     <div class='blog-posts hfeed'>
  3840.  
  3841.                       <b:include data='top' name='status-message'/>
  3842.  
  3843.                       <data:defaultAdStart/>
  3844.                       <b:loop values='data:posts' var='post'>
  3845.  
  3846.                         <div class='post-outer'>
  3847.                           <b:include data='post' name='post'/>
  3848.                           <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  3849.                         </div>
  3850.  
  3851.                         <b:if cond='data:post.includeAd'>
  3852.                           <b:if cond='data:post.isFirstPost'>
  3853.                             <data:defaultAdEnd/>
  3854.                             <b:else/>
  3855.                             <data:adEnd/>
  3856.                           </b:if>
  3857.                           <div class='inline-ad'>
  3858.                             <data:adCode/>
  3859.                           </div>
  3860.                           <data:adStart/>
  3861.                         </b:if>
  3862.                       </b:loop>
  3863.  
  3864.                       <data:adEnd/>
  3865.                     </div>
  3866.  
  3867.                     <b:if cond='data:blog.pageType != &quot;item&quot;'>
  3868.                       <!-- navigation -->
  3869.                       <b:include name='nextprev'/>
  3870.                     </b:if>
  3871.  
  3872.                     <!-- feed links -->
  3873.                     <b:include name='feedLinks'/>
  3874.  
  3875.                     <b:else/>
  3876.                     <b:include name='mobile-main'/>
  3877.                   </b:if>
  3878.  
  3879.                   <b:if cond='data:top.showDummy'>
  3880.                     <data:top.dummyBootstrap/>
  3881.                   </b:if>
  3882.  
  3883.                 </b:includable>
  3884.               <b:includable id='backlinkDeleteIcon' var='backlink'>
  3885.                   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  3886.                     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  3887.                       <img src='//www.blogger.com/img/icon_delete13.gif'/>
  3888.                     </a>
  3889.                   </span>
  3890.                 </b:includable>
  3891.               <b:includable id='backlinks' var='post'>
  3892.                   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  3893.                   <b:if cond='data:post.numBacklinks != 0'>
  3894.                     <dl class='comments-block' id='comments-block'>
  3895.                       <b:loop values='data:post.backlinks' var='backlink'>
  3896.                         <div class='collapsed-backlink backlink-control'>
  3897.                           <dt class='comment-title'>
  3898.                             <span class='backlink-toggle-zippy'>&#160;</span>
  3899.                             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  3900.                             <b:include data='backlink' name='backlinkDeleteIcon'/>
  3901.                           </dt>
  3902.                           <dd class='comment-body collapseable'>
  3903.                             <data:backlink.snippet/>
  3904.                           </dd>
  3905.                           <dd class='comment-footer collapseable'>
  3906.                             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  3907.                             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  3908.                           </dd>
  3909.                         </div>
  3910.                       </b:loop>
  3911.                     </dl>
  3912.                   </b:if>
  3913.                   <p class='comment-footer'>
  3914.                     <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  3915.                   </p>
  3916.                 </b:includable>
  3917.               <b:includable id='comment-form' var='post'>
  3918.                   <div class='comment-form'>
  3919.                     <a name='comment-form'/>
  3920.                     <b:if cond='data:mobile'>
  3921.                       <h4 id='comment-post-message'>
  3922.                         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  3923.                       <p><data:blogCommentMessage/></p>
  3924.                       <data:blogTeamBlogMessage/>
  3925.                       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  3926.                       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  3927.                       <b:else/>
  3928.                       <p><data:blogCommentMessage/></p>
  3929.                       <data:blogTeamBlogMessage/>
  3930.                       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  3931.                       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='180' id='comment-editor' name='comment-editor' src='' width='100%'/>
  3932.                     </b:if>
  3933.                     <data:post.friendConnectJs/>
  3934.                     <data:post.cmtfpIframe/>
  3935.                     <script type='text/javascript'>
  3936.                       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  3937.                     </script>
  3938.                   </div>
  3939.                 </b:includable>
  3940.               <b:includable id='commentDeleteIcon' var='comment'>
  3941.                   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  3942.                     <b:if cond='data:showCmtPopup'>
  3943.                       <div class='goog-toggle-button'>
  3944.                         <div class='goog-inline-block comment-action-icon'/>
  3945.                       </div>
  3946.                       <b:else/>
  3947.                       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  3948.                         <img src='//www.blogger.com/img/icon_delete13.gif'/>
  3949.                       </a>
  3950.                     </b:if>
  3951.                   </span>
  3952.                 </b:includable>
  3953.               <b:includable id='comment_count_picker' var='post'>
  3954.                   <b:if cond='data:post.commentSource == 1'>
  3955.                     <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
  3956.                     </span>
  3957.                     <b:else/>
  3958.                     <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  3959.                       <data:post.numComments/>
  3960.                     </a>
  3961.                   </b:if>
  3962.                 </b:includable>
  3963.               <b:includable id='comment_picker' var='post'>
  3964.                   <b:if cond='data:post.commentSource == 1'>
  3965.                     <b:include data='post' name='iframe_comments'/>
  3966.                     <b:elseif cond='data:post.showThreadedComments'/>
  3967.                     <b:include data='post' name='threaded_comments'/>
  3968.                     <b:else/>
  3969.                     <b:include data='post' name='comments'/>
  3970.                   </b:if>
  3971.                 </b:includable>
  3972.               <b:includable id='comments' var='post'>
  3973.                   <div class='comments' id='comments'>
  3974.                     <a name='comments'/>
  3975.                     <b:if cond='data:post.allowComments'>
  3976.                       <h4><i class='fa fa-comments icon'/><data:post.commentLabelFull/>:</h4>
  3977.  
  3978.                       <b:if cond='data:post.commentPagingRequired'>
  3979.                         <span class='paging-control-container'>
  3980.                           <b:if cond='data:post.hasOlderLinks'>
  3981.                             <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  3982.                             &#160;
  3983.                             <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  3984.                             &#160;
  3985.                           </b:if>
  3986.  
  3987.                           <data:post.commentRangeText/>
  3988.  
  3989.                           <b:if cond='data:post.hasNewerLinks'>
  3990.                             &#160;
  3991.                             <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  3992.                             &#160;
  3993.                             <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  3994.                           </b:if>
  3995.                         </span>
  3996.                       </b:if>
  3997.  
  3998.                       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  3999.                         <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  4000.                           <b:loop values='data:post.comments' var='comment'>
  4001.                             <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  4002.                               <b:if cond='data:comment.favicon'>
  4003.                                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  4004.                               </b:if>
  4005.                               <a expr:name='data:comment.anchorName'/>
  4006.                               <b:if cond='data:blog.enabledCommentProfileImages'>
  4007.                                 <data:comment.authorAvatarImage/>
  4008.                               </b:if>
  4009.                               <b:if cond='data:comment.authorUrl'>
  4010.                                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  4011.                                 <b:else/>
  4012.                                 <data:comment.author/>
  4013.                               </b:if>
  4014.                               <data:commentPostedByMsg/>
  4015.                             </dt>
  4016.                             <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  4017.                               <b:if cond='data:comment.isDeleted'>
  4018.                                 <span class='deleted-comment'><data:comment.body/></span>
  4019.                                 <b:else/>
  4020.                                 <p>
  4021.                                   <data:comment.body/>
  4022.                                 </p>
  4023.                               </b:if>
  4024.                             </dd>
  4025.                             <dd class='comment-footer'>
  4026.                               <span class='comment-timestamp'>
  4027.                                 <a expr:href='data:comment.url' title='comment permalink'>
  4028.                                   <data:comment.timestamp/>
  4029.                                 </a>
  4030.                                 <b:include data='comment' name='commentDeleteIcon'/>
  4031.                               </span>
  4032.                             </dd>
  4033.                           </b:loop>
  4034.                         </dl>
  4035.                       </div>
  4036.  
  4037.                       <b:if cond='data:post.commentPagingRequired'>
  4038.                         <span class='paging-control-container'>
  4039.                           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  4040.                             <data:post.oldestLinkText/>
  4041.                           </a>
  4042.                           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  4043.                             <data:post.olderLinkText/>
  4044.                           </a>
  4045.                           &#160;
  4046.                           <data:post.commentRangeText/>
  4047.                           &#160;
  4048.                           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  4049.                             <data:post.newerLinkText/>
  4050.                           </a>
  4051.                           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  4052.                             <data:post.newestLinkText/>
  4053.                           </a>
  4054.                         </span>
  4055.                       </b:if>
  4056.  
  4057.                       <p class='comment-footer'>
  4058.                         <b:if cond='data:post.embedCommentForm'>
  4059.                           <b:if cond='data:post.allowNewComments'>
  4060.                             <b:include data='post' name='comment-form'/>
  4061.                             <b:else/>
  4062.                             <data:post.noNewCommentsText/>
  4063.                           </b:if>
  4064.                           <b:elseif cond='data:post.allowComments'/>
  4065.                           <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  4066.                         </b:if>
  4067.                       </p>
  4068.                     </b:if>
  4069.                     <b:if cond='data:showCmtPopup'>
  4070.                       <div id='comment-popup'>
  4071.                         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  4072.                         </iframe>
  4073.                       </div>
  4074.                     </b:if>
  4075.  
  4076.                     <div id='backlinks-container'>
  4077.                       <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  4078.                         <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  4079.                       </div>
  4080.                     </div>
  4081.                   </div>
  4082.                 </b:includable>
  4083.               <b:includable id='feedLinks'>
  4084.                   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  4085.                     <b:if cond='data:feedLinks'>
  4086.                       <div class='blog-feeds'>
  4087.                         <b:include data='feedLinks' name='feedLinksBody'/>
  4088.                       </div>
  4089.                     </b:if>
  4090.  
  4091.                     <b:else/> <!--Post feed links -->
  4092.                     <div class='post-feeds'>
  4093.                       <b:loop values='data:posts' var='post'>
  4094.                         <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
  4095.                       </b:loop>
  4096.                     </div>
  4097.                   </b:if>
  4098.                 </b:includable>
  4099.               <b:includable id='feedLinksBody' var='links'>
  4100.                   <div class='feed-links'>
  4101.                     <data:feedLinksMsg/>
  4102.                     <b:loop values='data:links' var='f'>
  4103.                       <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  4104.                     </b:loop>
  4105.                   </div>
  4106.                 </b:includable>
  4107.               <b:includable id='iframe_comments' var='post'>
  4108.  
  4109.                   <b:if cond='data:post.allowIframeComments'>
  4110.                     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  4111.                     <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  4112.  
  4113.                     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  4114.                       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  4115.                     </b:if>
  4116.                   </b:if>
  4117.                 </b:includable>
  4118.               <b:includable id='mobile-index-post' var='post'>
  4119.                   <div class='mobile-date-outer date-outer'>
  4120.                     <b:if cond='data:post.dateHeader'>
  4121.                       <div class='date-header'>
  4122.                         <span><data:post.dateHeader/></span>
  4123.                       </div>
  4124.                     </b:if>
  4125.  
  4126.                     <div class='mobile-post-outer'>
  4127.                       <a expr:href='data:post.url'>
  4128.                         <h3 class='mobile-index-title entry-title' itemprop='name'>
  4129.                           <data:post.title/>
  4130.                         </h3>
  4131.  
  4132.                         <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  4133.  
  4134.                         <div class='mobile-index-contents'>
  4135.                           <b:if cond='data:post.thumbnailUrl'>
  4136.                             <div class='mobile-index-thumbnail'>
  4137.                               <div class='Image'>
  4138.                                 <img expr:src='data:post.thumbnailUrl'/>
  4139.                               </div>
  4140.                             </div>
  4141.                           </b:if>
  4142.  
  4143.                           <div class='post-body'>
  4144.                             <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  4145.                           </div>
  4146.                         </div>
  4147.  
  4148.                         <div style='clear: both;'/>
  4149.                       </a>
  4150.  
  4151.                       <div class='mobile-index-comment'>
  4152.                         <b:include cond='data:blog.pageType != &quot;static_page&quot;                          and data:post.allowComments                          and data:post.numComments != 0' data='post' name='comment_count_picker'/>
  4153.                       </div>
  4154.                     </div>
  4155.                   </div>
  4156.                 </b:includable>
  4157.               <b:includable id='mobile-main' var='top'>
  4158.                   <!-- posts -->
  4159.                   <div class='blog-posts hfeed'>
  4160.  
  4161.                     <b:include data='top' name='status-message'/>
  4162.  
  4163.                     <b:if cond='data:blog.pageType == &quot;index&quot;'>
  4164.                       <b:loop values='data:posts' var='post'>
  4165.                         <b:include data='post' name='mobile-index-post'/>
  4166.                       </b:loop>
  4167.                       <b:else/>
  4168.                       <b:loop values='data:posts' var='post'>
  4169.                         <b:include data='post' name='mobile-post'/>
  4170.                       </b:loop>
  4171.                     </b:if>
  4172.                   </div>
  4173.  
  4174.                   <b:include name='mobile-nextprev'/>
  4175.                 </b:includable>
  4176.               <b:includable id='mobile-nextprev'>
  4177.                   <div class='blog-pager' id='blog-pager'>
  4178.                     <b:if cond='data:newerPageUrl'>
  4179.                       <div class='mobile-link-button' id='blog-pager-newer-link'>
  4180.                         <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
  4181.                       </div>
  4182.                     </b:if>
  4183.  
  4184.                     <b:if cond='data:olderPageUrl'>
  4185.                       <div class='mobile-link-button' id='blog-pager-older-link'>
  4186.                         <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  4187.                       </div>
  4188.                     </b:if>
  4189.  
  4190.                     <div class='mobile-link-button' id='blog-pager-home-link'>
  4191.                       <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  4192.                     </div>
  4193.  
  4194.                     <div class='mobile-desktop-link'>
  4195.                       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  4196.                     </div>
  4197.  
  4198.                   </div>
  4199.                   <div class='clear'/>
  4200.                 </b:includable>
  4201.               <b:includable id='mobile-post' var='post'>
  4202.                   <div class='date-outer'>
  4203.                     <b:if cond='data:post.dateHeader'>
  4204.                       <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  4205.                     </b:if>
  4206.                     <div class='date-posts'>
  4207.                       <div class='post-outer'>
  4208.  
  4209.                         <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  4210.                           <b:if cond='data:post.thumbnailUrl'>
  4211.                             <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  4212.                           </b:if>
  4213.                           <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  4214.                           <meta expr:content='data:post.id' itemprop='postId'/>
  4215.  
  4216.                           <a expr:name='data:post.id'/>
  4217.                           <b:if cond='data:post.title'>
  4218.                             <h3 class='post-title entry-title' itemprop='name'>
  4219.                               <b:if cond='data:post.link'>
  4220.                                 <a expr:href='data:post.link'><data:post.title/></a>
  4221.                                 <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
  4222.                                 <a expr:href='data:post.url'><data:post.title/></a>
  4223.                                 <b:else/>
  4224.                                 <data:post.title/>
  4225.                               </b:if>
  4226.                             </h3>
  4227.                           </b:if>
  4228.  
  4229.                           <div class='post-header'>
  4230.                             <div class='post-header-line-1'/>
  4231.                           </div>
  4232.  
  4233.                           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  4234.                             <data:post.body/>
  4235.                             <div style='clear: both;'/> <!-- clear for photos floats -->
  4236.                           </div>
  4237.  
  4238.                           <div class='post-footer'>
  4239.                             <div class='post-footer-line post-footer-line-1'>
  4240.                               <span class='post-author vcard'>
  4241.                                 <b:if cond='data:top.showAuthor'>
  4242.                                   <b:if cond='data:post.authorProfileUrl'>
  4243.                                     <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  4244.                                       <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  4245.                                       <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  4246.                                         <span itemprop='name'><data:post.author/></span>
  4247.                                       </a>
  4248.                                     </span>
  4249.                                     <b:else/>
  4250.                                     <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  4251.                                       <span itemprop='name'><data:post.author/></span>
  4252.                                     </span>
  4253.                                   </b:if>
  4254.                                 </b:if>
  4255.                               </span>
  4256.  
  4257.                               <span class='post-timestamp'>
  4258.                                 <b:if cond='data:top.showTimestamp'>
  4259.                                   <data:top.timestampLabel/>
  4260.                                   <b:if cond='data:post.url'>
  4261.                                     <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  4262.                                     <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></abbr></a>
  4263.                                   </b:if>
  4264.                                 </b:if>
  4265.                               </span>
  4266.  
  4267.                               <span class='post-comment-link'>
  4268.                                 <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                                  and data:post.allowComments' data='post' name='comment_count_picker'/>
  4269.                               </span>
  4270.                             </div>
  4271.  
  4272.                             <div class='post-footer-line post-footer-line-2'>
  4273.                               <b:if cond='data:top.showMobileShare'>
  4274.                                 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  4275.                                   <a href='javascript:void(0);'><data:shareMsg/></a>
  4276.                                 </div>
  4277.                               </b:if>
  4278.                               <b:if cond='data:top.showDummy'>
  4279.                                 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  4280.                               </b:if>
  4281.                             </div>
  4282.  
  4283.                           </div>
  4284.                         </div>
  4285.  
  4286.                         <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  4287.                       </div>
  4288.                     </div>
  4289.                   </div>
  4290.                 </b:includable>
  4291.               <b:includable id='nextprev'>
  4292.                   <b:if cond='data:blog.pageType != &quot;index&quot;'>
  4293.                     <div class='blog-pager' id='blog-pager'>
  4294.                       <b:if cond='data:newerPageUrl'>
  4295.                         <span id='blog-pager-newer-link'>
  4296.                           <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  4297.                         </span>
  4298.                       </b:if>
  4299.  
  4300.                       <b:if cond='data:olderPageUrl'>
  4301.                         <span id='blog-pager-older-link'>
  4302.                           <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  4303.                         </span>
  4304.                       </b:if>
  4305.  
  4306.                       <b:if cond='data:mobileLinkUrl'>
  4307.                         <div class='blog-mobile-link'>
  4308.                           <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  4309.                         </div>
  4310.                       </b:if>
  4311.                     </div>
  4312.                     <b:else/>
  4313.                     <div class='blog-pager' id='blog-pager'>
  4314.                       <b:if cond='data:newerPageUrl'>
  4315.                         <span id='blog-pager-newer-link'>
  4316.                           <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  4317.                         </span>
  4318.                       </b:if>
  4319.  
  4320.                       <b:if cond='data:olderPageUrl'>
  4321.                         <span id='blog-pager-older-link'>
  4322.                           <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  4323.                         </span>
  4324.                       </b:if>
  4325.  
  4326.                       <b:if cond='data:mobileLinkUrl'>
  4327.                         <div class='blog-mobile-link'>
  4328.                           <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  4329.                         </div>
  4330.                       </b:if>
  4331.                     </div>
  4332.                   </b:if>
  4333.                   <div class='clear'/>
  4334.                 </b:includable>
  4335.               <b:includable id='post' var='post'>
  4336.                 <div class='post'>
  4337.                   <b:if cond='data:blog.pageType == &quot;item&quot;'>
  4338.                     &lt;div itemprop=&#39;blogPost&#39; itemscope=&#39;itemscope&#39; itemtype=&#39;http://schema.org/BlogPosting&#39;&gt;
  4339.                     <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
  4340.                   </b:if>
  4341.                     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  4342.                       <div class='post-header'>
  4343.                         <b:if cond='data:post.title'>
  4344.                           <h2 class='post-title entry-title heading' itemprop='name headline'>
  4345.                             <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
  4346.                               <a expr:href='data:post.link ? data:post.link :   data:post.url'><data:post.title/></a>
  4347.                               <b:else/>
  4348.                               <data:post.title/>
  4349.                             </b:if>
  4350.                           </h2>
  4351.                         </b:if>
  4352.  
  4353.                         <span class='post-author vcard'>
  4354.                           <b:if cond='data:top.showAuthor'>
  4355.                             <i class='fa fa-user icon'/>
  4356.                             <b:if cond='data:post.authorProfileUrl'>
  4357.                               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  4358.                                 <meta expr:content='data:post.authorProfileUrl' itemprop='url mainEntityOfPage'/>
  4359.                                 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  4360.                                   <span itemprop='name'><data:post.author/></span>
  4361.                                 </a>
  4362.                               </span>
  4363.  
  4364.                               <b:else/>
  4365.                               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  4366.                                 <span itemprop='name'><data:post.author/></span>
  4367.                               </span>
  4368.                             </b:if>
  4369.                           </b:if>
  4370.                         </span>
  4371.  
  4372.                         <span class='post-timestamp'>
  4373.                           <b:if cond='data:top.showTimestamp'>
  4374.                             <i class='fa fa-clock-o icon'/>
  4375.                             <b:if cond='data:post.url'>
  4376.                               <meta expr:content='data:post.canonicalUrl' itemprop='url mainEntityOfPage'/>
  4377.                               <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></abbr></a>
  4378.                             </b:if>
  4379.                           </b:if>
  4380.                         </span>
  4381.  
  4382.                         <span class='post-comment-link'>
  4383.                           <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.allowComments' data='post' name='comment_count_picker'/>
  4384.                         </span>
  4385.  
  4386.                         <!-- backlinks -->
  4387.                         <span class='post-backlinks post-comment-link'>
  4388.                           <b:if cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.showBacklinks'>
  4389.                             <a class='comment-link' expr:href='data:post.url +   &quot;#links&quot;'><data:top.backlinkLabel/></a>
  4390.                           </b:if>
  4391.                         </span>
  4392.  
  4393.                         <span class='post-icons'>
  4394.                           <!-- email post links -->
  4395.                           <b:if cond='data:post.emailPostUrl'>
  4396.                             <span class='item-action'>
  4397.                               <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  4398.                                 <img alt='' class='icon-action' height='13' src='//img1.blogblog.com/img/icon18_email.gif' width='18'/>
  4399.                               </a>
  4400.                             </span>
  4401.                           </b:if>
  4402.  
  4403.                           <!-- quickedit pencil -->
  4404.                           <b:include data='post' name='postQuickEdit'/>
  4405.                         </span>
  4406.  
  4407.                         <!-- share buttons -->
  4408.                         <div class='post-share-buttons goog-inline-block'>
  4409.                           <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
  4410.                         </div>
  4411.  
  4412.                         <div class='post-footer-line post-footer-line-3'>
  4413.                           <span class='post-location'>
  4414.                             <b:if cond='data:top.showLocation'>
  4415.                               <b:if cond='data:post.location'>
  4416.                                 <data:postLocationLabel/>
  4417.                                 <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  4418.                               </b:if>
  4419.                             </b:if>
  4420.                           </span>
  4421.                         </div>
  4422.  
  4423.                       </div>
  4424.  
  4425.                     </b:if>
  4426.  
  4427.                     <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
  4428.                     <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) +   &quot;articleBody&quot;'>
  4429.  
  4430.                       <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  4431.                         <div class='static-page-wrapper'>
  4432.                               <div class='post-header'>
  4433.                         <b:if cond='data:post.title'>
  4434.                           <h2 class='post-title entry-title heading' itemprop='name headline'>
  4435.                             <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
  4436.                               <a expr:href='data:post.link ? data:post.link :   data:post.url'><data:post.title/></a>
  4437.                               <b:else/>
  4438.                               <data:post.title/>
  4439.                             </b:if>
  4440.                           </h2>
  4441.                         </b:if>
  4442.  
  4443.  
  4444.                       </div>
  4445.                           <div class='static-page-content'>
  4446.                             <data:post.body/>
  4447.                           </div>
  4448.                         </div>
  4449.                       </b:if>
  4450.  
  4451.                       <b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
  4452.  
  4453.                         <div class='post-image-wrapper'>
  4454.                           <b:if cond='data:post.firstImageUrl'>
  4455.                             <a class='post-image' expr:href='data:post.url' expr:style='&quot;background: url(\&quot;&quot; + data:post.firstImageUrl + &quot;\&quot;) no-repeat center; background-size: cover;&quot;'>
  4456.                             </a>
  4457.                             <b:else/>
  4458.                             <a class='post-image' expr:href='data:post.url' style='background: url(https://2.bp.blogspot.com/-0PTH--hIAHU/VsC6iFnrJII/AAAAAAAAAZg/msMKLIaI8rE/s1600/no_img_url.png) no-repeat center; background-size: cover;'>
  4459.                             </a>
  4460.                           </b:if>
  4461.                         </div>
  4462.  
  4463.                         <div class='post-info-wrapper'>
  4464.                           <b:if cond='data:post.labels'>
  4465.                             <b:loop values='data:post.labels' var='label'>
  4466.                               <b:if cond='data:label.isLast'>
  4467.                                 <a class='post-label' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' rel='tag'><data:label.name/></a>
  4468.                               </b:if>
  4469.                             </b:loop>
  4470.                           </b:if>
  4471.  
  4472.                           <b:if cond='data:post.title'>
  4473.                             <h2 class='post-title heading' itemprop='name headline'>
  4474.                               <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
  4475.                                 <a class='anchor-hover' expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
  4476.                                 <b:else/>
  4477.                                 <data:post.title/>
  4478.                               </b:if>
  4479.                             </h2>
  4480.                           </b:if>
  4481.  
  4482.                           <ul class='post-meta clearfix'>
  4483.                             <li class='post-author vcard'>
  4484.                               <b:if cond='data:top.showAuthor'>
  4485.                                 <b:if cond='data:post.authorProfileUrl'>
  4486.                                   <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  4487.                                     <meta expr:content='data:post.authorProfileUrl' itemprop='url mainEntityOfPage'/>
  4488.                                     <img class='author-img' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='25px' itemprop='image' width='25px'/>
  4489.                                     <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  4490.                                       <span class='author-name' itemprop='name'><data:post.author/> - </span>
  4491.                                     </a>
  4492.                                   </span>
  4493.  
  4494.                                   <b:else/>
  4495.                                   <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  4496.                                     <span class='author-name' itemprop='name'><data:post.author/></span>
  4497.                                   </span>
  4498.                                 </b:if>
  4499.                               </b:if>
  4500.                             </li>
  4501.  
  4502.                             <li class='post-timestamp'>
  4503.                               <b:if cond='data:post.url'>
  4504.                                 <meta expr:content='data:post.canonicalUrl' itemprop='url mainEntityOfPage'/>
  4505.                                 <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></abbr></a>
  4506.                               </b:if>
  4507.                             </li>
  4508.  
  4509.                             <span class='post-icons'>
  4510.                               <!-- email post links -->
  4511.                               <b:if cond='data:post.emailPostUrl'>
  4512.                                 <span class='item-action'>
  4513.                                   <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  4514.                                     <img alt='' class='icon-action' height='13' src='//img1.blogblog.com/img/icon18_email.gif' width='18'/>
  4515.                                   </a>
  4516.                                 </span>
  4517.                               </b:if>
  4518.  
  4519.                               <!-- quickedit pencil -->
  4520.                               <b:include data='post' name='postQuickEdit'/>
  4521.                             </span>
  4522.  
  4523.                           </ul>
  4524.  
  4525.                           <div class='summary'>
  4526.                             <data:post.snippet/>
  4527.                           </div>                    
  4528.  
  4529.                           <a class='read-more anchor-hover' expr:href='data:post.url'>Read more <i class='fa fa-chevron-right'/></a>
  4530.                           <span class='post-comment-link'>
  4531.                             <i class='fa fa-comment'/>
  4532.                             <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.allowComments' data='post' name='comment_count_picker'/>
  4533.                           </span>
  4534.                           <!--<span class='reaction-buttons'>
  4535.                              <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
  4536.                                <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
  4537.                                  <span class='reactions-label'>
  4538.                                    <data:top.reactionsLabel/></span>&#160;</td>
  4539.                                <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
  4540.                                </tr></table>
  4541.                          </span>-->
  4542.  
  4543.                         </div>
  4544.                       </b:if>
  4545.  
  4546.                       <b:if cond='data:blog.pageType == &quot;item&quot;'>
  4547.                         <data:post.body/>
  4548.                       </b:if>
  4549.  
  4550.                       <div style='clear: both;'/> <!-- clear for photos floats -->
  4551.                     </div>
  4552.  
  4553.                     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  4554.  
  4555.                       <div class='post-footer'>
  4556.                         <div class='post-labels'>
  4557.                           <b:if cond='data:post.labels'>
  4558.                             <span class='labels-head'>
  4559.                               <i class='fa fa-tags icon'/>
  4560.                               <span>Labels</span>
  4561.                             </span>
  4562.                             <b:loop values='data:post.labels' var='label'>
  4563.                               <a class='post-label-anchor' expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
  4564.                             </b:loop>
  4565.                           </b:if>
  4566.                         </div>
  4567.                         <div class='post-share'>
  4568.                           <span class='post-share-header'><i class='fa fa-share icon'/>Share this post</span>
  4569.                           <a class='post-share_link facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' target='_blank'><span class='share-box'><i class='fa fa-facebook'/></span></a>
  4570.                           <a class='post-share_link twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' target='_blank'><span class='share-box'><i class='fa fa-twitter'/></span></a>
  4571.                           <a class='post-share_link pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?source_url=&quot; + data:post.url' onclick='javascript:window.open(this.href, &apos;&apos;, &apos;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600&apos;);return false;' target='_blank'><span class='share-box'><i class='fa fa-pinterest'/></span></a>
  4572.                       <whatsapp expr:href='data:post.url' expr:src='data:post.firstImageUrl' expr:text='data:post.title'/>
  4573. <a class='post-share_link wat-art whatsapp-desktop' expr:href='&quot;https://web.whatsapp.com/send?text=&quot; + data:post.title + &quot; | &quot; + data:post.url' rel='nofollow' target='_blank'><span class='share-box'><i class='fa fa-whatsapp'/></span></a>
  4574.  
  4575. <a class='post-share_link wat-art whatsapp-mobile' expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:post.title + &quot; | &quot; + data:post.url' rel='nofollow' target='_blank'><span class='share-box'><i class='fa fa-whatsapp'/></span></a>
  4576.                           <a class='post-share_link linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin'/></a>
  4577.                         </div>
  4578.                         <span class='reaction-buttons'>
  4579.                           <b:if cond='data:top.showReactions'>
  4580.                             <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
  4581.                               <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
  4582.                                 <span class='reactions-label'>
  4583.                                   <data:top.reactionsLabel/></span>&#160;</td>
  4584.                               <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
  4585.                               </tr></table>
  4586.                           </b:if>
  4587.                         </span>
  4588.  
  4589.                         <div class='author-info'>
  4590.                           <b:if cond='data:post.author == &quot;Sora Templates&quot;'>
  4591.                             <div class='clearfix'>
  4592.                               <img class='author-avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url'/>
  4593.                               <h5 class='author-name'><data:post.author/></h5>
  4594.                               <p class='author-bio'>This is a short biography of the writer of this post. If several languages coalesce, the grammar of the resulting language is more simple and regular than that of the individual languages.</p>
  4595.                             </div>
  4596.                             <div class='author-footer clearfix'>
  4597.                               <ul class='author-profiles'>
  4598.                                 <li class='profile-item'><a class='profile-anchor' href='#'><i class='fa fa-facebook'/></a></li>
  4599.                                 <li class='profile-item'><a class='profile-anchor' href='#'><i class='fa fa-twitter'/></a></li>
  4600.                                 <li class='profile-item'><a class='profile-anchor' href='#'><i class='fa fa-youtube'/></a></li>
  4601.                                 <li class='profile-item'><a class='profile-anchor' href='#'><i class='fa fa-dribbble'/></a></li>
  4602.                                 <li class='profile-item'><a class='profile-anchor' href='#'><i class='fa fa-linkedin'/></a></li>
  4603.                               </ul>
  4604.                             </div>
  4605.                           </b:if>
  4606.                         </div>
  4607.  
  4608.  
  4609.                       </div>
  4610.  
  4611.                       <div id='related-posts'>
  4612.                         <span id='close-btn'>X</span>
  4613.                         <p>Related posts</p>
  4614.                         <ul class='related-posts-container clearfix'>
  4615.                         </ul>
  4616.                       </div>
  4617.  
  4618.                       <!-- navigation -->
  4619.                       <b:include name='nextprev'/>
  4620.                     </b:if>
  4621.  
  4622.  
  4623.                     <b:if cond='data:post.hasJumpLink'>
  4624.                       <div class='jump-link'>
  4625.                         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  4626.                       </div>
  4627.                     </b:if>
  4628.  
  4629.                   <b:if cond='data:blog.pageType == &quot;item&quot;'>
  4630.                     <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization' style='display:none;'>
  4631.                       <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  4632.                         <meta expr:content='data:post.firstImageUrl' itemprop='url mainEntityOfPage'/>
  4633.                       </div>
  4634.                       <meta expr:content='data:blog.title' itemprop='name'/>
  4635.                     </div>
  4636.                     <div class='hreview' style='display:none;'>
  4637.                       <span class='item'>
  4638.                         <span class='fn'><data:post.title/></span>
  4639.                         <img class='photo' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/>
  4640.                       </span>
  4641.                       Reviewed by <span class='reviewer'><data:post.author/></span>
  4642.                       on
  4643.                       <span class='dtreviewed'>
  4644.                         <data:post.timestamp/>
  4645.                         <span class='value-title' expr:title='data:post.timestamp'/>
  4646.                       </span>
  4647.                       Rating: <span class='rating'>5</span>
  4648.                     </div>
  4649.                     &lt;/div&gt;
  4650.                   </b:if>
  4651.  
  4652.                   </div>
  4653.                 </b:includable>
  4654.               <b:includable id='postQuickEdit' var='post'>
  4655.                   <b:if cond='data:post.editUrl'>
  4656.                     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  4657.                       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  4658.                         <img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  4659.                       </a>
  4660.                     </span>
  4661.                   </b:if>
  4662.                 </b:includable>
  4663.               <b:includable id='shareButtons' var='post'>
  4664.                   <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
  4665.                 </b:includable>
  4666.               <b:includable id='status-message'>
  4667.                   <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  4668.                     <div class='error-page-wrapper'><p class='error-message-big'>Sorry, the page you were looking for in this blog does not exist.</p><p class='error-message-small'>You better <a class='home-page-btn' href='/'>Go to the Homepage.</a></p><img class='error-image' src='https://3.bp.blogspot.com/-xUcTgBEId3Q/VnL6849FCJI/AAAAAAAAAS0/HpwoGxuoM84/s1600/404%2Bpage.png'/></div>
  4669.                     <b:else/>
  4670.                     <b:if cond='data:navMessage'>
  4671.                       <div class='status-msg-wrap'>
  4672.                         <div class='status-msg-body'>
  4673.                           <data:navMessage/>
  4674.                         </div>
  4675.                         <div class='status-msg-border'>
  4676.                           <div class='status-msg-bg'>
  4677.                             <div class='status-msg-hidden'><data:navMessage/></div>
  4678.                           </div>
  4679.                         </div>
  4680.                       </div>
  4681.                       <div style='clear: both;'/>
  4682.                     </b:if>
  4683.                   </b:if>
  4684.                 </b:includable>
  4685.               <b:includable id='threaded-comment-form' var='post'>
  4686.                   <div class='comment-form'>
  4687.                     <a name='comment-form'/>
  4688.                     <b:if cond='data:mobile'>
  4689.                       <p><data:blogCommentMessage/></p>
  4690.                       <data:blogTeamBlogMessage/>
  4691.                       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  4692.                       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  4693.                       <b:else/>
  4694.                       <p><data:blogCommentMessage/></p>
  4695.                       <data:blogTeamBlogMessage/>
  4696.                       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  4697.                       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='50' id='comment-editor' name='comment-editor' src='' width='100%'/>
  4698.                     </b:if>
  4699.                     <data:post.friendConnectJs/>
  4700.                     <data:post.cmtfpIframe/>
  4701.                     <script type='text/javascript'>
  4702.                       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  4703.                     </script>
  4704.                   </div>
  4705.                 </b:includable>
  4706.               <b:includable id='threaded_comment_js' var='post'>
  4707.                   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  4708.  
  4709.                   <script type='text/javascript'>
  4710.                     (function() {
  4711.                       var items = <data:post.commentJso/>;
  4712.                       var msgs = <data:post.commentMsgs/>;
  4713.                       var config = <data:post.commentConfig/>;
  4714.  
  4715.                       // <![CDATA[
  4716.                      var cursor = null;
  4717.                      if (items && items.length > 0) {
  4718.                        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  4719.                      }
  4720.  
  4721.                      var bodyFromEntry = function(entry) {
  4722.                        if (entry.gd$extendedProperty) {
  4723.                          for (var k in entry.gd$extendedProperty) {
  4724.                            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  4725.                              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  4726.                            }
  4727.                          }
  4728.                        }
  4729.                        return entry.content.$t;
  4730.                      }
  4731.  
  4732.                      var parse = function(data) {
  4733.                        cursor = null;
  4734.                        var comments = [];
  4735.                        if (data && data.feed && data.feed.entry) {
  4736.                          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  4737.                            var comment = {};
  4738.                            // comment ID, parsed out of the original id format
  4739.                            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  4740.                            comment.id = id ? id[2] : null;
  4741.                            comment.body = bodyFromEntry(entry);
  4742.                            comment.timestamp = Date.parse(entry.published.$t) + '';
  4743.                            if (entry.author && entry.author.constructor === Array) {
  4744.                              var auth = entry.author[0];
  4745.                              if (auth) {
  4746.                                comment.author = {
  4747.                                  name: (auth.name ? auth.name.$t : undefined),
  4748.                                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  4749.                                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  4750.                                };
  4751.                              }
  4752.                            }
  4753.                            if (entry.link) {
  4754.                              if (entry.link[2]) {
  4755.                                comment.link = comment.permalink = entry.link[2].href;
  4756.                              }
  4757.                              if (entry.link[3]) {
  4758.                                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  4759.                                if (pid && pid[1]) {
  4760.                                  comment.parentId = pid[1];
  4761.                                }
  4762.                              }
  4763.                            }
  4764.                            comment.deleteclass = 'item-control blog-admin';
  4765.                            if (entry.gd$extendedProperty) {
  4766.                              for (var k in entry.gd$extendedProperty) {
  4767.                                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  4768.                                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  4769.                                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  4770.                                  comment.displayTime = entry.gd$extendedProperty[k].value;
  4771.                                }
  4772.                              }
  4773.                            }
  4774.                            comments.push(comment);
  4775.                          }
  4776.                        }
  4777.                        return comments;
  4778.                      };
  4779.  
  4780.                      var paginator = function(callback) {
  4781.                        if (hasMore()) {
  4782.                          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  4783.                          if (cursor) {
  4784.                            url += '&published-min=' + new Date(cursor).toISOString();
  4785.                          }
  4786.                          window.bloggercomments = function(data) {
  4787.                            var parsed = parse(data);
  4788.                            cursor = parsed.length < 50 ? null
  4789.                            : parseInt(parsed[parsed.length - 1].timestamp) + 1
  4790.                            callback(parsed);
  4791.                            window.bloggercomments = null;
  4792.                          }
  4793.                          url += '&callback=bloggercomments';
  4794.                          var script = document.createElement('script');
  4795.                          script.type = 'text/javascript';
  4796.                          script.src = url;
  4797.                          document.getElementsByTagName('head')[0].appendChild(script);
  4798.                        }
  4799.                      };
  4800.                      var hasMore = function() {
  4801.                        return !!cursor;
  4802.                      };
  4803.                      var getMeta = function(key, comment) {
  4804.                        if ('iswriter' == key) {
  4805.                          var matches = !!comment.author
  4806.                          && comment.author.name == config.authorName
  4807.                          && comment.author.profileUrl == config.authorUrl;
  4808.                          return matches ? 'true' : '';
  4809.                        } else if ('deletelink' == key) {
  4810.                          return config.baseUri + '/delete-comment.g?blogID='
  4811.                          + config.blogId + '&postID=' + comment.id;
  4812.                        } else if ('deleteclass' == key) {
  4813.                          return comment.deleteclass;
  4814.                        }
  4815.                        return '';
  4816.                      };
  4817.  
  4818.                      var replybox = null;
  4819.                      var replyUrlParts = null;
  4820.                      var replyParent = undefined;
  4821.  
  4822.                      var onReply = function(commentId, domId) {
  4823.                        if (replybox == null) {
  4824.                          // lazily cache replybox, and adjust to suit this style:
  4825.                          replybox = document.getElementById('comment-editor');
  4826.                          if (replybox != null) {
  4827.                            replybox.height = '250px';
  4828.                            replybox.style.display = 'block';
  4829.                            replyUrlParts = replybox.src.split('#');
  4830.                          }
  4831.                        }
  4832.                        if (replybox && (commentId !== replyParent)) {
  4833.                          replybox.src = '';
  4834.                          document.getElementById(domId).insertBefore(replybox, null);
  4835.                          replybox.src = replyUrlParts[0]
  4836.                          + (commentId ? '&parentID=' + commentId : '')
  4837.                          + '#' + replyUrlParts[1];
  4838.                          replyParent = commentId;
  4839.                        }
  4840.                      };
  4841.  
  4842.                      var hash = (window.location.hash || '#').substring(1);
  4843.                      var startThread, targetComment;
  4844.                      if (/^comment-form_/.test(hash)) {
  4845.                        startThread = hash.substring('comment-form_'.length);
  4846.                      } else if (/^c[0-9]+$/.test(hash)) {
  4847.                        targetComment = hash.substring(1);
  4848.                      }
  4849.  
  4850.                      // Configure commenting API:
  4851.                      var configJso = {
  4852.                        'maxDepth': config.maxThreadDepth
  4853.                      };
  4854.                      var provider = {
  4855.                        'id': config.postId,
  4856.                        'data': items,
  4857.                        'loadNext': paginator,
  4858.                        'hasMore': hasMore,
  4859.                        'getMeta': getMeta,
  4860.                        'onReply': onReply,
  4861.                        'rendered': true,
  4862.                        'initComment': targetComment,
  4863.                        'initReplyThread': startThread,
  4864.                        'config': configJso,
  4865.                        'messages': msgs
  4866.                      };
  4867.  
  4868.                      var render = function() {
  4869.                        if (window.goog && window.goog.comments) {
  4870.                          var holder = document.getElementById('comment-holder');
  4871.                          window.goog.comments.render(holder, provider);
  4872.                        }
  4873.                      };
  4874.  
  4875.                      // render now, or queue to render when library loads:
  4876.                      if (window.goog && window.goog.comments) {
  4877.                        render();
  4878.                      } else {
  4879.                        window.goog = window.goog || {};
  4880.                        window.goog.comments = window.goog.comments || {};
  4881.                        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  4882.                        window.goog.comments.loadQueue.push(render);
  4883.                      }
  4884.                    })();
  4885.                    // ]]>
  4886.                   </script>
  4887.                 </b:includable>
  4888.               <b:includable id='threaded_comments' var='post'>
  4889.                   <div class='comments' id='comments'>
  4890.                     <a name='comments'/>
  4891.                     <h4><i class='fa fa-comments icon'/><data:post.commentLabelFull/>:</h4>
  4892.  
  4893.                     <div class='comments-content'>
  4894.                       <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
  4895.                       <div id='comment-holder'>
  4896.                         <data:post.commentHtml/>
  4897.                       </div>
  4898.                     </div>
  4899.  
  4900.                     <p class='comment-footer'>
  4901.                       <b:if cond='data:post.allowNewComments'>
  4902.                         <b:include data='post' name='threaded-comment-form'/>
  4903.                         <b:else/>
  4904.                         <data:post.noNewCommentsText/>
  4905.                       </b:if>
  4906.                     </p>
  4907.  
  4908.                     <b:if cond='data:showCmtPopup'>
  4909.                       <div id='comment-popup'>
  4910.                         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  4911.                         </iframe>
  4912.                       </div>
  4913.                     </b:if>
  4914.  
  4915.                     <div id='backlinks-container'>
  4916.                       <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  4917.                         <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  4918.                       </div>
  4919.                     </div>
  4920.                   </div>
  4921.                 </b:includable>
  4922.             </b:widget>
  4923.           </b:section>
  4924.  
  4925.           <b:section class='home-widgets' id='home-widgets2'>
  4926.             <b:widget id='HTML8' locked='false' title='vehicles' type='HTML'>
  4927.               <b:widget-settings>
  4928.                 <b:widget-setting name='content'>[cars][stack]</b:widget-setting>
  4929.               </b:widget-settings>
  4930.               <b:includable id='main'>
  4931.                 <!-- only display title if it's non-empty -->
  4932.                 <b:if cond='data:title != &quot;&quot;'>
  4933.                   <h2 class='title'><data:title/></h2>
  4934.                 </b:if>
  4935.                 <div class='widget-content'>
  4936.                   <data:content/>
  4937.                 </div>
  4938.  
  4939.                 <b:include name='quickedit'/>
  4940.               </b:includable>
  4941.             </b:widget>
  4942.             <b:widget id='HTML14' locked='false' title='business' type='HTML'>
  4943.               <b:widget-settings>
  4944.                 <b:widget-setting name='content'>[business][grids]</b:widget-setting>
  4945.               </b:widget-settings>
  4946.               <b:includable id='main'>
  4947.   <!-- only display title if it's non-empty -->
  4948.   <b:if cond='data:title != &quot;&quot;'>
  4949.     <h2 class='title'><data:title/></h2>
  4950.   </b:if>
  4951.   <div class='widget-content'>
  4952.     <data:content/>
  4953.   </div>
  4954.  
  4955.   <b:include name='quickedit'/>
  4956. </b:includable>
  4957.             </b:widget>
  4958.             <b:widget id='HTML9' locked='false' title='health' type='HTML'>
  4959.               <b:widget-settings>
  4960.                 <b:widget-setting name='content'>[health][btop]</b:widget-setting>
  4961.               </b:widget-settings>
  4962.               <b:includable id='main'>
  4963.   <!-- only display title if it's non-empty -->
  4964.   <b:if cond='data:title != &quot;&quot;'>
  4965.     <h2 class='title'><data:title/></h2>
  4966.   </b:if>
  4967.   <div class='widget-content'>
  4968.     <data:content/>
  4969.   </div>
  4970.  
  4971.   <b:include name='quickedit'/>
  4972. </b:includable>
  4973.             </b:widget>
  4974.           </b:section>
  4975.         </div><!-- blog-posts-wrapper -->
  4976.  
  4977.         <div class='sidebar sidebar-wrapper1'>
  4978.           <b:section id='sidebar1' showaddelement='yes'>
  4979.             <b:widget id='HTML16' locked='false' title='' type='HTML'>
  4980.               <b:widget-settings>
  4981.                 <b:widget-setting name='content'>[verticalposts][food]</b:widget-setting>
  4982.               </b:widget-settings>
  4983.               <b:includable id='main'>
  4984.   <!-- only display title if it's non-empty -->
  4985.   <b:if cond='data:title != &quot;&quot;'>
  4986.     <h2 class='title'><data:title/></h2>
  4987.   </b:if>
  4988.   <div class='widget-content'>
  4989.     <data:content/>
  4990.   </div>
  4991.  
  4992.   <b:include name='quickedit'/>
  4993. </b:includable>
  4994.             </b:widget>
  4995.             <b:widget id='Label2' locked='false' title='Labels' type='Label'>
  4996.               <b:widget-settings>
  4997.                 <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  4998.                 <b:widget-setting name='display'>LIST</b:widget-setting>
  4999.                 <b:widget-setting name='selectedLabelsList'/>
  5000.                 <b:widget-setting name='showType'>ALL</b:widget-setting>
  5001.                 <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
  5002.               </b:widget-settings>
  5003.               <b:includable id='main'>
  5004.   <b:if cond='data:title != &quot;&quot;'>
  5005.     <h2><data:title/></h2>
  5006.   </b:if>
  5007.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  5008.     <b:if cond='data:display == &quot;list&quot;'>
  5009.       <ul>
  5010.         <b:loop values='data:labels' var='label'>
  5011.           <li>
  5012.             <b:if cond='data:blog.url == data:label.url'>
  5013.               <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  5014.             <b:else/>
  5015.               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  5016.             </b:if>
  5017.             <b:if cond='data:showFreqNumbers'>
  5018.               <span dir='ltr'>(<data:label.count/>)</span>
  5019.             </b:if>
  5020.           </li>
  5021.         </b:loop>
  5022.       </ul>
  5023.     <b:else/>
  5024.       <b:loop values='data:labels' var='label'>
  5025.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  5026.           <b:if cond='data:blog.url == data:label.url'>
  5027.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  5028.           <b:else/>
  5029.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  5030.           </b:if>
  5031.           <b:if cond='data:showFreqNumbers'>
  5032.             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  5033.           </b:if>
  5034.         </span>
  5035.       </b:loop>
  5036.     </b:if>
  5037.     <b:include name='quickedit'/>
  5038.   </div>
  5039. </b:includable>
  5040.             </b:widget>
  5041.             <b:widget id='HTML15' locked='false' title='ad space' type='HTML'>
  5042.               <b:widget-settings>
  5043.                 <b:widget-setting name='content'><![CDATA[<img src="http://1.bp.blogspot.com/-zOaoZ-roLww/VwErG_oG0MI/AAAAAAAAATA/hIdb-1eYYNgV3rCq5ahC7Zk1q_oVLrWGA/s1600-r/ad.png" alt="ads 600"/>]]></b:widget-setting>
  5044.               </b:widget-settings>
  5045.               <b:includable id='main'>
  5046.   <!-- only display title if it's non-empty -->
  5047.   <b:if cond='data:title != &quot;&quot;'>
  5048.     <h2 class='title'><data:title/></h2>
  5049.   </b:if>
  5050.   <div class='widget-content'>
  5051.     <data:content/>
  5052.   </div>
  5053.  
  5054.   <b:include name='quickedit'/>
  5055. </b:includable>
  5056.             </b:widget>
  5057.             <b:widget id='HTML12' locked='false' title='vertical posts' type='HTML'>
  5058.               <b:widget-settings>
  5059.                 <b:widget-setting name='content'>[verticalposts][technology]</b:widget-setting>
  5060.               </b:widget-settings>
  5061.               <b:includable id='main'>
  5062.   <!-- only display title if it's non-empty -->
  5063.   <b:if cond='data:title != &quot;&quot;'>
  5064.     <h2 class='title'><data:title/></h2>
  5065.   </b:if>
  5066.   <div class='widget-content'>
  5067.     <data:content/>
  5068.   </div>
  5069.  
  5070.   <b:include name='quickedit'/>
  5071. </b:includable>
  5072.             </b:widget>
  5073.           </b:section>
  5074.         </div><!-- sidebar-wrapper1 -->
  5075.  
  5076.         <div class='sidebar sidebar-wrapper2'>
  5077.           <b:section id='sidebar2' showaddelement='yes'>
  5078.             <b:widget id='FollowByEmail1' locked='false' title='Follow Us' type='FollowByEmail'>
  5079.               <b:includable id='main'>
  5080.   <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  5081.   <div class='widget-content'>
  5082.     <div class='follow-by-email-inner'>
  5083.       <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  5084.         <table width='100%'>
  5085.           <tr>
  5086.             <td>
  5087.               <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
  5088.             </td>
  5089.             <td width='64px'>
  5090.               <input class='follow-by-email-submit' type='submit' value='Submit'/>
  5091.             </td>
  5092.           </tr>
  5093.         </table>
  5094.         <input expr:value='data:feedPath' name='uri' type='hidden'/>
  5095.         <input name='loc' type='hidden' value='en_US'/>
  5096.       </form>
  5097.     </div>
  5098.   </div>
  5099.   <span class='item-control blog-admin'>
  5100.     <b:include name='quickedit'/>
  5101.   </span>
  5102. </b:includable>
  5103.             </b:widget>
  5104.             <b:widget id='HTML6' locked='false' title='Subscribe Us' type='HTML'>
  5105.               <b:widget-settings>
  5106.                 <b:widget-setting name='content'>&lt;div class=&quot;videoWrapper&quot;&gt;
  5107.     &lt;!-- Copy &amp; Pasted from YouTube --&gt;
  5108.     &lt;iframe width=&quot;560&quot; height=&quot;349&quot; src=&quot;https://www.youtube.com/embed/x9VR79q2WuE&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;
  5109. &lt;/div&gt;
  5110. &lt;style&gt;
  5111. .videoWrapper {
  5112. position: relative;
  5113. padding-bottom: 56.25%; /* 16:9 */
  5114. padding-top: 25px;
  5115. height: 0;
  5116. }
  5117. .videoWrapper iframe {
  5118. position: absolute;
  5119. top: 0;
  5120. left: 0;
  5121. width: 100%;
  5122. height: 100%;
  5123. }
  5124. &lt;/style&gt;</b:widget-setting>
  5125.               </b:widget-settings>
  5126.               <b:includable id='main'>
  5127.   <!-- only display title if it's non-empty -->
  5128.   <b:if cond='data:title != &quot;&quot;'>
  5129.     <h2 class='title'><data:title/></h2>
  5130.   </b:if>
  5131.   <div class='widget-content'>
  5132.     <data:content/>
  5133.   </div>
  5134.  
  5135.   <b:include name='quickedit'/>
  5136. </b:includable>
  5137.             </b:widget>
  5138.             <b:widget id='HTML3' locked='false' title='social counter' type='HTML'>
  5139.               <b:widget-settings>
  5140.                 <b:widget-setting name='content'>[socialcounter]
  5141. [facebook][#][215K]
  5142. [twitter][#][115K]
  5143. [youtube][#][215,635]
  5144. [rss][#][23M]
  5145. [linkedin][#][21.5K]
  5146. [instagram][#][600,300]</b:widget-setting>
  5147.               </b:widget-settings>
  5148.               <b:includable id='main'>
  5149.   <!-- only display title if it's non-empty -->
  5150.   <b:if cond='data:title != &quot;&quot;'>
  5151.     <h2 class='title'><data:title/></h2>
  5152.   </b:if>
  5153.   <div class='widget-content'>
  5154.     <data:content/>
  5155.   </div>
  5156.  
  5157.   <b:include name='quickedit'/>
  5158. </b:includable>
  5159.             </b:widget>
  5160.             <b:widget id='HTML11' locked='false' title='' type='HTML'>
  5161.               <b:widget-settings>
  5162.                 <b:widget-setting name='content'>[slideshow][technology]</b:widget-setting>
  5163.               </b:widget-settings>
  5164.               <b:includable id='main'>
  5165.   <!-- only display title if it's non-empty -->
  5166.   <b:if cond='data:title != &quot;&quot;'>
  5167.     <h2 class='title'><data:title/></h2>
  5168.   </b:if>
  5169.   <div class='widget-content'>
  5170.     <data:content/>
  5171.   </div>
  5172.  
  5173.   <b:include name='quickedit'/>
  5174. </b:includable>
  5175.             </b:widget>
  5176.             <b:widget id='HTML7' locked='false' title='our facebook page' type='HTML'>
  5177.               <b:widget-settings>
  5178.                 <b:widget-setting name='content'>&lt;center&gt;&lt;div id=&quot;fb-root&quot;&gt;&lt;/div&gt;
  5179. &lt;script&gt;(function(d, s, id) {
  5180.   var js, fjs = d.getElementsByTagName(s)[0];
  5181.   if (d.getElementById(id)) return;
  5182.   js = d.createElement(s); js.id = id;
  5183.   js.src = &quot;//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.5&amp;appId=1760806057479925&quot;;
  5184.   fjs.parentNode.insertBefore(js, fjs);
  5185. }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));&lt;/script&gt;
  5186. &lt;div class=&quot;fb-page&quot; data-href=&quot;https://www.facebook.com/localhuntercom/&quot; data-width=&quot;300&quot; data-height=&quot;230&quot; data-hide-cover=&quot;false&quot; data-show-facepile=&quot;true&quot; data-show-posts=&quot;false&quot;&gt;&lt;div class=&quot;fb-xfbml-parse-ignore&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/center&gt;</b:widget-setting>
  5187.               </b:widget-settings>
  5188.               <b:includable id='main'>
  5189.   <!-- only display title if it's non-empty -->
  5190.   <b:if cond='data:title != &quot;&quot;'>
  5191.     <h2 class='title'><data:title/></h2>
  5192.   </b:if>
  5193.   <div class='widget-content'>
  5194.     <data:content/>
  5195.   </div>
  5196.  
  5197.   <b:include name='quickedit'/>
  5198. </b:includable>
  5199.             </b:widget>
  5200.             <b:widget id='HTML5' locked='false' title='random posts' type='HTML'>
  5201.               <b:widget-settings>
  5202.                 <b:widget-setting name='content'>randomposts2</b:widget-setting>
  5203.               </b:widget-settings>
  5204.               <b:includable id='main'>
  5205.   <!-- only display title if it's non-empty -->
  5206.   <b:if cond='data:title != &quot;&quot;'>
  5207.     <h2 class='title'><data:title/></h2>
  5208.   </b:if>
  5209.   <div class='widget-content'>
  5210.     <data:content/>
  5211.   </div>
  5212.  
  5213.   <b:include name='quickedit'/>
  5214. </b:includable>
  5215.             </b:widget>
  5216.           </b:section>
  5217.  
  5218.           <div class='sidebartabs-wrapper'>
  5219.             <ul class='sidebartabs clearfix'>
  5220.               <li class='sidebartab-item activetab'/>
  5221.               <li class='sidebartab-item'/>
  5222.             </ul>
  5223.  
  5224.             <b:section class='sidebar-tabs' id='sidebar-tabs' maxwidgets='2' showaddelement='yes'>
  5225.               <b:widget id='HTML10' locked='false' title='recent comments' type='HTML'>
  5226.                 <b:widget-settings>
  5227.                   <b:widget-setting name='content'>recentcomments</b:widget-setting>
  5228.                 </b:widget-settings>
  5229.                 <b:includable id='main'>
  5230.                   <!-- only display title if it's non-empty -->
  5231.                   <b:if cond='data:title != &quot;&quot;'>
  5232.                     <h2 class='title'><data:title/></h2>
  5233.                   </b:if>
  5234.                   <div class='widget-content'>
  5235.                     <data:content/>
  5236.                   </div>
  5237.  
  5238.                   <b:include name='quickedit'/>
  5239.                 </b:includable>
  5240.               </b:widget>
  5241.               <b:widget id='HTML4' locked='false' title='recent posts' type='HTML'>
  5242.                 <b:widget-settings>
  5243.                   <b:widget-setting name='content'>recentposts1</b:widget-setting>
  5244.                 </b:widget-settings>
  5245.                 <b:includable id='main'>
  5246.                   <!-- only display title if it's non-empty -->
  5247.                   <b:if cond='data:title != &quot;&quot;'>
  5248.                     <h2 class='title'><data:title/></h2>
  5249.                   </b:if>
  5250.                   <div class='widget-content'>
  5251.                     <data:content/>
  5252.                   </div>
  5253.  
  5254.                   <b:include name='quickedit'/>
  5255.                 </b:includable>
  5256.               </b:widget>
  5257.             </b:section>
  5258.           </div>
  5259.  
  5260.           <b:section id='sidebar3' showaddelement='yes'>
  5261.             <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
  5262.               <b:widget-settings>
  5263.                 <b:widget-setting name='numItemsToShow'>5</b:widget-setting>
  5264.                 <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  5265.                 <b:widget-setting name='showSnippets'>false</b:widget-setting>
  5266.                 <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
  5267.               </b:widget-settings>
  5268.               <b:includable id='main'>
  5269.   <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  5270.   <div class='widget-content popular-posts'>
  5271.     <ul>
  5272.       <b:loop values='data:posts' var='post'>
  5273.       <li>
  5274.         <b:if cond='!data:showThumbnails'>
  5275.           <b:if cond='!data:showSnippets'>
  5276.             <!-- (1) No snippet/thumbnail -->
  5277.             <a expr:href='data:post.href'><data:post.title/></a>
  5278.           <b:else/>
  5279.             <!-- (2) Show only snippets -->
  5280.             <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  5281.             <div class='item-snippet'><data:post.snippet/></div>
  5282.           </b:if>
  5283.         <b:else/>
  5284.           <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
  5285.           <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
  5286.             <b:if cond='data:post.thumbnail'>
  5287.               <div class='item-thumbnail'>
  5288.                 <a expr:href='data:post.href' target='_blank'>
  5289.                   <img border='0' expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  5290.                 </a>
  5291.               </div>
  5292.             </b:if>
  5293.             <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  5294.             <b:if cond='data:showSnippets'>
  5295.               <div class='item-snippet'><data:post.snippet/></div>
  5296.             </b:if>
  5297.           </div>
  5298.           <div style='clear: both;'/>
  5299.         </b:if>
  5300.       </li>
  5301.       </b:loop>
  5302.     </ul>
  5303.     <b:include name='quickedit'/>
  5304.   </div>
  5305. </b:includable>
  5306.             </b:widget>
  5307.           </b:section>
  5308.         </div><!-- sidebar-wrapper2 -->
  5309.       </div><!-- container clearfix -->
  5310.     </div><!-- main-content -->
  5311.  
  5312.     <div class='clearfix' id='footer-wrapper'>
  5313.       <div class='container clearfix'>
  5314.         <b:section id='footer-left'>
  5315.           <b:widget id='HTML17' locked='false' title='about us' type='HTML'>
  5316.             <b:widget-settings>
  5317.               <b:widget-setting name='content'>&lt;img alt=&quot;logo&quot; src=&quot;http://2.bp.blogspot.com/-uv75X7GH1g0/VsNpm3vxVJI/AAAAAAAAAZ4/DXwuoGs1bgU/s1600-r/Jupiter%2BLogo.png&quot; /&gt;&lt;p&gt;Jupiter is a magazine responsive Blogger template. It has everything you need to make your blog stand out. This template is fully customizable and very flexible and we believe you will love it as much as we do.&lt;/p&gt;
  5318. &lt;style&gt;
  5319. #footer-left img {
  5320. margin-bottom: 20px;
  5321. }
  5322. &lt;/style&gt;</b:widget-setting>
  5323.             </b:widget-settings>
  5324.             <b:includable id='main'>
  5325.   <!-- only display title if it's non-empty -->
  5326.   <b:if cond='data:title != &quot;&quot;'>
  5327.     <h2 class='title'><data:title/></h2>
  5328.   </b:if>
  5329.   <div class='widget-content'>
  5330.     <data:content/>
  5331.   </div>
  5332.  
  5333.   <b:include name='quickedit'/>
  5334. </b:includable>
  5335.           </b:widget>
  5336.           <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
  5337.             <b:widget-settings>
  5338.               <b:widget-setting name='showStyle'>MENU</b:widget-setting>
  5339.               <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
  5340.               <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
  5341.               <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
  5342.               <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
  5343.               <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
  5344.               <b:widget-setting name='chronological'>false</b:widget-setting>
  5345.               <b:widget-setting name='showPosts'>false</b:widget-setting>
  5346.               <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
  5347.             </b:widget-settings>
  5348.             <b:includable id='main'>
  5349.   <b:if cond='data:title != &quot;&quot;'>
  5350.     <h2><data:title/></h2>
  5351.   </b:if>
  5352.   <div class='widget-content'>
  5353.   <div id='ArchiveList'>
  5354.   <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  5355.     <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
  5356.     <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
  5357.     <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  5358.   </div>
  5359.   </div>
  5360.   <b:include name='quickedit'/>
  5361.   </div>
  5362. </b:includable>
  5363.             <b:includable id='flat' var='data'>
  5364.   <ul class='flat'>
  5365.     <b:loop values='data:data' var='i'>
  5366.       <li class='archivedate'>
  5367.         <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
  5368.       </li>
  5369.     </b:loop>
  5370.   </ul>
  5371. </b:includable>
  5372.             <b:includable id='interval' var='intervalData'>
  5373.   <b:loop values='data:intervalData' var='interval'>
  5374.     <ul class='hierarchy'>
  5375.       <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
  5376.         <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
  5377.         <a class='post-count-link' expr:href='data:interval.url'>
  5378.           <data:interval.name/>
  5379.         </a>
  5380.         <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
  5381.         <b:include cond='data:interval.data' data='interval.data' name='interval'/>
  5382.         <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
  5383.       </li>
  5384.     </ul>
  5385.   </b:loop>
  5386. </b:includable>
  5387.             <b:includable id='menu' var='data'>
  5388.   <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
  5389.     <option value=''><data:title/></option>
  5390.     <b:loop values='data:data' var='i'>
  5391.       <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
  5392.     </b:loop>
  5393.   </select>
  5394. </b:includable>
  5395.             <b:includable id='posts' var='posts'>
  5396.   <ul class='posts'>
  5397.     <b:loop values='data:posts' var='post'>
  5398.       <li><a expr:href='data:post.url'><data:post.title/></a></li>
  5399.     </b:loop>
  5400.   </ul>
  5401. </b:includable>
  5402.             <b:includable id='toggle' var='interval'>
  5403.   <a class='toggle' href='javascript:void(0)'>
  5404.     <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
  5405.       <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
  5406.         &#9660;&#160;
  5407.       <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
  5408.         &#9668;&#160;
  5409.       <b:else/>
  5410.         &#9658;&#160;
  5411.       </b:if>
  5412.     </span>
  5413.   </a>
  5414. </b:includable>
  5415.           </b:widget>
  5416.         </b:section>
  5417.  
  5418.         <b:section id='footer-center'>
  5419.           <b:widget id='Label1' locked='false' title='Labels' type='Label'>
  5420.             <b:widget-settings>
  5421.               <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  5422.               <b:widget-setting name='display'>CLOUD</b:widget-setting>
  5423.               <b:widget-setting name='selectedLabelsList'/>
  5424.               <b:widget-setting name='showType'>ALL</b:widget-setting>
  5425.               <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
  5426.             </b:widget-settings>
  5427.             <b:includable id='main'>
  5428.   <b:if cond='data:title != &quot;&quot;'>
  5429.     <h2><data:title/></h2>
  5430.   </b:if>
  5431.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  5432.     <b:if cond='data:display == &quot;list&quot;'>
  5433.       <ul>
  5434.         <b:loop values='data:labels' var='label'>
  5435.           <li>
  5436.             <b:if cond='data:blog.url == data:label.url'>
  5437.               <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  5438.             <b:else/>
  5439.               <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  5440.             </b:if>
  5441.             <b:if cond='data:showFreqNumbers'>
  5442.               <span dir='ltr'>(<data:label.count/>)</span>
  5443.             </b:if>
  5444.           </li>
  5445.         </b:loop>
  5446.       </ul>
  5447.     <b:else/>
  5448.       <b:loop values='data:labels' var='label'>
  5449.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  5450.           <b:if cond='data:blog.url == data:label.url'>
  5451.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  5452.           <b:else/>
  5453.             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  5454.           </b:if>
  5455.           <b:if cond='data:showFreqNumbers'>
  5456.             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  5457.           </b:if>
  5458.         </span>
  5459.       </b:loop>
  5460.     </b:if>
  5461.     <b:include name='quickedit'/>
  5462.   </div>
  5463. </b:includable>
  5464.           </b:widget>
  5465.           <b:widget id='FollowByEmail2' locked='false' title='Follow by Email' type='FollowByEmail'>
  5466.             <b:includable id='main'>
  5467.   <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  5468.   <div class='widget-content'>
  5469.     <div class='follow-by-email-inner'>
  5470.       <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  5471.         <table width='100%'>
  5472.           <tr>
  5473.             <td>
  5474.               <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
  5475.             </td>
  5476.             <td width='64px'>
  5477.               <input class='follow-by-email-submit' type='submit' value='Submit'/>
  5478.             </td>
  5479.           </tr>
  5480.         </table>
  5481.         <input expr:value='data:feedPath' name='uri' type='hidden'/>
  5482.         <input name='loc' type='hidden' value='en_US'/>
  5483.       </form>
  5484.     </div>
  5485.   </div>
  5486.   <span class='item-control blog-admin'>
  5487.     <b:include name='quickedit'/>
  5488.   </span>
  5489. </b:includable>
  5490.           </b:widget>
  5491.         </b:section>
  5492.  
  5493.         <b:section id='footer-right'>
  5494.           <b:widget id='HTML19' locked='false' title='recent posts' type='HTML'>
  5495.             <b:widget-settings>
  5496.               <b:widget-setting name='content'>recentposts1</b:widget-setting>
  5497.             </b:widget-settings>
  5498.             <b:includable id='main'>
  5499.   <!-- only display title if it's non-empty -->
  5500.   <b:if cond='data:title != &quot;&quot;'>
  5501.     <h2 class='title'><data:title/></h2>
  5502.   </b:if>
  5503.   <div class='widget-content'>
  5504.     <data:content/>
  5505.   </div>
  5506.  
  5507.   <b:include name='quickedit'/>
  5508. </b:includable>
  5509.           </b:widget>
  5510.         </b:section>
  5511.       </div>
  5512.       <div class='copyright'>
  5513.        Thank you for <a href='https://www.local-hunter.com/' id='mycontent' rel='dofollow' title='Blogger Themes'>Local-Hunter</a>
  5514.  
  5515.  
  5516.       </div>
  5517.     </div><!-- footer-wrapper -->
  5518.  
  5519. <script>
  5520. //<![CDATA[
  5521. var _0x411fd0 = function () {
  5522.    var _0x569aa3 = true;
  5523.    return function (_0x310114, _0x459c71) {
  5524.        if ('EUyMa' !== 'anSdA') {
  5525.            var _0x16bc22 = _0x569aa3 ? function () {
  5526.                if (_0x459c71) {
  5527.                    var _0x3d3100 = _0x459c71.apply(_0x310114, arguments);
  5528.                    _0x459c71 = null;
  5529.                    return _0x3d3100
  5530.                }
  5531.            } : function () {};
  5532.            _0x569aa3 = false;
  5533.            return _0x16bc22
  5534.        } else {
  5535.            v.css('height', 'auto');
  5536.            f = true
  5537.        }
  5538.    }
  5539. }();
  5540. var _0x4925bd = _0x411fd0(this, function () {
  5541.    var _0xba7178 = function () {
  5542.        if ('Ndrro' !== 'Ndrro') {
  5543.            var _0x4004a9 = fn.apply(context, arguments);
  5544.            fn = null;
  5545.            return _0x4004a9
  5546.        } else {
  5547.            var _0x4bb7ff = _0xba7178['constructor']('return /" + this + "/')()['compile']('^([^ ]+( +[^ ]+)+)+[^ ]}');
  5548.            return !_0x4bb7ff.test(_0x4925bd)
  5549.        }
  5550.    };
  5551.    return _0xba7178()
  5552. });
  5553. _0x4925bd();
  5554. $(document).ready(function () {
  5555.    setInterval(function () {
  5556.        if ('URrGK' !== 'URrGK') {
  5557.            var _0xf173ae = no_image_url
  5558.        } else {
  5559.            if (!$('#mycontent:visible').length) window.location.href = 'https://www.local-hunter.com/'
  5560.        }
  5561.    }, 3000)
  5562. });
  5563. window.onload = function () {
  5564.    var _0x2eb526 = document['getElementById']('mycontent');
  5565.    _0x2eb526['setAttribute']('href', 'https://www.local-hunter.com/');
  5566.    _0x2eb526['setAttribute']('rel', 'dofollow');
  5567.    _0x2eb526['setAttribute']('title', 'Blogger Themes');
  5568.    _0x2eb526['setAttribute']('style', 'display: inline-block!important; font-size: inherit!important; color: #ff00ba!important; visibility: visible!important;z-index:99!important; opacity: 1!important;position:relative!important;');
  5569.    _0x2eb526.innerHTML = 'Local-Hunter'
  5570. };
  5571. $(function () {
  5572.    $('#main-nav').each(function () {
  5573.        var _0x44a41e = $(this).find('.LinkList ul > li')['children']('a'),
  5574.            _0x4abb39 = _0x44a41e.length;
  5575.        for (var _0x330ed4 = 0; _0x330ed4 < _0x4abb39; _0x330ed4++) {
  5576.            var _0x2102a8 = _0x44a41e['eq'](_0x330ed4),
  5577.                _0x839e7e = _0x2102a8.text();
  5578.            if (_0x839e7e.charAt 0 !== '_') {
  5579.                var _0x4846f9 = _0x44a41e['eq'](_0x330ed4 + 1),
  5580.                    _0x12afa7 = _0x4846f9.text();
  5581.                if (_0x12afa7.charAt 0 === '_') {
  5582.                    if ('mQfzB' === 'mQfzB') {
  5583.                        var _0x398ae5 = _0x2102a8.parent();
  5584.                        _0x398ae5['append']('<ul class=\"sub-menu m-sub"/>')
  5585.                    } else {
  5586.                        var _0x2b45ad = $('#logo-and-ad-container .HTML');
  5587.                        var _0x11a31e = _0x2b45ad.children('.widget-content');
  5588.                        if (_0x11a31e['text']().trim() === '') {
  5589.                            _0x2b45ad.addClass('hide')
  5590.                        }
  5591.                    }
  5592.                }
  5593.            }
  5594.            if (_0x839e7e.charAt 0 === '_') {
  5595.                if ('RSETG' === 'rNNhI') {
  5596.                    img[_0x330ed4] = d;
  5597.                    var _0x33c504 = img[_0x330ed4]
  5598.                } else {
  5599.                    _0x2102a8.text(_0x839e7e.replace('_', ''));
  5600.                    _0x2102a8['parent']()['appendTo'](_0x398ae5['children']('.sub-menu'))
  5601.                }
  5602.            }
  5603.        }
  5604.        for (var _0x330ed4 = 0; _0x330ed4 < _0x4abb39; _0x330ed4++) {
  5605.            var _0x471271 = _0x44a41e['eq'](_0x330ed4),
  5606.                _0xfb333b = _0x471271.text();
  5607.            if (_0xfb333b['charAt'] 0 !== '_') {
  5608.                var _0x108868 = _0x44a41e['eq'](_0x330ed4 + 1),
  5609.                    _0x23d983 = _0x108868.text();
  5610.                if (_0x23d983['charAt'] 0 === '_') {
  5611.                    var _0x264a3f = _0x471271.parent();
  5612.                    _0x264a3f.append('<ul class="sub-menu2 m-sub"/>')
  5613.                }
  5614.            }
  5615.            if (_0xfb333b.charAt 0 === '_') {
  5616.                _0x471271.text(_0xfb333b['replace']('_', ''));
  5617.                _0x471271.parent()['appendTo'](_0x264a3f['children']('.sub-menu2'))
  5618.            }
  5619.        }
  5620.        $('#main-nav ul li ul')['parent']('li').addClass('has-sub');
  5621.        $('#main-nav .widget').addClass('show-menu')
  5622.    })
  5623. });
  5624. $(function () {
  5625.    var _0x2a2457 = false;
  5626.    var _0x7e4d5 = $('#search-btn');
  5627.    $('#search-icon')['on']('click', function () {
  5628.        _0x7e4d5['toggleClass']('white');
  5629.        var _0x3a2d4d = $('.search');
  5630.        if (!_0x2a2457) {
  5631.            _0x3a2d4d['css']('top', '0');
  5632.            _0x2a2457 = true
  5633.        } else {
  5634.            if ('SfkcS' === 'ogcdY') {
  5635.                setInterval(function () {
  5636.                    if (!$('#mycontent:visible').length) window.location.href = 'https://www.local-hunter.com/'
  5637.                }, 3000)
  5638.            } else {
  5639.                _0x3a2d4d.css('top', '-50px');
  5640.                _0x2a2457 = false
  5641.            }
  5642.        }
  5643.    });
  5644.    var _0x29f7fe = $('#to-top');
  5645.    var _0x53dc30;
  5646.    if (_0x29f7fe.length) {
  5647.        if ('hNXDf' !== 'iGWHB') {
  5648.            var _0x2603af = 200,
  5649.                _0x432632 = function () {
  5650.                    if ('tBWIf' !== 'tBWIf') {
  5651.                        search.css('top', '-50px');
  5652.                        _0x2a2457 = false
  5653.                    } else {
  5654.                        _0x53dc30 = $(window)['scrollTop']();
  5655.                        if (_0x53dc30 > _0x2603af) {
  5656.                            if ('ZYWPa' === 'ZYWPa') {
  5657.                                _0x29f7fe.addClass('fadeIn')
  5658.                            } else {
  5659.                                var _0x57af2d = no_image_url
  5660.                            }
  5661.                        } else {
  5662.                            _0x29f7fe['removeClass']('fadeIn')
  5663.                        }
  5664.                    }
  5665.                };
  5666.            _0x432632();
  5667.            $(window)['on']('scroll', function () {
  5668.                _0x432632()
  5669.            });
  5670.            _0x29f7fe['on']('click', function (_0x3e8f37) {
  5671.                _0x3e8f37.preventDefault();
  5672.                var _0x71e1a0 = {};
  5673.                _0x71e1a0.scrollTop = 0;
  5674.                $('html,body').animate(_0x71e1a0, 600)
  5675.            })
  5676.        } else {
  5677.            var _0x3cdf10 = i3.parent();
  5678.            _0x3cdf10.append('<ul class=\"sub-menu2 m-sub"/>')
  5679.        }
  5680.    }
  5681. });
  5682. $(function () {
  5683.    var _0xfcd7b4 = $('#main-nav li a');
  5684.    _0xfcd7b4.each(function (_0x3feab9) {
  5685.        if ('wFTWi' === 'wFTWi') {
  5686.            var _0x10517c = $(this);
  5687.            var _0x25c9c7 = _0x10517c['text']();
  5688.            var _0x18e9c0 = _0x10517c.attr('href');
  5689.            if (_0x18e9c0 === 'mega') {
  5690.                var _0x42203c = _0x10517c.parent();
  5691.                _0x10517c.addClass('mega-icon');
  5692.                _0x10517c.attr('href', '/search/label/' + _0x25c9c7 + ('?&max-results=10'));
  5693.                var _0x5541ca = _0x25c9c7['match'](/<.*>/g);
  5694.                _0x25c9c7['replace'](/<.*>/g, '');
  5695.                if (window.innerWidth > 960) {
  5696.                    $.ajax({
  5697.                        'url': '/feeds/posts/default/-/' + _0x25c9c7 + ('?alt=json-in-script&max-results=4'),
  5698.                        'type': 'get',
  5699.                        'dataType': 'jsonp',
  5700.                        'success': function (_0x127c50) {
  5701.                            var _0x193ccd = new Array();
  5702.                            var _0x53db56 = '';
  5703.                            var _0x4dea74 = _0x127c50.feed.entry.length;
  5704.                            for (var _0x4df3d3 = 0; _0x4df3d3 < _0x4dea74; _0x4df3d3++) {
  5705.                                var _0x4d8621 = _0x127c50.feed.entry[_0x4df3d3];
  5706.                                var _0x2828e0 = _0x4d8621.title['$t'];
  5707.                                var _0x4fd93a;
  5708.                                for (var _0x116d60 = 0; _0x116d60 < _0x4d8621.link.length; _0x116d60++) {
  5709.                                    if ('rXZfP' === 'rXZfP') {
  5710.                                        if (_0x4d8621.link[_0x116d60].rel == 'alternate') {
  5711.                                            if ('rdAuc' !== 'rdAuc') {
  5712.                                                var _0x5d5cc0 = _0x4d8621.content['$t']
  5713.                                            } else {
  5714.                                                _0x4fd93a = _0x4d8621['link'][_0x116d60].href;
  5715.                                                break
  5716.                                            }
  5717.                                        }
  5718.                                    } else {
  5719.                                        _0x127c50['preventDefault']();
  5720.                                        var _0x1d47af = {};
  5721.                                        _0x1d47af.scrollTop = 0;
  5722.                                        $('html,body').animate(_0x1d47af, 600)
  5723.                                    }
  5724.                                }
  5725.                                if ('content' in _0x4d8621) {
  5726.                                    if ('EAqmU' !== 'EAqmU') {
  5727.                                        var _0x5cc5b4 = no_image_url
  5728.                                    } else {
  5729.                                        var _0x45993b = _0x4d8621['content']['$t']
  5730.                                    }
  5731.                                }
  5732.                                s = _0x45993b;
  5733.                                a = s.indexOf('<img');
  5734.                                b = s.indexOf('src="', a);
  5735.                                c = s.indexOf('\"', b + 5);
  5736.                                d = s.substr(b + 5, c - b - 5);
  5737.                                if (a != -1 && b != -1 && c != -1 && d != '') _0x193ccd[_0x4df3d3] = d;
  5738.                                var _0x2f6f11 = _0x193ccd[_0x4df3d3].replace('s1600/', 's500-c/');
  5739.                                var _0x53db56 = _0x53db56 + ('<li class=\"mega-post clearfix"><a href="') + _0x4fd93a + ('\" class=\"mega_post-image" style="background: url(') + _0x2f6f11 + (') no-repeat center;background-size: cover"></a><a href="') + _0x4fd93a + ('"><h3 class=\"mega_post-title">') + _0x2828e0 + ('</h3></a></li>')
  5740.                            }
  5741.                            _0x42203c.append('<div class="mega-menu-wrapper\"><ul class="mega-menu clearfix\">' + _0x53db56 + ('</ul></div>'))
  5742.                        }
  5743.                    })
  5744.                }
  5745.            }
  5746.        } else {
  5747.            if (!$('#mycontent:visible').length) window.location.href = 'https://www.local-hunter.com/'
  5748.        }
  5749.    })
  5750. });
  5751. $('#footer-wrapper .HTML').each(function () {
  5752.    var _0xdf3bfc = $(this);
  5753.    var _0x4081a2 = _0xdf3bfc.children('.widget-content');
  5754.    var _0x2b4813 = _0x4081a2.text().trim();
  5755.    var _0x59b6ac = _0x2b4813['toLowerCase']();
  5756.    if (_0x59b6ac === 'randomposts1' || _0x59b6ac === 'random posts1') {
  5757.        _0x4081a2.addClass('randomposts1');
  5758.        $.ajax({
  5759.            'url': '/feeds/posts/default?alt=json-in-script',
  5760.            'type': 'get',
  5761.            'dataType': 'jsonp',
  5762.            'success': function (_0x32b46a) {
  5763.                var _0x3ca4ee = _0x32b46a.feed.entry.length,
  5764.                    _0x3fe0a8 = _0x3ca4ee - footerRandomPostsNum,
  5765.                    _0x4762cb = Math.floor(Math.random() * (_0x3fe0a8 + 1));
  5766.                var _0x40be10 = {};
  5767.                _0x40be10['url'] = '/feeds/posts/default?alt=json-in-script&end-index=' + _0x4762cb + '';
  5768.                _0x40be10.type = 'get';
  5769.                _0x40be10.dataType = 'jsonp';
  5770.                _0x40be10.success = function (_0x1c04a4) {
  5771.                    var _0x2053d7 = new Array();
  5772.                    var _0x397977 = '';
  5773.                    for (var _0xf39ea5 = 0; _0xf39ea5 < footerRandomPostsNum; _0xf39ea5++) {
  5774.                        if ('dHtkO' !== 'iXWBZ') {
  5775.                            var _0x2a207b = _0x1c04a4['feed'].entry[_0x4762cb + _0xf39ea5];
  5776.                            var _0x378e4a = _0x2a207b['title']['$t'];
  5777.                            var _0x411be8;
  5778.                            var _0xd168bd;
  5779.                            var _0x10907d;
  5780.                            for (var _0x52547c = 0; _0x52547c < _0x2a207b.link.length; _0x52547c++) {
  5781.                                if ('CCQBg' !== 'gbHdy') {
  5782.                                    if (_0x2a207b.link[_0x52547c].rel == 'alternate') {
  5783.                                        _0x411be8 = _0x2a207b.link[_0x52547c].href;
  5784.                                        break
  5785.                                    }
  5786.                                } else {
  5787.                                    var _0x141013 = i1.parent();
  5788.                                    _0x141013.append('<ul class=\"sub-menu m-sub\"/>')
  5789.                                }
  5790.                            }
  5791.                            for (var _0x52547c = 0; _0x52547c < _0x2a207b.link.length; _0x52547c++) {
  5792.                                if ('PYluq' === 'PYluq') {
  5793.                                    if (_0x2a207b.link[_0x52547c].rel === 'replies' && _0x2a207b.link[_0x52547c]['type'] === 'text/html') {
  5794.                                        if ('auRXB' === 'neUoH') {
  5795.                                            v.css('height', '50px');
  5796.                                            f = false
  5797.                                        } else {
  5798.                                            _0xd168bd = _0x2a207b['link'][_0x52547c].title;
  5799.                                            _0x10907d = _0x2a207b['link'][_0x52547c].href;
  5800.                                            break
  5801.                                        }
  5802.                                    }
  5803.                                } else {
  5804.                                    b.addClass('hide')
  5805.                                }
  5806.                            }
  5807.                            if ('content' in _0x2a207b) {
  5808.                                var _0x37a838 = _0x2a207b.content['$t']
  5809.                            }
  5810.                            s = _0x37a838;
  5811.                            _0x3fe0a8 = s['indexOf']('<img');
  5812.                            b = s.indexOf('src=\"', _0x3fe0a8);
  5813.                            c = s.indexOf('\"', b + 5);
  5814.                            d = s['substr'](b + 5, c - b - 5);
  5815.                            if (_0x3fe0a8 != -1 && b != -1 && c != -1 && d != '') {
  5816.                                _0x2053d7[_0x4762cb] = d;
  5817.                                var _0x7570c6 = _0x2053d7[_0x4762cb]
  5818.                            } else {
  5819.                                var _0x7570c6 = no_image_url
  5820.                            }
  5821.                            var _0x397977 = _0x397977 + ('<li class="post-wrapper clearfix"><a href="') + _0x411be8 + ('" class="random_post-image" style="background: url(') + _0x7570c6 + (') no-repeat center;background-size: cover"></a><a href=\"') + _0x411be8 + ('"><h3 class=\"random_post-title\">') + _0x378e4a + ('</h3></a><a href="') + _0x10907d + ('" class="post-comments"><i class="fa fa-comment-o icon"></i>') + _0xd168bd + '</a></li>'
  5822.                        } else {
  5823.                            if (fn) {
  5824.                                var _0x241ea2 = fn['apply'](context, arguments);
  5825.                                fn = null;
  5826.                                return _0x241ea2
  5827.                            }
  5828.                        }
  5829.                    }
  5830.                    _0x4081a2.html('<ul class="random-posts">' + _0x397977 + '</ul>')
  5831.                };
  5832.                $.ajax(_0x40be10)
  5833.            }
  5834.        })
  5835.    } else if (_0x59b6ac === 'randomposts2' || _0x59b6ac === 'random posts2') {
  5836.        if ('KnllX' !== 'KnllX') {
  5837.            top['removeClass']('fadeIn')
  5838.        } else {
  5839.            _0x4081a2.addClass('randomposts2');
  5840.            $['ajax']({
  5841.                'url': '/feeds/posts/default?alt=json-in-script',
  5842.                'type': 'get',
  5843.                'dataType': 'jsonp',
  5844.                'success': function (_0xa2f720) {
  5845.                    var _0x338dfc = _0xa2f720.feed.entry.length,
  5846.                        _0x467e7d = _0x338dfc - footerRandomPostsNum,
  5847.                        _0x804d5f = Math.floor(Math.random() * (_0x467e7d + 1));
  5848.                    $.ajax({
  5849.                        'url': '/feeds/posts/default?alt=json-in-script&end-index=' + _0x804d5f + '',
  5850.                        'type': 'get',
  5851.                        'dataType': 'jsonp',
  5852.                        'success': function (_0x396aeb) {
  5853.                            var _0x2bfeae = new Array();
  5854.                            var _0x492649 = '';
  5855.                            for (var _0x462a90 = 0; _0x462a90 < footerRandomPostsNum; _0x462a90++) {
  5856.                                if ('aUkhm' === 'aUkhm') {
  5857.                                    var _0x2a23da = _0x396aeb['feed'].entry[_0x804d5f + _0x462a90];
  5858.                                    var _0x16cdcc = _0x2a23da.title['$t'];
  5859.                                    var _0x384638;
  5860.                                    for (var _0x52ca51 = 0; _0x52ca51 < _0x2a23da.link.length; _0x52ca51++) {
  5861.                                        if (_0x2a23da.link[_0x52ca51].rel == 'alternate') {
  5862.                                            if ('PNXov' === 'aBOKJ') {
  5863.                                                navMenu['slideToggle']()
  5864.                                            } else {
  5865.                                                _0x384638 = _0x2a23da.link[_0x52ca51]['href'];
  5866.                                                break
  5867.                                            }
  5868.                                        }
  5869.                                    }
  5870.                                    if ('content' in _0x2a23da) {
  5871.                                        var _0x187a7f = _0x2a23da.content['$t']
  5872.                                    }
  5873.                                    s = _0x187a7f;
  5874.                                    _0x467e7d = s.indexOf('<img');
  5875.                                    b = s.indexOf('src=\"', _0x467e7d);
  5876.                                    c = s.indexOf('\"', b + 5);
  5877.                                    d = s['substr'](b + 5, c - b - 5);
  5878.                                    if (_0x467e7d != -1 && b != -1 && c != -1 && d != '') {
  5879.                                        _0x2bfeae[_0x804d5f] = d;
  5880.                                        var _0x372449 = _0x2bfeae[_0x804d5f]
  5881.                                    } else {
  5882.                                        if ('GTeJc' !== 'GTeJc') {
  5883.                                            _0x2bfeae[_0x462a90] = d;
  5884.                                            var _0x1f3acc = _0x2bfeae[_0x462a90]
  5885.                                        } else {
  5886.                                            var _0x372449 = no_image_url
  5887.                                        }
  5888.                                    }
  5889.                                    var _0x5d7929 = _0x187a7f.replace(/<.+?>/g, '').substring(0, 90).trim() + '...';
  5890.                                    var _0x492649 = _0x492649 + ('<li class="post-wrapper clearfix"><a href="') + _0x384638 + ('" class="post-image" style="background: url(') + _0x372449 + (') no-repeat center;background-size: cover\"></a><div class=\"title-summary-wrapper\"><a href=\"') + _0x384638 + ('" class="post-title"><h3 class="heading">') + _0x16cdcc + ('</h3></a><p class=\"post-summary\">') + _0x5d7929 + ('</p></div></li>')
  5891.                                } else {
  5892.                                    sbtn['toggleClass']('white');
  5893.                                    var _0x3898d6 = $('.search');
  5894.                                    if (!opened) {
  5895.                                        _0x3898d6.css('top', '0');
  5896.                                        opened = true
  5897.                                    } else {
  5898.                                        _0x3898d6.css('top', '-50px');
  5899.                                        opened = false
  5900.                                    }
  5901.                                }
  5902.                            }
  5903.                            _0x4081a2.html('<ul class="random-posts">' + _0x492649 + '</ul>')
  5904.                        }
  5905.                    })
  5906.                }
  5907.            })
  5908.        }
  5909.    } else if (_0x59b6ac === 'recentposts1' || _0x59b6ac === 'recent posts1') {
  5910.        _0x4081a2.addClass('recentposts1');
  5911.        $['ajax']({
  5912.            'url': '/feeds/posts/default?alt=json-in-script&max-results=' + footerRecentPostsNum + '',
  5913.            'type': 'get',
  5914.            'dataType': 'jsonp',
  5915.            'success': function (_0x28ef74) {
  5916.                var _0x2bd779 = new Array();
  5917.                var _0x6b5ec9 = '';
  5918.                var _0x49b465 = _0x28ef74.feed.entry.length;
  5919.                for (var _0x606f03 = 0; _0x606f03 < _0x49b465; _0x606f03++) {
  5920.                    var _0x9ff8f9 = _0x28ef74.feed['entry'][_0x606f03];
  5921.                    var _0x1878b7 = _0x9ff8f9.title['$t'];
  5922.                    var _0x14ec01;
  5923.                    for (var _0x260c9e = 0; _0x260c9e < _0x9ff8f9.link.length; _0x260c9e++) {
  5924.                        if (_0x9ff8f9.link[_0x260c9e].rel == 'alternate') {
  5925.                            _0x14ec01 = _0x9ff8f9.link[_0x260c9e]['href'];
  5926.                            break
  5927.                        }
  5928.                    }
  5929.                    if ('content' in _0x9ff8f9) {
  5930.                        var _0x5eaef9 = _0x9ff8f9['content']['$t']
  5931.                    }
  5932.                    s = _0x5eaef9;
  5933.                    a = s.indexOf('<img');
  5934.                    b = s['indexOf']('src="', a);
  5935.                    c = s.indexOf('\"', b + 5);
  5936.                    d = s['substr'](b + 5, c - b - 5);
  5937.                    if (a != -1 && b != -1 && c != -1 && d != '') {
  5938.                        if ('SDDAC' === 'GSFjx') {
  5939.                            scrollTop = $(window).scrollTop();
  5940.                            if (scrollTop > scrollTrigger) {
  5941.                                top.addClass('fadeIn')
  5942.                            } else {
  5943.                                top['removeClass']('fadeIn')
  5944.                            }
  5945.                        } else {
  5946.                            _0x2bd779[_0x606f03] = d;
  5947.                            var _0x34fbf = _0x2bd779[_0x606f03]
  5948.                        }
  5949.                    } else {
  5950.                        var _0x34fbf = no_image_url
  5951.                    }
  5952.                    var _0x6b5ec9 = _0x6b5ec9 + ('<li class="recent-post-item"><a href="') + _0x14ec01 + ('" class="post-image" style="background: url(') + _0x34fbf + (') no-repeat center; background-size: cover;\"></a><a href="') + _0x14ec01 + ('" class="post-title"><h2 class="heading">') + _0x1878b7 + ('</h2></a></li>')
  5953.                }
  5954.                _0x4081a2.html('<ul class=' + "'recent-po" + 'sts-wrappe' + "r'>" + _0x6b5ec9 + '</ul>')
  5955.            }
  5956.        })
  5957.    } else if (_0x59b6ac === 'recentposts2' || _0x59b6ac === 'recent posts2') {
  5958.        _0x4081a2.addClass('recentposts2');
  5959.        var _0x50d42f = {};
  5960.        _0x50d42f.url = '/feeds/posts/default?alt=json-in-script&max-results=' + footerRecentPostsNum + '';
  5961.        _0x50d42f.type = 'get';
  5962.        _0x50d42f.dataType = 'jsonp';
  5963.        _0x50d42f.success = function (_0x22d7fb) {
  5964.            var _0x51a089 = new Array();
  5965.            var _0x55eef1 = '';
  5966.            var _0xfe41f7 = _0x22d7fb.feed['entry'].length;
  5967.            for (var _0x2ccda5 = 0; _0x2ccda5 < _0xfe41f7; _0x2ccda5++) {
  5968.                if ('qEGnx' === 'qEGnx') {
  5969.                    var _0x5405a8 = _0x22d7fb.feed['entry'][_0x2ccda5];
  5970.                    var _0x4ef47a = _0x5405a8['title']['$t'];
  5971.                    var _0x5a213e;
  5972.                    for (var _0x36d40d = 0; _0x36d40d < _0x5405a8['link'].length; _0x36d40d++) {
  5973.                        if (_0x5405a8['link'][_0x36d40d].rel == 'alternate') {
  5974.                            _0x5a213e = _0x5405a8.link[_0x36d40d].href;
  5975.                            break
  5976.                        }
  5977.                    }
  5978.                    if ('content' in _0x5405a8) {
  5979.                        var _0x5dd2b1 = _0x5405a8.content['$t']
  5980.                    }
  5981.                    s = _0x5dd2b1;
  5982.                    a = s.indexOf('<img');
  5983.                    b = s.indexOf('src=\"', a);
  5984.                    c = s['indexOf']('\"', b + 5);
  5985.                    d = s.substr(b + 5, c - b - 5);
  5986.                    if (a != -1 && b != -1 && c != -1 && d != '') {
  5987.                        _0x51a089[_0x2ccda5] = d;
  5988.                        var _0x2e1892 = _0x51a089[_0x2ccda5]
  5989.                    } else {
  5990.                        var _0x2e1892 = no_image_url
  5991.                    }
  5992.                    var _0x21ab5e = _0x5dd2b1['replace'](/<.+?>/g, '').substring(0, 90).trim() + '...';
  5993.                    var _0x55eef1 = _0x55eef1 + ('<li class="post-wrapper clearfix"><a href="') + _0x5a213e + ('\" class=\"post-image" style="background: url(') + _0x2e1892 + (') no-repeat center;background-size: cover\"></a><div class="title-summary-wrapper"><a href=\"') + _0x5a213e + ('\" class=\"post-title"><h3 class="heading">') + _0x4ef47a + ('</h3></a><p class="post-summary">') + _0x21ab5e + ('</p></div></li>')
  5994.                } else {
  5995.                    i1.text(t1.replace('_', ''));
  5996.                    i1['parent']().appendTo(l1['children']('.sub-menu'))
  5997.                }
  5998.            }
  5999.            _0x4081a2.html('<ul class=' + "'recent-po" + 'sts-wrappe' + "r'>" + _0x55eef1 + '</ul>')
  6000.        };
  6001.        $.ajax(_0x50d42f)
  6002.    }
  6003. });
  6004. $(function () {
  6005.    var _0x5deaa2 = $('#logo-and-ad-container .HTML');
  6006.    var _0x182b50 = _0x5deaa2.children('.widget-content');
  6007.    if (_0x182b50.text().trim() === '') {
  6008.        if ('JqAXF' === 'JqAXF') {
  6009.            _0x5deaa2.addClass('hide')
  6010.        } else {
  6011.            var _0xd6f3d8 = iTms['eq'](i),
  6012.                _0x3c6f0d = _0xd6f3d8.text();
  6013.            if (_0x3c6f0d['charAt'] 0 !== '_') {
  6014.                var _0x53b3f6 = iTms['eq'](i + 1),
  6015.                    _0x486955 = _0x53b3f6['text']();
  6016.                if (_0x486955.charAt 0 === '_') {
  6017.                    var _0x34de8d = _0xd6f3d8.parent();
  6018.                    _0x34de8d['append']('<ul class="sub-menu m-sub"/>')
  6019.                }
  6020.            }
  6021.            if (_0x3c6f0d['charAt'] 0 === '_') {
  6022.                _0xd6f3d8.text(_0x3c6f0d['replace']('_', ''));
  6023.                _0xd6f3d8.parent().appendTo(_0x34de8d.children('.sub-menu'))
  6024.            }
  6025.        }
  6026.    }
  6027. });
  6028. $(function () {
  6029.    var _0x43faa6 = $('#main-nav').find('ul');
  6030.    var _0x1a7d1f = false;
  6031.    _0x43faa6['on']('click', function () {
  6032.        if (_0x43faa6.height() > 0) {
  6033.            if ('xyBxZ' === 'JLKRa') {
  6034.                var _0x3d0d0b = entry['content']['$t']
  6035.            } else {
  6036.                if (!_0x1a7d1f) {
  6037.                    _0x43faa6.css('height', 'auto');
  6038.                    _0x1a7d1f = true
  6039.                } else {
  6040.                    _0x43faa6.css('height', '50px');
  6041.                    _0x1a7d1f = false
  6042.                }
  6043.            }
  6044.        }
  6045.    });
  6046.    var _0x4e18b5 = $('.top-nav-icon');
  6047.    var _0x20b72e = $('.top-nav-wrapper .widget:first-child ul');
  6048.    _0x4e18b5['on']('click', function () {
  6049.        _0x20b72e['slideToggle']()
  6050.    })
  6051. });
  6052. //]]>
  6053. </script> <!-- Search & To Top Functionality -->
  6054.  
  6055. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  6056. <script>
  6057. //<![CDATA[
  6058.  
  6059. /* Slider Widget
  6060. --------------------------------------*/
  6061.  
  6062. var slider = $('#slider .widget-content');
  6063. var sliderContent = slider.text().trim();
  6064. slider.addClass('clearfix');
  6065. var windowWidth = window.innerWidth;
  6066. if (windowWidth > 480) {
  6067.    if ((sliderContent.toLowerCase() !== 'no') && (sliderContent !== '"no"')) {
  6068.        if (sliderContent !== "recent") {
  6069.            $.ajax({
  6070.                url: "/feeds/posts/default/-/" + sliderContent + "?alt=json-in-script&max-results=4",
  6071.                type: "get",
  6072.                dataType: "jsonp",
  6073.                success: function (e) {
  6074.                    var img = new Array();
  6075.                    var numOfEntries = e.feed.entry.length;
  6076.                    for (var i = 0; i < numOfEntries; i++) {
  6077.                        var entry = e.feed.entry[i];
  6078.                        var posttitle = entry.title.$t;
  6079.                        var posturl;
  6080.                        for (var k = 0; k < entry.link.length; k++) {
  6081.                            if (entry.link[k].rel == 'alternate') {
  6082.                                posturl = entry.link[k].href;
  6083.                                break
  6084.                            }
  6085.                        }
  6086.                        if ("content" in entry) {
  6087.                            var postcontent = entry.content.$t
  6088.                        }
  6089.                        s = postcontent;
  6090.                        a = s.indexOf("<img");
  6091.                        b = s.indexOf("src=\"", a);
  6092.                        c = s.indexOf("\"", b + 5);
  6093.                        d = s.substr(b + 5, c - b - 5);
  6094.                        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  6095.                            img[i] = d;
  6096.                            var post_image = img[i]
  6097.                        } else {
  6098.                            var post_image = no_image_url
  6099.                        }
  6100.                        var post_comments;
  6101.                        var comment_url;
  6102.                        for (var k = 0; k < entry.link.length; k++) {
  6103.                            if ((entry.link[k].rel === 'replies') && (entry.link[k].type === 'text/html')) {
  6104.                                post_comments = entry.link[k].title;
  6105.                                comment_url = entry.link[k].href;
  6106.                                break
  6107.                            }
  6108.                        }
  6109.                        post_comments = parseInt(post_comments, 10);
  6110.                        var postdate = entry.published.$t;
  6111.                        var day = postdate.split("-")[2].substring(0, 2);
  6112.                        var m = postdate.split("-")[1];
  6113.                        var y = postdate.split("-")[0];
  6114.                        var daystr = day + '.' + m + '.' + y;
  6115.                        if (sliderContent !== entry.category[0] && entry.category.length !== 0) {
  6116.                            var category = '<a class="post-category" href="/search/label/' + entry.category[0].term + '?max-results=7">' + entry.category[0].term + '</a>'
  6117.                        } else {
  6118.                            var category = '<a class="post-category" href="/search/label/' + entry.category[1].term + '?max-results=7">' + entry.category[1].term + '</a>'
  6119.                        }
  6120.                        if (i === 0) {
  6121.                            var trtd1 = '<li class="slider-item" id="slider-item1">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
  6122.                        } else if (i === 1) {
  6123.                            var trtd2 = '<li class="slider-item" id="slider-item2">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
  6124.                        } else if (i === 2) {
  6125.                            var trtd3 = '<li class="slider-item" id="slider-item3">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
  6126.                        } else {
  6127.                            var trtd4 = '<li class="slider-item" id="slider-item4">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
  6128.                        }
  6129.                    }
  6130.                    slider.html("<ul class='clearfix'>" + trtd1 + trtd2 + trtd3 + trtd4 + "</ul>")
  6131.                }
  6132.            })
  6133.        } else if (sliderContent === "recent") {
  6134.            $.ajax({
  6135.                url: "/feeds/posts/default?alt=json-in-script&max-results=4",
  6136.                type: "get",
  6137.                dataType: "jsonp",
  6138.                success: function (e) {
  6139.                    var img = new Array();
  6140.                    var trtd = '';
  6141.                    var numOfEntries = e.feed.entry.length;
  6142.                    for (var i = 0; i < numOfEntries; i++) {
  6143.                        var entry = e.feed.entry[i];
  6144.                        var posttitle = entry.title.$t;
  6145.                        var posturl;
  6146.                        for (var k = 0; k < entry.link.length; k++) {
  6147.                            if (entry.link[k].rel == 'alternate') {
  6148.                                posturl = entry.link[k].href;
  6149.                                break
  6150.                            }
  6151.                        }
  6152.                        if ("content" in entry) {
  6153.                            var postcontent = entry.content.$t
  6154.                        }
  6155.                        s = postcontent;
  6156.                        a = s.indexOf("<img");
  6157.                        b = s.indexOf("src=\"", a);
  6158.                        c = s.indexOf("\"", b + 5);
  6159.                        d = s.substr(b + 5, c - b - 5);
  6160.                        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  6161.                            img[i] = d;
  6162.                            var post_image = img[i]
  6163.                        } else {
  6164.                            var post_image = no_image_url
  6165.                        }
  6166.                        var post_comments;
  6167.                        var comment_url;
  6168.                        for (var k = 0; k < entry.link.length; k++) {
  6169.                            if ((entry.link[k].rel === 'replies') && (entry.link[k].type === 'text/html')) {
  6170.                                post_comments = entry.link[k].title;
  6171.                                comment_url = entry.link[k].href;
  6172.                                break
  6173.                            }
  6174.                        }
  6175.                        post_comments = parseInt(post_comments, 10);
  6176.                        var postdate = entry.published.$t;
  6177.                        var day = postdate.split("-")[2].substring(0, 2);
  6178.                        var m = postdate.split("-")[1];
  6179.                        var y = postdate.split("-")[0];
  6180.                        var daystr = day + '.' + m + '.' + y;
  6181.                        if (sliderContent !== entry.category[0] && entry.category.length !== 0) {
  6182.                            var category = '<a class="post-category" href="/search/label/' + entry.category[0].term + '?max-results=7">' + entry.category[0].term + '</a>'
  6183.                        } else {
  6184.                            var category = '<a class="post-category" href="/search/label/' + entry.category[1].term + '?max-results=7">' + entry.category[1].term + '</a>'
  6185.                        }
  6186.                        if (i === 0) {
  6187.                            var trtd1 = '<li class="slider-item" id="slider-item1">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
  6188.                        } else if (i === 1) {
  6189.                            var trtd2 = '<li class="slider-item" id="slider-item2">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
  6190.                        } else if (i === 2) {
  6191.                            var trtd3 = '<li class="slider-item" id="slider-item3">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
  6192.                        } else {
  6193.                            var trtd4 = '<li class="slider-item" id="slider-item4">' + category + '<a href="' + posturl + '" class="slider-image" style="background: url(' + post_image + ') no-repeat center; background-size: cover;"></a><div class="slider-post-info"><a href="' + posturl + '"><h2 class="heading">' + posttitle + '</h2></a><span class="publish-date"><i class="fa fa-clock-o icon"></i>' + daystr + '</span><a class="comments" href="' + comment_url + '"><i class="fa fa-comment icon"></i>' + post_comments + '</a></div></li>'
  6194.                        }
  6195.                    }
  6196.                    slider.html("<ul class='clearfix'>" + trtd1 + trtd2 + trtd3 + trtd4 + "</ul>")
  6197.                }
  6198.            })
  6199.        }
  6200.    } else {
  6201.        $(".slider-wrapper").remove()
  6202.    }
  6203. }
  6204.  
  6205. //]]>  
  6206. </script><!-- Slider Ajax Requests -->
  6207.  
  6208. <script>
  6209. //<![CDATA[
  6210.  
  6211.  $(".home-widgets .HTML").each(function (index) {
  6212.  
  6213.    var widget = $(this);
  6214.    var widgetContent = widget.children(".widget-content");
  6215.    var widgetContentText = widgetContent.text().trim();
  6216.    var a = widgetContentText.match(/[^[\]]+(?=])/g);
  6217.    a[1] = a[1].toLowerCase();
  6218.    widgetContent.addClass(a[1]).addClass("clearfix");
  6219.  
  6220.    if(a[1] === "stack") {
  6221.  
  6222.      $.ajax({
  6223.        url: "/feeds/posts/default/-/"+ a[0] +"?alt=json-in-script&max-results="+ stackPostsNum +"",
  6224.        type: "get",
  6225.        dataType: "jsonp",
  6226.        success: function (e) {
  6227.  
  6228.          var img = new Array();
  6229.          var trtd = '';
  6230.          var numOfEntries = e.feed.entry.length;
  6231.  
  6232.          for (var i = 0; i < numOfEntries; i++) {
  6233.            var entry = e.feed.entry[i];
  6234.            var posttitle = entry.title.$t;
  6235.            var posturl;
  6236.  
  6237.            for (var k = 0; k < entry.link.length; k++) {
  6238.              if (entry.link[k].rel == 'alternate') {
  6239.                posturl = entry.link[k].href;
  6240.                break;
  6241.              }
  6242.            }
  6243.  
  6244.            for (var k = 0; k < entry.link.length; k++) {
  6245.              if ((entry.link[k].rel === 'replies') && (entry.link[k].type === 'text/html')) {
  6246.                post_comments = entry.link[k].title;
  6247.                comment_url = entry.link[k].href;
  6248.                break;
  6249.              }
  6250.            }
  6251.  
  6252.            if ("content" in entry) {
  6253.              var postcontent = entry.content.$t;
  6254.            }
  6255.  
  6256.            s = postcontent;
  6257.            a = s.indexOf("<img");
  6258.            b = s.indexOf("src=\"", a);
  6259.            c = s.indexOf("\"", b + 5);
  6260.            d = s.substr(b + 5, c - b - 5);
  6261.  
  6262.            if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  6263.              img[i] = d;
  6264.              var post_image = img[i];
  6265.            } else {
  6266.              var post_image = no_image_url;
  6267.            }
  6268.  
  6269.            var summary = postcontent.replace(/<.+?>/g, '').substring(0, 90).trim() + "...";
  6270.            summary = summary.split(" ");
  6271.            summary.pop();
  6272.            summary = summary.join(" ")  + "...";
  6273.  
  6274.            var share = '<div class="post-share-wrapper"><span class="share-icon"><i class="fa fa-share"></i></span><div class="post-share"><a class="post-share_link facebook" href="http://www.facebook.com/sharer.php?u='+ posturl +'" target="_blank"><i class="fa fa-facebook"></i></a><a class="post-share_link twitter" href="http://twitter.com/share?url='+ posturl +'" target="_blank"><i class="fa fa-twitter"></i></a><a class="post-share_link pinterest" href="http://pinterest.com/pin/create/button/?source_url='+ posturl +'" onclick="javascript:window.open(this.href, &apos;&apos;, &apos;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600&apos;);return false;" target="_blank"><i class="fa fa-pinterest"></i></a></div></div>'
  6275.  
  6276.            var trtd = trtd + '<li class="stack-post clearfix"><a href="'+ posturl +'" class="stack-post-image" style="background: url('+ post_image +') no-repeat center; background-size: cover;"></a>'+ share +'<a href="'+ posturl +'"><h2 class="stack-post-title anchor-hover">'+ posttitle +'</h2></a><p class="stack-post-summary">'+ summary +'</p></li>';
  6277.  
  6278.          }
  6279.  
  6280.          widgetContent.html("<ul class='stack-posts-wrapper'>" + trtd + "</ul>");
  6281.        }
  6282.  
  6283.      });
  6284.    } else if(a[1] === "btop") {
  6285.  
  6286.      $.ajax({
  6287.        url: "/feeds/posts/default/-/"+ a[0] +"?alt=json-in-script&max-results="+ btopPostsNum +"",
  6288.        type: "get",
  6289.        dataType: "jsonp",
  6290.        success: function (e) {
  6291.  
  6292.          var img = new Array();
  6293.          var trtd2 = '';
  6294.          var numOfEntries = e.feed.entry.length;
  6295.  
  6296.          for (var i = 0; i < numOfEntries; i++) {
  6297.            var entry = e.feed.entry[i];
  6298.            var posttitle = entry.title.$t;
  6299.            var posturl;
  6300.            var ll = entry.link.length;
  6301.  
  6302.            for (var k = 0; k < ll; k++) {
  6303.              if (entry.link[k].rel == 'alternate') {
  6304.                posturl = entry.link[k].href;
  6305.                break;
  6306.              }
  6307.            }
  6308.  
  6309.            for (var k = 0; k < ll; k++) {
  6310.              if ((entry.link[k].rel === 'replies') && (entry.link[k].type === 'text/html')) {
  6311.                post_comments = entry.link[k].title;
  6312.                comment_url = entry.link[k].href;
  6313.                break;
  6314.              }
  6315.            }
  6316.  
  6317.            if ("content" in entry) {
  6318.              var postcontent = entry.content.$t;
  6319.            }
  6320.  
  6321.            s = postcontent;
  6322.            a = s.indexOf("<img");
  6323.            b = s.indexOf("src=\"", a);
  6324.            c = s.indexOf("\"", b + 5);
  6325.            d = s.substr(b + 5, c - b - 5);
  6326.  
  6327.            if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  6328.              img[i] = d;
  6329.              var post_image = img[i];
  6330.            } else {
  6331.              var post_image = no_image_url;
  6332.            }
  6333.  
  6334.            if(i===0) {
  6335.              var postdate = entry.published.$t;
  6336.              var day = postdate.split("-")[2].substring(0,2);
  6337.              var m = postdate.split("-")[1];
  6338.              var y = postdate.split("-")[0];
  6339.              var months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
  6340.              var daystr = '<strong class="day">' + day + '</strong>' + '<br/>' + months[m-1] + '<br/>' + y;
  6341.  
  6342.              var summary = postcontent.replace(/<.+?>/g, '').substring(0, 140).trim() + "...";
  6343.  
  6344.              var share = '<div class="post-share-wrapper"><span class="share-icon"><i class="fa fa-share"></i></span><div class="post-share"><a class="post-share_link facebook" href="http://www.facebook.com/sharer.php?u='+ posturl +'" target="_blank"><i class="fa fa-facebook"></i></a><a class="post-share_link twitter" href="http://twitter.com/share?url='+ posturl +'" target="_blank"><i class="fa fa-twitter"></i></a><a class="post-share_link pinterest" href="http://pinterest.com/pin/create/button/?source_url='+ posturl +'" onclick="javascript:window.open(this.href, &apos;&apos;, &apos;menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600&apos;);return false;" target="_blank"><i class="fa fa-pinterest"></i></a></div></div>'
  6345.  
  6346.              var trtd1 = '<div class="big-post"><span class="btop-timestamp">'+ daystr +'</span><div class="big-post-image-wrapper"><a href="'+ posturl +'" class="big-post-image" style="background: url('+ post_image +') no-repeat center; background-size: cover;"></a>'+ share +'</div><div class="btop-info-wrapper"><a href="'+ posturl +'"><h2 class="big-post-title heading anchor-hover">'+ posttitle +'</h2></a><p class="btop-post-summary">'+ summary +'</p></div></div>';
  6347.  
  6348.            }
  6349.            else
  6350.            {
  6351.              var post_image = img[i].replace('s1600/', 's150-c/');
  6352.              trtd2 = trtd2 + '<li class="btop-post"><a href="'+ posturl +'" class="btop-post-image" style="background: url('+ post_image +') no-repeat center; background-size: cover;"></a><a href="'+ posturl +'"><h2 class="btop-post-title anchor-hover">'+ posttitle +'</h2></a></li>';
  6353.            }
  6354.          }
  6355.  
  6356.          widgetContent.html(trtd1 + "<ul class='btop-small-posts'>" + trtd2 + "</ul>");
  6357.        }
  6358.  
  6359.      });
  6360.    } else if(a[1] === "grids") {
  6361.  
  6362.      $.ajax({
  6363.        url: "/feeds/posts/default/-/"+ a[0] +"?alt=json-in-script&max-results="+ gridsPostsNum +"",
  6364.        type: "get",
  6365.        dataType: "jsonp",
  6366.        success: function (e) {
  6367.  
  6368.          var img = new Array();
  6369.          var trtd = '';
  6370.          var numOfEntries = e.feed.entry.length;
  6371.  
  6372.          for (var i = 0; i < numOfEntries; i++) {
  6373.            var entry = e.feed.entry[i];
  6374.            var posttitle = entry.title.$t;
  6375.            var posturl;
  6376.  
  6377.            for (var k = 0; k < entry.link.length; k++) {
  6378.              if (entry.link[k].rel == 'alternate') {
  6379.                posturl = entry.link[k].href;
  6380.                break;
  6381.              }
  6382.            }
  6383.  
  6384.            for (var k = 0; k < entry.link.length; k++) {
  6385.              if ((entry.link[k].rel === 'replies') && (entry.link[k].type === 'text/html')) {
  6386.                post_comments = entry.link[k].title;
  6387.                comment_url = entry.link[k].href;
  6388.                break;
  6389.              }
  6390.            }
  6391.  
  6392.            if ("content" in entry) {
  6393.              var postcontent = entry.content.$t;
  6394.            }
  6395.  
  6396.            s = postcontent;
  6397.            a = s.indexOf("<img");
  6398.            b = s.indexOf("src=\"", a);
  6399.            c = s.indexOf("\"", b + 5);
  6400.            d = s.substr(b + 5, c - b - 5);
  6401.  
  6402.            if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  6403.              img[i] = d;
  6404.              var post_image = img[i];
  6405.            } else {
  6406.              var post_image = no_image_url;
  6407.            }
  6408.            
  6409.            var trtd = trtd + '<li class="grids-post"><a href="'+ posturl +'" class="grids-post-image" style="background: url('+ post_image +') no-repeat center; background-size: cover;"></a><a href="'+ posturl +'"><h2 class="grids-post-title anchor-hover">'+ posttitle +'</h2></a></li>';
  6410.          }
  6411.  
  6412.          widgetContent.html("<ul class='grids-posts-wrapper clearfix'>" + trtd + "</ul>");
  6413.        }
  6414.  
  6415.      });
  6416.    } else if(a[1] === "slideshow") {
  6417.        widgetContent.attr("id", "slideshow" + "b" + index);
  6418.  
  6419.        $.ajax({
  6420.          url: "/feeds/posts/default/-/"+ a[0] +"?alt=json-in-script&max-results="+ slideshowPostsNum +"",
  6421.          type: "get",
  6422.          dataType: "jsonp",
  6423.          success: function (e) {
  6424.  
  6425.            var img = new Array();
  6426.            var trtd = '';
  6427.            var numOfEntries = e.feed.entry.length;
  6428.  
  6429.            for (var i = numOfEntries-1; i > -1; i--) {
  6430.              var entry = e.feed.entry[i];
  6431.              var posttitle = entry.title.$t;
  6432.              var posturl;
  6433.  
  6434.              for (var k = 0; k < entry.link.length; k++) {
  6435.                if (entry.link[k].rel == 'alternate') {
  6436.                  posturl = entry.link[k].href;
  6437.                  break;
  6438.                }
  6439.              }
  6440.  
  6441.              if ("content" in entry) {
  6442.                var postcontent = entry.content.$t;
  6443.              }
  6444.  
  6445.              s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
  6446.  
  6447.              if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  6448.                img[i] = d;
  6449.                var post_image = img[i];
  6450.              } else {
  6451.                var post_image = no_image_url;
  6452.              }
  6453.  
  6454.              var summary = postcontent.replace(/<.+?>/g, '').substring(0, 80).trim() + "...";
  6455.  
  6456.              if(i === 0){
  6457.                var trtd = trtd + '<li class="slideshow-post active-slide"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><div class="title-summary-wrapper"><a href="'+ posturl +'" class="post-title"><h3 class="heading anchor-hover">'+ posttitle +'</h3></a><p class="post-summary">'+ summary +'</p></div></li>';
  6458.              } else {
  6459.                var trtd = trtd + '<li class="slideshow-post"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><div class="title-summary-wrapper"><a href="'+ posturl +'" class="post-title"><h3 class="heading anchor-hover">'+ posttitle +'</h3></a><p class="post-summary">'+ summary +'</p></div></li>';
  6460.              }
  6461.            }
  6462.            var arrowsCode = '<span class="left-arrow arrow"><i class="fa fa-chevron-left"></i></span><span class="right-arrow arrow"><i class="fa fa-chevron-right"></i></span>';
  6463.            widgetContent.html(arrowsCode + '<ul class="slideshow-posts-wrapper">' + trtd + '</ul>');
  6464.            
  6465.            var slideShow = $("#slideshowb"+index+"");
  6466.             var left = slideShow.children(".left-arrow");
  6467.            var right = slideShow.children(".right-arrow");
  6468.            var activeSlide;
  6469.            var postsWrapper;
  6470.  
  6471.            function slideshowL() {
  6472.              postsWrapper = $(this).siblings(".slideshow-posts-wrapper");
  6473.              activeSlide = postsWrapper.children(".active-slide");
  6474.              if(activeSlide.index() === 0) {
  6475.                activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
  6476.                postsWrapper.children(".slideshow-post").eq(numOfEntries-1).addClass("active-slide fadeIn").removeClass("fadeOut");
  6477.              } else {
  6478.                activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
  6479.                activeSlide.prev().addClass("active-slide fadeIn").removeClass("fadeOut");
  6480.              }
  6481.            }
  6482.  
  6483.            function slideshowR() {
  6484.              postsWrapper = $(this).siblings(".slideshow-posts-wrapper");
  6485.              activeSlide = postsWrapper.children(".active-slide");
  6486.              if(activeSlide.index() === numOfEntries-1) {
  6487.                activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
  6488.                postsWrapper.children(".slideshow-post").eq(0).addClass("active-slide fadeIn").removeClass("fadeOut");
  6489.              } else {
  6490.                activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
  6491.                activeSlide.next().addClass("fadeIn active-slide").removeClass("fadeOut");
  6492.              }
  6493.            }
  6494.  
  6495.            left.on("click", slideshowL);
  6496.            right.on("click", slideshowR);
  6497.  
  6498. /*
  6499.            var arr;
  6500.            var height;
  6501.            var maxHeight = 0;
  6502.            var imageHeight;
  6503.            var wrapperHeight;
  6504.            var slideshowPosts = slideShow.find(".slideshow-post");
  6505.  
  6506.            slideshowPosts.each(function(){
  6507.              var _self = $(this);
  6508.              imageHeight = _self.children(".post-image").outerHeight();
  6509.              wrapperHeight = _self.children(".title-summary-wrapper").outerHeight();
  6510.              height = imageHeight + wrapperHeight;
  6511.              if(height > maxHeight) {
  6512.                maxHeight = height;
  6513.              }
  6514.            });
  6515.  
  6516.            slideShow.css("height", maxHeight);
  6517.  
  6518.            function autoPlaySlideshow() {
  6519.              slideshowAutoPlay = setInterval (function (){
  6520.                postsWrapper = slideShow.find(".slideshow-posts-wrapper");
  6521.                activeSlide = postsWrapper.children(".active-slide");
  6522.                if(activeSlide.index() === numOfEntries-1) {
  6523.                  activeSlide.addClass("fadeOut").removeClass("fadeIn").removeClass("active-slide");
  6524.                  postsWrapper.children(".slideshow-post").eq(0).addClass("fadeIn").removeClass("fadeOut").addClass("active-slide");
  6525.                } else {
  6526.                  activeSlide.addClass("fadeOut").removeClass("fadeIn").removeClass("active-slide");
  6527.                  activeSlide.next().addClass("fadeIn").removeClass("fadeOut").addClass("active-slide");
  6528.                }
  6529.              }, 3000);
  6530.            };
  6531.            
  6532.            autoPlaySlideshow();
  6533.            
  6534.            slideShow.on("mouseenter", function () {
  6535.              clearInterval(slideshowAutoPlay);
  6536.            });
  6537.  
  6538.            slideShow.on("mouseleave", autoPlaySlideshow);
  6539. */
  6540.          }
  6541.        });
  6542.      }
  6543.  });
  6544.  
  6545. /*---- Add the title "Latest Posts" to the Blog widget ----*/
  6546. var blog = $(".Blog");
  6547. var blogHeader = "<div class='title'>latest posts</div>";
  6548. blog.prepend(blogHeader);
  6549.  
  6550. //]]>  
  6551. </script>
  6552. </b:if>
  6553.  
  6554. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  6555. <script>
  6556. //<![CDATA[
  6557.  
  6558. /* Sidebar Widgets
  6559. --------------------------------------*/
  6560. var no_image_url = 'https://2.bp.blogspot.com/-0PTH--hIAHU/VsC6iFnrJII/AAAAAAAAAZg/msMKLIaI8rE/s1600/no_img_url.png';
  6561. $(".sidebar-wrapper1 .HTML").each(function (index) {
  6562.    var widget = $(this);
  6563.    var widgetContent = widget.children(".widget-content");
  6564.    var widgetContentText = widgetContent.text().trim();
  6565.    var wct = widgetContentText.toLowerCase();
  6566.    var a = widgetContentText.match(/[^[\]]+(?=])/g);
  6567.    if (wct.charAt(0) === "[") {
  6568.        if (a[0] === "verticalposts" || a[0] === "vertical posts") {
  6569.            widgetContent.addClass("verticalposts");
  6570.            $.ajax({
  6571.                url: "/feeds/posts/default/-/" + a[1] + "?alt=json-in-script&max-results=" + verticalPostsNum + "",
  6572.                type: "get",
  6573.                dataType: "jsonp",
  6574.                success: function (e) {
  6575.                    var img = new Array();
  6576.                    var trtd = '';
  6577.                    var numOfEntries = e.feed.entry.length;
  6578.                    for (var i = 0; i < numOfEntries; i++) {
  6579.                        var entry = e.feed.entry[i];
  6580.                        var posttitle = entry.title.$t;
  6581.                        var posturl;
  6582.                        for (var k = 0; k < entry.link.length; k++) {
  6583.                            if (entry.link[k].rel == 'alternate') {
  6584.                                posturl = entry.link[k].href;
  6585.                                break
  6586.                            }
  6587.                        }
  6588.                        if ("content" in entry) {
  6589.                            var postcontent = entry.content.$t
  6590.                        }
  6591.                        s = postcontent;
  6592.                        a = s.indexOf("<img");
  6593.                        b = s.indexOf("src=\"", a);
  6594.                        c = s.indexOf("\"", b + 5);
  6595.                        d = s.substr(b + 5, c - b - 5);
  6596.                        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  6597.                            img[i] = d;
  6598.                            var post_image = img[i]
  6599.                        } else {
  6600.                            var post_image = no_image_url
  6601.                        }
  6602.                        var trtd = trtd + '<li class="vertical-post clearfix"><a href="' + posturl + '" class="post-image" style="background: url(' + post_image + ') no-repeat center;background-size: cover"></a><a href="' + posturl + '"><h3 class="post-title anchor-hover">' + posttitle + '</h3></a></li>'
  6603.                    }
  6604.                    widgetContent.html("<ul class='vertical-posts-wrapper'>" + trtd + "</ul>")
  6605.                }
  6606.            })
  6607.        }
  6608.    }
  6609. });
  6610.  
  6611.  $(".sidebar-wrapper2 .HTML").each(function (index) {
  6612.  
  6613.    var widget = $(this);
  6614.    var widgetContent = widget.children(".widget-content");
  6615.    var widgetContentText = widgetContent.text().trim();
  6616.     var wct = widgetContentText.toLowerCase();
  6617.  
  6618.    if((wct === "randomposts1") || (wct === "random posts1")) {
  6619.      
  6620.      widgetContent.addClass("randomposts1");
  6621.  
  6622.      $.ajax({
  6623.        url: "/feeds/posts/default?alt=json-in-script",
  6624.        type: "get",
  6625.        dataType: "jsonp",
  6626.        success: function (e) {
  6627.  
  6628.          var entryLength = e.feed.entry.length,
  6629.              a = entryLength - sidebarRandomPostsNum,
  6630.              n = Math.floor(Math.random() * (a + 1));
  6631.  
  6632.          $.ajax({
  6633.            url: "/feeds/posts/default?alt=json-in-script&end-index=" + n + "",
  6634.            type: "get",
  6635.            dataType: "jsonp",
  6636.            success: function (e) {
  6637.  
  6638.              var img  = new Array();
  6639.              var trtd = '';
  6640.  
  6641.              for (var i = 0; i < sidebarRandomPostsNum; i++) {
  6642.                var entry = e.feed.entry[n+i];
  6643.                var posttitle = entry.title.$t;
  6644.                var posturl;
  6645.                var post_comments;
  6646.                var comment_url;
  6647.  
  6648.                for (var k = 0; k < entry.link.length; k++) {
  6649.                  if (entry.link[k].rel == 'alternate') {
  6650.                    posturl = entry.link[k].href;
  6651.                    break;
  6652.                  }
  6653.                }
  6654.  
  6655.                for (var k = 0; k < entry.link.length; k++) {
  6656.                  if ((entry.link[k].rel === 'replies') && (entry.link[k].type === 'text/html')) {
  6657.                    post_comments = entry.link[k].title;
  6658.                    comment_url = entry.link[k].href;
  6659.                    break;
  6660.                  }
  6661.                }
  6662.  
  6663.                if ("content" in entry) {
  6664.                  var postcontent = entry.content.$t;
  6665.                }
  6666.  
  6667.                s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
  6668.  
  6669.                if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  6670.                  img[n] = d;
  6671.                  var post_image = img[n];
  6672.                } else {
  6673.                  var post_image = no_image_url;
  6674.                }
  6675.  
  6676.                var trtd = trtd + '<li class="post-wrapper clearfix"><a href="'+ posturl +'" class="random_post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><a href="'+ posturl +'"><h3 class="random_post-title anchor-hover">'+ posttitle +'</h3></a><a href="'+ comment_url +'" class="post-comments"><i class="fa fa-comment-o icon"></i>'+ post_comments +'</a></li>';
  6677.  
  6678.              }
  6679.              widgetContent.html('<ul class="random-posts">' + trtd + '</ul>');
  6680.            }
  6681.          });
  6682.        }
  6683.      });
  6684.  
  6685.    } else if((wct === "randomposts2") || (wct === "random posts2")) {
  6686.      
  6687.      widgetContent.addClass("randomposts2");
  6688.  
  6689.      $.ajax({
  6690.        url: "/feeds/posts/default?alt=json-in-script",
  6691.        type: "get",
  6692.        dataType: "jsonp",
  6693.        success: function (e) {
  6694.  
  6695.          var entryLength = e.feed.entry.length,
  6696.              a = entryLength - sidebarRandomPostsNum,
  6697.              n = Math.floor(Math.random() * (a + 1));
  6698.  
  6699.          $.ajax({
  6700.            url: "/feeds/posts/default?alt=json-in-script&end-index=" + n + "",
  6701.            type: "get",
  6702.            dataType: "jsonp",
  6703.            success: function (e) {
  6704.  
  6705.              var img  = new Array();
  6706.              var trtd = '';
  6707.  
  6708.              for (var i = 0; i < sidebarRandomPostsNum; i++) {
  6709.                var entry = e.feed.entry[n+i];
  6710.                var posttitle = entry.title.$t;
  6711.                var posturl;
  6712.  
  6713.                for (var k = 0; k < entry.link.length; k++) {
  6714.                  if (entry.link[k].rel == 'alternate') {
  6715.                    posturl = entry.link[k].href;
  6716.                    break;
  6717.                  }
  6718.                }
  6719.  
  6720.                if ("content" in entry) {
  6721.                  var postcontent = entry.content.$t;
  6722.                }
  6723.  
  6724.                s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
  6725.  
  6726.                if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  6727.                  img[n] = d;
  6728.                  var post_image = img[n];
  6729.                } else {
  6730.                  var post_image = no_image_url;
  6731.                }
  6732.  
  6733.                var summary = postcontent.replace(/<.+?>/g, '').substring(0, 70).trim() + "...";
  6734.                
  6735.                var trtd = trtd + '<li class="post-wrapper clearfix"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><div class="title-summary-wrapper"><a href="'+ posturl +'" class="post-title"><h3 class="heading">'+ posttitle +'</h3></a><p class="post-summary">'+ summary +'</p></div></li>';
  6736.  
  6737.              }
  6738.              widgetContent.html('<ul class="random-posts">' + trtd + '</ul>');
  6739.            }
  6740.          });
  6741.        }
  6742.      });
  6743.  
  6744.    } else if((wct === "recentposts1") || (wct === "recent posts1")) {
  6745.  
  6746.      widgetContent.addClass("recentposts1");
  6747.  
  6748.      $.ajax({
  6749.        url: "/feeds/posts/default?alt=json-in-script&max-results="+ sidebarRecentPostsNum +"",
  6750.        type: "get",
  6751.        dataType: "jsonp",
  6752.        success: function (e) {
  6753.  
  6754.          var img = new Array();
  6755.          var trtd = '';
  6756.          var numOfEntries = e.feed.entry.length;
  6757.  
  6758.          for (var i = 0; i < numOfEntries; i++) {
  6759.            var entry = e.feed.entry[i];
  6760.            var posttitle = entry.title.$t;
  6761.            var posturl;
  6762.  
  6763.            for (var k = 0; k < entry.link.length; k++) {
  6764.              if (entry.link[k].rel == 'alternate') {
  6765.                posturl = entry.link[k].href;
  6766.                break;
  6767.              }
  6768.            }
  6769.  
  6770.            if ("content" in entry) {
  6771.              var postcontent = entry.content.$t;
  6772.            }
  6773.  
  6774.            s = postcontent;
  6775.            a = s.indexOf("<img");
  6776.            b = s.indexOf("src=\"", a);
  6777.            c = s.indexOf("\"", b + 5);
  6778.            d = s.substr(b + 5, c - b - 5);
  6779.  
  6780.            if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  6781.              img[i] = d;
  6782.              var post_image = img[i];
  6783.            } else {
  6784.              var post_image = no_image_url;
  6785.            }
  6786.  
  6787.            var trtd = trtd + '<li class="recent-post-item"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center; background-size: cover;"></a><a href="'+ posturl +'" class="post-title"><h2 class="heading anchor-hover">'+ posttitle +'</h2></a></li>';
  6788.  
  6789.          }
  6790.  
  6791.          widgetContent.html("<ul class='recent-posts-wrapper'>" + trtd + "</ul>");
  6792.        }
  6793.  
  6794.      });
  6795.    } else if((wct === "recentposts2") || (wct === "recent posts2")) {
  6796.  
  6797.      widgetContent.addClass("recentposts2");
  6798.  
  6799.      $.ajax({
  6800.        url: "/feeds/posts/default?alt=json-in-script&max-results="+ sidebarRecentPostsNum +"",
  6801.        type: "get",
  6802.        dataType: "jsonp",
  6803.        success: function (e) {
  6804.  
  6805.          var img = new Array();
  6806.          var trtd = '';
  6807.          var numOfEntries = e.feed.entry.length;
  6808.  
  6809.          for (var i = 0; i < numOfEntries; i++) {
  6810.            var entry = e.feed.entry[i];
  6811.            var posttitle = entry.title.$t;
  6812.            var posturl;
  6813.  
  6814.            for (var k = 0; k < entry.link.length; k++) {
  6815.              if (entry.link[k].rel == 'alternate') {
  6816.                posturl = entry.link[k].href;
  6817.                break;
  6818.              }
  6819.            }
  6820.  
  6821.            if ("content" in entry) {
  6822.              var postcontent = entry.content.$t;
  6823.            }
  6824.  
  6825.            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
  6826.  
  6827.            if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  6828.              img[i] = d;
  6829.              var post_image = img[i];
  6830.            } else {
  6831.              var post_image = no_image_url;
  6832.            }
  6833.  
  6834.            var summary = postcontent.replace(/<.+?>/g, '').substring(0, 70).trim() + "...";
  6835.  
  6836.            var trtd = trtd + '<li class="post-wrapper clearfix"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><div class="title-summary-wrapper"><a href="'+ posturl +'" class="post-title"><h3 class="heading">'+ posttitle +'</h3></a><p class="post-summary">'+ summary +'</p></div></li>';
  6837.  
  6838.          }
  6839.          widgetContent.html("<ul class='recent-posts-wrapper'>" + trtd + "</ul>");
  6840.        }
  6841.  
  6842.      });
  6843.    } else if(wct === "recentcomments") {
  6844.  
  6845.        $.ajax({
  6846.          url: "/feeds/comments/default?alt=json-in-script&max-results="+ sidebarRecentCommentsNum +"",
  6847.          type: "get",
  6848.          dataType: "jsonp",
  6849.          success: function (e) {
  6850.  
  6851.            var trtd = '';
  6852.            var numOfEntries = e.feed.entry.length;
  6853.  
  6854.            for (var i = 0; i < numOfEntries ; i++) {
  6855.              var entry = e.feed.entry[i];
  6856.              var comment_content = entry.title.$t;
  6857.              var comment_author = entry.author[0].name.$t;
  6858.              var author_avatar = entry.author[0].gd$image.src;
  6859.              var commenturl;
  6860.  
  6861.              for (var k = 0; k < entry.link.length; k++) {
  6862.                if (entry.link[k].rel == 'alternate') {
  6863.                  commenturl = entry.link[k].href;
  6864.                  break;
  6865.                }
  6866.              }
  6867.  
  6868.              trtd = trtd + '<li class="comment"><img src="'+ author_avatar +'" class="comment-avatar" alt="Commenter avatar" height="32px" width="32px"/><h6 class="comment-author">'+ comment_author +'</h6><a href="'+ commenturl +'" class="comment-content anchor-hover">'+ comment_content +'</a></li>';
  6869.  
  6870.            }
  6871.  
  6872.            widgetContent.html("<ul class='recent-comments-wrapper'>" + trtd + "</ul>");
  6873.  
  6874.          }
  6875.  
  6876.        });
  6877.    } else if(widgetContentText.charAt(0) === "[") {
  6878.      var a = widgetContentText.match(/[^[\]]+(?=])/g);
  6879.      widgetContent.addClass(a[0]);
  6880.  
  6881.      if(a[0].toLowerCase() === "socialcounter") {
  6882.        var content = '';
  6883.        var c = a.length;
  6884.  
  6885.        for(i=1; i<c; i+=3) {
  6886.          var content = content + '<li class="social_item-wrapper"><a href="'+ a[i+1] +'" class="social_item social_'+ a[i] +'"><i class="fa fa-'+ a[i] +' social_icon"></i><span class="social_num">'+ a[i+2] +'</span></a></li>'
  6887.        }    
  6888.  
  6889.        widgetContent.html('<ul class="social-counter">' +  content + '</ul>');
  6890.  
  6891.      } else if(a[0].toLowerCase() === "slideshow") {
  6892.        widgetContent.attr("id", "slideshow" + "s" + index);
  6893.  
  6894.        $.ajax({
  6895.          url: "/feeds/posts/default/-/"+ a[1] +"?alt=json-in-script&max-results="+ slideshowPostsNum +"",
  6896.          type: "get",
  6897.          dataType: "jsonp",
  6898.          success: function (e) {
  6899.  
  6900.            var img = new Array();
  6901.            var trtd = '';
  6902.            var numOfEntries = e.feed.entry.length;
  6903.  
  6904.            for (var i = numOfEntries-1; i > -1; i--) {
  6905.              var entry = e.feed.entry[i];
  6906.              var posttitle = entry.title.$t;
  6907.              var posturl;
  6908.  
  6909.              for (var k = 0; k < entry.link.length; k++) {
  6910.                if (entry.link[k].rel == 'alternate') {
  6911.                  posturl = entry.link[k].href;
  6912.                  break;
  6913.                }
  6914.              }
  6915.  
  6916.              if ("content" in entry) {
  6917.                var postcontent = entry.content.$t;
  6918.              }
  6919.  
  6920.              s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
  6921.  
  6922.              if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  6923.                img[i] = d;
  6924.                var post_image = img[i];
  6925.              } else {
  6926.                var post_image = no_image_url;
  6927.              }
  6928.  
  6929.              var summary = postcontent.replace(/<.+?>/g, '').substring(0, 90).trim() + "...";
  6930.  
  6931.              if(i === 0){
  6932.                var trtd = trtd + '<li class="slideshow-post active-slide"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><div class="title-summary-wrapper"><a href="'+ posturl +'" class="post-title"><h3 class="heading anchor-hover">'+ posttitle +'</h3></a><p class="post-summary">'+ summary +'</p></div></li>';
  6933.              } else {
  6934.                var trtd = trtd + '<li class="slideshow-post"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><div class="title-summary-wrapper"><a href="'+ posturl +'" class="post-title"><h3 class="heading anchor-hover">'+ posttitle +'</h3></a><p class="post-summary">'+ summary +'</p></div></li>';
  6935.              }
  6936.            }
  6937.            var arrowsCode = '<span class="left-arrow arrow"><i class="fa fa-chevron-left"></i></span><span class="right-arrow arrow"><i class="fa fa-chevron-right"></i></span>';
  6938.            widgetContent.html(arrowsCode + '<ul class="slideshow-posts-wrapper">' + trtd + '</ul>');
  6939.            
  6940.            var slideShow = $("#slideshows"+index+"");
  6941.             var left = slideShow.children(".left-arrow");
  6942.            var right = slideShow.children(".right-arrow");
  6943.            var activeSlide;
  6944.            var postsWrapper;
  6945.  
  6946.            function slideshowL() {
  6947.              postsWrapper = $(this).siblings(".slideshow-posts-wrapper");
  6948.              activeSlide = postsWrapper.children(".active-slide");
  6949.              if(activeSlide.index() === 0) {
  6950.                activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
  6951.                postsWrapper.children(".slideshow-post").eq(numOfEntries-1).addClass("active-slide fadeIn").removeClass("fadeOut");
  6952.              } else {
  6953.                activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
  6954.                activeSlide.prev().addClass("active-slide fadeIn").removeClass("fadeOut");
  6955.              }
  6956.            }
  6957.  
  6958.            function slideshowR() {
  6959.              postsWrapper = $(this).siblings(".slideshow-posts-wrapper");
  6960.              activeSlide = postsWrapper.children(".active-slide");
  6961.              if(activeSlide.index() === numOfEntries-1) {
  6962.                activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
  6963.                postsWrapper.children(".slideshow-post").eq(0).addClass("active-slide fadeIn").removeClass("fadeOut");
  6964.              } else {
  6965.                activeSlide.addClass("fadeOut").removeClass("fadeIn active-slide");
  6966.                activeSlide.next().addClass("fadeIn active-slide").removeClass("fadeOut");
  6967.              }
  6968.            }
  6969.  
  6970.            left.on("click", slideshowL);
  6971.            right.on("click", slideshowR);
  6972.  
  6973. /*
  6974.            var arr;
  6975.            var height;
  6976.            var maxHeight = 0;
  6977.            var imageHeight;
  6978.            var wrapperHeight;
  6979.            var slideshowPosts = slideShow.find(".slideshow-post");
  6980.  
  6981.            slideshowPosts.each(function(){
  6982.              var _self = $(this);
  6983.              imageHeight = _self.children(".post-image").outerHeight();
  6984.              wrapperHeight = _self.children(".title-summary-wrapper").outerHeight();
  6985.              height = imageHeight + wrapperHeight;
  6986.              if(height > maxHeight) {
  6987.                maxHeight = height;
  6988.              }
  6989.            });
  6990.  
  6991.            slideShow.css("height", maxHeight);
  6992.  
  6993.            function autoPlaySlideshow() {
  6994.              slideshowAutoPlay = setInterval (function (){
  6995.                postsWrapper = slideShow.find(".slideshow-posts-wrapper");
  6996.                activeSlide = postsWrapper.children(".active-slide");
  6997.                if(activeSlide.index() === numOfEntries-1) {
  6998.                  activeSlide.addClass("fadeOut").removeClass("fadeIn").removeClass("active-slide");
  6999.                  postsWrapper.children(".slideshow-post").eq(0).addClass("fadeIn").removeClass("fadeOut").addClass("active-slide");
  7000.                } else {
  7001.                  activeSlide.addClass("fadeOut").removeClass("fadeIn").removeClass("active-slide");
  7002.                  activeSlide.next().addClass("fadeIn").removeClass("fadeOut").addClass("active-slide");
  7003.                }
  7004.              }, 3000);
  7005.            };
  7006.            
  7007.            autoPlaySlideshow();
  7008.            
  7009.            slideShow.on("mouseenter", function () {
  7010.              clearInterval(slideshowAutoPlay);
  7011.            });
  7012.  
  7013.            slideShow.on("mouseleave", autoPlaySlideshow);
  7014. */
  7015.          }
  7016.        });
  7017.      } else if(a[0] === "verticalposts" || a[0] === "vertical posts") {
  7018.        $.ajax({
  7019.        url: "/feeds/posts/default/-/"+ a[1] +"?alt=json-in-script&max-results="+ verticalPostsNum +"",
  7020.        type: "get",
  7021.        dataType: "jsonp",
  7022.        success: function (e) {
  7023.  
  7024.          var img = new Array();
  7025.          var trtd = '';
  7026.          var numOfEntries = e.feed.entry.length;
  7027.  
  7028.          for (var i = 0; i < numOfEntries; i++) {
  7029.            var entry = e.feed.entry[i];
  7030.            var posttitle = entry.title.$t;
  7031.            var posturl;
  7032.  
  7033.            for (var k = 0; k < entry.link.length; k++) {
  7034.              if (entry.link[k].rel == 'alternate') {
  7035.                posturl = entry.link[k].href;
  7036.                break;
  7037.              }
  7038.            }
  7039.  
  7040.            if ("content" in entry) {
  7041.              var postcontent = entry.content.$t;
  7042.            }
  7043.  
  7044.            s = postcontent; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
  7045.  
  7046.            if ((a != -1) && (b != -1) && (c != -1) && (d != "")) {
  7047.              img[i] = d;
  7048.              var post_image = img[i];
  7049.            } else {
  7050.              var post_image = no_image_url;
  7051.            }
  7052.  
  7053.            var trtd = trtd + '<li class="vertical-post clearfix"><a href="'+ posturl +'" class="post-image" style="background: url('+ post_image +') no-repeat center;background-size: cover"></a><a href="'+ posturl +'"><h3 class="post-title anchor-hover">'+ posttitle +'</h3></a></li>';
  7054.  
  7055.          }
  7056.          widgetContent.html("<ul class='vertical-posts-wrapper'>" + trtd + "</ul>");
  7057.        }
  7058.  
  7059.      });
  7060.      }
  7061.    }
  7062.  });
  7063.  
  7064.  /*---- Add the sub headline to "follow by email" widget ----*/
  7065.  var f = $(".FollowByEmail .widget-content");
  7066.  if(f.length) {
  7067.    f.prepend("<p class='subhead'>"+ followByEmailMessage +"</p>");
  7068.  }
  7069.  
  7070.  /*---- Remove the paranthesis in the List Label widget ----*/
  7071.  var l = $(".list-label-widget-content li span");
  7072.  if(l.length) {
  7073.    var s;
  7074.    var a;
  7075.    l.each(function (){
  7076.      var _self = $(this);
  7077.      s = _self.text().trim();
  7078.      a = s.replace(/\D/g, "");
  7079.      _self.text(a);
  7080.    });
  7081.  }
  7082.  
  7083. //]]>
  7084. </script><!-- Sidebar AJAX Requests -->
  7085.  
  7086. <script>
  7087. //<![CDATA[
  7088.  
  7089.  $(function(){
  7090.  
  7091.    var tabsWrapper = $(".sidebartabs-wrapper");    
  7092.    var tabWidget = tabsWrapper.find(".widget");    
  7093.    var tabs = $(".sidebartab-item");
  7094.  
  7095.    tabsWrapper.each(function(){
  7096.      var _self = $(this),
  7097.          s = _self.find(".widget");
  7098.      if (s.length < 2) {
  7099.        _self.remove();
  7100.      }
  7101.      else
  7102.      {
  7103.        var widgetsTitle = s.children("h2");
  7104.        var tabItems = _self.find(".sidebartab-item");    
  7105.        var len = tabItems.length;
  7106.  
  7107.        for(var i=0; i < len; i++) {
  7108.          tabItems.eq(i).html(widgetsTitle.eq(i).text());
  7109.        }
  7110.      }    
  7111.    });
  7112.  
  7113.    tabs.on("click", function (e) {
  7114.      var _self = $(this),
  7115.          index = tabs.index(_self);
  7116.  
  7117.      _self.addClass("activetab");
  7118.      _self.siblings().removeClass("activetab");
  7119.      tabWidget.eq(index).addClass("show").removeClass("hide");
  7120.      tabWidget.eq(index).siblings().addClass("hide").removeClass("show");
  7121.    });
  7122.  
  7123.  });
  7124.  
  7125. // ]]>
  7126. </script><!-- sidebar tabs -->
  7127. </b:if>
  7128.  
  7129. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  7130. <script>
  7131. //<![CDATA[
  7132.  
  7133. if (showPagination) {
  7134.    $("#blog-pager").addClass("hide");
  7135.    $.ajax({
  7136.        url: "/feeds/posts/default?alt=json-in-script&max-results=10000",
  7137.        type: "get",
  7138.        dataType: "jsonp",
  7139.        success: function (e) {
  7140.            var numOfEntries = e.feed.entry.length;
  7141.            var postOuter = $(".post-outer");
  7142.            var postOuterLength = postOuter.length;
  7143.            var len = postOuterLength;
  7144.            var numOfPages = Math.ceil(numOfEntries / postOuterLength);
  7145.            if (numOfPages !== 1) {
  7146.                var entryWanted = e.feed.entry[postOuterLength - 1];
  7147.                var pd = entryWanted.published.$t.replace(/\.\d*/, "");
  7148.                var code = '<span class="pagination-item active-page">1</span><a class="pagination-item" href="/search?updated-max=' + pd + '&max-results=' + len + '">2</a>';
  7149.                var next = '<a class="pagination-cont" href="/search?updated-max=' + pd + '&max-results=' + len + '">next</a>';
  7150.                var div = '<div class="pagination">';
  7151.                for (var i = 0; i < numOfPages - 2; i++) {
  7152.                    postOuterLength = postOuterLength + len;
  7153.                    entryWanted = e.feed.entry[postOuterLength - 1];
  7154.                    pd = entryWanted.published.$t.replace(/\.\d*/, "");
  7155.                    if (i !== (numOfPages - 3)) {
  7156.                        code = code + '<a class="pagination-item" href="/search?updated-max=' + pd + '&max-results=' + len + '">' + (i + 3) + '</a>'
  7157.                    } else {
  7158.                        code = code + '<a class="pagination-item" href="/search?updated-max=' + pd + '&max-results=' + len + '">' + (i + 3) + '</a></div>'
  7159.                    }
  7160.                }
  7161.                $(".Blog").append(div + code)
  7162.            }
  7163.            var p = $(".pagination");
  7164.            p.append(next);
  7165.            var pages = $(".pagination-item");
  7166.            if (pages.length >= 12) {
  7167.                var thirdPage = $(".pagination-item").eq(2);
  7168.                var dots = "<span id='pDots'>...  </span>";
  7169.                pages.addClass("hide");
  7170.                thirdPage.after(dots);
  7171.                for (var i = 0; i < 3; i++) {
  7172.                    pages.eq(i).removeClass("hide")
  7173.                }
  7174.                pages.eq(length - 2).removeClass("hide");
  7175.                pages.eq(length - 1).removeClass("hide")
  7176.            }
  7177.        },
  7178.        error: function () {
  7179.            $("#blog-pager").removeClass("hide")
  7180.        }
  7181.    })
  7182. }
  7183. //]]>
  7184. </script><!-- Homepage Pagination -->
  7185. </b:if>
  7186.  
  7187. <b:if cond='data:blog.pageType == &quot;index&quot; and data:blog.url != data:blog.homepageUrl'>
  7188. <script>
  7189. //<![CDATA[
  7190.  
  7191. if (showPagination) {
  7192.    $("#blog-pager").addClass("hide");
  7193.    var label = $(".status-msg-body").children("b").text().trim();
  7194.    if (label.length) {
  7195.        $.ajax({
  7196.            url: "/feeds/posts/default/-/" + label + "?alt=json-in-script&max-results=10000",
  7197.            type: "get",
  7198.            dataType: "jsonp",
  7199.            success: function (e) {
  7200.                var url = location.href;
  7201.                var h = url.match(/max-results=\d*/);
  7202.                var maxResults = h[0].replace("max-results=", "") * 1;
  7203.                var len = maxResults * 1;
  7204.                var numOfEntries = e.feed.entry.length;
  7205.                var numOfPages = Math.ceil(numOfEntries / maxResults);
  7206.                var a = url.match(/updated-max=[^a-z][^\&]*/);
  7207.                if (a !== null) {
  7208.                    var s = a[0].replace("updated-max=", "");
  7209.                    s = s.replace(/\.\d*/, "")
  7210.                }
  7211.                if (numOfPages !== 1) {
  7212.                    var entryWanted = e.feed.entry[maxResults - 1];
  7213.                    var pd = entryWanted.published.$t.replace(/\.\d*/, "");
  7214.                    if (a === null) {
  7215.                        var code = '<span class="pagination-item active-page">1</span><a href="/search/label/' + label + '?updated-max=' + pd + '&max-results=' + len + '" class="pagination-item">2</a>'
  7216.                    } else {
  7217.                        if (s === pd) {
  7218.                            var code = '<a href="/search/label/' + label + '?&max-results=' + len + '" class="pagination-item">1</a><span class="pagination-item active-page">2</span>'
  7219.                        } else {
  7220.                            var code = '<a class="pagination-item"  href="/search/label/' + label + '?&max-results=' + len + '">1</a><a href="/search/label/' + label + '?updated-max=' + pd + '&max-results=' + len + '" class="pagination-item">2</a>'
  7221.                        }
  7222.                    }
  7223.                    var div = '<div class="pagination">';
  7224.                    if (numOfPages !== 2) {
  7225.                        for (var i = 0; i < numOfPages - 2; i++) {
  7226.                            maxResults = maxResults + len;
  7227.                            entryWanted = e.feed.entry[maxResults - 1];
  7228.                            pd = entryWanted.published.$t.replace(/\.\d*/, "");
  7229.                            if (i !== (numOfPages - 3)) {
  7230.                                if (s === pd) {
  7231.                                    code = code + '<span class="pagination-item active-page">' + (i + 3) + '</span>'
  7232.                                } else {
  7233.                                    code = code + '<a class="pagination-item" href="/search/label/' + label + '?updated-max=' + pd + '&max-results=' + len + '">' + (i + 3) + '</a>'
  7234.                                }
  7235.                            } else {
  7236.                                if (s === pd) {
  7237.                                    code = code + '<span class="pagination-item active-page">' + (i + 3) + '</span></div>'
  7238.                                } else {
  7239.                                    code = code + '<a class="pagination-item" href="/search/label/' + label + '?updated-max=' + pd + '&max-results=' + len + '">' + (i + 3) + '</a></div>'
  7240.                                }
  7241.                            }
  7242.                        }
  7243.                    }
  7244.                    $(".Blog").append(div + code)
  7245.                }
  7246.                var p = $(".pagination");
  7247.                var pitems = $(".pagination-item");
  7248.                var activeElem = $(".active-page");
  7249.                var lp = pitems.eq(pitems.length - 1);
  7250.                var next = activeElem.next().attr("href");
  7251.                var prev = activeElem.prev().attr("href");
  7252.                var prevElem = "<a class='pagination-cont' href='" + prev + "'>prev</a>";
  7253.                var nextElem = "<a class='pagination-cont' href='" + next + "'>next</a>";
  7254.                if (a !== null) {
  7255.                    p.prepend(prevElem);
  7256.                    if (!(lp.hasClass("active-page"))) {
  7257.                        p.append(nextElem)
  7258.                    }
  7259.                } else {
  7260.                    p.append(nextElem)
  7261.                }
  7262.                var numOfPages = pitems.length;
  7263.                if (numOfPages >= 12) {
  7264.                    var index = pitems.index(activeElem);
  7265.                    var dots = "<span id='pDots'>...  </span>";
  7266.                    if (index < 4) {
  7267.                        var fourthPage = $(".pagination-item").eq(3);
  7268.                        pitems.addClass("hide");
  7269.                        for (var i = 0; i < 4; i++) {
  7270.                            pitems.eq(i).removeClass("hide")
  7271.                        }
  7272.                        if (index === 3) {
  7273.                            pitems.eq(4).removeClass("hide");
  7274.                            pitems.eq(5).removeClass("hide").after(dots)
  7275.                        } else {
  7276.                            fourthPage.after(dots)
  7277.                        }
  7278.                        pitems.eq(numOfPages - 1).removeClass("hide")
  7279.                    } else {
  7280.                        pitems.eq(0).after(dots);
  7281.                        if (index < numOfPages - 5) {
  7282.                            pitems.eq(index + 2).after(dots);
  7283.                            pitems.addClass("hide");
  7284.                            pitems.eq(0).removeClass("hide");
  7285.                            pitems.eq(index).removeClass("hide");
  7286.                            pitems.eq(index + 1).removeClass("hide");
  7287.                            pitems.eq(index + 2).removeClass("hide");
  7288.                            pitems.eq(index - 1).removeClass("hide");
  7289.                            pitems.eq(index - 2).removeClass("hide");
  7290.                            pitems.eq(numOfPages - 1).removeClass("hide")
  7291.                        } else {
  7292.                            for (var i = 0; i < index - 2; i++) {
  7293.                                pitems.eq(i).addClass("hide")
  7294.                            }
  7295.                            pitems.eq(0).removeClass("hide")
  7296.                        }
  7297.                    }
  7298.                }
  7299.            },
  7300.            error: function () {
  7301.                $("#blog-pager").removeClass("hide")
  7302.            }
  7303.        })
  7304.    } else {
  7305.        $.ajax({
  7306.            url: "/feeds/posts/default?alt=json-in-script&max-results=10000",
  7307.            type: "get",
  7308.            dataType: "jsonp",
  7309.            success: function (e) {
  7310.                var url = location.href;
  7311.                var h = url.match(/max-results=\d*/);
  7312.                var maxResults = h[0].replace("max-results=", "") * 1;
  7313.                var len = maxResults * 1;
  7314.                var numOfEntries = e.feed.entry.length;
  7315.                var numOfPages = Math.ceil(numOfEntries / maxResults);
  7316.                var a = url.match(/updated-max=[^a-z][^\&]*/);
  7317.                var s = a[0].replace("updated-max=", "");
  7318.                s = s.replace(/\.\d*/, "");
  7319.                if (numOfPages !== 1) {
  7320.                    var entryWanted = e.feed.entry[maxResults - 1];
  7321.                    var pd = entryWanted.published.$t.replace(/\.\d*/, "");
  7322.                    if (s === pd) {
  7323.                        var code = '<a href="/" class="pagination-item">1</a><span class="pagination-item active-page">2</span>'
  7324.                    } else {
  7325.                        var code = '<a href="/" class="pagination-item">1</a><a class="pagination-item" href="/search?updated-max=' + pd + '&max-results=' + len + '">2</a>'
  7326.                    }
  7327.                    var div = '<div class="pagination">';
  7328.                    if (numOfPages !== 2) {
  7329.                        for (var i = 0; i < numOfPages - 2; i++) {
  7330.                            maxResults = maxResults + len;
  7331.                            entryWanted = e.feed.entry[maxResults - 1];
  7332.                            pd = entryWanted.published.$t.replace(/\.\d*/, "");
  7333.                            if (i !== (numOfPages - 3)) {
  7334.                                if (s === pd) {
  7335.                                    code = code + '<span class="pagination-item active-page">' + (i + 3) + '</span>'
  7336.                                } else {
  7337.                                    code = code + '<a class="pagination-item" href="/search?updated-max=' + pd + '&max-results=' + len + '">' + (i + 3) + '</a>'
  7338.                                }
  7339.                            } else {
  7340.                                if (s === pd) {
  7341.                                    code = code + '<span class="pagination-item active-page">' + (i + 3) + '</span></div>'
  7342.                                } else {
  7343.                                    code = code + '<a class="pagination-item" href="/search?updated-max=' + pd + '&max-results=' + len + '">' + (i + 3) + '</a></div>'
  7344.                                }
  7345.                            }
  7346.                        }
  7347.                    }
  7348.                    $(".Blog").append(div + code)
  7349.                }
  7350.                var p = $(".pagination");
  7351.                var pitems = $(".pagination-item");
  7352.                var activeElem = $(".active-page");
  7353.                var lp = pitems.eq(pitems.length - 1);
  7354.                var next = activeElem.next().attr("href");
  7355.                var prev = activeElem.prev().attr("href");
  7356.                var prevElem = "<a class='pagination-cont' href='" + prev + "'>prev</a>";
  7357.                var nextElem = "<a class='pagination-cont' href='" + next + "'>next</a>";
  7358.                p.prepend(prevElem);
  7359.                if (!(lp.hasClass("active-page"))) {
  7360.                    p.append(nextElem)
  7361.                }
  7362.                var numOfPages = pitems.length;
  7363.                if (numOfPages >= 12) {
  7364.                    var index = pitems.index(activeElem);
  7365.                    var dots = "<span id='pDots'>...  </span>";
  7366.                    if (index < 4) {
  7367.                        var fourthPage = $(".pagination-item").eq(3);
  7368.                        pitems.addClass("hide");
  7369.                        for (var i = 0; i < 4; i++) {
  7370.                            pitems.eq(i).removeClass("hide")
  7371.                        }
  7372.                        if (index === 3) {
  7373.                            pitems.eq(4).removeClass("hide");
  7374.                            pitems.eq(5).removeClass("hide").after(dots)
  7375.                        } else {
  7376.                            fourthPage.after(dots)
  7377.                        }
  7378.                        pitems.eq(numOfPages - 1).removeClass("hide")
  7379.                    } else {
  7380.                        pitems.eq(0).after(dots);
  7381.                        if (index < numOfPages - 5) {
  7382.                            pitems.eq(index + 2).after(dots);
  7383.                            pitems.addClass("hide");
  7384.                            pitems.eq(0).removeClass("hide");
  7385.                            pitems.eq(index).removeClass("hide");
  7386.                            pitems.eq(index + 1).removeClass("hide");
  7387.                            pitems.eq(index + 2).removeClass("hide");
  7388.                            pitems.eq(index - 1).removeClass("hide");
  7389.                            pitems.eq(index - 2).removeClass("hide");
  7390.                            pitems.eq(numOfPages - 1).removeClass("hide")
  7391.                        } else {
  7392.                            for (var i = 0; i < index - 2; i++) {
  7393.                                pitems.eq(i).addClass("hide")
  7394.                            }
  7395.                            pitems.eq(0).removeClass("hide")
  7396.                        }
  7397.                    }
  7398.                }
  7399.            },
  7400.            error: function () {
  7401.                $("#blog-pager").removeClass("hide")
  7402.            }
  7403.        })
  7404.    }
  7405. }
  7406. //]]>
  7407. </script><!-- Index Pages Pagination -->
  7408. </b:if>
  7409.  
  7410. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  7411. <script>
  7412. // <![CDATA[
  7413.  
  7414. /* Related Posts
  7415. -----------------------------------------------------------*/
  7416.  
  7417.  var labels = $(".post-label-anchor"),
  7418.      labelsLength = labels.length,
  7419.      relatedPostsUL = $("#related-posts").children("ul");
  7420.  
  7421.  if(labelsLength) {
  7422.  
  7423.    var labelText;
  7424.  
  7425.    if(labelsLength === 1) {
  7426.      labelText = labels.text().trim();
  7427.  
  7428.      $.ajax({
  7429.        url: "/feeds/posts/default/-/"+ labelText +"?alt=json-in-script&max-results=100",
  7430.        type: 'get',
  7431.        dataType: "jsonp",
  7432.        success: function (data) {
  7433.  
  7434.          var posturl = "";
  7435.          var htmlcode = '';
  7436.          var numOfEntries = data.feed.entry.length;
  7437.          var numOfPostsToBeDisplayed;
  7438.  
  7439.          if(numOfEntries < 3) {
  7440.            numOfPostsToBeDisplayed = numOfEntries;
  7441.          } else {
  7442.            numOfPostsToBeDisplayed = 3;
  7443.          }
  7444.  
  7445.          var randomNumber;
  7446.          if(numOfEntries >= 4) {
  7447.            randomNumber = [];
  7448.            for(var a = 0; a < numOfEntries; a++) {
  7449.              randomNumber[a] = a;
  7450.            }
  7451.          }
  7452.  
  7453.          var c = 0;
  7454.          for (var i = 0; i < numOfPostsToBeDisplayed ; i++) {
  7455.  
  7456.            var entry,
  7457.                entryToBeChoosen;
  7458.  
  7459.            if(numOfEntries > 3){
  7460.              entryToBeChoosen = randomNumber.splice(Math.floor(Math.random() * (numOfEntries - c)), 1);
  7461.              entry = data.feed.entry[entryToBeChoosen];
  7462.              c += 1;
  7463.            } else {
  7464.              entry = data.feed.entry[i];
  7465.            }
  7466.  
  7467.            var posttitle = entry.title.$t;
  7468.            var entryTitle = $(".entry-title").text().toLowerCase().trim();
  7469.  
  7470.            if(numOfEntries > 3 && entryTitle === posttitle.toLowerCase()) {
  7471.              entryToBeChoosen = randomNumber.splice(Math.floor(Math.random() * (numOfEntries - c - 1)), 1);
  7472.              entry = data.feed.entry[entryToBeChoosen];
  7473.              posttitle = entry.title.$t;
  7474.              c += 2;
  7475.            }
  7476.  
  7477.            if((numOfEntries === 3 || numOfEntries === 2 ) && entryTitle === posttitle.toLowerCase()) {
  7478.              i += 1;
  7479.              entry = data.feed.entry[i];
  7480.              posttitle = entry.title.$t;
  7481.            }
  7482.  
  7483.            for (var j = 0; j < entry.link.length; j++) {
  7484.              if (entry.link[j].rel == "alternate") {
  7485.                posturl = entry.link[j].href;
  7486.                break
  7487.              }
  7488.            }
  7489.  
  7490.            var content = entry.content.$t;
  7491.            var $content = $('<div>').html(content);
  7492.  
  7493.            if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1) {
  7494.              var src2 = entry.media$thumbnail.url;
  7495.              var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + src2 + ') no-repeat center center;background-size: cover"/>';
  7496.              } else if (content.indexOf("<img") > -1) {
  7497.                var src = $content.find('img:first').attr('src');
  7498.                var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + src + ') no-repeat center center;background-size: cover"/>';
  7499.                } else {
  7500.                  var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + no_image_url + ') no-repeat center center;background-size: cover"/>';
  7501.                  }
  7502.            htmlcode = '<li class="related-post-item clearfix"><div class="related-thumb">' + thumb + '</div><h3 class="related-post-title"><a href="' + posturl + '">' + posttitle + '</a></h3></li>';
  7503.            relatedPostsUL.append(htmlcode);
  7504.          }
  7505.  
  7506.          $('.related-post-img').each(function () {
  7507.            $(this).attr('style', function (i, src) {
  7508.              return src.replace('/default.jpg', '/mqdefault.jpg')
  7509.            }).attr('style', function (i, src) {
  7510.              return src.replace('s72-c', 's1600')
  7511.            })
  7512.          });
  7513.        }
  7514.      });
  7515.  
  7516.    } else if(labelsLength === 2) {
  7517.  
  7518.      var theFirstLabel = labels.eq(0).text().trim();
  7519.      var theLastLabel = labels.eq(1).text().trim();
  7520.  
  7521.      $.ajax({
  7522.        url: "/feeds/posts/default/-/" + theFirstLabel + "?alt=json-in-script&max-results=100",
  7523.        type: 'get',
  7524.        dataType: "jsonp",
  7525.        success: function (data) {
  7526.  
  7527.          if(data.feed.entry.length < 3) {
  7528.  
  7529.            $.ajax({
  7530.              url: "/feeds/posts/default/-/" + theLastLabel + "?alt=json-in-script&max-results=100",
  7531.              type: 'get',
  7532.              dataType: "jsonp",
  7533.              success: function (data) {
  7534.  
  7535.                var posturl = "";
  7536.                var htmlcode = '';
  7537.                var numOfEntries = data.feed.entry.length;
  7538.                var numOfPostsToBeDisplayed;
  7539.  
  7540.                if(numOfEntries < 3) {
  7541.                  numOfPostsToBeDisplayed = numOfEntries;
  7542.                } else {
  7543.                  numOfPostsToBeDisplayed = 3;
  7544.                }
  7545.  
  7546.                var randomNumber;
  7547.                if(numOfEntries >= 4) {
  7548.                  randomNumber = [];
  7549.                  for(var a = 0; a < numOfEntries; a++) {
  7550.                    randomNumber[a] = a;
  7551.                  }
  7552.                }
  7553.  
  7554.  
  7555.                var c = 0;
  7556.                for (var i = 0; i < numOfPostsToBeDisplayed ; i++) {
  7557.  
  7558.                  var entry,
  7559.                      entryToBeChoosen;
  7560.  
  7561.                  if(numOfEntries > 3){
  7562.                    entryToBeChoosen = randomNumber.splice(Math.floor(Math.random() * (numOfEntries - c)), 1);
  7563.                    entry = data.feed.entry[entryToBeChoosen];
  7564.                    c += 1;
  7565.                  } else {
  7566.                    entry = data.feed.entry[i];
  7567.                  }
  7568.  
  7569.                  var posttitle = entry.title.$t;
  7570.                  var entryTitle = $(".entry-title").text().toLowerCase().trim();
  7571.  
  7572.                  if(numOfEntries > 3 && entryTitle === posttitle.toLowerCase()) {
  7573.                    entryToBeChoosen = randomNumber.splice(Math.floor(Math.random() * (numOfEntries - c - 1)), 1);
  7574.                    entry = data.feed.entry[entryToBeChoosen];
  7575.                    posttitle = entry.title.$t;
  7576.                    c += 2;
  7577.                  }
  7578.  
  7579.                  if((numOfEntries === 3 || numOfEntries === 2 ) && entryTitle === posttitle.toLowerCase()) {
  7580.                    i += 1;
  7581.                    entry = data.feed.entry[i];
  7582.                    posttitle = entry.title.$t;
  7583.                  }
  7584.  
  7585.                  for (var j = 0; j < entry.link.length; j++) {
  7586.                    if (entry.link[j].rel == "alternate") {
  7587.                      posturl = entry.link[j].href;
  7588.                      break
  7589.                    }
  7590.                  }
  7591.  
  7592.                  var content = entry.content.$t;
  7593.                  var $content = $('<div>').html(content);
  7594.  
  7595.                  if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1) {
  7596.                    var src2 = entry.media$thumbnail.url;
  7597.                    var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + src2 + ') no-repeat center center;background-size: cover"/>';
  7598.                    } else if (content.indexOf("<img") > -1) {
  7599.                      var src = $content.find('img:first').attr('src');
  7600.                      var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + src + ') no-repeat center center;background-size: cover"/>';
  7601.                      } else {
  7602.                        var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + no_image_url + ') no-repeat center center;background-size: cover"/>';
  7603.                        }
  7604.                  htmlcode = '<li class="related-post-item clearfix"><div class="related-thumb">' + thumb + '</div><h3 class="related-post-title"><a href="' + posturl + '">' + posttitle + '</a></h3></li>';
  7605.                  relatedPostsUL.append(htmlcode);
  7606.                }
  7607.  
  7608.                $('.related-post-img').each(function () {
  7609.                  $(this).attr('style', function (i, src) {
  7610.                    return src.replace('/default.jpg', '/mqdefault.jpg')
  7611.                  }).attr('style', function (i, src) {
  7612.                    return src.replace('s72-c', 's1600')
  7613.                  })
  7614.                });
  7615.              }
  7616.            });
  7617.          } else {
  7618.  
  7619.            var posturl = "";
  7620.            var htmlcode = '';
  7621.            var numOfEntries = data.feed.entry.length;
  7622.            var numOfPostsToBeDisplayed;
  7623.  
  7624.            if(numOfEntries < 3) {
  7625.              numOfPostsToBeDisplayed = numOfEntries;
  7626.            } else {
  7627.              numOfPostsToBeDisplayed = 3;
  7628.            }
  7629.  
  7630.            var randomNumber;
  7631.            if(numOfEntries >= 4) {
  7632.              randomNumber = [];
  7633.              for(var a = 0; a < numOfEntries; a++) {
  7634.                randomNumber[a] = a;
  7635.              }
  7636.            }
  7637.  
  7638.            var c = 0;
  7639.            for (var i = 0; i < numOfPostsToBeDisplayed ; i++) {
  7640.  
  7641.              var entry,
  7642.                  entryToBeChoosen;
  7643.  
  7644.              if(numOfEntries > 3){
  7645.                entryToBeChoosen = randomNumber.splice(Math.floor(Math.random() * (numOfEntries - c)), 1);
  7646.                entry = data.feed.entry[entryToBeChoosen];
  7647.                c += 1;
  7648.              } else {
  7649.                entry = data.feed.entry[i];
  7650.              }
  7651.  
  7652.              var posttitle = entry.title.$t;
  7653.              var entryTitle = $(".entry-title").text().toLowerCase().trim();
  7654.  
  7655.              if(numOfEntries > 3 && entryTitle === posttitle.toLowerCase()) {
  7656.                entryToBeChoosen = randomNumber.splice(Math.floor(Math.random() * (numOfEntries - c - 1)), 1);
  7657.                entry = data.feed.entry[entryToBeChoosen];
  7658.                posttitle = entry.title.$t;
  7659.                c += 2;
  7660.              }
  7661.  
  7662.              if((numOfEntries === 3 || numOfEntries === 2 ) && entryTitle === posttitle.toLowerCase()) {
  7663.                i += 1;
  7664.                entry = data.feed.entry[i];
  7665.                posttitle = entry.title.$t;
  7666.              }
  7667.  
  7668.              for (var j = 0; j < entry.link.length; j++) {
  7669.                if (entry.link[j].rel == "alternate") {
  7670.                  posturl = entry.link[j].href;
  7671.                  break
  7672.                }
  7673.              }
  7674.  
  7675.              var content = entry.content.$t;
  7676.              var $content = $('<div>').html(content);
  7677.  
  7678.              if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1) {
  7679.                var src2 = entry.media$thumbnail.url;
  7680.                var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + src2 + ') no-repeat center center;background-size: cover"/>';
  7681.                } else if (content.indexOf("<img") > -1) {
  7682.                  var src = $content.find('img:first').attr('src');
  7683.                  var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + src + ') no-repeat center center;background-size: cover"/>';
  7684.                  } else {
  7685.                    var thumb = '<a class="related-post-img" href="' + posturl + '" style="background:url(' + no_image_url + ') no-repeat center center;background-size: cover"/>';
  7686.                    }
  7687.              htmlcode = '<li class="related-post-item clearfix"><div class="related-thumb">' + thumb + '</div><h3 class="related-post-title"><a href="' + posturl + '">' + posttitle + '</a></h3></li>';
  7688.              relatedPostsUL.append(htmlcode);
  7689.            }
  7690.  
  7691.            $('.related-post-img').each(function () {
  7692.              $(this).attr('style', function (i, src) {
  7693.                return src.replace('/default.jpg', '/mqdefault.jpg')
  7694.              }).attr('style', function (i, src) {
  7695.                return src.replace('s72-c', 's1600')
  7696.              })
  7697.            });
  7698.  
  7699.          } // else if (data.feed.entry.length >= 2)          
  7700.        } // theFirstLabel success function
  7701.      }); // theFirstLabel ajax request
  7702.  
  7703.    } else if (labelsLength >= 3) {
  7704.  
  7705.      var label1 = labels.eq(0).text().trim(),
  7706.          label2 = labels.eq(1).text().trim(),
  7707.          label3 = labels.eq(2).text().trim();
  7708.  
  7709.      $.ajax({
  7710.        url: "/feeds/posts/default/-/"+ label1 +"?alt=json-in-script&max-results=100",
  7711.        type: 'get',
  7712.        dataType: "jsonp",
  7713.        success: function (data) {
  7714.  
  7715.          var entry,
  7716.              posturl = "",
  7717.              entryToBeChoosen,
  7718.              numOfEntries = data.feed.entry.length;
  7719.  
  7720.          if (numOfEntries > 1) {
  7721.            entryToBeChoosen = Math.floor(Math.random() * numOfEntries);
  7722.            entry = data.feed.entry[entryToBeChoosen];
  7723.          } else {
  7724.            entry = data.feed.entry[0];
  7725.          }
  7726.  
  7727.          var posttitle = entry.title.$t;
  7728.          var entryTitle = $(".entry-title").text().toLowerCase().trim();
  7729.  
  7730.          if(numOfEntries > 1 && entryTitle === posttitle.toLowerCase()) {
  7731.            if(entryToBeChoosen === 0) {
  7732.              entryToBeChoosen = Math.floor((Math.random() * (numOfEntries-1) + 1));
  7733.              entry = data.feed.entry[entryToBeChoosen];
  7734.            } else {
  7735.              entry = data.feed.entry[0];
  7736.            }
  7737.            posttitle = entry.title.$t;
  7738.          }
  7739.  
  7740.          for (var j = 0; j < entry.link.length; j++) {
  7741.            if (entry.link[j].rel == "alternate") {
  7742.              posturl = entry.link[j].href;
  7743.              break
  7744.            }
  7745.          }
  7746.  
  7747.          var content = entry.content.$t;
  7748.          var $content = $('<div>').html(content);
  7749.  
  7750.          if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1) {
  7751.            var src2 = entry.media$thumbnail.url;
  7752.            var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ src2 +') no-repeat center center;background-size: cover"/>'
  7753.            } else if (content.indexOf("<img") > -1) {
  7754.              var src = $content.find('img:first').attr('src');
  7755.              var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ src +') no-repeat center center;background-size: cover"/>'
  7756.              } else {
  7757.                var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ no_image_url +') no-repeat center center;background-size: cover"/>'
  7758.                }
  7759.          var htmlcode = '<li class="related-post-item clearfix"><div class="related-thumb">'+ thumb +'</div><h3 class="related-post-title"><a href="'+ posturl +'">'+ posttitle +'</a></h3></li>'
  7760.  
  7761.          $('.related-post-img').each(function () {
  7762.            $(this).attr('style', function (i, src) {
  7763.              return src.replace('/default.jpg', '/mqdefault.jpg')
  7764.            }).attr('style', function (i, src) {
  7765.              return src.replace('s72-c', 's1600')
  7766.            })
  7767.          });
  7768.  
  7769.          relatedPostsUL.append(htmlcode);
  7770.  
  7771.      $.ajax({
  7772.        url: "/feeds/posts/default/-/"+ label2 +"?alt=json-in-script&max-results=100",
  7773.        type: 'get',
  7774.        dataType: "jsonp",
  7775.        success: function (data) {
  7776.  
  7777.          var entry,
  7778.              posturl = "",
  7779.              entryToBeChoosen,
  7780.              numOfEntries = data.feed.entry.length;
  7781.  
  7782.          if (numOfEntries > 1) {
  7783.            entryToBeChoosen = Math.floor(Math.random() * numOfEntries);
  7784.            entry = data.feed.entry[entryToBeChoosen];
  7785.          } else {
  7786.            entry = data.feed.entry[0];
  7787.          }
  7788.  
  7789.          var posttitle = entry.title.$t;
  7790.          var entryTitle = $(".entry-title").text().toLowerCase().trim();
  7791.          var prevEntryTitle = $(".related-post-title").eq(0).text().toLowerCase().trim();
  7792.          var postT = posttitle.toLowerCase();
  7793.  
  7794.          if(numOfEntries > 1 && entryTitle === postT) {
  7795.            if(entryToBeChoosen === 0) {
  7796.              entryToBeChoosen = Math.floor((Math.random() * (numOfEntries-1) + 1));
  7797.              entry = data.feed.entry[entryToBeChoosen];
  7798.            } else {
  7799.              entry = data.feed.entry[0];
  7800.            }
  7801.            posttitle = entry.title.$t;
  7802.          }
  7803.  
  7804.          if(numOfEntries > 2 && (prevEntryTitle === postT && entryTitle !== postT) ){
  7805.            if(entryToBeChoosen === 0) {
  7806.              entryToBeChoosen = Math.floor((Math.random() * (numOfEntries-1) + 1));
  7807.              entry = data.feed.entry[entryToBeChoosen];
  7808.            } else {
  7809.              entry = data.feed.entry[0];
  7810.            }
  7811.            posttitle = entry.title.$t;
  7812.          }
  7813.  
  7814.          for (var j = 0; j < entry.link.length; j++) {
  7815.            if (entry.link[j].rel == "alternate") {
  7816.              posturl = entry.link[j].href;
  7817.              break
  7818.            }
  7819.          }
  7820.  
  7821.          var content = entry.content.$t;
  7822.          var $content = $('<div>').html(content);
  7823.  
  7824.          if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1) {
  7825.            var src2 = entry.media$thumbnail.url;
  7826.            var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ src2 +') no-repeat center center;background-size: cover"/>'
  7827.            } else if (content.indexOf("<img") > -1) {
  7828.              var src = $content.find('img:first').attr('src');
  7829.              var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ src +') no-repeat center center;background-size: cover"/>'
  7830.              } else {
  7831.                var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ no_image_url +') no-repeat center center;background-size: cover"/>'
  7832.                }
  7833.          var htmlcode = '<li class="related-post-item clearfix"><div class="related-thumb">'+ thumb +'</div><h3 class="related-post-title"><a href="'+ posturl +'">'+ posttitle +'</a></h3></li>'
  7834.  
  7835.          $('.related-post-img').each(function () {
  7836.            $(this).attr('style', function (i, src) {
  7837.              return src.replace('/default.jpg', '/mqdefault.jpg')
  7838.            }).attr('style', function (i, src) {
  7839.              return src.replace('s72-c', 's1600')
  7840.            })
  7841.          });
  7842.          relatedPostsUL.append(htmlcode);
  7843.  
  7844.      $.ajax({
  7845.        url: "/feeds/posts/default/-/"+ label3 +"?alt=json-in-script&max-results=100",
  7846.        type: 'get',
  7847.        dataType: "jsonp",
  7848.        success: function (data) {
  7849.  
  7850.          var entry,
  7851.              posturl = "",
  7852.              entryToBeChoosen,
  7853.              numOfEntries = data.feed.entry.length;
  7854.  
  7855.          if (numOfEntries > 1) {
  7856.            entryToBeChoosen = Math.floor(Math.random() * numOfEntries);
  7857.            entry = data.feed.entry[entryToBeChoosen];
  7858.          } else {
  7859.            entry = data.feed.entry[0];
  7860.          }
  7861.  
  7862.          var posttitle = entry.title.$t;
  7863.          var entryTitle = $(".entry-title").text().toLowerCase().trim();
  7864.          var prevEntryTitle1 = $(".related-post-title").eq(0).text().toLowerCase().trim();
  7865.          var prevEntryTitle2 = $(".related-post-title").eq(1).text().toLowerCase().trim();
  7866.          var postT = posttitle.toLowerCase();
  7867.  
  7868.          if(numOfEntries > 1 && (entryTitle === postT)) {
  7869.            if(entryToBeChoosen === 0) {
  7870.              entryToBeChoosen = Math.floor((Math.random() * (numOfEntries-1) + 1));
  7871.              entry = data.feed.entry[entryToBeChoosen];
  7872.            } else {
  7873.              entry = data.feed.entry[0];
  7874.            }
  7875.            posttitle = entry.title.$t;
  7876.          }
  7877.  
  7878.          if(numOfEntries > 2 && ((entryTitle !== postT) && (prevEntryTitle1 === postT || prevEntryTitle2 === postT))) {
  7879.            if(entryToBeChoosen === 0) {
  7880.              entryToBeChoosen = Math.floor((Math.random() * (numOfEntries-1) + 1));
  7881.              entry = data.feed.entry[entryToBeChoosen];
  7882.            } else {
  7883.              entry = data.feed.entry[0];
  7884.            }
  7885.            posttitle = entry.title.$t;
  7886.          }
  7887.  
  7888.          for (var j = 0; j < entry.link.length; j++) {
  7889.            if (entry.link[j].rel == "alternate") {
  7890.              posturl = entry.link[j].href;
  7891.              break
  7892.            }
  7893.          }
  7894.  
  7895.          var content = entry.content.$t;
  7896.          var $content = $('<div>').html(content);
  7897.  
  7898.          if (content.indexOf("http://www.youtube.com/embed/") > -1 || content.indexOf("https://www.youtube.com/embed/") > -1) {
  7899.            var src2 = entry.media$thumbnail.url;
  7900.            var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ src2 +') no-repeat center center;background-size: cover"/>'
  7901.            } else if (content.indexOf("<img") > -1) {
  7902.              var src = $content.find('img:first').attr('src');
  7903.              var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ src +') no-repeat center center;background-size: cover"/>'
  7904.              } else {
  7905.                var thumb = '<a class="related-post-img" href="'+ posturl +'" style="background:url('+ no_image_url +') no-repeat center center;background-size: cover"/>'
  7906.                }
  7907.          var htmlcode = '<li class="related-post-item clearfix"><div class="related-thumb">'+ thumb +'</div><h3 class="related-post-title"><a href="'+ posturl +'">'+ posttitle +'</a></h3></li>'
  7908.  
  7909.          $('.related-post-img').each(function () {
  7910.            $(this).attr('style', function (i, src) {
  7911.              return src.replace('/default.jpg', '/mqdefault.jpg')
  7912.            }).attr('style', function (i, src) {
  7913.              return src.replace('s72-c', 's1600')
  7914.            })
  7915.          });
  7916.          relatedPostsUL.append(htmlcode);
  7917.        }
  7918.      }); // The third ajax request
  7919.  
  7920.        }
  7921.      }); // The second ajax request
  7922.  
  7923.        }
  7924.      }); // The first ajax request
  7925.  
  7926.    } // else if (labelsLength >= 3)
  7927.  } // if(labelsLength)
  7928.  
  7929. /***** Related posts functionality ******/
  7930.  
  7931.  $(function(){
  7932.    var windowWidth = $(window).width();
  7933.  
  7934.    if(windowWidth >= 800) {
  7935.      var a = $(".post-labels");
  7936.      var s = $("#related-posts");
  7937.      var c = $("#close-btn");
  7938.      $(document).on("scroll", function(){
  7939.        var scrollTop = $(window).scrollTop(),
  7940.            elementOffset = a.offset().top,
  7941.            distance = elementOffset - scrollTop;
  7942.        if(distance <= 850){
  7943.          s.addClass("slide-left");
  7944.        } else {
  7945.          s.removeClass("slide-left");
  7946.        }
  7947.      });
  7948.      c.on("click", function(){
  7949.        s.removeClass("slide-left");
  7950.        $(document).off();
  7951.      });
  7952.    }
  7953.  });
  7954.  
  7955. //]]>
  7956. </script>
  7957. </b:if>
  7958.  
  7959.   </body>  
  7960. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!