Blogger Theme Code
Blogger Theme Code
>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3'
b:responsive='true' b:templateVersion='1.0.0'
expr:class='data:blog.languageDirection' expr:dir='data:blog.languageDirection'
expr:lang='data:blog.localeUnderscoreDelimited'
xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include name='theme-head'/>
<b:if cond='!data:view.isLayoutMode'>
<!-- Theme CSS Style -->
<b:skin version='1.0.0'><![CDATA[/*
-----------------------------------------------
Blogger Template StyleSpotBuzz - Version - 1.0
Name: Feedify
License: Premium Version
Version: 1.0
Author: Templateify
Author Url: https://www.templateify.com/
-----------------------------------------------*/
html,body,a,abbr,acronym,address,applet,b,big,blockquote,caption,center,cite,code,d
d,del,dfn,div,dl,dt,em,fieldset,font,form,input,button,h1,h2,h3,h4,h5,h6,i,iframe,i
mg,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,t
able,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{
padding:0;
margin:0;
border:0;
outline:none;
vertical-align:baseline;
background:0 0;
text-decoration:none
}
dl,ul{
list-style-position:inside;
list-style:none
}
ul li{
list-style:none
}
caption{
text-align:center
}
img{
border:none;
position:relative
}
a,a:visited{
text-decoration:none
}
.post-body a:visited {
color:blue;
}
.clearfix{
clear:both
}
.section,.widget,.widget ul{
margin:0;
padding:0
}
a{
color:var(--main-color)
}
a img{
border:0
}
abbr{
text-decoration:none
}
.separator a{
text-decoration:none!important;
clear:none!important;
float:none!important;
margin-left:0!important;
margin-right:0!important
}
#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{
display:none!important
}
.center{
display:table;
margin:0 auto;
position:relative
}
.widget > h2,.widget > h3{
display:none
}
.widget iframe,.widget img{
max-width:100%
}
button,input,select,textarea{
background:transparent;
font-family:var(--body-font);
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
outline:none;
border-radius:0
}
button{
cursor:pointer
}
input[type="search"]::-webkit-search-cancel-button{
-webkit-appearance:none
}
/*-- Style CSS --*/
*{
box-sizing:border-box
}
html{
position:relative;
word-break:break-word;
word-wrap:break-word;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%
}
body{
position:relative;
background:var(--body-bg);
background-color:var(--body-bg-color);
font-family:var(--body-font);
font-size:14px;
color:var(--text-color);
font-weight:400;
font-style:normal;
line-height:1.4em
}
.rtl{
direction:rtl
}
h1,h2,h3,h4,h5,h6{
font-family:var(--title-font);
font-weight:700
}
a,input,button{
transition:all .0s ease
}
#outer-wrapper{
position:relative;
overflow:hidden;
width:100%;
max-width:100%;
background-color:var(--outer-bg);
margin:0 auto;
padding:0
}
.is-boxed #outer-wrapper{
width:$(row.width + 60px);
max-width:100%;
box-shadow:0 0 20px rgba(0,0,0,0.1)
}
.is-dark .is-boxed #outer-wrapper{
box-shadow:0 0 20px rgba(0,0,0,0.3)
}
.container{
position:relative
}
.row-x1{
width:$(row.width);
max-width:100%
}
.row-x2{
width:100%
}
.flex-c{
display:flex;
justify-content:center
}
.flex-col{
display:flex;
flex-direction:column
}
.flex-sb{
display:flex;
justify-content:space-between
}
#content-wrapper{
float:left;
width:100%;
overflow:hidden;
padding:30px 0
}
.is-left #content-wrapper > .container,.rtl .is-right #content-wrapper
> .container{
flex-direction:row-reverse
}
.rtl .is-left #content-wrapper > .container{
flex-direction:row
}
#content-feat-wrapper {
float: left;
width: 100%;
overflow: hidden;
padding: 0 0 30px;
}
.is-left #content-feat-wrapper > .container,.rtl .is-right #content-feat-wrapper
> .container{
flex-direction:row-reverse
}
.rtl .is-left #content-feat-wrapper > .container{
flex-direction:row
}
.theiaStickySidebar:before,.theiaStickySidebar:after{
content:'';
display:table;
clear:both
}
#main-wrapper{
position:relative;
width:calc(100% - $(sidebar.width + 30px))
}
.no-sidebar #main-wrapper{
width:100%
}
#sidebar-wrapper{
position:relative;
width:$(sidebar.width)
}
.no-sidebar #sidebar-wrapper{
display:none
}
.entry-image-wrap,.author-avatar-wrap,.comments .avatar-image-container{
display:block;
position:relative;
overflow:hidden;
background-color:var(--gray-bg);
z-index:5;
color:transparent
}
.entry-image,.author-avatar{
display:block;
position:relative;
width:100%;
height:100%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
z-index:1;
opacity:0;
transition:opacity .35s ease,filter 0s ease
}
.entry-image.templateify-lazy,.author-avatar.templateify-lazy{
opacity:1
}
.entry-image-wrap:hover .entry-image,.cs:hover .entry-image-wrap .entry-image{
filter:brightness(1.03)
}
.entry-image-wrap.is-video:after{
display:flex;
position:absolute;
content:'\e037';
top:50%;
right:50%;
width:38px;
height:27px;
background-color:rgba(0,0,0,0.5);
font-family:'Material Icons Round';
font-size:25px;
color:#fff;
font-weight:400;
align-items:center;
justify-content:center;
z-index:5;
transform:translate(50%,-50%);
box-sizing:border-box;
padding:0 0 0 1px;
margin:0;
border-radius:6px;
box-shadow:0 1px 3px 0 rgba(0,0,0,0.1)
}
.entry-image-wrap.sz-1.is-video:after{
transform:translate(50%,-50%) scale(.7)
}
.entry-image-wrap.sz-2.is-video:after{
transform:translate(50%,-50%) scale(.8)
}
.entry-image-wrap.is-video:hover:after,.cs:hover .entry-image-wrap.is-video:after{
background-color:#f50000
}
.cs .entry-image-wrap.is-video:after{
top:15px;
right:15px;
transform:translate(0)
}
.rtl .cs .entry-image-wrap.is-video:after{
left:15px;
right:unset
}
.entry-header{
display:flex;
flex-direction:column
}
.entry-category{
display:flex;
align-items:center;
height:16px;
background-color:var(--tag-bg);
font-size:10px;
color:var(--tag-color);
font-weight:400;
text-transform:uppercase;
line-height:1;
padding:0 6px
}
.entry-image-wrap .entry-category{
position:absolute;
left:0px;
bottom:0;
z-index:2
}
.rtl .entry-image-wrap .entry-category{
left:unset;
right:0
}
.entry-title{
color:var(--title-color);
font-weight:var(--title-font-weight);
line-height:1.3em
}
.entry-title a{
display:block;
color:var(--title-color)
}
.entry-title a:hover{
color:var(--title-hover-color)
}
.entry-meta{
display:flex;
font-size:12px;
color:var(--meta-color);
font-weight:400;
margin:4px 0 0
}
.entry-meta .mi{
display:flex
}
.entry-meta .mi,.entry-meta .sp{
margin:0 4px 0 0
}
.rtl .entry-meta .mi,.rtl .entry-meta .sp{
margin:0 0 0 4px
}
.entry-meta .author-name{
color:var(--main-color);
font-weight:600
}
.excerpt{
font-family:var(--text-font);
line-height:1.5em
}
.cs .entry-inner{
display:block;
position:relative;
width:100%;
height:100%;
overflow:hidden
}
.before-mask:before{
content:'';
position:absolute;
left:0;
right:0;
bottom:0;
height:80%;
background-image:linear-gradient(to bottom,rgba(0,0,0,0) 25%,rgba(0,0,0,0.5));
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
z-index:2;
opacity:1;
margin:0;
transition:opacity .25s ease
}
.entry-info{
position:absolute;
left:0;
bottom:0;
width:100%;
background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));
overflow:hidden;
z-index:10;
padding:15px
}
.entry-info .entry-title{
color:#fff;
text-shadow:0 1px 2px rgba(0,0,0,0.1)
}
.entry-info .entry-meta{
color:#c5c5ca;
text-shadow:0 1px 2px rgba(0,0,0,0.1)
}
.entry-info .entry-meta .author-name{
color:#d5d5da;
font-weight:500
}
.entry-info .entry-category{
width:-moz-fit-content;
width:fit-content;
margin:0 0 10px
}
.btn{
position:relative;
border-radius:var(--radius)
}
.error-msg{
display:flex;
align-items:center;
font-size:14px;
color:var(--meta-color);
padding:20px 0;
font-weight:400
}
.loader{
position:relative;
width:100%;
height:100%;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
margin:0
}
.loader:after{
content:'';
display:block;
width:30px;
height:30px;
box-sizing:border-box;
margin:0;
border:2px solid var(--main-color);
border-right-color:var(--border-color);
border-radius:100%;
animation:spinner .65s infinite linear;
transform-origin:center
}
@keyframes spinner{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to{
-webkit-transform:rotate(1turn);
transform:rotate(1turn)
}
}
.social a:before{
display:block;
font-family:'Font Awesome 5 Brands';
font-style:normal;
font-weight:400
}
.social .rss a:before,.social .share a:before,.social .email
a:before,.social .external-link a:before{
content:'\e0e5';
font-family:'Material Icons Round'
}
.social .share a:before{
content:'\e80d'
}
.social .email a:before{
content:'\e0be'
}
.social .external-link a:before{
content:'\e89e'
}
.social-bg .blogger a,.social-bg-hover .blogger a:hover{
background-color:#ff5722
}
.social-bg .apple a,.social-bg-hover .apple a:hover{
background-color:#333
}
.social-bg .amazon a,.social-bg-hover .amazon a:hover{
background-color:#fe9800
}
.social-bg .microsoft a,.social-bg-hover .microsoft a:hover{
background-color:#0067B8
}
.social-bg .facebook a,.social-bg .facebook-f a,.social-bg-hover .facebook
a:hover,.social-bg-hover .facebook-f a:hover{
background-color:#3b5999
}
.social-bg .twitter a,.social-bg-hover .twitter a:hover{
background-color:#00acee
}
.social-bg .youtube a,.social-bg-hover .youtube a:hover{
background-color:#f50000
}
.social-bg .instagram a,.social-bg-hover .instagram a:hover{
background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)
}
.social-bg .pinterest a,.social-bg .pinterest-p a,.social-bg-hover .pinterest
a:hover,.social-bg-hover .pinterest-p a:hover{
background-color:#ca2127
}
.social-bg .dribbble a,.social-bg-hover .dribbble a:hover{
background-color:#ea4c89
}
.social-bg .linkedin a,.social-bg-hover .linkedin a:hover{
background-color:#0077b5
}
.social-bg .tumblr a,.social-bg-hover .tumblr a:hover{
background-color:#365069
}
.social-bg .twitch a,.social-bg-hover .twitch a:hover{
background-color:#6441a5
}
.social-bg .rss a,.social-bg-hover .rss a:hover{
background-color:#ffc200
}
.social-bg .skype a,.social-bg-hover .skype a:hover{
background-color:#00aff0
}
.social-bg .stumbleupon a,.social-bg-hover .stumbleupon a:hover{
background-color:#eb4823
}
.social-bg .vk a,.social-bg-hover .vk a:hover{
background-color:#4a76a8
}
.social-bg .stack-overflow a,.social-bg-hover .stack-overflow a:hover{
background-color:#f48024
}
.social-bg .github a,.social-bg-hover .github a:hover{
background-color:#24292e
}
.social-bg .soundcloud a,.social-bg-hover .soundcloud a:hover{
background:linear-gradient(#ff7400,#ff3400)
}
.social-bg .behance a,.social-bg-hover .behance a:hover{
background-color:#191919
}
.social-bg .digg a,.social-bg-hover .digg a:hover{
background-color:#1b1a19
}
.social-bg .delicious a,.social-bg-hover .delicious a:hover{
background-color:#0076e8
}
.social-bg .codepen a,.social-bg-hover .codepen a:hover{
background-color:#000
}
.social-bg .flipboard a,.social-bg-hover .flipboard a:hover{
background-color:#f52828
}
.social-bg .reddit a,.social-bg-hover .reddit a:hover{
background-color:#ff4500
}
.social-bg .whatsapp a,.social-bg-hover .whatsapp a:hover{
background-color:#3fbb50
}
.social-bg .messenger a,.social-bg-hover .messenger a:hover{
background-color:#0084ff
}
.social-bg .snapchat a,.social-bg-hover .snapchat a:hover{
background-color:#ffe700
}
.social-bg .telegram a,.social-bg-hover .telegram a:hover{
background-color:#179cde
}
.social-bg .steam a,.social-bg-hover .steam a:hover{
background:linear-gradient(5deg,#0d89bc,#112c5b,#0d1c47)
}
.social-bg .discord a,.social-bg-hover .discord a:hover{
background-color:#7289da
}
.social-bg .quora a,.social-bg-hover .quora a:hover{
background-color:#b92b27
}
.social-bg .tiktok a,.social-bg-hover .tiktok a:hover{
background-color:#fe2c55
}
.social-bg .share a,.social-bg-hover .share a:hover{
background-color:var(--meta-color)
}
.social-bg .email a,.social-bg-hover .email a:hover{
background-color:#888
}
.social-bg .external-link a,.social-bg-hover .external-link a:hover{
background-color:var(--title-color)
}
.social-color .blogger a,.social-color-hover .blogger a:hover{
color:#ff5722
}
.social-color .apple a,.social-color-hover .apple a:hover{
color:#333
}
.social-color .amazon a,.social-color-hover .amazon a:hover{
color:#fe9800
}
.social-color .microsoft a,.social-color-hover .microsoft a:hover{
color:#0067B8
}
.social-color .facebook a,.social-color .facebook-f a,.social-color-
hover .facebook a:hover,.social-color-hover .facebook-f a:hover{
color:#3b5999
}
.social-color .twitter a,.social-color-hover .twitter a:hover{
color:#00acee
}
.social-color .youtube a,.social-color-hover .youtube a:hover{
color:#f50000
}
.social-color .instagram a,.social-color-hover .instagram a:hover{
color:#dd277b
}
.social-color .pinterest a,.social-color .pinterest-p a,.social-color-
hover .pinterest a:hover,.social-color-hover .pinterest-p a:hover{
color:#ca2127
}
.social-color .dribbble a,.social-color-hover .dribbble a:hover{
color:#ea4c89
}
.social-color .linkedin a,.social-color-hover .linkedin a:hover{
color:#0077b5
}
.social-color .tumblr a,.social-color-hover .tumblr a:hover{
color:#365069
}
.social-color .twitch a,.social-color-hover .twitch a:hover{
color:#6441a5
}
.social-color .rss a,.social-color-hover .rss a:hover{
color:#ffc200
}
.social-color .skype a,.social-color-hover .skype a:hover{
color:#00aff0
}
.social-color .stumbleupon a,.social-color-hover .stumbleupon a:hover{
color:#eb4823
}
.social-color .vk a,.social-color-hover .vk a:hover{
color:#4a76a8
}
.social-color .stack-overflow a,.social-color-hover .stack-overflow a:hover{
color:#f48024
}
.social-color .github a,.social-color-hover .github a:hover{
color:#24292e
}
.social-color .soundcloud a,.social-color-hover .soundcloud a:hover{
color:#ff7400
}
.social-color .behance a,.social-color-hover .behance a:hover{
color:#191919
}
.social-color .digg a,.social-color-hover .digg a:hover{
color:#1b1a19
}
.social-color .delicious a,.social-color-hover .delicious a:hover{
color:#0076e8
}
.social-color .codepen a,.social-color-hover .codepen a:hover{
color:#000
}
.social-color .flipboard a,.social-color-hover .flipboard a:hover{
color:#f52828
}
.social-color .reddit a,.social-color-hover .reddit a:hover{
color:#ff4500
}
.social-color .whatsapp a,.social-color-hover .whatsapp a:hover{
color:#3fbb50
}
.social-color .messenger a,.social-color-hover .messenger a:hover{
color:#0084ff
}
.social-color .snapchat a,.social-color-hover .snapchat a:hover{
color:#ffe700
}
.social-color .telegram a,.social-color-hover .telegram a:hover{
color:#179cde
}
.social-color .steam a,.social-color-hover .steam a:hover{
color:#112c5b
}
.social-color .discord a,.social-color-hover .discord a:hover{
color:#7289da
}
.social-color .quora a,.social-color-hover .quora a:hover{
color:#b92b27
}
.social-color .tiktok a,.social-color-hover .tiktok a:hover{
color:#fe2c55
}
.social-color .share a,.social-color-hover .share a:hover{
color:var(--meta-color)
}
.social-color .email a,.social-color-hover .email a:hover{
color:#888
}
.social-color .external-link a,.social-color-hover .external-link a:hover{
color:var(--title-color)
}
#header-wrapper{
float:left;
width:100%;
z-index:50
}
.topbar-wrap{
position:relative;
float:left;
width:100%;
height:40px;
background-color:var(--topbar-bg);
border-bottom: 0.1rem solid var(--border-color);
z-index:1;
padding: 8px 0;
}
.topbar .widget:last-child{
display:flex;
flex:1;
justify-content:flex-end
}
.topbar .link-list{
display:flex;
flex-wrap:wrap
}
.topbar .link-list li + li{
margin:0 0 0 18px
}
.rtl .topbar .link-list li + li{
margin:0 18px 0 0
}
.topbar .link-list a{
display:block;
font-size:12px;
color:var(--topbar-color);
line-height:28px
}
.topbar .link-list a:hover{
color:var(--topbar-hover-color)
}
.topbar .social-icons{
display:flex;
flex-wrap:wrap
}
.topbar .social-icons li + li{
margin:0 0 0 18px
}
.rtl .topbar .social-icons li + li{
margin:0 18px 0 0
}
.topbar.flex-right {
height: 25px;
background:var(--topbar-bg);
}
.topbar .social-icons a{
display:block;
font-size:12px;
color:var(--topbar-color);
line-height:28px
}
.topbar .social-icons .rss a,.topbar .social-icons .email a,.topbar .social-
icons .external-link a{
font-size:15px
}
.topbar .social-icons a:hover{
color:var(--topbar-hover-color)
}
.main-header {
position: relative;
padding: 25px 0;
margin: 0;
}
.main-header,.header-inner,.header-header{
float:left;
width:100%;
height:100%;
background-color:var(--header-bg)
}
.main-menu-inner {
background-color: var(--header-bg);
}
.header-header{
}
.main-menu-inner.is-fixed{
position:fixed;
top:-60px;
left:0;
width:100%;
z-index:990;
backface-visibility:hidden;
visibility:hidden;
opacity:0;
transition:all .25s ease
}
.main-menu-inner.is-fixed.show{
top:0;
opacity:1;
visibility:visible;
margin:0
}
.is-boxed .header-header{
float:none;
width:$(row.width + 60px);
max-width:100%;
margin:0 auto;
padding:0
}
.header-items{
position:relative;
display:flex;
flex-wrap:wrap;
justify-content:space-between
}
.flex-left{
display:flex;
align-items:center;
z-index:15
}
.flex-right{
display:flex;
align-items:center;
position:absolute;
top:0;
right:0;
height:60px;
z-index:15
}
.rtl .flex-right{
left:0;
right:unset
}
.main-logo{
display:flex;
align-items:center;
flex-shrink:0;
height:60px;
overflow:hidden;
margin:0 14px 0 0
}
.rtl .main-logo{
margin:0 0 0 14px
}
.main-logo img{
display:block;
width:auto;
height:auto;
max-height:60px
}
.is-dark .main-logo img {
-webkit-filter: invert(1);
filter: invert(1);
}
.main-logo .title{
max-width:100%;
font-size:25px;
color:var(--header-color);
line-height:40px;
font-weight:700;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.main-logo .title a{
color:var(--header-color)
}
.main-logo .title a:hover{
color:var(--header-hover-color)
}
.main-logo #h1-off{
display:none;
visibility:hidden
}
#header-top-ads-wrap {
position: relative;
float: right;
width: 728px;
max-width: 100%;
margin: 0;
}
#header-top-ads-wrap .header-ads .widget {
margin: 0 auto;
}
.main-menu-wrap {
position: relative;
float: left;
width: 100%;
margin: 0;
background-color: var(--header-bg);
border: 0.1rem solid var(--border-color);
border-width: 1px 0 1px 0;
}
.main-menu-wrap .container {
position: relative;
margin: 0 auto;
}
.main-menu-items {
position: relative;
}
#feedify-pro-main-nav{
z-index:10
}
#feedify-pro-main-nav .widget,#feedify-pro-main-nav .widget > .widget-title{
display:none
}
#feedify-pro-main-nav .show-menu{
display:block
}
#feedify-pro-main-nav ul#feedify-pro-main-nav-menu{
display:flex;
height:60px
}
#feedify-pro-main-nav ul > li{
position:relative;
display:flex;
flex-shrink:0
}
#feedify-pro-main-nav-menu > li > a{
position:relative;
display:flex;
font-family:var(--menu-font);
font-size:16px;
color:var(--header-color);
font-weight:700;
align-items:center;
text-transform:capitalize;
padding:0 14px
}
#feedify-pro-main-nav-menu > li:hover > a{
color:var(--header-hover-color)
}
#feedify-pro-main-nav ul > li > ul,#feedify-pro-main-nav ul > li > .ul{
position:absolute;
left:0;
top:60px;
width:180px;
background-color:var(--submenu-bg);
z-index:99999;
padding:7px 0;
backface-visibility:hidden;
visibility:hidden;
opacity:0;
box-shadow:0 1px 2px rgba(0,0,0,0.1),0 5px 10px 0 rgba(0,0,0,0.1)
}
.rtl #feedify-pro-main-nav ul > li > ul,.rtl #feedify-pro-main-nav ul > li > .ul{
left:auto;
right:0
}
#feedify-pro-main-nav ul > li > ul > li > ul{
position:absolute;
top:-7px;
left:100%;
margin:0
}
.rtl #feedify-pro-main-nav ul > li > ul > li > ul{
left:unset;
right:100%
}
#feedify-pro-main-nav ul > li > ul > li{
display:block;
float:none;
position:relative
}
.rtl #feedify-pro-main-nav ul > li > ul > li{
float:none
}
#feedify-pro-main-nav ul > li > ul > li a{
position:relative;
display:block;
font-size:14px;
color:var(--submenu-color);
padding:7px 14px
}
#feedify-pro-main-nav ul > li > ul > li:hover > a{
color:var(--submenu-hover-color)
}
#feedify-pro-main-nav ul > li.has-sub > a:after{
content:'\e5cf';
font-family:'Material Icons Round';
font-size:16px;
font-weight:400;
margin:-4px 0 0 2px
}
.rtl #feedify-pro-main-nav ul > li.has-sub > a:after{
margin:-4px 2px 0 0
}
#feedify-pro-main-nav ul > li > ul > li.has-sub > a:after{
content:'\e5cc';
float:right;
margin:0
}
.rtl #feedify-pro-main-nav ul > li > ul > li.has-sub > a:after{
content:'\e5cb';
float:left;
margin:0
}
#feedify-pro-main-nav ul ul,#feedify-pro-main-nav ul .ul{
transition:all .17s ease
}
#feedify-pro-main-nav ul > li:hover > ul,#feedify-pro-main-nav ul > li:hover
> .ul,#feedify-pro-main-nav ul > li > ul > li:hover > ul{
visibility:visible;
opacity:1;
transform:translate3d(0,0,0);
margin:0
}
#feedify-pro-main-nav .mega-menu{
position:static!important
}
#feedify-pro-main-nav .mega-menu > .ul{
width:100%;
background-color:var(--mega-bg);
overflow:hidden;
padding:20px
}
.mega-menu .mega-items{
display:grid;
grid-template-columns:repeat(5,1fr);
column-gap:20px
}
.mega-menu .mega-items.no-items{
grid-template-columns:1fr
}
.mega-items .mega-item{
--title-color:var(--mega-color);
--title-hover-color:var(--mega-hover-color);
--meta-color:var(--mega-meta-color);
width:100%;
display:flex;
flex-direction:column
}
.mega-item .entry-image-wrap{
width:100%;
height:114px;
z-index:1;
margin:0 0 8px
}
.mega-item .entry-title{
font-size:14px
}
.mega-menu .error-msg{
justify-content:center
}
.mobile-menu-toggle{
display:none;
height:34px;
font-size:26px;
color:var(--header-color);
align-items:center;
padding:0 13px 0 16px
}
.rtl .mobile-menu-toggle{
padding:0 16px 0 13px
}
.header-mobile-toggle {
display:none;
}
.mobile-menu-toggle:after{
content:'\e5d2';
font-family:'Material Icons Round';
font-weight:400
}
.mobile-menu-toggle:hover{
color:var(--header-hover-color)
}
.toggle-wrap{
background-color:var(--header-bg);
display:flex;
align-items:center;
z-index:20
}
.search-toggle{
display:flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
background-color:var(--gray-bg);
color:var(--header-color);
font-size:24px;
cursor:pointer;
border-radius:var(--radius)
}
.search-toggle:before{
display:block;
content:'\e8b6';
font-family:'Material Icons Round';
font-weight:400
}
.search-toggle:hover{
color:var(--header-hover-color)
}
#main-search-wrap, #main-search-wrap1{
display:none;
position:absolute;
top:0;
right:0;
width:100%;
height:60px;
background-color:var(--header-bg);
z-index:25
}
.rtl #main-search-wrap, .rtl #main-search-wrap1{
left:0;
right:unset
}
@-webkit-keyframes showSearch{
0%{
width:80%;
opacity:0
}
100%{
width:100%;
opacity:1
}
}
.main-search{
position:relative;
float:right;
width:100%;
height:100%;
display:flex;
align-items:center;
animation:showSearch .17s ease
}
.rtl .main-search{
float:left
}
.main-search .search-form{
display:flex;
flex:1;
height:34px
}
.main-search .search-input{
width:100%;
flex:1;
font-family:inherit;
font-size:15px;
color:var(--header-color);
font-weight:400;
text-align:left
}
.rtl .main-search .search-input{
text-align:right
}
.main-search .search-input::placeholder{
color:var(--header-color);
opacity:.65;
outline:none
}
.main-search .search-toggle:before{
content:'\e5cd'
}
.overlay{
visibility:hidden;
opacity:0;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(17,17,17,0.3);
z-index:1000;
-webkit-backdrop-filter:saturate(100%) blur(1px);
-ms-backdrop-filter:saturate(100%) blur(1px);
-o-backdrop-filter:saturate(100%) blur(1px);
backdrop-filter:saturate(100%) blur(1px);
margin:0;
transition:all .25s ease
}
#slide-menu{
display:none;
position:fixed;
width:300px;
height:100%;
top:0;
left:0;
bottom:0;
background-color:var(--mobilemenu-bg);
overflow:hidden;
z-index:1010;
left:0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
visibility:hidden;
box-shadow:3px 0 10px rgba(0,0,0,0.1);
transition:all .25s ease
}
.rtl #slide-menu{
left:unset;
right:0;
-webkit-transform:translateX(100%);
transform:translateX(100%)
}
.nav-active #slide-menu,.rtl .nav-active #slide-menu{
-webkit-transform:translateX(0);
transform:translateX(0);
visibility:visible
}
.slide-menu-header{
height:60px;
background-color:var(--header-bg);
overflow:hidden;
display:flex;
align-items:center;
justify-content:space-between;
box-shadow:0 0 10px rgba(0,0,0,0.1)
}
.mobile-logo{
display:flex;
flex:1;
width:100%;
overflow:hidden;
padding:0 0 0 20px
}
.rtl .mobile-logo{
padding:0 20px 0 0
}
.mobile-logo .homepage{
max-width:100%;
font-size:25px;
color:var(--header-color);
line-height:40px;
font-weight:700;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.mobile-logo .homepage:hover{
color:var(--header-hover-color)
}
.mobile-logo .logo-img img{
display:block;
width:auto;
max-width:100%;
height:auto;
max-height:40px
}
.hide-mobile-menu{
display:flex;
height:100%;
color:var(--header-color);
font-size:26px;
align-items:center;
z-index:20;
padding:0 15px
}
.hide-mobile-menu:before{
content:'\e5cd';
font-family:'Material Icons Round';
font-weight:400
}
.hide-mobile-menu:hover{
color:var(--header-hover-color)
}
.slide-menu-flex{
display:flex;
height:calc(100% - 60px);
flex-direction:column;
justify-content:space-between;
overflow:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch
}
.mobile-menu{
padding:20px
}
.mobile-menu .m-sub{
display:none;
grid-column:1/3;
overflow:hidden
}
.mobile-menu ul li a{
display:block;
font-size:14px;
color:var(--mobilemenu-color);
font-weight:400;
padding:10px 0
}
.mobile-menu > ul > li > a{
font-family:var(--menu-font);
font-weight:700;
text-transform:uppercase
}
.mobile-menu li.has-sub{
display:grid;
grid-template-columns:1fr 34px
}
.mobile-menu .submenu-toggle{
display:block;
align-self:center;
font-size:24px;
color:var(--mobilemenu-color);
text-align:right
}
.rtl .mobile-menu .submenu-toggle{
text-align:left
}
.mobile-menu .submenu-toggle:before{
content:'\e5cf';
font-family:'Material Icons Round';
font-weight:400
}
.mobile-menu .expanded > .submenu-toggle:before{
content:'\e5ce'
}
.mobile-menu ul li a:hover,.mobile-menu .submenu-toggle:hover{
color:var(--mobilemenu-hover-color)
}
.mobile-menu li.has-sub li a{
font-size:14px;
opacity:.75;
padding:10px
}
.mobile-menu li.has-sub li li a{
padding:10px 20px
}
.mm-footer{
padding:20px
}
.mm-footer .mm-social{
margin:0 0 10px
}
.mm-footer ul{
display:flex;
flex-wrap:wrap
}
.mm-footer li{
margin:0 15px 0 0
}
.rtl .mm-footer li{
margin:0 0 0 15px
}
.mm-footer li:last-child{
margin:0
}
.mm-footer .mm-menu li{
margin-top:5px
}
.mm-footer a{
display:block;
font-size:14px;
color:var(--mobilemenu-color)
}
.mm-footer .rss a,.mm-footer .email a,.mm-footer .external-link a{
font-size:18px
}
.mm-footer a:hover{
color:var(--mobilemenu-hover-color)
}
#header-ads-wrap{
float:left;
width:100%
}
.header-ads .widget{
position:relative;
margin:30px 0 0
}
#ticker-wrapper,#ticker .widget{
float:left;
width:100%
}
#ticker .widget{
display:none;
align-items:flex-start;
margin:0
}
#ticker .widget.is-visible,#ticker .widget.PopularPosts{
display:flex
}
.ticker .widget-title{
display:flex;
align-items:center;
height:25px;
color:var(--main-color);
padding:0 9px;
border-right:0.1rem solid var(--border-color);
margin:0 10px 0 0
}
.rtl .ticker .widget-title{
margin:0 0 0 10px
}
.ticker .widget-title .title{
font-size:14px;
font-weight:700;
text-transform:uppercase
}
.ticker .widget-content{
display:flex;
justify-content:space-between;
flex:1;
height:25px
}
.ticker .loader{
justify-content:flex-start
}
.ticker .loader:after{
width:16px;
height:16px;
border-width:1.5px
}
.ticker .error-msg{
max-width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
padding:0
}
.ticker-items{
position:relative;
display:flex;
align-items:center;
flex:1;
overflow:hidden
}
.ticker-item{
position:absolute;
top:0;
left:0;
width:100%;
opacity:0;
visibility:hidden;
transform:translate3d(5px,0,0);
pointer-events:none;
transition:all .85s ease
}
.rtl .ticker-item{
left:unset;
right:0;
transform:translate3d(-10px,0,0)
}
.ticker-item.active{
opacity:1;
visibility:visible;
transform:translate3d(0,0,0);
pointer-events:initial
}
.ticker-item .entry-title{
height:25px;
display:flex;
font-size:14px;
font-weight:500;
line-height:25px
}
.ticker-item .entry-title a{
max-width:100%;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis
}
.ticker-item .entry-title a:hover {
color:var(--topbar-hover-color)
}
.ticker-nav{
display:none;
}
#featured-wrapper,#featured .widget,#featured .widget-content{
float:left;
width:100%;
margin:0
}
#featured .widget{
display:none;
margin:30px 0 0
}
#featured .widget.is-visible,#featured .widget.PopularPosts{
display:block
}
#featured .widget-content{
display:flex;
align-items:center;
justify-content:center;
min-height:382px;
margin:0
}
#featured .error-msg{
padding:0
}
.featured-items{
width:100%;
display:grid;
grid-template-columns:repeat(2,1fr);
grid-gap:2px
}
.type-feat1 .featured-items {
grid-template-columns: 2.5fr 1fr;
grid-gap: 10px;
}
.featured-cards {
display: grid;
grid-template-columns: 1.5fr 1fr;
grid-gap: 10px;
}
.featured-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
grid-gap:2px
}
.type-feat1 .featured-grid {
grid-template-columns: 1fr;
grid-gap: 15px;
}
.featured-item{
width:100%;
height:190px
}
.type-feat1 .featured-grid .featured-item {
height:100%;
margin-bottom:15px;
border-bottom: 0.1rem dotted rgba(19,18,18,.2);
}
.type-feat1 .featured-grid .featured-item:last-child {
border:0;
margin:0;
}
.type-feat1 .featured-cards .featured-item {
width: 100%;
height: 271px;
display: flex;
flex-direction: column;
margin: 0;
overflow: hidden;
}
.featured-item.item-0{
height:100%
}
.type-feat1 .featured-cards .featured-item.item-0 {
grid-row: 1/3;
display: flex;
flex-direction: column;
height: 100%;
}
.featured-item .entry-image-wrap{
width:100%;
height:100%
}
.featured-item.item-0 .entry-info{
padding:20px
}
.featured-item .entry-title{
font-size:15px
}
.type-feat1 .featured-grid .featured-item .entry-title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.featured-item.item-0 .entry-title{
font-size:25px
}
.featured-item .entry-meta{
flex-wrap:wrap
}
.featured-items .cs.item-0 .entry-image-wrap.is-video:after{
top:20px;
right:20px
}
.rtl .featured-items .cs.item-0 .entry-image-wrap.is-video:after{
left:20px;
right:unset
}
.type-feat3 .featured-items{
grid-template-columns:repeat(3, 1fr)
}
.type-feat3 .featured-grid{
grid-column:2/4
}
.type-feat3 .featured-item.item-0 .entry-info{
padding:15px
}
.type-feat3 .featured-item .entry-title{
font-size:17px
}
.type-feat3 .featured-item.item-0 .entry-title{
font-size:21px
}
.title-wrap{
display:flex;
justify-content:space-between;
height:30px;
margin:0 0 15px;
background:var(--widget-title-bg)
}
.title-wrap > *{
display:flex;
align-items:center
}
.title-wrap > .title{
height:30px;
background-color:var(--widget-title-bg);
font-family:var(--title-font);
font-size:22px;
color:var(--widget-title-color);
font-weight:700;
text-transform:capitalize;
padding:0
}
.title-wrap > .title-link{
font-size:13px;
color:var(--main-color);
padding:0 13px;
}
.title-wrap > .title-link:hover{
color:var(--widget-title-color);
}
.content-section,.content-section .content-block{
float:left;
width:100%
}
.content-section .widget{
display:none;
float:left;
width:100%;
margin:0 0 30px
}
.content-section .widget.column-style{
width:calc((100% - 25px) / 2)
}
.content-section .widget[data-align="right"]{
float:right
}
.content-section .widget.is-visible{
display:flex;
flex-direction:column
}
.content-section .widget.is-ad{
display:block
}
#content-section-2 .widget:last-child{
margin:0
}
.content-section .loader{
height:180px
}
.block-items{
display:grid;
grid-template-columns:repeat(2,1fr);
align-items:start;
grid-gap:25px
}
.block-item{
display:flex;
flex-direction:column
}
.block-items .item-0 .entry-image-wrap{
width:100%;
height:180px;
margin:0 0 12px
}
.block-items .item-0 .entry-title{
font-size:21px
}
.block-items .item-0 .entry-excerpt{
font-size:14px;
margin:10px 0 0
}
.block-items .item-0 .entry-meta{
flex-wrap:wrap;
margin:10px 0 0
}
.block-list{
display:grid;
grid-template-columns:1fr;
grid-gap:25px
}
.block-list .block-item{
flex-direction:row
}
.block-list .entry-header{
flex:1
}
.block-list .entry-image-wrap{
width:98px;
height:65px;
margin:0 13px 0 0
}
.rtl .block-list .entry-image-wrap{
margin:0 0 0 13px
}
.block-list .entry-title{
font-size:14px
}
.grid-items{
display:grid;
grid-template-columns:repeat(3,1fr);
grid-gap:25px
}
.grid-item{
display:flex;
flex-direction:column
}
.grid-item .entry-image-wrap{
width:100%;
height:180px;
margin:0 0 10px
}
.grid-item .entry-title{
font-size:14px
}
.grid2-items{
display:grid;
grid-template-columns:repeat(2,1fr);
grid-gap:25px
}
.grid2-item{
display:flex;
flex-direction:column;
width:100%
}
.grid2-item .entry-image-wrap{
width:100%;
height:380px;
margin:0
}
.grid2-item .entry-title{
font-size:19px
}
.grid2-item .entry-meta{
flex-wrap:wrap
}
.video-style .widget-content{
--title-color:var(--video-widget-color);
--title-hover-color:var(--video-widget-hover-color);
--meta-color:var(--video-widget-meta-color)
}
.video-style .widget-content{
}
.video-items{
display:grid;
grid-template-columns:1fr;
align-items:start;
grid-gap:25px
}
.video-style .video-items{
grid-gap:20px
}
.video-items .cs .entry-inner{
height:320px
}
.video-items .cs .entry-image-wrap{
width:100%;
height:100%
}
.video-items .cs .entry-title{
font-size:23px
}
.video-items .cs .entry-excerpt{
font-size:14px;
margin:10px 0 0
}
.video-items .cs .entry-meta{
flex-wrap:wrap
}
.video-cards{
display:grid;
grid-template-columns:repeat(2,1fr);
grid-gap:20px
}
.video-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
grid-gap:25px
}
.video-style .video-grid{
grid-gap:20px
}
.video-grid .video-item{
display:flex;
flex-direction:column
}
.video-grid .entry-image-wrap{
width:100%;
height:130px;
margin:0 0 10px
}
.video-style .video-grid .entry-image-wrap{
height:180px
}
.video-grid .entry-title{
font-size:14px
}
.video-style .video-grid{
--title-font-weight:600
}
.column-items{
display:grid;
grid-template-columns:1fr;
grid-gap:25px
}
.col-item{
display:flex
}
.col-item .entry-inner{
height:230px
}
.col-item .entry-image-wrap{
width:98px;
height:65px;
margin:0 13px 0 0
}
.rtl .col-item .entry-image-wrap{
margin:0 0 0 13px
}
.col-item .entry-inner .entry-image-wrap{
width:100%;
height:100%;
margin:0
}
.col-item .entry-header:not(.entry-info){
flex:1
}
.col-item .entry-title{
font-size:14px
}
.col-item .entry-inner .entry-title{
font-size:19px
}
.col-item .entry-inner .entry-meta{
flex-wrap:wrap
}
#main{
float:left;
width:100%
}
.queryMessage .query-info{
display:flex;
align-items:center;
font-family:var(--title-font);
font-size:17px;
color:var(--title-color);
font-weight:700;
text-transform:uppercase;
margin:0 0 20px
}
.no-posts .queryMessage .query-info{
margin:0
}
.queryMessage .query-info:after{
display:inline-block;
content:'\e5cc';
font-family:'Material Icons Round';
font-size:24px;
font-weight:400;
margin:0 0 0 -4px
}
.rtl .queryMessage .query-info:after{
content:'\e5cb';
margin:0 -4px 0 0
}
.queryEmpty{
font-size:14px;
color:var(--meta-color);
text-align:center;
margin:50px 0
}
.index-post-wrap{
display:grid;
grid-template-columns:1fr;
grid-gap:25px
}
.index-post{
display:flex
}
.index-post.ad-type{
display:block
}
.index-post .entry-image-wrap{
width:350px;
height:230px;
margin:0 18px 0 0
}
.rtl .index-post .entry-image-wrap{
margin:0 0 0 18px
}
.index-post .entry-header{
flex:1
}
.index-post .entry-title{
font-size:26px
}
.index-post .entry-excerpt{
font-size:14px;
margin:10px 0 0
}
.index-post .entry-meta{
flex-wrap:wrap;
margin:10px 0 0
}
.post-animated{
-webkit-animation-duration:.5s;
animation-duration:.5s
}
@keyframes fadeInUp{
from{
opacity:0;
transform:translate3d(0,10px,0)
}
to{
opacity:1;
transform:translate3d(0,0,0)
}
}
.post-fadeInUp{
animation-name:fadeInUp
}
#breadcrumb{
display:flex;
font-size:14px;
color:var(--meta-color);
font-weight:400;
line-height:1;
margin:0 0 10px
}
#breadcrumb a{
color:var(--meta-color)
}
#breadcrumb a.home,#breadcrumb a:hover{
color:var(--main-color)
}
#breadcrumb .separator:after{
content:'\e5cc';
font-family:'Material Icons Round';
font-size:16px;
font-weight:400;
font-style:normal;
vertical-align:middle
}
.rtl #breadcrumb .separator:after{
content:'\e5cb'
}
.item-post h1.entry-title{
font-size:$(itempost.title.size);
font-weight:700
}
.p-eh .entry-meta{
flex-wrap:wrap;
justify-content:space-between;
font-size:14px;
margin:13px 0 0
}
.p-eh .entry-meta .align-left,.p-eh .entry-meta .align-right{
display:flex;
flex-wrap:wrap;
align-items:center
}
.p-eh .entry-meta .mi,.p-eh .entry-meta .sp{
margin:0 4px 0 0
}
.rtl .p-eh .entry-meta .mi,.rtl .p-eh .entry-meta .sp{
margin:0 0 0 4px
}
.p-eh .entry-meta .entry-author{
align-items:center
}
.p-eh .entry-meta .entry-author:before{
display:none
}
.p-eh .entry-meta .author-avatar-wrap{
overflow:visible;
width:30px;
height:30px;
background-color:var(--outer-bg);
padding:1px;
margin:0 5px 0 0;
border:1px solid var(--main-color);
border-radius:100%
}
.rtl .p-eh .entry-meta .author-avatar-wrap{
margin:0 0 0 5px
}
.p-eh .entry-meta .author-avatar-wrap:before{
content:'';
position:absolute;
display:block;
top:calc(50% - 6px);
left:-1px;
width:calc(100% + 2px);
height:12px;
background-color:var(--outer-bg);
z-index:1;
margin:0
}
.p-eh .entry-meta .author-avatar{
z-index:2;
border-radius:50%
}
.entry-meta .entry-comments-link{
display:none;
margin:0 0 0 10px
}
.rlt .entry-meta .entry-comments-link{
margin:0 10px 0 0
}
.entry-meta .entry-comments-link:before{
display:inline-block;
content:'\e8af';
font-family:'Material Icons Round';
font-size:16px;
color:var(--main-color);
font-weight:400;
margin:0 4px 0 0
}
.rtl .entry-meta .entry-comments-link:before{
margin:0 0 0 4px
}
.entry-meta .entry-comments-link.show{
display:flex
}
#post-body{
position:relative;
float:left;
width:100%;
font-family:var(--text-font);
font-size:$(itempost.content.size);
color:var(--text-color);
line-height:1.6em;
margin:25px 0 0
}
.post-body p{
margin-bottom:25px
}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body
h6{
font-size:17px;
color:var(--title-color);
line-height:1.3em;
margin:0 0 20px
}
.post-body h1{
font-size:26px
}
.post-body h2{
font-size:23px
}
.post-body h3{
font-size:20px
}
.post-body img{
height:auto!important
}
blockquote{
position:relative;
background-color:var(--gray-bg);
color:var(--title-color);
font-style:normal;
padding:20px;
margin:0;
border-radius:var(--radius)
}
blockquote:before{
position:absolute;
top:0;
left:5px;
content:'\e244';
font-family:'Material Icons Round';
font-size:60px;
color:var(--title-color);
font-style:normal;
font-weight:400;
line-height:1;
opacity:.05;
margin:0
}
.rtl blockquote:before{
left:unset;
right:5px
}
.post-body .responsive-video-wrap{
position:relative;
width:100%;
padding:0;
padding-top:56%
}
.post-body .responsive-video-wrap iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.post-body ul{
padding:0 0 0 20px;
margin:10px 0
}
.rtl .post-body ul{
padding:0 20px 0 0
}
.post-body li{
margin:8px 0;
padding:0
}
.post-body ul li,.post-body ol ul li{
list-style:none
}
.post-body ul li:before,.post-body ul li ul li ul li:before{
display:inline-block;
content:'\2022';
font-size:16px;
line-height:1;
vertical-align:middle;
margin:0 5px 0 0
}
.post-body ul li ul li:before{
content:'\26AC'
}
.rtl .post-body ul li:before{
margin:0 0 0 5px
}
.post-body ol{
counter-reset:templateify;
padding:0 0 0 20px;
margin:10px 0
}
.rtl .post-body ol{
padding:0 20px 0 0
}
.post-body ol > li{
counter-increment:templateify;
list-style:none
}
.post-body ol > li:before{
display:inline-block;
content:counters(templateify,'.')'.';
margin:0 5px 0 0
}
.rtl .post-body ol > li:before{
margin:0 0 0 5px
}
.post-body ol ol{
counter-reset:templateify2
}
.post-body ol ol > li{
counter-increment:templateify2
}
.post-body ol ol > li:before{
content:counters(templateify2,'.')'.'
}
.post-body ol ol ol{
counter-reset:templateify3
}
.post-body ol ol > li ol > li{
counter-increment:templateify3
}
.post-body ol ol > li ol > li:before{
content:counters(templateify3,'.')'.'
}
.post-body u{
text-decoration:underline
}
.post-body strike{
text-decoration:line-through
}
.post-body sup{
vertical-align:super
}
.post-body a{
color:var(--main-color)
}
.post-body a:hover{
text-decoration:underline
}
.post-body a.button{
display:inline-block;
height:34px;
background-color:var(--button-bg);
font-family:var(--body-font);
font-size:15px;
color:var(--button-color);
font-weight:400;
line-height:34px;
text-align:center;
text-decoration:none;
cursor:pointer;
padding:0 20px;
margin:0 6px 8px 0
}
.rtl .post-body a.button{
margin:0 0 8px 6px
}
.post-body a.button.x2{
height:46px;
font-size:18px;
line-height:46px
}
.post-body a.button.is-c,.rtl.post-body a.button.is-c{
margin:0 3px 8px
}
.post-body a.button.x2 span{
display:inline-block;
background-color:rgba(255,255,255,0.1);
font-size:14px;
line-height:14px;
padding:6px;
margin:0 0 0 20px;
border-radius:var(--radius)
}
.rtl .post-body a.button.x2 span{
margin:0 20px 0 0
}
.post-body .button:before{
display:inline-block;
font-family:'Material Icons Round';
font-size:16px;
font-weight:400;
line-height:1;
vertical-align:middle;
margin:-1px 6px 0 0
}
.rtl .post-body .button:before{
margin:-1px 0 0 6px
}
.post-body a.btn.x2:before{
font-size:20px;
margin:-2px 6px 0 0
}
.rtl .post-body a.btn.x2:before{
margin:-2px 0 0 6px
}
.post-body .btn.preview:before{
content:'\e8f4'
}
.post-body .btn.download:before{
content:'\f090'
}
.post-body .btn.link:before{
content:'\e157'
}
.post-body .btn.cart:before{
content:'\e8cc'
}
.post-body .btn.info:before{
content:'\e88e'
}
.post-body .btn.share:before{
content:'\e80d'
}
.post-body .btn.contact:before{
content:'\e0e1'
}
.post-body .btn.whatsapp:before{
content:'\f232';
font-family:'Font Awesome 5 Brands';
font-style:normal
}
.post-body .btn.paypal:before{
content:'\f1ed';
font-family:'Font Awesome 5 Brands';
font-style:normal
}
.post-body .btn.gift:before{
content:'\e8f6'
}
.post-body a.button:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
.post-body a.color{
color:#fff
}
.post-body a.color:hover{
opacity:.9
}
.alert-message{
display:block;
background-color:var(--gray-bg);
padding:20px;
border:1px solid var(--border-color);
border-radius:var(--radius)
}
.alert-message.alert-success{
background-color:rgba(39,174,96,0.1);
color:rgba(39,174,96,1);
border-color:rgba(39,174,96,0.1)
}
.alert-message.alert-info{
background-color:rgba(41,128,185,0.1);
color:rgba(41,128,185,1);
border-color:rgba(41,128,185,0.1)
}
.alert-message.alert-warning{
background-color:rgba(243,156,18,0.1);
color:rgba(243,156,18,1);
border-color:rgba(243,156,18,0.1)
}
.alert-message.alert-error{
background-color:rgba(231,76,60,0.1);
color:rgba(231,76,60,1);
border-color:rgba(231,76,60,0.1)
}
.alert-message:before{
display:inline-block;
font-family:'Material Icons Round';
font-size:18px;
line-height:1;
font-weight:400;
vertical-align:middle;
margin:0 5px 0 0
}
.rtl .alert-message:before{
margin:0 0 0 5px
}
.alert-message.alert-success:before{
content:'\e86c'
}
.alert-message.alert-info:before{
content:'\e88e'
}
.alert-message.alert-warning:before{
content:'\e000'
}
.alert-message.alert-error:before{
content:'\e5c9'
}
.post-body table{
width:100%;
overflow-x:auto;
text-align:left;
margin:0;
border-collapse:collapse;
border:1px solid var(--border-color)
}
.rtl .post-body table{
text-align:right
}
.post-body table td,.post-body table th{
padding:6px 12px;
border:1px solid var(--border-color)
}
.post-body table thead th{
color:var(--title-color);
vertical-align:bottom
}
table.tr-caption-container,table.tr-caption-container td,table.tr-caption-
container th{
line-height:1;
padding:0;
border:0
}
table.tr-caption-container td.tr-caption{
font-size:12px;
color:var(--meta-color);
font-style:italic;
padding:6px 0 0
}
.templateify-toc-wrap{
display:flex;
width:100%;
clear:both;
margin:0
}
.templateify-toc-inner{
position:relative;
max-width:100%;
background-color:var(--gray-bg);
display:flex;
flex-direction:column;
overflow:hidden;
font-size:14px;
color:var(--title-color);
line-height:1.6em;
border:1px solid var(--border-color);
border-radius:var(--radius)
}
a.templateify-toc-title{
position:relative;
height:40px;
font-size:16px;
color:var(--title-color);
font-weight:var(--title-font-weight);
display:flex;
align-items:center;
justify-content:space-between;
padding:0 13px 0 18px
}
.rtl a.templateify-toc-title{
padding:0 18px 0 13px
}
.templateify-toc-title-text{
display:flex
}
.templateify-toc-title-text:before{
content:'\e242';
font-family:'Material Icons Round';
font-size:20px;
font-weight:400;
margin:0 6px 0 0
}
.rtl .templateify-toc-title-text:before{
margin:0 0 0 6px
}
.templateify-toc-title:after{
content:'\e5cf';
font-family:'Material Icons Round';
font-size:24px;
font-weight:400;
margin:0 0 0 20px
}
.rtl .templateify-toc-title:after{
margin:0 20px 0 0
}
.templateify-toc-title.is-expanded:after{
content:'\e5ce'
}
a.templateify-toc-title:hover{
text-decoration:none
}
#templateify-toc{
display:none;
padding:0 20px 10px;
margin:0
}
#templateify-toc ol{
counter-reset:templateifyToc;
padding:0 0 0 20px
}
.rtl #templateify-toc ol{
padding:0 20px 0 0
}
#templateify-toc li{
counter-increment:templateifyToc;
font-size:14px;
margin:10px 0
}
#templateify-toc li:before{
content:counters(templateifyToc,'.')'.'
}
#templateify-toc li a{
color:var(--main-color)
}
#templateify-toc li a:hover{
color:var(--main-color);
text-decoration:underline
}
.post-body .contact-form-widget{
display:table;
font-family:var(--body-font)
}
.post-body .contact-form-widget .cf-s{
font-size:15px
}
.post-body .contact-form-name.cf-s{
width:calc(50% - 5px)
}
.rtl .post-body .contact-form-name{
float:right
}
.post-body .contact-form-email.cf-s{
float:right;
width:calc(50% - 5px)
}
.rtl .post-body .contact-form-email{
float:left
}
.post-body .contact-form-button-submit{
font-size:15px
}
.post-body pre,pre.code-box{
display:block;
background-color:var(--gray-bg);
font-family:Monospace;
font-size:13px;
white-space:pre-wrap;
line-height:1.4em;
padding:20px;
border:1px solid var(--border-color);
border-radius:var(--radius)
}
.post-body .google-auto-placed{
margin:25px 0
}
.entry-labels{
display:flex;
flex-wrap:wrap;
margin:20px 0 0
}
.entry-labels > *{
display:flex;
align-items:center;
height:20px;
background-color:var(--gray-bg);
font-size:12px;
color:var(--title-color);
padding:0 6px;
margin:5px 5px 0 0
}
.rtl .entry-labels > *{
margin:5px 0 0 5px
}
.entry-labels span{
background-color:var(--widget-title-bg);
color:var(--widget-title-color)
}
.entry-labels a:hover{
background-color:var(--button-bg);
color:var(--button-color)
}
.post-share{
margin:20px 0 0
}
.share-links{
display:flex;
flex-wrap:wrap;
align-items:flex-start
}
.share-links li a{
display:flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
font-size:16px;
color:#fff;
font-weight:400;
overflow:hidden;
margin:5px 5px 0 0
}
.rtl .share-links li a{
margin:5px 0 0 5px
}
.share-links .email a{
font-size:20px
}
.share-links .has-span a{
width:auto;
justify-content:space-between
}
.share-links .has-span a:before{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
height:100%;
width:34px;
background-color:rgba(255,255,255,0.08)
}
.share-links span{
font-size:14px;
padding:0 20px
}
.share-links li a:hover{
opacity:.9
}
.share-links .show-hid a{
background-color:var(--gray-bg);
font-size:28px;
color:rgba(155,155,155,0.8)
}
.share-links .show-hid a:before{
content:'\e145';
font-family:'Material Icons Round';
font-weight:400
}
.post-share .expanded .show-hid a:before{
content:'\e15b'
}
.share-links .reddit,.share-links .linkedin,.share-links .tumblr,.share-
links .telegram{
display:none
}
.post-share .expanded li[class]{
display:inline-block
}
.post-widget{
margin:30px 0 0
}
.about-author{
display:flex;
padding:20px;
border:1px solid var(--border-color)
}
.about-author .author-avatar-wrap{
width:60px;
height:60px;
margin:0 15px 0 0;
border-radius:50%;
box-shadow:var(--avatar-shadow)
}
.rtl .about-author .author-avatar-wrap{
margin:0 0 0 15px
}
.about-author .author-title{
font-size:18px;
color:var(--title-color);
font-weight:var(--title-font-weight);
margin:0 0 10px
}
.about-author .author-title a{
color:var(--title-color)
}
.about-author .author-title a:hover{
color:var(--title-hover-color)
}
.author-description{
flex:1
}
.author-description .author-text{
display:block;
font-size:14px
}
.author-description .author-text br,.author-description .author-text a{
display:none
}
ul.author-links{
display:flex;
flex-wrap:wrap;
padding:0
}
.author-links li{
margin:10px 12px 0 0
}
.rtl .author-links li{
margin:10px 0 0 12px
}
.author-links li a{
display:block;
font-size:14px;
color:var(--text-color);
padding:0
}
.author-links li.email a,.author-links li.external-link a{
font-size:16px
}
.author-links li a:hover{
opacity:.9
}
#feedify-pro-related-posts{
display:none
}
.related-content .loader{
height:180px
}
.related-posts{
display:grid;
grid-template-columns:repeat(3,1fr);
grid-gap:25px
}
.related-item{
display:flex;
flex-direction:column
}
.related-item .entry-image-wrap{
width:100%;
height:130px;
margin:0 0 10px
}
.related-item .entry-title{
font-size:14px
}
.feedify-pro-blog-post-comments{
display:none;
flex-direction:column
}
.feedify-pro-blog-post-comments.is-visible{
display:flex
}
.feedify-pro-blog-post-comments:not(.comments-system-blogger) #comments{
margin:-10px 0
}
.feedify-pro-blog-post-comments .fb_iframe_widget_fluid_desktop{
float:left;
display:block!important;
width:calc(100% + 16px)!important;
max-width:calc(100% + 16px)!important;
margin:0 -8px
}
.feedify-pro-blog-post-comments .fb_iframe_widget_fluid_desktop span,.feedify-pro-
blog-post-comments .fb_iframe_widget_fluid_desktop iframe{
float:left;
display:block!important;
width:100%!important
}
#disqus_thread,.fb-comments{
clear:both;
padding:0
}
#comments h4#comment-post-message{
display:none;
float:none
}
.comments-system-blogger .comments-title.has-message{
margin:0 0 13px
}
.comments .comment-content{
display:block;
font-family:var(--text-font);
font-size:14px;
color:var(--text-color);
line-height:1.5em;
margin:10px 0 0
}
.comments .comment-content > a:hover{
text-decoration:underline
}
.comment-thread .comment{
position:relative;
list-style:none;
padding:20px;
margin:25px 0 0;
border:1px solid var(--border-color)
}
.comment-thread .comment .comment{
background-color:var(--gray-bg);
border:0
}
.comment-thread ol{
padding:0;
margin:0
}
.comment-thread .comment-replies ol{
padding:0 0 4px
}
.toplevel-thread ol > li:first-child{
margin:0
}
.toplevel-thread ol > li:first-child > .comment-block{
padding-top:0;
margin:0;
border:0
}
.comment-thread ol ol .comment:before{
position:absolute;
content:'\f060';
left:-30px;
top:-5px;
font-family:'Material Icons Round';
font-size:20px;
color:var(--border-color);
font-weight:400
}
.rtl .comment-thread ol ol .comment:before{
left:unset;
right:-25px;
transform:rotate(-180deg)
}
.comments .comment-replybox-single iframe{
padding:0 0 0 48px
}
.rtl .comments .comment-replybox-single iframe{
padding:0 48px 0 0
}
.comment-thread .avatar-image-container{
position:absolute;
top:20px;
left:20px;
width:35px;
height:35px;
overflow:hidden;
border-radius:50%;
box-shadow:var(--avatar-shadow)
}
.rtl .comment-thread .avatar-image-container{
left:auto;
right:20px
}
.avatar-image-container img{
display:block;
width:100%;
height:100%
}
.comments .comment-header{
padding:0 0 0 48px
}
.rtl .comments .comment-header{
padding:0 48px 0 0
}
.comments .comment-header .user{
display:inline-block;
font-family:var(--title-font);
font-size:16px;
color:var(--title-color);
font-weight:var(--title-font-weight);
font-style:normal
}
.comments .comment-header .user a{
color:var(--title-color)
}
.comments .comment-header .user a:hover{
color:var(--title-hover-color)
}
.comments .comment-header .icon.user{
display:none
}
.comments .comment-header .icon.blog-author{
display:inline-block;
font-size:14px;
color:var(--main-color);
vertical-align:top;
margin:-5px 0 0 4px
}
.rtl .comments .comment-header .icon.blog-author{
margin:-5px 4px 0 0
}
.comments .comment-header .icon.blog-author:before{
content:'\ef76';
font-family:'Material Icons Round';
font-weight:400
}
.comments .comment-header .datetime{
display:block;
margin:1px 0 0
}
.comment-header .datetime a{
font-size:12px;
color:var(--meta-color)
}
.comments .comment-actions{
display:block;
margin:10px 0 0
}
.comments .comment-actions a{
display:inline-block;
font-size:14px;
color:var(--main-color);
font-weight:400;
font-style:normal;
margin:0 15px 0 0
}
.rtl .comments .comment-actions a{
margin:0 0 0 15px
}
.comments .comment-actions a:hover{
text-decoration:underline
}
.item-control{
display:none
}
.loadmore.loaded a{
display:inline-block;
border-bottom:1px solid rgba(155,155,155,.51);
text-decoration:none;
margin-top:15px
}
.comments .continue{
display:none
}
.comments .comment-replies{
padding:0 0 0 48px
}
.rtl .comments .comment-replies{
padding:0 48px 0 0
}
.thread-expanded .thread-count a,.loadmore{
display:none
}
.comments .footer{
float:left;
width:100%;
font-size:13px;
margin:0
}
p.comments-message{
font-size:14px;
color:var(--meta-color);
font-style:italic;
margin:0 0 15px
}
p.comments-message.no-new-comments{
padding:0;
margin:0;
border:0
}
p.comments-message > a{
color:var(--main-color)
}
p.comments-message > a:hover{
color:var(--title-color)
}
p.comments-message > em{
color:#ff3f34;
font-style:normal;
margin:0 3px
}
#comments[data-embed='false'] p.comments-message > i{
color:var(--main-color);
font-style:normal
}
.comment-form > p{
display:none
}
.comment-content .responsive-video-wrap{
position:relative;
width:100%;
padding:0;
padding-top:56%
}
.comment-content .responsive-video-wrap iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.comments #top-ce.comment-replybox-thread,.comments.no-comments .comment-form{
padding:10px 20px;
margin:25px 0 0;
border:1px solid var(--border-color)
}
.comments.no-comments .comment-form{
margin:0
}
.comments #top-continue a{
float:left;
width:100%;
height:34px;
background-color:var(--button-bg);
font-size:14px;
color:var(--button-color);
font-weight:400;
line-height:34px;
text-align:center;
padding:0;
margin:25px 0 0;
border-radius:var(--radius)
}
.comments #top-continue a:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
.post-nav{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
font-size:14px
}
.post-nav > *{
display:flex;
align-items:center;
color:var(--meta-color);
margin:0 -5px
}
.post-nav a:hover{
color:var(--main-color)
}
.post-nav span{
color:var(--meta-color);
cursor:no-drop;
opacity:.65
}
.post-nav .post-nav-link:before,.post-nav .post-nav-link:after{
font-family:'Material Icons Round';
font-size:16px;
line-height:1;
font-weight:400
}
.post-nav-newer-link:before,.rtl .post-nav-older-link:after{
content:'\e5cb'
}
.post-nav-older-link:after,.rtl .post-nav-newer-link:before{
content:'\e5cc'
}
#custom-ads,#feedify-pro-post-footer-ads{
position:relative;
float:left;
width:100%;
opacity:0;
visibility:hidden
}
#before-ad .widget-title,#after-ad .widget-title{
display:block
}
#before-ad .widget-title > .title,#after-ad .widget-title > .title{
font-size:10px;
color:var(--meta-color);
font-weight:400;
line-height:1;
margin:0 0 6px
}
#before-ad .widget,#after-ad .widget{
position:relative;
margin:25px 0 0
}
#feedify-pro-new-before-ad #before-ad,#feedify-pro-new-after-ad #after-ad{
display:block
}
#feedify-pro-new-before-ad #before-ad .widget,#feedify-pro-new-after-ad #after-
ad .widget{
margin:0
}
#post-footer-ads .widget{
position:relative
}
#blog-pager{
display:flex;
justify-content:center;
margin:30px 0 0
}
#blog-pager .load-more{
display:flex;
height:32px;
font-size:14px;
color:var(--title-color);
align-items:center;
padding:0 20px 0 25px;
border:1px solid var(--border-color)
}
.rtl #blog-pager .load-more{
padding:0 25px 0 20px
}
#blog-pager #feedify-pro-load-more-link:after{
content:'\e5cf';
display:inline-block;
font-family:'Material Icons Round';
font-size:20px;
font-weight:400;
margin:-1px 0 0
}
#blog-pager #feedify-pro-load-more-link:hover{
background-color:var(--button-bg);
color:var(--button-color);
border-color:var(--button-bg)
}
#blog-pager .no-more.show{
display:flex;
background-color:var(--gray-bg);
color:var(--meta-color);
cursor:not-allowed;
padding:0 25px;
border:0
}
#blog-pager .loading,#blog-pager .no-more{
display:none
}
#blog-pager .loading .loader{
height:32px
}
#blog-pager .loader:after{
width:28px;
height:28px
}
.sidebar{
position:relative;
float:left;
width:100%;
display:grid;
grid-template-columns:100%;
grid-gap:30px
}
.sidebar > .widget{
border: 0.1rem solid var(--border-color);
border-radius:var(--radius);
padding:15px 20px;
box-sizing:border-box;
display:flex;
flex-direction:column
}
.sidebar .widget.is-ad > .widget-title{
display:none
}
.sidebar ul.social-icons{
display:grid;
grid-template-columns:repeat(2,1fr);
grid-gap:5px
}
.sidebar .social-icons li{
display:block;
margin:0
}
.sidebar .social-icons a{
display:flex;
align-items:center;
justify-content:space-between;
height:34px;
font-size:16px;
color:#fff;
font-weight:400;
overflow:hidden
}
.sidebar .social-icons .rss a,.sidebar .social-icons .email a,.sidebar .social-
icons .external-link a{
font-size:18px
}
.sidebar .social-icons a:before{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
height:100%;
width:34px;
background-color:rgba(255,255,255,0.08)
}
.sidebar .social-icons span{
font-size:14px;
padding:0 10px
}
.sidebar .social-icons a:hover{
opacity:.9
}
.templateify-section .loader{
height:180px
}
.side-items{
display:grid;
grid-template-columns:1fr;
grid-gap:25px
}
.side-item{
display:flex
}
.side-item .entry-inner{
height:180px
}
.side-item .entry-image-wrap{
width:98px;
height:65px;
margin:0 13px 0 0
}
.rtl .side-item .entry-image-wrap{
margin:0 0 0 13px
}
.side-item .entry-inner .entry-image-wrap{
width:100%;
height:100%;
margin:0
}
.side-item .entry-header:not(.entry-info){
flex:1
}
.side-item .entry-title{
font-size:14px
}
.side-item .entry-inner .entry-title{
font-size:19px
}
.side-item .entry-inner .entry-meta{
flex-wrap:wrap
}
.side3-items{
display:grid;
grid-template-columns:repeat(2,1fr);
grid-gap:25px
}
.side3-item{
display:flex;
flex-direction:column
}
.side3-item .entry-image-wrap{
width:100%;
height:90px;
margin:0 0 10px
}
.side3-item .entry-title{
font-size:14px
}
.cmm1-items{
display:grid;
grid-template-columns:1fr;
grid-gap:25px
}
.cmm1-items .entry-inner{
display:flex;
align-items:center
}
.cmm1-items .entry-image-wrap{
width:45px;
height:45px;
z-index:1;
margin:0 13px 0 0;
border-radius:50%;
box-shadow:var(--avatar-shadow)
}
.rtl .cmm1-items .entry-image-wrap{
margin:0 0 0 13px
}
.cmm1-items .entry-header{
flex:1
}
.cmm1-items .entry-title{
font-size:14px
}
.cmm1-items .entry-inner:hover .entry-title{
color:var(--title-hover-color)
}
.cmm1-items .cmm-snippet{
font-size:12px;
color:var(--text-color);
line-height:1.3em;
margin:4px 0 0
}
.FeaturedPost .entry-inner{
height:180px
}
.featured-post .entry-image-wrap{
width:100%;
height:100%
}
.featured-post .entry-title{
font-size:19px
}
.featured-post .entry-meta{
flex-wrap:wrap
}
.list-style li{
font-size:14px
}
.list-style li a,.text-list li{
display:block;
color:var(--title-color);
padding:8px 0
}
.list-style li a.has-count{
display:flex;
justify-content:space-between
}
.list-style li:first-child a,.text-list li:first-child{
padding:0 0 8px
}
.list-style li:last-child a,.text-list li:last-child{
padding:8px 0 0
}
.list-style li a:hover{
color:var(--title-hover-color)
}
.list-style .count-style{
display:inline-block;
color:var(--meta-color)
}
.cloud-label ul{
display:flex;
flex-wrap:wrap;
margin:-6px 0 0
}
.cloud-label li{
margin:6px 5px 0 0
}
.rtl .cloud-label li{
margin:6px 0 0 5px
}
.cloud-label li a{
display:flex;
height:28px;
background-color:rgba(155,155,155,0.1);
color:var(--title-color);
font-size:14px;
font-weight:400;
align-items:center;
padding:0 12px
}
.cloud-label li a:hover{
background-color:var(--button-bg);
color:var(--button-color);
border-color:var(--button-bg)
}
.cloud-label .label-count{
display:inline-block;
margin:0 0 0 6px
}
.rtl .cloud-label .label-count{
margin:0 6px 0 0
}
.BlogSearch .search-form{
display:flex;
height:36px;
overflow:hidden;
padding:2px;
border:1px solid var(--border-color);
border-radius:var(--radius)
}
.is-dark .BlogSearch .search-form{
background-color:var(--gray-bg)
}
.BlogSearch .search-input{
width:100%;
flex:1;
font-size:14px;
color:var(--text-color);
padding:0 8px
}
.BlogSearch .search-input::placeholder{
color:var(--text-color);
opacity:.65
}
.BlogSearch .search-action{
background-color:var(--button-bg);
font-size:14px;
color:var(--button-color);
cursor:pointer;
padding:0 13px;
border-radius:var(--radius)
}
.BlogSearch .search-action:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
.Profile ul li{
float:left;
width:100%;
padding:20px 0 0;
margin:20px 0 0;
border-top:1px solid var(--border-color)
}
.Profile ul li:first-child{
padding:0;
margin:0;
border:0
}
.Profile .individual,.Profile .team-member{
display:flex;
align-items:center
}
.Profile .profile-img{
width:45px;
height:45px;
background-color:var(--gray-bg);
overflow:hidden;
color:transparent!important;
margin:0 13px 0 0;
border-radius:50%;
box-shadow:var(--avatar-shadow)
}
.rtl .Profile .profile-img{
margin:0 0 0 13px
}
.Profile .profile-info{
flex:1
}
.Profile .profile-name{
display:block;
font-family:var(--title-font);
font-size:15px;
color:var(--title-color);
font-weight:var(--title-font-weight)
}
.Profile .profile-name:hover{
color:var(--title-hover-color)
}
.Profile .profile-link{
display:block;
font-size:12px;
color:var(--meta-color)
}
.Profile .profile-link:hover{
color:var(--main-color)
}
.Text .widget-content{
font-family:var(--text-font);
font-size:14px;
color:var(--text-color)
}
.Image .image-caption{
font-family:var(--text-font);
font-size:14px;
margin:6px 0 0
}
.contact-form-widget .cf-s{
float:left;
width:100%;
height:34px;
font-size:14px;
color:var(--text-color);
padding:0 10px;
margin:0 0 10px;
border:1px solid var(--border-color);
border-radius:var(--radius)
}
.is-dark .contact-form-widget .cf-s{
background-color:var(--gray-bg)
}
.contact-form-email-message.cf-s{
float:left;
width:100%;
height:auto;
resize:vertical;
padding:10px
}
.contact-form-widget .cf-s::placeholder{
color:var(--text-color);
opacity:.9
}
.contact-form-widget .cf-s:focus{
border-color:var(--main-color)
}
.contact-form-button-submit{
float:left;
width:100%;
height:34px;
background-color:var(--button-bg);
font-family:inherit;
font-size:14px;
color:var(--button-color);
font-weight:400;
cursor:pointer;
padding:0 20px;
border:0;
border-radius:var(--radius)
}
.contact-form-button-submit:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
.contact-form-widget p{
margin:0
}
.contact-form-widget .contact-form-error-message-with-border,.contact-form-
widget .contact-form-success-message-with-border{
float:left;
width:100%;
background-color:rgba(0,0,0,0);
font-size:13px;
color:#e74c3c;
text-align:left;
line-height:1;
margin:10px 0 0;
border:0
}
.contact-form-widget .contact-form-success-message-with-border{
color:#27ae60
}
.rtl .contact-form-error-message-with-border,.rtl .contact-form-success-message-
with-border{
text-align:right
}
.contact-form-cross{
cursor:pointer;
margin:0 0 0 3px
}
.rtl .contact-form-cross{
margin:0 3px 0 0
}
.Attribution a{
display:flex;
align-items:center;
font-size:14px;
color:var(--title-color);
font-weight:var(--title-font-weight)
}
.Attribution a > svg{
width:16px;
height:16px;
fill:var(--main-color);
margin:0 4px 0 0
}
.rtl .Attribution a > svg{
margin:0 0 0 4px
}
.Attribution a:hover{
color:var(--title-hover-color)
}
.Attribution .copyright{
font-size:12px;
color:var(--meta-color);
padding:0 20px;
margin:2px 0 0
}
#google_translate_element{
position:relative;
overflow:hidden
}
.Stats .text-counter-wrapper{
display:flex;
align-items:center;
font-size:18px;
color:var(--meta-color);
font-weight:700;
text-transform:uppercase;
line-height:1;
margin:0
}
.Stats .text-counter-wrapper:before{
content:'\e202';
font-family:'Material Icons Round';
font-size:22px;
color:var(--title-color);
font-weight:400;
margin:0 4px 0 0
}
.rtl .Stats .text-counter-wrapper:before{
margin:0 0 0 4px
}
.ReportAbuse > h3{
display:flex;
font-size:14px;
font-weight:400
}
.ReportAbuse > h3:before{
content:'\e002';
font-family:'Material Icons Round';
font-size:18px;
color:var(--main-color);
margin:0 3px 0 0
}
.rtl .ReportAbuse > h3:before{
margin:0 0 0 3px
}
.ReportAbuse > h3 a:hover{
text-decoration:underline
}
#footer-ads-wrap{
float:left;
width:100%
}
.footer-ads .widget{
position:relative;
margin:0 0 30px
}
#footer-wrapper{
position:relative;
float:left;
width:100%;
background-color:var(--footer-bg);
box-shadow:0 0 10px rgba(0,0,0,0.1)
}
.primary-footer{
--title-color:var(--footer-color);
--title-hover-color:var(--footer-hover-color);
--meta-color:var(--footer-meta-color);
--text-color:var(--footer-text-color);
--title-font-weight:600
}
.footer-widgets{
display:grid;
grid-template-columns:repeat(3,1fr);
grid-gap:30px;
padding:40px 0
}
.footer-widgets.has-border{
border-top:1px solid var(--border-color)
}
.footer-section{
display:grid;
grid-template-columns:1fr;
align-content:start;
grid-gap:30px
}
.footer-section > .widget{
display:flex;
flex-direction:column
}
.footer-section .widget > .widget-title{
margin:0 0 20px
}
.footer-section .widget-title > .title{
font-size:15px;
color:var(--title-color);
font-weight:600;
text-transform:uppercase
}
.primary-footer .contact-form-widget .cf-s,.primary-footer .BlogSearch .search-
form{
background-color:var(--gray-bg)
}
#feedify-pro-about-section{
flex-wrap:wrap;
padding:40px 0
}
.about-section .Image{
display:flex;
justify-content:space-between;
align-items:center;
width:calc(100% - $(sidebar.width + 30px))
}
.footer-info{
flex:1
}
.footer-info .title{
font-size:15px;
color:var(--title-color);
text-transform:uppercase;
margin:0 0 10px
}
.footer-logo{
padding:0 30px 0 0
}
.rtl .footer-logo{
padding:0 0 0 30px
}
.footer-logo img{
display:block;
width:auto;
height:auto;
max-height:40px
}
.footer-info .image-caption{
font-size:14px;
color:var(--text-color);
margin:0
}
.footer-info .image-caption a{
color:var(--ftitle-color)
}
.footer-info .image-caption a:hover{
color:var(--title-hover-color)
}
.about-section .LinkList{
width:$(sidebar.width);
display:flex;
align-items:center;
justify-content:flex-end;
margin:0
}
.about-section ul.social-icons{
display:flex;
flex-wrap:wrap
}
.about-section .social-icons li{
margin:0 0 0 10px
}
.rtl .about-section .social-icons li{
margin:0 10px 0 0
}
.about-section .social-icons a{
display:flex;
width:34px;
height:34px;
background-color:var(--gray-bg);
font-size:16px;
color:var(--title-color);
align-items:center;
justify-content:center
}
.about-section .social-icons .rss a,.about-section .social-icons .email a,.about-
section .social-icons .external-link a{
font-size:20px
}
.about-section .social-icons a:hover{
color:#fff
}
.footer-bar{
background-color:var(--footerbar-bg);
color:var(--footerbar-color);
padding:20px 0
}
.footer-bar .footer-copyright{
font-size:14px;
font-weight:400;
margin:0
}
.footer-bar .footer-copyright a{
color:var(--footerbar-color)
}
.footer-bar .footer-copyright a:hover{
color:var(--footerbar-hover-color)
}
#footer-menu{
position:relative;
display:block;
margin:0
}
.footer-menu ul{
display:flex;
flex-wrap:wrap
}
.footer-menu ul li a{
font-size:14px;
color:var(--footerbar-color);
padding:0;
margin:0 0 0 25px
}
.rtl .footer-menu ul li a{
margin:0 25px 0 0
}
#footer-menu ul li a:hover{
color:var(--footerbar-hover-color)
}
#hidden-widgets-wrap,.hidden-widgets{
display:none;
visibility:hidden
}
#back-top{
display:flex;
align-items:center;
justify-content:center;
position:fixed;
bottom:20px;
right:20px;
width:34px;
height:34px;
background-color:var(--button-bg);
font-size:24px;
color:var(--button-color);
z-index:50;
opacity:0;
visibility:hidden;
transition:visibility .17s ease,opacity .17s ease
}
.rtl #back-top{
right:auto;
left:20px
}
#back-top:before{
content:'\e5ce';
font-family:'Material Icons Round';
font-weight:400
}
#back-top.show{
opacity:1;
visibility:visible
}
#back-top:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
.is-error #main-wrapper{
width:100%
}
.is-error #sidebar-wrapper{
display:none
}
.errorWrap{
color:var(--title-color);
text-align:center;
padding:60px 0
}
.errorWrap h3{
font-size:160px;
color:var(--title-color);
line-height:1;
margin:0 0 25px
}
.errorWrap h4{
font-size:27px;
color:var(--title-color);
margin:0 0 25px
}
.errorWrap p{
color:var(--text-color);
font-size:15px;
margin:0 0 15px
}
.errorWrap a{
display:inline-block;
height:34px;
background-color:var(--button-bg);
font-size:14px;
color:var(--button-color);
font-weight:400;
line-height:34px;
padding:0 30px;
margin:15px 0 0
}
.errorWrap a:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
.cookie-choices-info{
display:none;
visibility:hidden;
opacity:0
}
.cookie-consent{
display:none;
position:fixed;
bottom:20px;
left:20px;
width:300px;
background-color:var(--cookie-bg);
z-index:1020;
padding:20px;
visibility:hidden;
opacity:0;
border-radius:var(--radius);
box-shadow:0 0 10px rgba(0,0,0,0.1);
transition:visibility .35s ease,opacity .35s ease,transform .35s ease
}
.rtl .cookie-consent{
left:unset;
right:20px
}
.cookie-consent.is-visible{
visibility:visible;
opacity:1
}
.consent-text{
display:block;
font-size:14px;
color:var(--cookie-color);
margin:0 0 15px
}
.consent-text a{
color:var(--main-color);
text-decoration:underline
}
.consent-button{
display:inline-block;
height:34px;
background-color:var(--button-bg);
font-size:14px;
color:var(--button-color);
font-weight:400;
line-height:34px;
padding:0 20px
}
.consent-button:hover{
background-color:var(--button-hover-bg);
color:var(--button-hover-color)
}
ins.adsbygoogle-noablate[data-anchor-shown="true"]{
z-index:990!important
}
#content-wrapper > .google-auto-placed,#content-wrapper .container > .google-auto-
placed{
display:none!important
}
.CSS_LIGHTBOX{
z-index:999999!important
}
.CSS_LIGHTBOX_BG_MASK{
background-color:rgba(0,0,0,0.9)!important;
opacity:1!important;
backdrop-filter:blur(1px)
}
.CSS_LIGHTBOX_BTN_CLOSE{
background:transparent!important;
top:10px!important;
right:15px!important
}
.CSS_LIGHTBOX_BTN_CLOSE:before{
content:'\e5cd';
font-family:'Material Icons Round';
color:#fff;
font-size:24px;
font-weight:400
}
.CSS_LIGHTBOX_BTN_CLOSE:hover:before{
opacity:.85
}
.rtl .CSS_LIGHTBOX_BTN_CLOSE{
right:unset!important;
left:15px
}
.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER
> .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{
opacity:0
}
a.ads-here{
display:flex;
align-items:center;
justify-content:center;
height:90px;
background-color:var(--gray-bg);
font-size:14px;
color:var(--meta-color);
font-style:italic
}
.sidebar a.ads-here{
height:250px
}
a.ads-here:hover{
color:var(--main-color)
}
@media only screen and (max-width: $(row.width + 60px)) {
#outer-wrapper,.is-boxed #outer-wrapper,.is-boxed .header-header{
width:100%;
max-width:100%;
margin:0
}
.row-x1{
width:100%
}
#header-wrapper .container,#header-ads-wrap .container,#ticker-
wrapper .container,#featured-wrapper .container,#content-
wrapper .container,#footer-ads-wrap .container,#footer-wrapper .container{
padding:0 20px
}
#content-feat-wrapper .container {
padding: 0 20px;
box-sizing: border-box;
}
.topbar.flex-right {
right: 20px;
}
#main-wrapper{
width:calc(70% - 30px)
}
#sidebar-wrapper{
width:30%
}
}
@media only screen and (max-width: 980px) {
#header-top-ads-wrap {
float: left;
width: 100%;
max-width: 100%;
margin: 0;
}
#header-wrapper .main-header .container, .main-header {
padding:0
}
.topbar-wrap{
display:none
}
.header-items {
display: block;
}
.mobile-menu-toggle{
display:flex
}
.header-mobile-toggle {
display:flex
}
.header-items .flex-left {
flex-wrap: nowrap;
justify-content: space-between;
}
.main-menu-wrap, #feedify-pro-main-nav{
display:none
}
#slide-menu,.overlay{
display:block
}
.nav-active .overlay{
visibility:visible;
opacity:1
}
.flex-left{
overflow:hidden
}
.main-logo{
flex-shrink:1;
margin:0;
}
.main-logo img {
max-height: 40px;
}
.flex-right{
padding:0 0 0 10px
}
.rtl .flex-right{
padding:0 10px 0 0
}
.flex-right,.rtl .flex-right{
position:relative;
top:unset;
left:unset;
right:unset
}
.darkmode-toggle{
margin:0!important
}
.search-toggle{
width:auto;
background-color:var(--header-bg);
font-size:26px;
padding:0 16px
}
#main-search-wrap, #main-search-wrap1{
padding:0 0 0 20px
}
.rtl #main-search-wrap, .rtl #main-search-wrap1{
padding:0 20px 0 0
}
.type-feat1 .featured-items {
grid-template-columns: 1fr;
}
.type-feat1 .featured-cards .featured-item {
height: 190px;
}
.type-feat1 .featured-grid {
grid-template-columns: repeat(2,1fr);
}
.video-grid {
grid-template-columns: repeat(2,1fr);
}
}
@media only screen and (max-width: 880px) {
#content-wrapper > .container,.is-left #content-wrapper > .container{
flex-direction:column!important;
justify-content:flex-start
}
#main-wrapper,#sidebar-wrapper{
width:100%
}
#sidebar-wrapper{
margin:30px 0 0
}
.sidebar ul.social-icons{
grid-template-columns:repeat(4,1fr)
}
.footer-widgets{
grid-template-columns:1fr;
grid-gap:40px
}
#feedify-pro-about-section{
flex-wrap:wrap;
flex-direction:column
}
.about-section .Image{
width:100%;
flex-direction:column;
justify-content:center;
text-align:center
}
.footer-info{
text-align:center;
margin:25px 0 0
}
.footer-info .title{
display:none
}
.footer-logo{
padding:0!important
}
.about-section .LinkList{
width:100%;
justify-content:center;
margin:20px 0 0
}
.about-section ul.social-icons{
justify-content:center
}
.about-section .social-icons li{
margin:10px 5px 0!important
}
.footer-bar{
height:auto;
line-height:inherit;
padding:25px 0
}
.footer-bar .container{
flex-direction:column-reverse;
justify-content:center
}
.footer-bar .footer-copyright,#footer-menu{
width:100%;
text-align:center
}
#footer-menu{
padding:0 0 15px
}
.footer-menu ul{
justify-content:center
}
.footer-menu ul li a{
display:block;
margin:5px 10px 0!important
}
.nav-active #back-top{
opacity:0!important
}
}
@media only screen and (max-width: 750px) {
.index-post .entry-image-wrap {
width: 280px;
height: 180px;
}
.index-post .entry-title {
font-size: 23px;
}
.index-post .entry-excerpt {
font-size: 13px;
}
.grid2-item .entry-image-wrap {
height: 290px;
}
}
@media only screen and (max-width: 680px) {
.ticker .widget-title{
justify-content:center;
width:20px;
padding:0
}
.ticker .widget-title:before{
content:'\ea0b';
font-family:'Material Icons Round';
font-size:16px
}
.ticker .widget-title .title{
display:none
}
#featured-wrapper .container{
padding:0
}
#featured .widget-content{
min-height:220px
}
.featured-items,.type-feat3 .featured-items{
grid-template-columns:1fr
}
.featured-item.item-0{
height:220px
}
.featured-item.item-0 .entry-info{
padding:15px
}
.featured-grid{
display:flex;
grid-template-columns:unset;
grid-gap:0;
width:100%;
height:150px;
overflow:hidden;
overflow-x:auto;
-webkit-overflow-scrolling:touch
}
.type-feat1 .featured-grid {
display: grid;
grid-template-columns: 1fr;
height: 100%;
padding: 0 20px;
box-sizing: border-box;
}
.featured-grid .featured-item{
width:70%;
height:100%;
flex-shrink:0
}
.type-feat1 .featured-grid .featured-item {
height: 100%;
width: 100%;
}
.featured-grid > div + div{
margin:0 0 0 2px
}
.rtl .featured-grid > div + div{
margin:0 2px 0 0
}
.type-feat1 .featured-item.item-1,.type-feat3 .featured-grid{
grid-column:unset
}
.featured-items .cs .entry-inner,.featured-item .entry-image-wrap{
border-radius:0
}
.featured-item .entry-title,.type-feat1 .featured-item.item-1 .entry-
title,.type-feat3 .featured-item .entry-title{
font-size:15px
}
.type-feat3 .featured-item.item-0 .entry-title{
font-size:25px
}
.featured-grid .entry-meta{
display:none
}
@keyframes slideToLeft{
from{
transform:translate3d(10px,0,0)
}
to{
transform:translate3d(0,0,0)
}
}
@keyframes slideToRight {
from{
transform:translate3d(-10px,0,0)
}
to{
transform:translate3d(0,0,0)
}
}
.featured-grid .featured-item{
animation-name:slideToLeft;
-webkit-animation-duration:.5s;
animation-duration:.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.rtl .featured-grid .featured-item{
animation-name:slideToRight
}
.content-section .widget.column-style{
width:100%
}
.block-items{
grid-template-columns:1fr
}
.block-items .item-0 .entry-image-wrap{
height:200px
}
.block-list .entry-image-wrap{
width:118px;
height:78px
}
.grid-items{
grid-template-columns:repeat(2,1fr);
grid-gap:25px 20px
}
.grid-items,.grid2-items{
grid-template-columns:1fr;
grid-gap:20px
}
.grid2-item .entry-image-wrap{
height:230px;
}
.grid2-item .entry-title{
font-size:14px
}
.grid2-item .entry-author,.grid2-item .entry-meta .sp{
display:none
}
.col-item .entry-inner{
height:200px
}
.col-item:not(.cs) .entry-image-wrap{
width:118px;
height:78px
}
.video-items .cs .entry-inner{
height:200px
}
.video-style .video-items .cs .entry-inner{
height:220px
}
.video-items .cs .entry-title{
font-size:19px
}
.video-cards {
display: grid;
grid-template-columns: 1fr;
}
.video-grid{
grid-template-columns:repeat(2,1fr);
grid-gap:25px 20px
}
.video-style .video-grid{
grid-gap:20px
}
.entry-image-wrap.sz-2.is-video:after{
transform:translate(50%,-50%) scale(1)
}
.index-post{
flex-direction:column
}
.index-post .entry-image-wrap{
width:100%;
height:200px;
margin:0 0 12px!important
}
.index-post .entry-header{
flex:unset
}
.p-eh .entry-meta{
margin:15px 0 0
}
.item-post h1.entry-title{
font-size:31px
}
.post-body table{
display:block
}
.share-links li:not(.has-span) a,.share-links .has-span a:before{
width:40px
}
.share-links .twitter.has-span a{
width:40px;
justify-content:center
}
.share-links .twitter.has-span a:before{
width:100%;
background-color:transparent
}
.share-links .twitter span{
display:none
}
.share-links .pinterest-p{
display:none
}
.related-posts{
grid-template-columns:repeat(2,1fr);
grid-gap:25px 20px
}
.sidebar ul.social-icons{
grid-template-columns:repeat(2,1fr)
}
.FeaturedPost .entry-inner{
height:200px
}
.side-item .entry-inner{
height:200px
}
.side-item:not(.cs) .entry-image-wrap{
width:118px;
height:78px
}
.side3-items{
grid-template-columns:repeat(2,1fr);
grid-gap:25px 20px
}
.side3-item .entry-image-wrap{
height:130px
}
.errorWrap{
padding:15px 15px 30px
}
.errorWrap h3{
font-size:130px
}
.errorWrap h4{
line-height:initial
}
.cookie-consent{
right:0!important;
left:0!important;
bottom:0;
width:100%;
padding:20px;
border-radius:0
}
a.ads-here{
height:65px
}
.sidebar a.ads-here{
height:180px
}
}
@media only screen and (max-width: 480px) {
.featured-cards {
grid-template-columns: repeat(2,1fr);
}
.type-feat1 .featured-cards .featured-item.item-0 {
grid-column: 1/3;
grid-row: auto;
display: flex;
flex-direction: column;
height: 260px;
}
.grid-item .entry-image-wrap{
height:115px
}
.grid2-item .entry-image-wrap{
height:215px
}
.video-grid .entry-image-wrap{
height:115px
}
.video-style .video-grid .entry-image-wrap{
height:105px
}
.item-post h1.entry-title{
font-size:29px
}
.related-item .entry-image-wrap{
height:115px
}
.side3-item .entry-image-wrap{
height:115px
}
}
@media only screen and (max-width: 380px) {
#featured .widget-content{
min-height:220px
}
.featured-item.item-0{
height:200px
}
.featured-item .entry-title,.type-feat1 .featured-item.item-1 .entry-
title,.type-feat3 .featured-item .entry-title{
font-size:14px
}
.featured-item.item-0 .entry-title,.type-feat3 .featured-item.item-0 .entry-
title{
font-size:21px
}
.featured-grid{
height:130px
}
.block-items .item-0 .entry-image-wrap{
height:180px
}
.grid-item .entry-image-wrap{
height:100px
}
.grid2-item .entry-image-wrap{
height:200px
}
.col-item .entry-inner{
height:180px
}
.video-items .cs .entry-inner{
height:180px
}
.video-style .video-items .cs .entry-inner{
height:180px
}
.video-grid .entry-image-wrap{
height:100px
}
.video-style .video-grid .entry-image-wrap{
height:90px
}
.index-post .entry-image-wrap{
height:180px
}
.item-post h1.entry-title{
font-size:27px
}
.item-post .entry-meta .align-right{
display:none
}
.templateify-toc-inner{
min-width:100%
}
.share-links span{
display:none
}
.share-links .has-span a{
width:40px;
justify-content:center
}
.share-links .has-span a:before{
width:100%;
background-color:transparent
}
.related-item .entry-image-wrap{
height:100px
}
.FeaturedPost .entry-inner{
height:180px
}
.side-item .entry-inner{
height:180px
}
.side3-item .entry-image-wrap{
height:100px
}
.share-links .pinterest-p{
display:block
}
}
@media only screen and (max-width: 340px) {
#slide-menu{
width:100%
}
.errorWrap h3{
font-size:110px
}
.errorWrap h4{
font-size:27px
}
}
]]></b:skin>
</b:if>
<b:if cond='data:view.isLayoutMode'>
<b:template-skin><![CDATA[
html,body#layout #outer-wrapper,body#layout .row{
width:auto;
padding:0
}
body#layout{
position:relative;
width:auto;
max-width:100%;
background-color:#fff;
padding:95px 5px 0;
margin:0 0 0 1px;
border-width:1px 0 0;
border-color:#eceff1
}
body#layout:before{
content:'Feedify - Version - 1.0';
position:absolute;
top:0;
left:5px;
right:5px;
height:95px;
font-family:Roboto,sans-serif;
font-size:23px;
color:#263238;
line-height:95px;
text-align:center
}
body#layout div.section{
display:block;
background-color:#eceff1!important;
margin:0 5px 10px!important;
padding:16px 16px 18px!important;
border:0
}
body#layout .no-items.section{
display:block
}
body#layout .section h4{
font-size:14px;
color:#263238;
text-transform:uppercase;
margin:0
}
body#layout .section h4:after{
text-transform:initial;
color:#757575;
font-weight:400
}
body#layout .add_widget a{
color:#4385f5!important
}
body#layout .widget-wrap3{
overflow:hidden
}
body#layout .widget-content{
width:auto;
max-width:none;
max-height:none;
margin:0;
border:1px solid #e7e7e8;
border-left:0
}
body#layout .locked-widget .widget-content{
border-left:1px solid #4385f5
}
body#layout .locked-widget .widget-content:hover{
border-left-color:#33a453
}
body#layout div.layout-title{
color:#757575
}
body#layout .widget .widget-content a.editlink{
border-radius:2px
}
body#layout .visibility .editlink{
background:#4385f5
url(https://1.bp.blogspot.com/--z1wepFalfQ/YOObl8avCFI/AAAAAAAAAE8/Z-
iC0j0LLpo7u2ZpHvW0hGaHhBOvVYYaQCLcBGAsYHQ/s48/edit.png) no-repeat center!important;
background-size:20px!important
}
body#layout .visibility .editlink:hover{
background-color:#33a453!important
}
body#layout .draggable-widget .widget-wrap2{
background:#4385f5
url(https://1.bp.blogspot.com/-ciJD7MVmo10/YORQlzt9a1I/AAAAAAAAAFk/
L4fK5cgelFoWX9rZvGFKZdr1d_RM9kfjACLcBGAsYHQ/s68/drag.png) no-repeat 4px 50%!
important;
background-size:4px auto!important
}
body#layout .draggable-widget .widget-wrap1:hover .widget-wrap2{
background-color:#33a453!important
}
body#layout .visibility .layout-widget-state.visible{
background-image:url(https://1.bp.blogspot.com/-aPoC3YxQo6g/YOOeDVSsJqI/
AAAAAAAAAFM/oyvPLSJVIRQpAu-g0gZL89g5Caq4_4DeQCLcBGAsYHQ/s48/visibility_on.png)!
important;
background-size:24px!important
}
body#layout .visibility .layout-widget-state.not-visible{
background-image:url(https://1.bp.blogspot.com/-x_kkTMRQfHs/YOOeMUjTE8I/
AAAAAAAAAFQ/RRj6YLBNuMEHwTB_81304fCxy8dl7h46gCLcBGAsYHQ/s48/visibility_off.png)!
important;
background-size:24px!important;
opacity:1
}
body#layout div.layout-widget-description{
display:none;
font-size:11px;
line-height:1.2em
}
body#layout #theme-options,body#layout #main-menu .widget{
display:block!important
}
body#layout div.templateify-panel{
background-color:rgba(67,133,245,0.15)!important;
overflow:hidden!important
}
body#layout .templateify-panel .widget{
float:left;
width:32.66%;
margin-right:1%
}
body#layout .templateify-panel .widget-content{
border-color:#d5e3fc!important
}
body#layout .templateify-panel .HTML{
margin-right:0
}
body#layout .templateify-panel div.layout-widget-description,body#layout .flex-
right,body#layout #nav-search-wrap{
display:none
}
body#layout #topbar{
overflow:hidden!important
}
body#layout #topbar .widget{
float:left;
width:100%;
}
body#layout .flex-left{
display:flex
}
body#layout .topbar-wrap .flex-left,body#layout #topbar{
width:50%
}
body#layout .header-items, body#layout .topbar-wrap .container {
display: flex;
}
body#layout .header-items .flex-left, body#layout .main-menu-wrap .flex-left,
body#layout .topbar-wrap .flex-left {
display:block
}
body#layout .header-items .flex-left,body#layout #header-top-ads-wrap{
width:50%
}
body#layout #content-wrapper{
padding:0;
margin:0
}
body#layout #content-wrapper > .container{
display:flex;
margin:0
}
body#layout #main-wrapper{
width:67%;
padding:0
}
body#layout #sidebar-wrapper{
width:33%;
padding:0
}
body#layout #custom-ads{
display:flex
}
body#layout #custom-ads .section{
width:50%
}
body#layout .footer-widgets{
display:flex
}
body#layout .footer-widgets .section{
width:100%
}
body#layout #feedify-pro-about-section{
overflow:hidden!important
}
body#layout #feedify-pro-about-section .widget{
float:left;
width:49.5%;
margin-right:1%
}
body#layout #feedify-pro-about-section .LinkList{
margin-right:0
}
body#layout .footer-bar .container{
display:flex
}
body#layout #footer-menu,body#layout #footer-copyright{
width:50%
}
body#layout .section > h4:after{
font-size:12px
}
body#layout #templateify-panel > h4:after{
content:' - Default Thumbnail, Date Format, Translate Months and More'
}
body#layout #topbar > h4:after{
content:' - Top Links and Social Icons'
}
body#layout #main-logo > h4:after{
content:' - Recommended Height (40px)'
}
body#layout #feedify-pro-main-nav > h4:after{
content:' - Menu Links, Sub Links and Mega Menu'
}
body#layout #header-ads > h4:after{
content:' - by Custom HTML, Adsense or Image'
}
body#layout #ticker > h4:after{
content:' - by Popular Posts, Recents or Label'
}
body#layout #featured > h4:after{
content:' - by Popular Posts, Recents or Label'
}
body#layout .content-section > h4:after{
content:' - by Most Recents, Label or AD Gadget (Adsense, HTML)'
}
body#layout #main > h4:after{
content:' - Default Blog Posts, AdSense In-Feed, Comments and More'
}
body#layout #feedify-pro-main-before-ad > h4:after{
content:' - Before Post Content (Post Page)'
}
body#layout #feedify-pro-main-after-ad > h4:after{
content:' - After Post Content (Post Page)'
}
body#layout #feedify-pro-related-posts > h4:after{
content:' - Exclusive Related Posts (No Duplicate Posts)'
}
body#layout #feedify-pro-post-footer-ads > h4:after{
content:' - After Related Posts (Post Page)'
}
body#layout #sidebar > h4:after{
content:' - Default Gadgets'
}
body#layout #footer-ads > h4:after{
content:' - by Custom HTML, Adsense or Image'
}
body#layout .footer-section > h4:after{
content:' - Default Gadgets'
}
body#layout #feedify-pro-about-section > h4:after{
content:' - Site Logo, Description and Social Icons'
}
body#layout #footer-copyright > h4:after{
content:' - Custom Credits'
}
body#layout #footer-menu > h4:after{
content:' - Footer Links'
}
body#layout #cookie-consent-section > h4:after{
content:' - Native Cookie Consent Plugin'
}
body#layout:after{
content:'Design by Templateify.com';
display:block;
font-family:Roboto,sans-serif;
font-size:14px;
color:rgba(0,0,0,0.54);
line-height:1;
text-align:center;
visibility:visible;
padding:20px 0 30px
}
body#layout #hidden-widgets{
display:none!important
}
]]></b:template-skin>
</b:if>
<b:if cond='data:widgets.AdSense.first or data:blog.adsenseClientId'>
<!-- Google AdSense -->
<script async='async' crossorigin='anonymous'
src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
</b:if>
<b:if cond='data:blog.analyticsAccountNumber'>
<!-- Google Analytics -->
<b:include data='blog' name='google-analytics'/>
</b:if>
<b:defaultmarkups>
<b:defaultmarkup type='Common'>
<b:includable id='customOpenGraphMetaData'>
<!-- Metadata for Open Graph protocol. See http://ogp.me/. -->
<meta expr:content='data:blog.localeUnderscoreDelimited'
property='og:locale'/>
<b:if cond='data:view.isHomepage'>
<meta content='website' property='og:type'/>
</b:if>
<b:if cond='data:view.isSingleItem'>
<meta content='article' property='og:type'/>
</b:if>
<b:if cond='data:view.isMultipleItems and not data:view.isHomepage'>
<meta content='object' property='og:type'/>
</b:if>
<meta expr:content='data:view.title.escaped' property='og:title'/>
<meta expr:content='data:blog.url.canonical' property='og:url'/>
<meta expr:content='data:view.description.escaped'
property='og:description'/>
<meta expr:content='data:blog.title.escaped' property='og:site_name'/>
<b:tag cond='data:view.isMultipleItems and
data:widgets.Blog.first.posts[0].featuredImage'
expr:content='data:widgets.Blog.first.posts[0].featuredImage resizeImage 1600'
name='meta' property='og:image'/>
<b:tag cond='data:view.isMultipleItems and
data:widgets.Blog.first.posts[0].featuredImage'
expr:content='data:widgets.Blog.first.posts[0].featuredImage resizeImage 1600'
name='meta' property='twitter:image'/>
<b:if cond='data:view.featuredImage'>
<meta expr:content='data:view.featuredImage resizeImage 1600'
property='og:image'/>
<meta expr:content='data:view.featuredImage resizeImage 1600'
name='twitter:image'/>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<meta expr:content='data:view.title.escaped' name='twitter:title'/>
<meta expr:content='data:blog.url.canonical' name='twitter:domain'/>
<meta expr:content='data:view.description.escaped'
name='twitter:description'/>
</b:includable>
<b:includable id='theme-head'>
<meta expr:content='"text/html; charset=" + data:blog.encoding'
http-equiv='Content-Type'/>
<meta content='width=device-width, initial-scale=1, minimum-scale=1, user-
scalable=yes' name='viewport'/>
<title><data:view.title.escaped/></title>
<link href='//fonts.gstatic.com' rel='dns-prefetch'/>
<link href='//dnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-
icon'/>
<meta expr:content='data:skin.vars.main_color' name='theme-color'/>
<b:if cond='data:blog.adultContent'>
<meta content='adult' name='rating'/>
</b:if>
<link expr:href='data:view.url.canonical' rel='canonical'/>
<meta expr:content='data:view.description.escaped' name='description'/>
<b:include name='customOpenGraphMetaData'/>
<data:blog.feedLinks/><data:blog.meTag/>
<b:if cond='data:view.isHomepage'>
<script
type='application/ld+json'>{"@context":"http://schema.org",&quo
t;@type":"WebSite","name":"<data:view.title.escaped/
>","url":"<data:view.url.canonical/
>","potentialAction":
{"@type":"SearchAction","target":"<data:view.url
.canonical/>search?q={search_term_string}","query-
input":"required name=search_term_string"}}</script>
</b:if>
<!-- Font Awesome Free 5.15.3 -->
<b:tag href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/
fontawesome.min.css' name='link' rel='stylesheet'/>
<b:tag cond='data:blog.languageDirection == "rtl"'
href='https://fonts.googleapis.com/css2?
family=Cairo:wght@400;500;600;700&display=swap' name='link' rel='stylesheet'/>
</b:includable>
<b:includable id='theme-body-class'>
<b:class cond='data:view.isHomepage' name='is-home'/>
<b:class cond='data:view.isMultipleItems' name='is-multiple'/>
<b:class cond='data:view.isSingleItem' name='is-single'/>
<b:class cond='data:view.isPage' name='is-page'/>
<b:class cond='data:view.isPost' name='is-post'/>
<b:class cond='data:view.isError' name='is-multiple is-error'/>
<b:class cond='data:blog.isMobileRequest' name='is-mobile'/>
<b:class cond='data:skin.vars.boxed == "1px"' name='is-boxed'/>
<b:class cond='data:skin.vars.sidebar == "1px"' name='is-left'/>
</b:includable>
<b:includable id='theme-custom-lang'>
<b:switch var='data:message'>
<b:case value='prevPost'/><b:if cond='data:blog.locale.language ==
"en"'>Previous Post<b:elseif cond='data:blog.locale.language ==
"es"'/>Artículo Anterior<b:elseif cond='data:blog.locale.language ==
"pt"'/>Postagem Anterior<b:else/><data:messages.newer/></b:if>
<b:case value='nextPost'/><b:if cond='data:blog.locale.language ==
"en"'>Next Post<b:elseif cond='data:blog.locale.language ==
"es"'/>Artículo Siguiente<b:elseif cond='data:blog.locale.language ==
"pt"'/>Próxima Postagem<b:else/><data:messages.older/></b:if>
<b:case value='loadMorePosts'/><b:if cond='data:blog.locale.language ==
"en"'>Load More<b:elseif cond='data:blog.locale.language ==
"es"'/>Carga Más<b:elseif cond='data:blog.locale.language ==
"pt"'/>Carregar Mais<b:elseif cond='data:blog.locale.language ==
"ar"'/><تحميل المزيدb:else/><data:messages.loadMorePosts/></b:if>
<b:case value='noMorePosts'/><b:if cond='data:blog.locale.language ==
"en"'>That is All<b:elseif cond='data:blog.locale.language ==
"es"'/>Eso es Todo<b:elseif cond='data:blog.locale.language ==
"pt"'/>Isso é Tudo<b:else/><data:messages.noResultsFound/></b:if>
</b:switch>
</b:includable>
<b:includable id='widget-title'>
<b:if cond='data:title == "{ads}"'>
<b:class name='is-ad'/>
<b:elseif cond='data:widget.type == "AdSense"'/>
<b:class name='is-ad'/>
</b:if>
<b:if cond='data:defaultTitle or data:title'>
<b:if cond='data:title != "{ads}" and not (data:widget.type ==
"HTML" and data:title contains "getMailchimp")'>
<b:if cond='data:widget.sectionId not in ["templateify-
panel","topbar","main-logo","feedify-pro-main-
nav","header-top-ads","header-
ads","featured","footer-ads","feedify-pro-post-
footer-ads","feedify-pro-about-section","footer-
copyright","footer-menu"]'>
<div expr:class='data:widget.sectionId in ["content-section-
1","content-section-2","sidebar"] ? "widget-title
title-wrap" : "widget-title"'><h3
class='title'><data:title/></h3></div>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='pagelist-content'>
<b:tag class='widget-content' name='div'>
<ul class='link-list list-style'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:loop>
</ul>
</b:tag>
</b:includable>
<b:includable id='linklist-content'>
<b:if cond='data:widget.sectionId in
["topbar","sidebar","feedify-pro-about-section"]'>
<b:tag class='widget-content' cond='data:widget.sectionId not in
["topbar","feedify-pro-about-section"]' name='div'>
<b:if cond='data:links any l => l.name in
["blogger","facebook","facebook-
f","twitter","rss","youtube","skype",&
quot;stumbleupon","tumblr","vk","stack-
overflow","github","linkedin","dribbble","s
oundcloud","behance","digg","instagram","pi
nterest","pinterest-
p","twitch","delicious","codepen","amazon&q
uot;,"reddit","whatsapp","messenger","microsoft&
quot;,"telegram","discord","apple","email",
"external-link"]'>
<b:if cond='data:widget.sectionId == "topbar"'>
<ul class='social-icons social'>
<b:loop index='i' values='data:links' var='link'>
<li expr:class='data:link.name + " link-" + data:i'><a
expr:alt='data:link.name' expr:class='"fa-" + data:link.name'
expr:href='data:link.target' expr:title='data:link.name' rel='noopener noreferrer'
target='_blank'/></li>
</b:loop>
</ul>
<b:elseif cond='data:widget.sectionId == "sidebar"'/>
<ul class='social-icons social social-bg'>
<b:loop index='i' values='data:links' var='link'>
<li expr:class='data:link.name + " link-" + data:i'><a
expr:alt='data:link.name' expr:class='"fa-" + data:link.name + "
btn"' expr:href='data:link.target' expr:title='data:link.name' rel='noopener
noreferrer' target='_blank'/></li>
</b:loop>
</ul>
<b:else/>
<ul class='social-icons social social-bg-hover'>
<b:loop index='i' values='data:links' var='link'>
<li expr:class='data:link.name + " link-" + data:i'><a
expr:alt='data:link.name' expr:class='"fa-" + data:link.name + "
btn"' expr:href='data:link.target' expr:title='data:link.name' rel='noopener
noreferrer' target='_blank'/></li>
</b:loop>
</ul>
</b:if>
<b:else/>
<ul expr:class='data:widget.sectionId in
["topbar","footer-menu"] ? "link-list" : "link-
list list-style"'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</b:if>
</b:tag>
<b:elseif cond='data:widget.sectionId == "feedify-pro-main-
nav"'/>
<ul id='feedify-pro-main-nav-menu'>
<b:loop values='data:links' var='link'>
<li><b:if cond='data:link.target contains
"getPosts"'><b:class name='has-sub mega-menu'/><a expr:data-
shortcode='data:link.target' href='#'><data:link.name/></a><b:else/><a
expr:href='data:link.target'><data:link.name/></a></b:if></li>
</b:loop>
</ul>
<b:else/>
<b:tag class='widget-content' cond='data:widget.sectionId not in
["topbar","footer-menu"]' name='div'>
<ul expr:class='data:widget.sectionId in
["topbar","footer-menu"] ? "link-list" : "link-
list list-style"'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</b:tag>
</b:if>
</b:includable>
<b:includable id='html-content'>
<b:if cond='data:widget.sectionId == "templateify-panel"'>
<b:if cond='data:content != ""'>
<b:tag name='script' type='text/javascript'>
<b:with expr:value='data:content' var='option'>
<b:if cond='data:option.viewAllText'>var viewAllText =
"<data:option.viewAllText/>";</b:if>
<b:if cond='data:option.dateFormat'>var dateFormat =
"<data:option.dateFormat/>";</b:if>
<b:if cond='data:option.monthName'>
var monthNames =
["<data:option.monthName.jan/>","<data:option.monthName.feb/
>","<data:option.monthName.mar/>","<data:option.monthName.apr/
>","<data:option.monthName.may/>","<data:option.monthName.jun/
>","<data:option.monthName.jul/>","<data:option.monthName.aug/
>","<data:option.monthName.sep/>","<data:option.monthName.oct/
>","<data:option.monthName.nov/>","<data:option.monthName.dec/
>"];
</b:if>
</b:with>
</b:tag>
</b:if>
<b:elseif cond='data:widget.sectionId == "feedify-pro-related-
posts"'/>
<b:with value='data:title ? "$title={" + data:title + "}
" : ""' var='relatedTitle'>
<b:attr expr:value='data:relatedTitle + (data:content contains
"results" ? data:content : "")' name='data-shortcode'/>
</b:with>
<b:else/>
<b:if cond='data:content contains "getPosts" and
data:widget.sectionId in ["ticker","featured","content-
section-1","content-section-2"]'>
<b:class name='is-visible'/>
</b:if>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:if cond='data:content contains "getPosts" and
data:widget.sectionId in ["ticker","featured","content-
section-1","content-section-2","sidebar","footer-col-
1","footer-col-2","footer-col-3"]'>
<b:attr expr:value='data:content' name='data-shortcode'/>
<b:attr cond='data:widget.sectionId in ["footer-col-
1","footer-col-2","footer-col-3"]' name='data-is'
value='footer'/>
<b:elseif cond='data:title contains "getMailchimp"'/>
<b:attr expr:value='data:title' name='data-shortcode'/>
<b:else/>
<data:content/>
</b:if>
</div>
</b:if>
</b:includable>
<b:includable id='textlist-content'>
<b:if cond='data:widget.sectionId == "templateify-panel"'>
<b:loop index='i' values='data:items' var='item'>
<b:if cond='data:i == 0'>
<script async='async' crossorigin='anonymous' defer='defer'
expr:src='data:item'/>
</b:if>
</b:loop>
<b:else/>
<div class='widget-content'>
<ul class='text-list list-style'>
<b:loop values='data:items' var='item'>
<li><data:item/></li>
</b:loop>
</ul>
</div>
</b:if>
</b:includable>
<b:includable id='image-content'>
<b:if cond='data:widget.sectionId == "templateify-panel"'>
<b:tag name='script' type='text/javascript'>var noThumbnail = "<b:eval
expr='resizeImage(data:sourceUrl, 72, "1:1")'/>";</b:tag>
<b:elseif cond='data:widget.sectionId == "main-logo"'/>
<a class='logo-img' expr:href='data:blog.homepageUrl.canonical' rel='home'>
<img expr:alt='data:blog.title' expr:data-src='data:sourceUrl'
expr:height='data:height' expr:src='data:sourceUrl' expr:title='data:blog.title'
expr:width='data:width'>
<b:loop values='[".png",".jpg",".gif"]'
var='imageType'>
<b:attr cond='data:link and contains(data:link, data:imageType)'
expr:value='data:link' name='data-dark-src'/>
</b:loop>
</img>
<b:if cond='data:view.isMultipleItems'><h1
id='h1-off'><data:blog.title/></h1></b:if>
</a>
<b:elseif cond='data:widget.sectionId == "feedify-pro-about-
section"'/>
<a class='footer-logo custom-image'
expr:href='data:blog.homepageUrl.canonical' rel='home'>
<img expr:alt='data:blog.title' expr:data-src='data:sourceUrl'
expr:height='data:height' expr:id='data:widget.instanceId + "_img"'
expr:src='data:sourceUrl' expr:width='data:width'>
<b:loop values='[".png",".jpg",".gif"]'
var='imageType'>
<b:attr cond='data:link and contains(data:link, data:imageType)'
expr:value='data:link' name='data-dark-src'/>
</b:loop>
</img>
</a>
<b:if cond='data:caption'>
<div class='footer-info'>
<b:if cond='data:title'><h3 class='title'><data:title/></h3></b:if>
<b:if cond='data:caption'><p class='image-caption
excerpt'><data:caption/></p></b:if>
</div>
</b:if>
<b:else/>
<div class='widget-content'>
<div class='custom-image'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<img expr:alt='data:blog.title' expr:id='data:widget.instanceId +
"_img"' expr:src='data:sourceUrl'/>
</b:tag>
</div>
<b:if cond='data:caption'>
<p class='image-caption excerpt'><data:caption/></p>
</b:if>
</div>
</b:if>
</b:includable>
<b:includable id='text-content'>
<b:if cond='data:widget.sectionId == "footer-copyright"'>
<data:content/>
<b:elseif cond='data:widget.sectionId == "cookie-consent-
section"'/>
<b:attr expr:value='data:title' name='data-shortcode'/>
<p class='consent-text excerpt'><data:content/></p>
<a class='consent-button btn' expr:aria-label='data:messages.ok' href='#'
role='button'><data:messages.ok/></a>
<b:else/>
<b:include name='widget-title'/>
<div class='widget-content excerpt'>
<data:content/>
</div>
</b:if>
</b:includable>
<b:includable id='popular-content'>
<b:if cond='data:widget.sectionId == "ticker"'>
<div expr:class='"ticker-item item-"+data:i'>
<h2 class='entry-title'><a expr:href='data:post.url.canonical'
expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:eval
expr='data:post.title ? data:post.title : data:messages.noTitle'/></a></h2>
</div>
<b:elseif cond='data:widget.sectionId == "featured"'/>
<div expr:class='"featured-item cs item-"+data:i'>
<a class='entry-inner' expr:href='data:post.url.canonical'
expr:title='data:post.title ? data:post.title : data:messages.noTitle'>
<b:if cond='data:i in [0,1,2]'> <span class='entry-image-wrap before-
mask'><b:if cond='data:post.featuredImage'><span class='entry-image' expr:data-
image='data:post.featuredImage.isYouTube ?
resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72,
"1:1") : resizeImage(data:post.featuredImage, 72,
"1:1")'/><b:else/><span class='entry-thumb'
data-image='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class
expr:name='data:post.featuredImage.isYouTube ? "is-video" : "is-
image"'/></span></b:if>
<div class='entry-header'>
<b:class cond='data:i in [0,1,2]' name='entry-info'/>
<b:if cond='data:i in [0,1,2]'><b:if cond='data:post.labels'><span
class='entry-category'><data:post.labels.first.name/></span></b:if></b:if>
<h2 class='entry-title'><b:eval expr='data:post.title ?
data:post.title : data:messages.noTitle'/></h2>
<b:if cond='data:i == 0'>
<b:if cond='data:widgets.Blog.first.allBylineItems.author or
data:widgets.Blog.first.allBylineItems.timestamp'><div class='entry-meta'><b:if
cond='data:widgets.Blog.first.allBylineItems.author'><span class='entry-author
mi'><b:if cond='data:widgets.Blog.first.allBylineItems.author.label'><span
class='sp'><data:widgets.Blog.first.allBylineItems.author.label/></span></
b:if><span class='author-name'><data:post.author.name/></span></span></b:if><b:if
cond='data:widgets.Blog.first.allBylineItems.timestamp'><span class='entry-time
mi'><b:if cond='data:widgets.Blog.first.allBylineItems.author and
data:widgets.Blog.first.allBylineItems.timestamp.label'><span
class='sp'><data:widgets.Blog.first.allBylineItems.timestamp.label/></span></
b:if><time class='published'
expr:datetime='data:post.date.iso8601'><data:post.date/></time></span></b:if></
div></b:if>
<b:else/>
<b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><div
class='entry-meta'><time class='published'
expr:datetime='data:post.date.iso8601'><data:post.date/></time></div></b:if>
</b:if>
</div>
</a>
</div>
<b:else/>
<div expr:class='data:i == 0 and (data:widget.sectionId ==
"sidebar") ? "side-item cs item-"+data:i : "side-item
item-"+data:i'>
<b:tag class='entry-inner' cond='data:i == 0 and (data:widget.sectionId
== "sidebar")' expr:href='data:post.url.canonical'
expr:title='data:post.title ? data:post.title : data:messages.noTitle' name='a'>
<b:tag class='entry-image-wrap sz-1' cond='data:widget.sectionId !=
"sidebar" or (data:i != 0 and (data:widget.sectionId ==
"sidebar"))' expr:href='data:post.url.canonical'
expr:title='data:post.title ? data:post.title : data:messages.noTitle'
name='a'><b:tag class='entry-image-wrap before-mask' cond='data:i == 0 and
(data:widget.sectionId == "sidebar")' name='span'><b:if
cond='data:post.featuredImage'><span class='entry-image' expr:data-
image='data:post.featuredImage.isYouTube ?
resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72,
"1:1") : resizeImage(data:post.featuredImage, 72,
"1:1")'/><b:else/><span class='entry-image'
data-image='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class
expr:name='data:post.featuredImage.isYouTube ? "is-video" : "is-
image"'/></b:tag></b:tag>
<div expr:class='data:i == 0 and (data:widget.sectionId ==
"sidebar") ? "entry-header entry-info" : "entry-
header"'>
<b:if cond='data:post.labels and data:i == 0 and
(data:widget.sectionId == "sidebar")'><span class='entry-
category'><data:post.labels.first.name/></span></b:if>
<h2 class='entry-title'><b:tag cond='data:widget.sectionId !=
"sidebar" or (data:i != 0 and (data:widget.sectionId ==
"sidebar"))' expr:href='data:post.url.canonical'
expr:title='data:post.title ? data:post.title : data:messages.noTitle'
name='a'><b:eval expr='data:post.title ? data:post.title :
data:messages.noTitle'/></b:tag></h2>
<b:if cond='data:i == 0 and (data:widget.sectionId ==
"sidebar")'>
<b:if cond='data:widgets.Blog.first.allBylineItems.author or
data:widgets.Blog.first.allBylineItems.timestamp'><div class='entry-meta'><b:if
cond='data:widgets.Blog.first.allBylineItems.author'><span class='entry-author
mi'><b:if cond='data:widgets.Blog.first.allBylineItems.author.label'><span
class='sp'><data:widgets.Blog.first.allBylineItems.author.label/></span></
b:if><span class='author-name'><data:post.author.name/></span></span></b:if><b:if
cond='data:widgets.Blog.first.allBylineItems.timestamp'><span class='entry-time
mi'><b:if cond='data:widgets.Blog.first.allBylineItems.author and
data:widgets.Blog.first.allBylineItems.timestamp.label'><span
class='sp'><data:widgets.Blog.first.allBylineItems.timestamp.label/></span></
b:if><time class='published'
expr:datetime='data:post.date.iso8601'><data:post.date/></time></span></b:if></
div></b:if>
<b:else/>
<b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><div
class='entry-meta'><time class='published'
expr:datetime='data:post.date.iso8601'><data:post.date/></time></div></b:if>
</b:if>
</div>
</b:tag>
</div>
</b:if>
</b:includable>
<b:includable id='contact-form-content'>
<div class='widget-content contact-form-widget'>
<form class='contact-form-form' name='contact-form'>
<input class='contact-form-name cf-s'
expr:ariby='data:contactFormNameMsg' expr:id='data:widget.instanceId +
"_contact-form-name"' expr:placeholder='data:contactFormNameMsg'
name='name' size='30' type='text' value=''/>
<input class='contact-form-email cf-s'
expr:ariby='data:contactFormEmailMsg + " *"'
expr:id='data:widget.instanceId + "_contact-form-email"'
expr:placeholder='data:contactFormEmailMsg + " *"' name='email' size='30'
type='text' value=''/>
<textarea class='contact-form-email-message cf-s' cols='25'
expr:ariby='data:contactFormMessageMsg + " *"'
expr:id='data:widget.instanceId + "_contact-form-email-message"'
expr:placeholder='data:contactFormMessageMsg + " *"' name='email-message'
rows='5'/>
<input class='contact-form-button btn contact-form-button-submit'
expr:id='data:widget.instanceId + "_contact-form-submit"'
expr:value='data:contactFormSendMsg' type='button'/>
<p class='contact-form-error-message' expr:id='data:widget.instanceId +
"_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceId +
"_contact-form-success-message"'/>
</form>
</div>
</b:includable>
<b:includable id='theme-options-js'>
<b:if cond='data:skin.vars.fixedmenu == "0px" or
(data:skin.vars.fixedsidebar == "0px")'>
<!-- Theme Options JS -->
<b:tag name='script' type='text/javascript'><b:if
cond='data:skin.vars.fixedmenu == "0px"'>var fixedMenu=false;</b:if><b:if
cond='data:skin.vars.fixedsidebar == "0px"'>var
fixedSidebar=false;</b:if></b:tag>
</b:if>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Header'>
<b:includable id='main' var='this'>
<b:include cond='data:imagePlacement in {"REPLACE",
"BEFORE_DESCRIPTION"}' name='image'/>
<b:include cond='data:imagePlacement == "BEHIND"' name='title'/>
</b:includable>
<b:includable id='image'>
<a class='logo-img' expr:href='data:blog.homepageUrl.canonical'>
<img expr:alt='data:blog.title.escaped' expr:height='data:height'
expr:src='data:image' expr:title='data:blog.title.escaped'
expr:width='data:width'/>
<b:if cond='data:view.isMultipleItems'><b:if cond='data:widget.sectionId ==
"main-logo"'><h1 id='h1-off'><data:title/></h1></b:if></b:if>
</a>
</b:includable>
<b:includable id='title'>
<b:tag class='blog-title' cond='data:view.isMultipleItems' name='h1'>
<b:tag class='blog-title' cond='!data:view.isMultipleItems' name='span'>
<b:tag expr:href='data:blog.homepageUrl.canonical' name='a'>
<data:title/>
</b:tag>
</b:tag>
</b:tag>
</b:includable>
<b:includable
id='behindImageStyle'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='description'><b:comment>Replaced</b:comment></b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='LinkList'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='linklist-content'/>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='TextList'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<ul class='text-list list-style'>
<b:loop values='data:items' var='item'>
<li><data:item/></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='HTML'>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Text'>
<b:includable id='main'>
<b:include name='text-content'/>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Blog'>
<b:includable id='main' var='this'>
<b:class cond='data:view.isMultipleItems' name='flex-col'/>
<b:include cond='data:view.isHomepage' name='blogPostsTitle'/>
<b:include name='searchMessage'/>
<b:if cond='!data:posts.empty'>
<div class='blog-posts'>
<b:class cond='data:view.isMultipleItems' name='index-post-wrap flex-
col'/>
<b:class cond='data:view.isSingleItem' name='item-post-wrap flex-col'/>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='postCommentsAndAd'/>
</b:loop>
</div>
<b:include cond='data:view.isMultipleItems' name='ajaxPagination'/>
</b:if>
<b:include name='feedLinks'/>
<b:include name='exportBlogContent'/>
</b:includable>
<b:includable id='exportBlogContent'>
<b:tag name='script' type='text/javascript'>
var templateifyMessages = {
noTitle: "<data:messages.noTitle/>",
viewAll: "<data:messages.viewAll/>",
postAuthor: <b:eval expr='data:allBylineItems.author ? "true" :
"false"'/>,
postAuthorLabel: "<b:eval expr='data:allBylineItems.author.label ?
data:allBylineItems.author.label : ""'/>",
postDate: <b:eval expr='data:allBylineItems.timestamp ? "true" :
"false"'/>,
postDateLabel: "<b:eval expr='data:allBylineItems.timestamp.label ?
data:allBylineItems.timestamp.label : ""'/>"
}
</b:tag>
</b:includable>
<b:includable id='blogPostsTitle'>
<b:if cond='data:blog.jumpLinkMessage != "hide"'>
<div class='title-wrap main-title'><h3
class='title'><data:blog.jumpLinkMessage/></h3><a class='title-link'
href='/search'><data:messages.viewAll/></a></div>
</b:if>
</b:includable>
<b:includable
id='aboutPostAuthor'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='addComments'>
<a expr:href='data:post.commentsUrl'
expr:onclick='data:post.commentsUrlOnclick'><data:messages.postAComment/></a>
</b:includable>
<b:includable id='ajaxPagination'>
<!-- Ajax Pagination on Index -->
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link load-more' expr:data-
load='data:olderPageUrl.canonical' href='#' id='feedify-pro-load-more-
link'><b:include data='{ message: "loadMorePosts" }' name='theme-custom-
lang'/></a>
<span class='loading'><div class='loader'/></span>
<span class='no-more load-more'><b:include data='{ message:
"noMorePosts" }' name='theme-custom-lang'/></span>
<b:else/>
<span class='no-more load-more show'><b:include data='{ message:
"noMorePosts" }' name='theme-custom-lang'/></span>
</b:if>
</div>
</b:includable>
<b:includable id='backLinks'
var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineByName'
var='byline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineRegion'
var='regionItems'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='commentAuthorAvatar'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentDeleteIcon'
var='comment'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentForm' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:include data='post' name='commentFormIframeSrc'/>
<iframe allowtransparency='allowtransparency' class='blogger-iframe-
colorize blogger-comment-from-post' frameborder='0' height='90px' id='comment-
editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentFormIframeSrc' var='post'>
<a expr:href='data:post.commentFormIframeSrc + "&skin=soho"'
id='comment-editor-src' rel='noopener noreferrer' title='Comment Form Link'/>
</b:includable>
<b:includable id='commentItem'
var='comment'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentList'
var='comments'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentPicker'
var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='comments' var='post'>
<a name='comments'/>
<b:include name='commentsTitle'/>
<section class='comments threaded flex-col' expr:data-
embed='data:post.embedCommentForm' expr:data-num-
comments='data:post.numberOfComments' id='comments'>
<b:class expr:name='data:post.numberOfComments != 0 ? "has-
comments" : "no-comments"'/>
<b:if cond='data:post.allowNewComments'>
<b:if cond='data:this.messages.blogComment'><p class='comments-message
excerpt'><data:this.messages.blogComment/></p></b:if>
<b:else/>
<b:if cond='data:post.noNewCommentsText and (data:post.numberOfComments
== 0)'><p class='comments-message no-new-comments
excerpt'><data:post.noNewCommentsText/><em>*</em></p></b:if>
</b:if>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.numberOfComments != 0'>
<div class='comments-content'>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
</b:if>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='commentForm'/>
</b:if>
<b:if cond='!data:post.allowNewComments'><b:if
cond='data:post.noNewCommentsText and (data:post.numberOfComments != 0)'><p
class='comments-message no-new-comments
excerpt'><data:post.noNewCommentsText/><em>*</em></p></b:if></b:if>
<b:else/>
<p class='comments-message excerpt'>Please Select Embedded Mode To Show
The Comment System.<em>*</em></p>
</b:if>
</section>
</b:includable>
<b:includable id='commentsTitle'>
<!-- Comments Title -->
<div class='title-wrap comments-title'><b:class
expr:name='data:this.messages.blogComment ? "has-message" : "no-
message"'/><h3 class='title'><b:if cond='data:post.numberOfComments !=
0'><b:if cond='data:allBylineItems.comments.label contains "disqus" or
data:allBylineItems.comments.label contains
"facebook"'><data:messages.postAComment/><b:else/><data:post.numberOfComm
ents/> <data:messages.comments/></b:if><b:else/><data:messages.postAComment/></
b:if></h3></div>
</b:includable>
<b:includable id='defaultAdUnit'>
<ins class='adsbygoogle' data-ad-format='fluid' data-ad-layout-key='-gw-
1f+ax-8c-jr' data-full-width-responsive='false' expr:data-ad-
client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-
host='data:blog.adsenseHostId' expr:data-analytics-
uacct='data:blog.analyticsAccountNumber' style='display:block'/>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</b:includable>
<b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='feedLinks'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='feedLinksBody'
var='links'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='headerByline' var='post'>
<!-- Post Entry Meta -->
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:allBylineItems.author or data:allBylineItems.timestamp'>
<div class='entry-meta'>
<b:include cond='data:allBylineItems.author' data='post'
name='postAuthor'/>
<b:include cond='data:allBylineItems.timestamp' data='post'
name='postTimestamp'/>
</div>
</b:if>
</b:if>
<b:if cond='data:view.isPost'>
<b:if cond='data:allBylineItems.author or data:allBylineItems.timestamp'>
<b:class name='has-meta'/>
<div class='entry-meta'>
<div class='align-left'>
<b:include cond='data:allBylineItems.author' data='post'
name='postAuthor'/>
<b:include cond='data:allBylineItems.timestamp' data='post'
name='postTimestamp'/>
</div>
<b:if cond='data:allBylineItems.comments'>
<div class='align-right'>
<b:include cond='data:allBylineItems.comments' data='post'
name='postCommentsLink'/>
</div>
</b:if>
</div>
</b:if>
</b:if>
</b:includable>
<b:includable id='homePageLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='iframeComments'
var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='indexPost' var='post'>
<!-- Index Post Content -->
<b:include data='post' name='postFeaturedImage'/>
<div class='entry-header'>
<b:include data='post' name='postHeader'/>
<b:include data='post' name='headerByline'/>
<b:include data='post' name='postBodySnippet'/>
</div>
</b:includable>
<b:includable id='inlineAd' var='post'>
<b:if cond='!data:view.isPreview'>
<b:if cond='data:i != 0'>
<b:if cond='data:post.includeAd and data:post.adNumber'>
<b:if cond='data:this.adCode or data:this.adClientId or
data:blog.adsenseClientId'>
<div class='index-post ad-type'>
<div class='inline-ad-wrap'>
<div class='inline-ad'>
<b:if cond='data:this.adCode != ""'>
<data:this.adCode/>
<b:else/>
<b:if cond='data:this.adClientId or
data:blog.adsenseClientId'>
<b:include name='defaultAdUnit'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='itemPost' var='post'>
<!-- Item Post Content -->
<b:include data='post' name='postMeta'/>
<div class='item-post-inner flex-col'>
<div class='entry-header p-eh'>
<b:include data='post' name='postHeader'/>
</div>
<div class='entry-content-wrap flex-col'>
<b:include data='post' name='postBody'/>
<b:include cond='data:view.isPost and data:allBylineItems.labels'
data='post' name='postLabels'/>
<b:include cond='data:view.isPost and data:allBylineItems.share'
data='post' name='postShareButtons'/>
</div>
</div>
<b:include cond='data:view.isPost' data='post' name='postFooter'/>
</b:includable>
<b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='nextPageLink'>
<b:if cond='data:olderPageUrl'>
<a class='post-nav-link post-nav-older-link'
expr:href='data:olderPageUrl.canonical'>
<b:include data='{ message: "nextPost" }' name='theme-custom-
lang'/>
</a>
<b:else/>
<span class='post-nav-link post-nav-older-link'>
<b:include data='{ message: "nextPost" }' name='theme-custom-
lang'/>
</span>
</b:if>
</b:includable>
<b:includable
id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='post' var='post'>
<!-- Index Posts -->
<b:if cond='data:view.isMultipleItems'>
<b:include data='post' name='indexPost'/>
</b:if>
<!-- Item Post -->
<b:if cond='data:view.isSingleItem'>
<b:include data='post' name='itemPost'/>
</b:if>
</b:includable>
<b:includable id='postAuthor' var='post'>
<!-- Post Author -->
<span class='entry-author mi'><b:if cond='data:view.isPost'><span
class='author-avatar-wrap'><span class='author-avatar' expr:data-
image='data:post.author.authorPhoto.image ?
resizeImage(data:post.author.authorPhoto.image, 72, "1:1") :
"https://1.bp.blogspot.com/-QN2lgvtYZco/YN3mUSryAVI/AAAAAAAAADs/KrR-
etCcvUMcPl06jopTs9pzq59IAXhMQCLcBGAsYHQ/s72-c/avatar.jpg"'/></span></
b:if><b:if cond='data:allBylineItems.author.label'><span class='by
sp'><data:allBylineItems.author.label/></span></b:if><span class='author-
name'><data:post.author.name/></span></span>
</b:includable>
<b:includable id='postBody' var='post'>
<!-- Ads before post content. -->
<b:if cond='data:view.isPost'><b:tag cond='data:widgets any w =>
w.sectionId == "feedify-pro-main-before-ad"' id='before-ad'
name='div'/></b:if>
<!-- Post Body Entry Content-->
<div class='post-body entry-content' id='post-body'>
<data:post.body/>
</div>
<!-- Ads after post content. -->
<b:if cond='data:view.isPost'><b:tag cond='data:widgets any w =>
w.sectionId == "feedify-pro-main-after-ad"' id='after-ad'
name='div'/></b:if>
</b:includable>
<b:includable id='postBodySnippet' var='post'><p class='entry-excerpt
excerpt'><b:eval expr='data:post.snippets.long snippet { length: 190
}'/></p></b:includable>
<b:includable id='postBreadcrumbs' var='post'>
<!-- Post Breadcrumbs -->
<b:if cond='data:view.isPost'>
<b:if cond='data:skin.vars.breadcrumb == "1px"'><nav
id='breadcrumb'><a class='home'
expr:href='data:blog.homepageUrl'><data:messages.home/></a><b:if
cond='data:post.labels'><em class='separator'/><a class='label'
expr:href='data:post.labels.first.url'><data:post.labels.first.name/></a></b:if></
nav></b:if>
<script
type='application/ld+json'>{"@context":"http://schema.org",&quo
t;@type":"BreadcrumbList","itemListElement":
[{"@type":"ListItem","position":1,"name":&q
uot;<data:messages.home.jsonEscaped/
>","item":"<data:blog.homepageUrl.canonical.jsonEscaped/
>"},
{"@type":"ListItem","position":2,"name":&qu
ot;<b:if
cond='data:post.labels'><data:post.labels.first.name.jsonEscaped/><b:else/
><data:messages.posts/></b:if>","item":"<b:if
cond='data:post.labels'><data:post.labels.first.url.canonical.jsonEscaped/
><b:else/><b:eval expr='data:blog.homepageUrl.canonical.jsonEscaped +
"search/"'/></b:if>"},
{"@type":"ListItem","position":3,"name":&qu
ot;<data:post.title.jsonEscaped/
>","item":"<data:post.url.canonical.jsonEscaped/>"}]}</
script>
</b:if>
<b:if cond='data:view.isPage'>
<script
type='application/ld+json'>{"@context":"http://schema.org",&quo
t;@type":"BreadcrumbList","itemListElement":
[{"@type":"ListItem","position":1,"name":&q
uot;<data:messages.home.jsonEscaped/
>","item":"<data:blog.homepageUrl.canonical.jsonEscaped/
>"},
{"@type":"ListItem","position":2,"name":&qu
ot;<data:post.title.jsonEscaped/
>","item":"<data:post.url.canonical.jsonEscaped/>"}]}</
script>
</b:if>
</b:includable>
<b:includable id='postCategory' var='post'>
<!-- Post Label -->
<b:if cond='data:post.labels'><span class='entry-
category'><data:post.labels.first.name/></span></b:if>
</b:includable>
<b:includable id='postCommentsAndAd' var='post'>
<!-- In-Feed Ads -->
<b:include cond='data:view.isMultipleItems and not data:view.search.label and
not data:view.search.query and not data:view.isArchive' data='post'
name='inlineAd'/>
<article class='blog-post hentry'>
<b:class cond='data:view.isMultipleItems' expr:name='"index-post post-
" + data:i'/>
<b:class cond='data:view.isSingleItem' name='item-post flex-col'/>
<b:include data='post' name='post'/>
</article>
<b:if cond='data:view.isSingleItem and data:post.allowComments'>
<!-- Post Comments -->
<div class='feedify-pro-blog-post-comments post-widget' expr:data-
shortcode='data:allBylineItems.comments.label contains "type" ?
data:allBylineItems.comments.label : "$type={blogger}"'>
<b:include data='post' name='threadedCommentsDisqus'/>
<b:include data='post' name='comments'/>
</div>
</b:if>
<!-- Post Navigation -->
<b:include cond='data:skin.vars.postnav == "1px"'
name='postPagination'/>
</b:includable>
<b:includable id='postCommentsLink'>
<b:if cond='data:skin.vars.cmm_count == "1px"'>
<!-- Post Comments Count -->
<span class='entry-comments-link'><data:post.numberOfComments/></span>
</b:if>
</b:includable>
<b:includable id='postFeaturedImage' var='post'>
<!-- Post Featured Image -->
<a class='entry-image-wrap' expr:href='data:post.url.canonical'
expr:title='data:post.title ? data:post.title : data:messages.noTitle'><b:if
cond='data:post.featuredImage'><span class='entry-image' expr:data-
image='data:post.featuredImage.isYouTube ?
resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72,
"1:1") : resizeImage(data:post.featuredImage, 72,
"1:1")'/><b:else/><span class='entry-image'
data-image='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class
expr:name='data:post.featuredImage.isYouTube ? "is-video" : "is-
image"'/><b:include data='post' name='postCategory'/></a>
</b:includable>
<b:includable id='postFooter' var='post'>
<!-- Post Footer Items -->
<b:tag class='post-footer flex-col' cond='data:post.author.aboutMe or
(data:widgets.HTML any w => w.sectionId == "feedify-pro-related-
posts") or (data:widgets any w => w.sectionId == "feedify-pro-post-
footer-ads")' name='footer'>
<b:include cond='data:post.author.aboutMe' data='post'
name='postFooterAuthorProfile'/>
<b:include cond='data:widgets.HTML any w => w.sectionId ==
"feedify-pro-related-posts"' data='post' name='relatedPosts'/>
<b:tag class='post-widget' cond='data:widgets any w => w.sectionId ==
"feedify-pro-post-footer-ads"' id='post-footer-ads' name='div'/>
</b:tag>
</b:includable>
<b:includable id='postFooterAuthorProfile' var='post'>
<div class='about-author post-widget'>
<div class='author-avatar-wrap'>
<span class='author-avatar' expr:data-
image='data:post.author.authorPhoto.image ?
resizeImage(data:post.author.authorPhoto.image, 72, "1:1") :
"https://1.bp.blogspot.com/-QN2lgvtYZco/YN3mUSryAVI/AAAAAAAAADs/KrR-
etCcvUMcPl06jopTs9pzq59IAXhMQCLcBGAsYHQ/s72-c/avatar.jpg"'/>
</div>
<div class='author-description flex-col'>
<h3 class='author-title'><b:tag cond='data:post.author.profileUrl'
expr:alt='data:post.author.name' expr:href='data:post.author.profileUrl' name='a'
rel='noopener noreferrer' target='_blank'><data:post.author.name/></b:tag></h3>
<p class='author-text excerpt'><data:post.author.aboutMe/></p>
</div>
</div>
</b:includable>
<b:includable id='postHeader' var='post'>
<b:include cond='data:view.isSingleItem' data='post' name='postBreadcrumbs'/>
<b:include data='post' name='postTitle'/>
<b:include cond='data:view.isPost' data='post' name='headerByline'/>
</b:includable>
<b:includable id='postJumpLink' var='post'>
<b:if cond='data:blog.jumpLinkMessage != "hide"'>
<a class='read-more'
expr:href='data:post.url.canonical'><data:blog.jumpLinkMessage/></a>
</b:if>
</b:includable>
<b:includable id='postLabels' var='post'>
<b:if cond='data:post.labels'>
<div class='entry-labels'>
<b:if cond='data:allBylineItems.labels.label'><span class='labels-label
btn'><data:allBylineItems.labels.label/></span></b:if>
<b:loop values='data:post.labels' var='label'>
<a class='label-link btn' expr:href='data:label.url'
rel='tag'><data:label.name/></a>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postMeta' var='post'>
<b:if cond='data:view.isPost'>
<script
type='application/ld+json'>{"@context":"https://schema.org",&qu
ot;@type":"NewsArticle","mainEntityOfPage":
{"@type":"WebPage","@id":"<data:post.url.canonic
al.jsonEscaped/>"},"headline":"<data:post.title.jsonEscaped/
>","description":"<data:post.snippets.short.jsonEscaped/
>","datePublished":"<data:post.date.iso8601.jsonEscaped/
>","dateModified":"<data:post.lastUpdated.iso8601.jsonEscaped/
>","image":{"@type":"ImageObject",<b:if
cond='data:post.featuredImage.isResizable'>"url":"<b:eval
expr='resizeImage(data:post.featuredImage, 1200,
"1200:675")'/>","height":675,"width":1200<b:else
/>"url":"https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-
O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-
A=w1200","height":348,"width":1200</
b:if>},"author":
{"@type":"Person","name":"<data:post.author.name
.jsonEscaped/>"},"publisher":
{"@type":"Organization","name":"Blogger",&q
uot;logo":
{"@type":"ImageObject","url":"https://
lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-
O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-
A=h60","width":206,"height":60}}}</script>
</b:if>
</b:includable>
<b:includable
id='postMetadataJSONImage'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postMetadataJSONPublisher'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postPagination'>
<b:if cond='data:view.isPost'>
<div class='post-nav post-widget'>
<b:include name='previousPageLink'/>
<b:include name='nextPageLink'/>
</div>
</b:if>
</b:includable>
<b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postShareButtons' var='post'>
<!-- Post ShareButtons -->
<div class='post-share'>
<ul class='share-links social social-bg'>
<li class='facebook has-span'><a class='fa-facebook btn templateify-
window' data-height='500' data-width='520'
expr:data-url='"https://www.facebook.com/sharer.php?u=" +
data:post.url.canonical' href='#' rel='noopener noreferrer'
title='Facebook'><span>Facebook</span></a></li>
<li class='twitter has-span'><a class='fa-twitter btn templateify-window'
data-height='520' data-width='860'
expr:data-url='"https://twitter.com/intent/tweet?url=" +
data:post.url.canonical + "&text=" + data:post.title.jsEscaped'
href='#' rel='noopener noreferrer' title='Twitter'><span>Twitter</span></a></li>
<li class='whatsapp'><a class='fa-whatsapp btn templateify-window' data-
height='520' data-width='860' expr:data-url='"https://api.whatsapp.com/send?
text=" + data:post.title.jsEscaped + " | " +
data:post.url.canonical' href='#' rel='noopener noreferrer' title='WhatsApp'/></li>
<li class='pinterest-p'><a class='fa-pinterest-p btn templateify-window'
data-height='520' data-width='860'
expr:data-url='"https://www.pinterest.com/pin/create/button/?url=" +
data:post.url.canonical + "&media=" + data:post.featuredImage +
"&description=" + data:post.title.jsEscaped' href='#' rel='noopener
noreferrer' title='Pinterest'/></li>
<li class='linkedin'><a class='fa-linkedin-in btn templateify-window'
data-height='520' data-width='860'
expr:data-url='"https://www.linkedin.com/shareArticle?mini=true&url="
+ data:post.url.canonical + "&title=" + data:post.title.jsEscaped'
href='#' rel='noopener noreferrer' title='LinkedIn'/></li>
<li class='reddit'><a class='fa-reddit-alien btn templateify-window'
data-height='520' data-width='860' expr:data-url='"https://reddit.com/submit?
url=" + data:post.url.canonical + "&title=" +
data:post.title.jsEscaped' href='#' rel='noopener noreferrer' title='Reddit'/></li>
<li class='tumblr'><a class='fa-tumblr btn templateify-window' data-
height='520' data-width='860'
expr:data-url='"https://www.tumblr.com/share/link?url=" +
data:post.url.canonical + "&name=" + data:post.title.jsEscaped'
href='#' rel='noopener noreferrer' title='Tumblr'/></li>
<li class='telegram'><a class='fa-telegram-plane btn templateify-window'
data-height='520' data-width='860'
expr:data-url='"https://telegram.me/share/url?url=" +
data:post.url.canonical + "&text=" + data:post.title.jsEscaped'
href='#' rel='noopener noreferrer' title='Telegram'/></li>
<li class='email'><a class='fa-email btn templateify-window' data-
height='500' data-width='520' expr:data-url='"mailto:?subject=" +
data:post.title.jsEscaped + "&body=" + data:post.url.canonical'
href='#' rel='noopener noreferrer' title='Email'/></li>
<li class='show-hid'><a class='btn' expr:title='data:messages.showMore'
href='#' rel='nofollow'/></li>
</ul>
</div>
</b:includable>
<b:includable id='postTimestamp' var='post'>
<!-- Post Timestamp -->
<span class='entry-time mi'><b:if cond='data:allBylineItems.author and
data:allBylineItems.timestamp.label'><span
class='sp'><data:allBylineItems.timestamp.label/></span></b:if><time
class='published'
expr:datetime='data:post.date.iso8601'><data:post.date/></time></span>
</b:includable>
<b:includable id='postTitle' var='post'>
<!-- Post Title Index and Item -->
<b:if cond='data:view.isMultipleItems'>
<h2 class='entry-title'><a expr:href='data:post.url.canonical'
expr:title='data:post.title ? data:post.title : data:messages.noTitle'
rel='bookmark'><b:eval expr='data:post.title ? data:post.title :
data:messages.noTitle'/></a></h2>
</b:if>
<b:if cond='data:view.isSingleItem'>
<h1 class='entry-title'><b:eval expr='data:post.title ? data:post.title :
data:messages.noTitle'/></h1>
</b:if>
</b:includable>
<b:includable id='previousPageLink'>
<b:if cond='data:newerPageUrl'>
<a class='post-nav-link post-nav-newer-link'
expr:href='data:newerPageUrl.canonical'>
<b:include data='{ message: "prevPost" }' name='theme-custom-
lang'/>
</a>
<b:else/>
<span class='post-nav-link post-nav-newer-link'>
<b:include data='{ message: "prevPost" }' name='theme-custom-
lang'/>
</span>
</b:if>
</b:includable>
<b:includable id='relatedPosts' var='post'>
<!-- Related Posts -->
<div class='post-widget' id='related-wrap'>
<div class='title-wrap related-title'>
<h3 class='title'><span class='t-
text'><data:messages.youMayLikeThesePosts/></span></h3>
</div>
<div class='related-content'>
<b:if cond='data:post.labels'>
<div class='related-tag' expr:data-id='data:post.id' expr:data-
label='data:post.labels.first.name'/>
<b:else/>
<div class='related-tag' data-label='recent' expr:data-
id='data:post.id'/>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='searchMessage'>
<!-- Search Message -->
<b:if cond='data:posts.empty'>
<b:class name='no-posts'/>
</b:if>
<b:if cond='data:view.search.query'>
<div class='queryMessage'>
<b:if cond='data:posts.empty'>
<span class='query-info
query-error'>"<data:view.search.query/>"</span>
<b:else/>
<span class='query-info
query-success'>"<data:view.search.query/>"</span>
</b:if>
</div>
</b:if>
<b:if cond='data:view.search.label'>
<div class='queryMessage '>
<b:if cond='data:posts.empty'>
<span class='query-info query-label query-
error'><data:view.search.label/></span>
<b:else/>
<span class='query-info query-label query-
success'><data:view.search.label/></span>
</b:if>
</div>
</b:if>
<b:if cond='data:view.isArchive'>
<div class='queryMessage'>
<b:if cond='data:posts.empty'>
<span class='query-info
query-error'><data:view.archive.rangeMessage/></span>
<b:else/>
<span class='query-info query-
success'><data:view.archive.rangeMessage/></span>
</b:if>
</div>
</b:if>
<b:if cond='data:view.isError'>
<div class='errorWrap'>
<h3>404</h3>
<h4><data:messages.theresNothingHere/></h4>
<p><data:navMessage/></p>
<a class='homepage btn'
expr:href='data:blog.homepageUrl'><data:messages.home/></a>
</div>
</b:if>
<b:if cond='data:view.isMultipleItems and data:posts.empty'><div
class='queryEmpty'><data:messages.noResultsFound/></div></b:if>
</b:includable>
<b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='threadedCommentForm'
var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='threadedCommentJs'
var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='threadedComments'
var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='threadedCommentsDisqus' var='post'>
<script type='text/javascript'>
var disqus_shortname = "templateify";
var disqus_blogger_current_url = "<data:post.url.canonical/>";
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = "<data:post.url.canonical/>";
}
var disqus_blogger_homepage_url =
"<data:blog.canonicalHomepageUrl/>";
var disqus_blogger_canonical_homepage_url =
"<data:blog.canonicalHomepageUrl/>";
</script>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='PopularPosts'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:if cond='data:widget.sectionId == "ticker"'>
<div class='ticker-items'>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</div>
<b:elseif cond='data:widget.sectionId == "featured"'/>
<b:class name='type-feat1'/>
<div class='featured-items'>
<div class='featured-cards'>
<b:loop index='i' values='data:posts' var='post'>
<b:include cond='data:i in [0,1,2]' data='post' name='content'/>
</b:loop>
</div>
<b:tag class='featured-grid' cond='data:posts.length gt 3' name='div'>
<b:loop index='i' values='data:posts' var='post'>
<b:include cond='data:i in [3,4,5,6,7,8]' data='post'
name='content'/>
</b:loop>
</b:tag>
</div>
<b:else/>
<b:class name='side-items'/>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</b:if>
</div>
</b:includable>
<b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineByName'
var='byline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineRegion'
var='regionItems'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='commentsLinkIframe'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='content' var='post'>
<b:include name='popular-content'/>
</b:includable>
<b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='headerByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postAuthor'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postCommentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postJumpLink'
var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postLabels'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postShareButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postTimestamp'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostThumbnail'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostTitle'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPosts'><b:comment>Replaced</b:comment></b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='FeaturedPost'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</div>
</b:includable>
<b:includable id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineByName'
var='byline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineRegion'
var='regionItems'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='commentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='commentsLinkIframe'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='content' var='post'>
<div class='featured-post cs'>
<a class='entry-inner' expr:href='data:post.url.canonical'
expr:title='data:post.title ? data:post.title : data:messages.noTitle'>
<span class='entry-image-wrap before-mask'><b:if
cond='data:post.featuredImage'><span class='entry-image' expr:data-
image='data:post.featuredImage.isYouTube ?
resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72,
"1:1") : resizeImage(data:post.featuredImage, 72,
"1:1")'/><b:else/><span class='entry-image'
data-image='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class
expr:name='data:post.featuredImage.isYouTube ? "is-video" : "is-
image"'/></span>
<div class='entry-header entry-info'>
<b:if cond='data:post.labels'><span class='entry-
category'><data:post.labels.first.name/></span></b:if>
<h2 class='entry-title'><b:eval expr='data:post.title ? data:post.title
: data:messages.noTitle'/></h2>
<b:if cond='data:widgets.Blog.first.allBylineItems.author or
data:widgets.Blog.first.allBylineItems.timestamp'><div class='entry-meta'><b:if
cond='data:widgets.Blog.first.allBylineItems.author'><span class='entry-author
mi'><b:if cond='data:widgets.Blog.first.allBylineItems.author.label'><span
class='sp'><data:widgets.Blog.first.allBylineItems.author.label/></span></
b:if><span class='author-name'><data:post.author.name/></span></span></b:if><b:if
cond='data:widgets.Blog.first.allBylineItems.timestamp'><span class='entry-time
mi'><b:if cond='data:widgets.Blog.first.allBylineItems.author and
data:widgets.Blog.first.allBylineItems.timestamp.label'><span
class='sp'><data:widgets.Blog.first.allBylineItems.timestamp.label/></span></
b:if><time class='published'
expr:datetime='data:post.date.iso8601'><data:post.date/></time></span></b:if></
div></b:if>
</div>
</a>
</div>
</b:includable>
<b:includable id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='headerByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='linkShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='platformShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postAuthor'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postCommentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postJumpLink'
var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postLabels'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postLocation'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postReactions'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postShareButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postTimestamp'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostThumbnail'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostTitle'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPosts'><b:comment>Replaced</b:comment></b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='ContactForm'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='contact-form-content'/>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Label'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='cloud'/>
</div>
</b:includable>
<b:includable id='list'>
<ul class='list-style'>
<b:loop values='data:labels' var='label'>
<li><a class='label-name'
expr:href='data:label.url'><data:label.name/><b:if
cond='data:this.showFreqNumbers'><b:class name='has-count'/><span class='label-
count count-style'>(<data:label.count/>)</span></b:if></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='cloud'>
<ul class='cloud-style'>
<b:loop values='data:labels' var='label'>
<li><a class='label-name btn'
expr:href='data:label.url'><data:label.name/><b:if
cond='data:this.showFreqNumbers'><b:class name='has-count'/><span class='label-
count count-style'>(<data:label.count/>)</span></b:if></a></li>
</b:loop>
</ul>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='FollowByEmail'>
<b:includable id='main' var='this'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<p>This gadget is no longer available.</p>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Image'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='image-content'/>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='BlogArchive'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class name='archive-list'/>
<b:include cond='data:this.style in {"FLAT", "MENU",
"HIERARCHY"}' name='flat'/>
</div>
</b:includable>
<b:includable id='flat'>
<ul class='list-style'>
<b:loop values='data:data' var='i'>
<li><a class='archive-name' expr:href='data:i.url'><data:i.name/><b:if
cond='data:i.post-count'><b:class name='has-count'/><span class='archive-count
count-style'>(<data:i.post-count/>)</span></b:if></a></li>
</b:loop>
</ul>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='PageList'>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='pagelist-content'/>
</b:includable>
<b:includable
id='overflowButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='overflowablePageList'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='pageLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='pageList'><b:comment>Replaced</b:comment></b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='BlogSearch'>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='searchForm'/>
</b:includable>
<b:includable id='searchForm'>
<form class='search-form' expr:action='data:blog.searchUrl'>
<b:attr cond='!data:view.isPreview' name='target' value='_top'/>
<b:include name='urlParamsAsFormInput'/>
<input autocomplete='off' class='search-input' expr:aria-
label='data:messages.search' expr:placeholder='data:messages.search' name='q'
type='search' value=''/>
<b:include name='searchSubmit'/>
</form>
</b:includable>
<b:includable id='searchSubmit'>
<input class='search-action btn' expr:value='data:messages.ok'
type='submit'/>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Profile'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='authorProfileImage' var='this'>
<img class='profile-img' expr:alt='data:messages.myPhoto'
expr:src='resizeImage(data:authorPhoto.image, 50, "1:1")'/>
</b:includable>
<b:includable id='defaultProfileImage' var='this'>
<img class='profile-img' expr:alt='data:messages.myPhoto'
src='https://1.bp.blogspot.com/-QN2lgvtYZco/YN3mUSryAVI/AAAAAAAAADs/KrR-
etCcvUMcPl06jopTs9pzq59IAXhMQCLcBGAsYHQ/w50-h50-p-k-no-nu/avatar.jpg'/>
</b:includable>
<b:includable id='userProfileInfo' var='this'>
<div class='profile-info'>
<dl class='profile-datablock'>
<b:include name='userProfileData'/>
</dl>
<b:include name='viewProfileLink'/>
</div>
</b:includable>
<b:includable id='teamProfileLink' var='this'>
<b:include name='profileImage'/>
<div class='profile-info'>
<a class='profile-name' expr:href='data:userUrl' rel='noopener nofollow'
target='_blank'><data:display-name/></a>
<a class='profile-link' expr:href='data:userUrl' rel='noopener nofollow'
target='_blank'><data:messages.showMore/></a>
</div>
</b:includable>
<b:includable id='userProfile' var='this'>
<b:include name='profileImage'/>
<div class='profile-info'>
<a class='profile-name' expr:href='data:userUrl' rel='noopener nofollow'
target='_blank'><data:displayname/></a>
<a class='profile-link' expr:href='data:userUrl' rel='noopener nofollow'
target='_blank'><data:messages.showMore/></a>
</div>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>
</head>
<body>
<b:include name='theme-body-class'/>
<b:if cond='data:view.isLayoutMode or (data:widgets any w => w.sectionId ==
"templateify-panel")'>
<div id='theme-options' style='display:none'>
<b:section class='templateify-panel' id='templateify-panel' maxwidgets='2'
name='Theme Options' showaddelement='no'>
<b:widget id='TextList100' locked='true' title='' type='TextList' version='2'
visible='false'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='textlist-content'/>
</b:includable>
</b:widget>
<b:widget id='Image52' locked='true' title='Default Thumbnail' type='Image'
visible='false'>
<b:widget-settings>
<b:widget-setting
name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEh-
Tjz5W5xAvHKDLkRtsXd6UcknlQNd9LLAvVR6d6SCXSv15TYNz1gXCmSTkoM_1aaUnkPe5O0S3EJ4q0mMqFC
W_g69HjGpBuEnS7AxEZAWxKiVR7D8fv7JzkebG_Tk4T0ekRCHoO4bOjVG_Mwl0JKT_BUFWO2kCpuDdVkImF
AoTOPjEmvZATxfLpBGPA=s150</b:widget-setting>
<b:widget-setting name='displayHeight'>126</b:widget-setting>
<b:widget-setting name='sectionWidth'>150</b:widget-setting>
<b:widget-setting name='shrinkToFit'>true</b:widget-setting>
<b:widget-setting name='displayWidth'>150</b:widget-setting>
<b:widget-setting name='link'/>
<b:widget-setting name='caption'/>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='image-content'/>
</b:includable>
</b:widget>
<b:widget id='HTML50' locked='true' title='' type='HTML' visible='true'>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
<div id='outer-wrapper'>
<header id='header-wrapper'>
<b:if cond='data:widgets any w => w.sectionId == "topbar"'>
<nav class='topbar-wrap flex-c'>
<div class='container row-x1'>
<div class='flex-left'>
<div id='ticker-wrapper'>
<b:section class='ticker' id='ticker' maxwidgets='1' name='Ticker News'
showaddelement='yes'>
<b:widget id='HTML20' locked='false' title='Breaking' type='HTML'
visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
</b:section>
</div></div>
<b:section class='topbar flex-right' id='topbar' maxwidgets='1'
name='Topbar' showaddelement='yes'>
<b:widget id='LinkList202' locked='true' title='Follow Us'
type='LinkList' visible='false'>
<b:widget-settings>
<b:widget-setting name='link-3'>#</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>twitter</b:widget-setting>
<b:widget-setting
name='link-1'>https://twitter.com/LiveBlogger1</b:widget-setting>
<b:widget-setting name='text-0'>facebook</b:widget-setting>
<b:widget-setting
name='link-2'>https://www.youtube.com/liveblogger</b:widget-setting>
<b:widget-setting name='text-3'>pinterest</b:widget-setting>
<b:widget-setting
name='link-0'>https://www.facebook.com/templateify</b:widget-setting>
<b:widget-setting name='text-2'>youtube</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='linklist-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
</nav>
</b:if>
<div class='main-header'>
<div class='header-inner'>
<div class='header-header flex-c'>
<div class='container row-x1'>
<div class='header-items'>
<div class='flex-left'>
<b:tag class='mobile-menu-toggle' href='#' name='a' role='button'
title='Menu'/>
<b:if cond='data:view.isLayoutMode or (data:widgets.Image any w
=> w.sectionId == "main-logo")'>
<b:section class='main-logo' id='main-logo' maxwidgets='1'
name='Header Logo' showaddelement='no'>
<b:widget id='Image50' locked='true' title='' type='Image'
visible='true'>
<b:widget-settings>
<b:widget-setting
name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEjljplDBgd7SDhni
yt9maH9gkDoxKPD2Jscdwzgzl0QKLo6uZ84pdoVkatbcYfHU7UF-
mWLK57JXmY0gex0A2GG8PE6wIGDyCX7lg_E4j8y8jSvRq_xdcDKc3aqmSeGtHYsF8Hs_s1Z0flxYZLv-
45VcHgzCZyi_UTeOsqHFlrQl8oHHnV9vH8VLnEesg=s568</b:widget-setting>
<b:widget-setting name='displayHeight'>147</b:widget-
setting>
<b:widget-setting name='sectionWidth'>150</b:widget-
setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-
setting>
<b:widget-setting name='displayWidth'>568</b:widget-
setting>
<b:widget-setting
name='link'>https://blogger.googleusercontent.com/img/a/AVvXsEgH0DDr4ndw7_SofzT7Zc6
Vt5oGT6ObXBmtUfSDc0OPzQuKIe1w971fyEtk_nuknpwcATKayVWlrRa8X49Vs2ILxXnL-
UWgA7xNMPslk9FS1hxof9XQv5Pk6E6t48gP2uzsQypIkRnnYf-
0S7RAauLBC1_GI8Ag3xsQKRmNKbZxkHtdoUD2C_TIL0o7=s291</b:widget-setting>
<b:widget-setting name='caption'/>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='image-content'/>
</b:includable>
</b:widget>
</b:section>
<b:else/>
<div class='main-logo'>
<b:tag class='title' expr:name='data:view.isMultipleItems ?
"h1" : "span"'>
<a class='homepage'
expr:href='data:blog.homepageUrl.canonical' rel='home'><data:blog.title/></a>
</b:tag>
</div>
</b:if>
<div class='header-mobile-toggle'>
<div class='flex-right'>
<div class='toggle-wrap'>
<div id='header-top-ads-wrap'>
<b:section class='header-ads' id='header-top-ads' maxwidgets='1' name='Top
Header ADS' showaddelement='yes'>
<b:widget id='HTML135' locked='false' title='ADS' type='HTML'
visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='main-menu-wrap'>
<div class='main-menu-inner'>
<div class='container row-x1'>
<div class='main-menu-items'>
<div class='flex-left'>
<b:section class='feedify-pro-main-nav' id='feedify-pro-main-nav'
maxwidgets='1' name='Header Menu' showaddelement='no'>
<b:widget id='LinkList200' locked='true' title=''
type='LinkList' visible='true'>
<b:widget-settings>
<b:widget-setting
name='link-3'>https://itbasesolutionstools.blogspot.com/p/privacy-policy.html</
b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>About Us</b:widget-setting>
<b:widget-setting
name='link-1'>https://itbasesolutionstools.blogspot.com/p/about-us.html</b:widget-
setting>
<b:widget-setting name='text-0'>Home</b:widget-setting>
<b:widget-setting
name='link-2'>https://itbasesolutionstools.blogspot.com/p/contact-us.html</
b:widget-setting>
<b:widget-setting name='text-3'>Privacy Policy</b:widget-
setting>
<b:widget-setting
name='link-0'>https://itbasesolutionstools.blogspot.com/</b:widget-setting>
<b:widget-setting name='text-2'>Contect Us</b:widget-
setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='linklist-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='flex-right'>
<div class='toggle-wrap'>
</main>
<aside id='sidebar-wrapper'>
<b:section class='sidebar templateify-section' id='sidebar' name='Sidebar'
showaddelement='yes'>
<b:widget id='LinkList1' locked='false' title='Follow Us' type='LinkList'
visible='false'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='linklist-content'/>
</b:includable>
</b:widget>
<b:widget id='HTML19' locked='false' title='Subscribe Us' type='HTML'
visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='{ads}' type='HTML'
visible='true'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
<b:widget id='HTML21' locked='false' title='Facebook' type='HTML'
visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<b:include name='html-content'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Categories' type='Label'
version='2' visible='false'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='cloud'>
<ul class='cloud-style'>
<b:loop values='data:labels' var='label'>
<li><a class='label-name btn'
expr:href='data:label.url'><data:label.name/><b:if
cond='data:this.showFreqNumbers'><b:class name='has-count'/><span class='label-
count count-style'>(<data:label.count/>)</span></b:if></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='cloud'/>
</div>
</b:includable>
<b:includable id='list'>
<ul class='list-style'>
<b:loop values='data:labels' var='label'>
<li><a class='label-name'
expr:href='data:label.url'><data:label.name/><b:if
cond='data:this.showFreqNumbers'><b:class name='has-count'/><span class='label-
count count-style'>(<data:label.count/>)</span></b:if></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='Main Tags' type='Label'
version='2' visible='false'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='cloud'>
<ul class='cloud-style'>
<b:loop values='data:labels' var='label'>
<li><a class='label-name btn'
expr:href='data:label.url'><data:label.name/><b:if
cond='data:this.showFreqNumbers'><b:class name='has-count'/><span class='label-
count count-style'>(<data:label.count/>)</span></b:if></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='cloud'/>
</div>
</b:includable>
<b:includable id='list'>
<ul class='list-style'>
<b:loop values='data:labels' var='label'>
<li><a class='label-name'
expr:href='data:label.url'><data:label.name/><b:if
cond='data:this.showFreqNumbers'><b:class name='has-count'/><span class='label-
count count-style'>(<data:label.count/>)</span></b:if></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
<b:widget id='Header1' locked='false' title='IT Solutions (Header)'
type='Header' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>http://3.bp.blogspot.com/-
mVBFe1EffAA/W4f1vCHJYmI/AAAAAAAAC_k/Ian92ag721oHBSWhMsURtAA4SeWFRTnxgCK4BGAYYCw/
s160/logo.png</b:widget-setting>
<b:widget-setting name='displayHeight'>60</b:widget-setting>
<b:widget-setting name='sectionWidth'>150</b:widget-setting>
<b:widget-setting name='useImage'>true</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
<b:widget-setting name='displayWidth'>160</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<div class='header-widget'>
<b:include cond='data:imagePlacement in {"REPLACE",
"BEFORE_DESCRIPTION"}' name='image'/>
<b:include cond='data:imagePlacement == "BEHIND"' name='title'/>
</div>
</b:includable>
<b:includable id='behindImageStyle'>
<b:if cond='data:sourceUrl'>
<b:include cond='data:this.image' data='{ image:
data:this.image, selector: ".header-widget"
}' name='responsiveImageStyle'/>
<style type='text/css'>
.header-widget {
background-position: <data:blog.locale.languageAlignment/>;
background-repeat: no-repeat;
}
</style>
</b:if>
</b:includable>
<b:includable id='description'>
<p>
<data:this.description/>
</p>
</b:includable>
<b:includable id='image'>
<a class='header-image-wrapper' expr:href='data:blog.homepageUrl'>
<img expr:alt='data:blog.title.escaped' expr:data-height='data:height'
expr:data-width='data:width' expr:src='data:image'/>
</a>
</b:includable>
<b:includable id='title'>
<h1>
<b:tag cond='data:view.url != data:blog.homepageUrl'
expr:href='data:blog.homepageUrl' name='a'>
<data:title/>
</b:tag>
</h1>
</b:includable>
</b:widget>
<b:widget id='ReportAbuse1' locked='false' title='' type='ReportAbuse'
visible='false'>
<b:includable id='main'>
<b:include name='reportAbuse'/>
</b:includable>
</b:widget>
<b:widget id='LinkList77' locked='false' title='Footer Menu Widget'
type='LinkList' visible='false'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>About</b:widget-setting>
<b:widget-setting name='link-1'>https://best-result-
soratemplates.blogspot.com/p/about_16.html</b:widget-setting>
<b:widget-setting name='text-0'>Home</b:widget-setting>
<b:widget-setting name='link-2'>https://best-result-
soratemplates.blogspot.com/p/contact-us_16.html</b:widget-setting>
<b:widget-setting name='link-0'>/</b:widget-setting>
<b:widget-setting name='text-2'>Contact Us</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='linklist-content'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts2' locked='false' title='Popular Posts'
type='PopularPosts' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>4</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:if cond='data:widget.sectionId == "ticker"'>
<div class='ticker-items'>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</div>
<b:elseif cond='data:widget.sectionId == "featured"'/>
<b:class name='type-feat2'/>
<div class='featured-items'>
<b:loop index='i' values='data:posts' var='post'>
<b:include cond='data:i == 0' data='post' name='content'/>
</b:loop>
<b:tag class='featured-grid' cond='data:posts.length gt 1' name='div'>
<b:loop index='i' values='data:posts' var='post'>
<b:include cond='data:i in [1,2,3,4]' data='post' name='content'/>
</b:loop>
</b:tag>
</div>
<b:else/>
<b:class name='side-items'/>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</b:if>
</div>
</b:includable>
<b:includable
id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineByName'
var='byline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineRegion'
var='regionItems'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='commentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='commentsLinkIframe'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='content' var='post'>
<b:include name='popular-content'/>
</b:includable>
<b:includable
id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='headerByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='linkShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='platformShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postAuthor'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postCommentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postJumpLink'
var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postLabels'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postLocation'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postReactions'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postShareButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postTimestamp'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostThumbnail'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostTitle'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPosts'><b:comment>Replaced</b:comment></b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'
visible='true'>
<b:widget-settings>
<b:widget-setting name='showaboutme'>true</b:widget-setting>
<b:widget-setting name='showlocation'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='authorProfileImage' var='this'>
<img class='profile-img' expr:alt='data:messages.myPhoto'
expr:src='resizeImage(data:authorPhoto.image, 50, "1:1")'/>
</b:includable>
<b:includable id='content'>
<b:if cond='data:team'>
<div class='widget-content team'>
<b:include name='teamProfile'/>
</div>
<b:else/>
<div class='widget-content individual'>
<b:include name='userProfile'/>
</div>
</b:if>
</b:includable>
<b:includable id='defaultProfileImage' var='this'>
<img class='profile-img' expr:alt='data:messages.myPhoto'
src='https://1.bp.blogspot.com/-QN2lgvtYZco/YN3mUSryAVI/AAAAAAAAADs/KrR-
etCcvUMcPl06jopTs9pzq59IAXhMQCLcBGAsYHQ/w50-h50-p-k-no-nu/avatar.jpg'/>
</b:includable>
<b:includable id='profileImage'>
<b:if cond='data:authorPhoto.image'>
<b:include name='authorProfileImage'/>
<b:else/>
<b:include name='defaultProfileImage'/>
</b:if>
</b:includable>
<b:includable id='teamProfile'>
<ul>
<b:loop values='data:authors' var='author'>
<li>
<div class='team-member'>
<b:include data='author' name='teamProfileLink'/>
</div>
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='teamProfileLink' var='this'>
<b:include name='profileImage'/>
<div class='profile-info'>
<a class='profile-name' expr:href='data:userUrl' rel='noopener nofollow'
target='_blank'><data:display-name/></a>
<a class='profile-link' expr:href='data:userUrl' rel='noopener nofollow'
target='_blank'><data:messages.showMore/></a>
</div>
</b:includable>
<b:includable id='userLocation'>
<dd class='profile-data location'><data:location/></dd>
</b:includable>
<b:includable id='userProfile' var='this'>
<b:include name='profileImage'/>
<div class='profile-info'>
<a class='profile-name' expr:href='data:userUrl' rel='noopener nofollow'
target='_blank'><data:displayname/></a>
<a class='profile-link' expr:href='data:userUrl' rel='noopener nofollow'
target='_blank'><data:messages.showMore/></a>
</div>
</b:includable>
<b:includable id='userProfileData'>
<dt class='profile-data'>
<a class='profile-link g-profile' expr:href='data:userUrl' rel='author
nofollow'>
<data:displayname/>
</a>
</dt>
</b:includable>
<b:includable id='userProfileImage'>
<a expr:href='data:userUrl' rel='nofollow'>
<b:include name='profileImage'/>
</a>
</b:includable>
<b:includable id='userProfileInfo' var='this'>
<div class='profile-info'>
<dl class='profile-datablock'>
<b:include name='userProfileData'/>
</dl>
<b:include name='viewProfileLink'/>
</div>
</b:includable>
<b:includable id='userProfileText'>
<dd class='profile-textblock'>
<data:aboutme/>
</dd>
</b:includable>
<b:includable id='viewProfileLink'>
<a class='profile-link' expr:href='data:userUrl' rel='author nofollow'>
<data:messages.viewMyCompleteProfile/>
</a>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive'
visible='true'>
<b:widget-settings>
<b:widget-setting name='showStyle'>FLAT</b:widget-setting>
<b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
<b:widget-setting name='showWeekEnd'>true</b:widget-setting>
<b:widget-setting name='monthPattern'>MMMM yyyy</b:widget-setting>
<b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
<b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
<b:widget-setting name='chronological'>false</b:widget-setting>
<b:widget-setting name='showPosts'>false</b:widget-setting>
<b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class name='archive-list'/>
<b:include cond='data:this.style in {"FLAT", "MENU",
"HIERARCHY"}' name='flat'/>
</div>
</b:includable>
<b:includable id='flat'>
<ul class='list-style'>
<b:loop values='data:data' var='i'>
<li><a class='archive-name' expr:href='data:i.url'><data:i.name/><b:if
cond='data:i.post-count'><b:class name='has-count'/><span class='archive-count
count-style'>(<data:i.post-count/>)</span></b:if></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='hierarchy'>
<b:include data='data' name='interval'/>
</b:includable>
<b:includable id='interval' var='intervals'>
<ul class='hierarchy'>
<b:loop values='data:intervals' var='interval'>
<li class='archivedate'>
<div class='hierarchy-title'>
<a class='post-count-link' expr:href='data:interval.url'>
<data:interval.name/>
<span class='post-count'><data:interval.post-count/></span>
</a>
</div>
<div class='hierarchy-content'>
<b:include cond='data:interval.data' data='interval.data'
name='interval'/>
<b:include cond='data:interval.posts' data='interval.posts'
name='posts'/>
</div>
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts hierarchy'>
<b:loop values='data:posts' var='post'>
<li>
<a expr:href='data:post.url'><data:post.title/></a>
</li>
</b:loop>
</ul>
</b:includable>
</b:widget>
<b:widget id='LinkList70' locked='false' title='Css Options'
type='LinkList' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-0'>fullWidth</b:widget-setting>
<b:widget-setting name='link-0'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<style type='text/css'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.name == "fullWidth"'>
<b:if cond='data:link.target == "true"'>
#outer-wrapper{max-width:none}
</b:if>
</b:if>
</b:loop>
</style>
</b:includable>
</b:widget>
<b:widget id='BlogSearch1' locked='false' title='Search This Blog'
type='BlogSearch' visible='true'>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='searchForm'/>
</b:includable>
<b:includable id='searchForm'>
<form class='search-form' expr:action='data:blog.searchUrl'>
<b:attr cond='!data:view.isPreview' name='target' value='_top'/>
<b:include name='urlParamsAsFormInput'/>
<input autocomplete='off' class='search-input' expr:aria-
label='data:messages.search' expr:placeholder='data:messages.search' name='q'
type='search' value=''/>
<b:include name='searchSubmit'/>
</form>
</b:includable>
<b:includable id='searchSubmit'>
<input class='search-action btn' expr:value='data:messages.ok'
type='submit'/>
</b:includable>
</b:widget>
<b:widget id='LinkList71' locked='false' title='Default Variables'
type='LinkList' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='link-3'>5</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>commentsSystem</b:widget-setting>
<b:widget-setting name='link-1'>blogger</b:widget-setting>
<b:widget-setting name='text-0'>disqusShortname</b:widget-setting>
<b:widget-setting name='link-2'>true</b:widget-setting>
<b:widget-setting name='text-3'>postPerPage</b:widget-setting>
<b:widget-setting name='link-0'>soratemplates</b:widget-setting>
<b:widget-setting name='text-2'>fixedSidebar</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<script type='text/javascript'>
//<![CDATA[
<b:loop values='data:links' var='link'>
<b:if cond='data:link.name == "postPerPage"'>
var postPerPage = <data:link.target/>;
</b:if>
<b:if cond='data:link.name == "fixedSidebar"'>
var fixedSidebar = <data:link.target/>;
</b:if>
<b:if cond='data:link.name == "commentsSystem"'>
var commentsSystem = "<data:link.target/>";
</b:if>
<b:if cond='data:link.name == "disqusShortname"'>
var disqusShortname = "<data:link.target/>";
</b:if>
</b:loop>
//]]>
</script>
</b:includable>
</b:widget>
<b:widget id='FeaturedPost1' locked='false' title='' type='FeaturedPost'
visible='false'>
<b:widget-settings>
<b:widget-setting name='showSnippet'>true</b:widget-setting>
<b:widget-setting name='showPostTitle'>true</b:widget-setting>
<b:widget-setting name='postId'>0</b:widget-setting>
<b:widget-setting name='showFirstImage'>true</b:widget-setting>
<b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='content'/>
</b:loop>
</div>
</b:includable>
<b:includable
id='blogThisShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineByName'
var='byline'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='bylineRegion'
var='regionItems'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='commentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='commentsLinkIframe'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='content' var='post'>
<div class='featured-post cs'>
<a class='entry-inner' expr:href='data:post.url.canonical'
expr:title='data:post.title ? data:post.title : data:messages.noTitle'>
<span class='entry-image-wrap before-mask'><b:if
cond='data:post.featuredImage'><span class='entry-image' expr:data-
image='data:post.featuredImage.isYouTube ?
resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72,
"1:1") : resizeImage(data:post.featuredImage, 72,
"1:1")'/><b:else/><span class='entry-image'
data-image='https://resources.blogblog.com/img/blank.gif'/></b:if><b:class
expr:name='data:post.featuredImage.isYouTube ? "is-video" : "is-
image"'/></span>
<div class='entry-header entry-info'>
<b:if cond='data:post.labels'><span class='entry-
category'><data:post.labels.first.name/></span></b:if>
<h2 class='entry-title'><b:eval expr='data:post.title ? data:post.title
: data:messages.noTitle'/></h2>
<b:if cond='data:widgets.Blog.first.allBylineItems.author or
data:widgets.Blog.first.allBylineItems.timestamp'><div class='entry-meta'><b:if
cond='data:widgets.Blog.first.allBylineItems.author'><span class='entry-author
mi'><b:if cond='data:widgets.Blog.first.allBylineItems.author.label'><span
class='sp'><data:widgets.Blog.first.allBylineItems.author.label/></span></
b:if><span class='author-name'><data:post.author.name/></span></span></b:if><b:if
cond='data:widgets.Blog.first.allBylineItems.timestamp'><span class='entry-time
mi'><b:if cond='data:widgets.Blog.first.allBylineItems.author and
data:widgets.Blog.first.allBylineItems.timestamp.label'><span
class='sp'><data:widgets.Blog.first.allBylineItems.timestamp.label/></span></
b:if><time class='published'
expr:datetime='data:post.date.iso8601'><data:post.date/></time></span></b:if></
div></b:if>
</div>
</a>
</div>
</b:includable>
<b:includable
id='emailPostIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='facebookShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='footerBylines'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='googlePlusShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='headerByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='linkShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='otherSharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='platformShare'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postAuthor'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postCommentsLink'><b:comment>Replaced</b:comment></b:includable>
<b:includable id='postJumpLink'
var='post'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postLabels'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postLocation'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postReactions'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postShareButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='postTimestamp'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButton'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtonContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtons'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingButtonsMenu'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='sharingPlatformIcon'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostByline'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostContent'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostThumbnail'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPostTitle'><b:comment>Replaced</b:comment></b:includable>
<b:includable
id='snippetedPosts'><b:comment>Replaced</b:comment></b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Header Ads' type='HTML'
version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<a href='#'><img
src='https://2.bp.blogspot.com/-ME9bKCu817I/W4fvGcgDOKI/AAAAAAAAC_M/ooH1m-
EqCJ8rrAoBZ049xWca2FcV18hIgCK4BGAYYCw/s1600/ads.png' alt='header
ads'/></a>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList74' locked='false' title='Link List'
type='LinkList' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='text-10'>_Web Doc</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-1'>#</b:widget-setting>
<b:widget-setting name='link-2'>#</b:widget-setting>
<b:widget-setting
name='link-12'>https://www.soratemplates.com/2018/09/best-result-blogger-
templates.html</b:widget-setting>
<b:widget-setting name='link-0'>/</b:widget-setting>
<b:widget-setting
name='link-11'>https://youtu.be/AInDk4ECKiE</b:widget-setting>
<b:widget-setting
name='link-10'>https://www.sorabloggingtips.com/2018/09/how-to-setup-best-result-
blogger.html</b:widget-setting>
<b:widget-setting name='text-9'>Documentation</b:widget-setting>
<b:widget-setting name='link-9'>#</b:widget-setting>
<b:widget-setting name='text-8'>_Error Page</b:widget-setting>
<b:widget-setting
name='link-7'>https://www.sorabloggingtips.com/2017/01/how-to-add-sitemap-widget-
in-blogspot-blogs.html</b:widget-setting>
<b:widget-setting name='link-8'>https://best-result-
soratemplates.blogspot.com/soratemplates</b:widget-setting>
<b:widget-setting name='link-5'>#</b:widget-setting>
<b:widget-setting name='link-6'>https://best-result-
soratemplates.blogspot.com/p/post-format-and-page-markup_16.html</b:widget-setting>
<b:widget-setting name='link-3'>#</b:widget-setting>
<b:widget-setting name='link-4'>#</b:widget-setting>
<b:widget-setting name='text-1'>Features</b:widget-setting>
<b:widget-setting name='text-0'>Home</b:widget-setting>
<b:widget-setting name='text-3'>__DropDown 1</b:widget-setting>
<b:widget-setting name='text-2'>_Multi DropDown</b:widget-setting>
<b:widget-setting name='text-5'>__DropDown 3</b:widget-setting>
<b:widget-setting name='text-4'>__DropDown 2</b:widget-setting>
<b:widget-setting name='text-7'>_SiteMap</b:widget-setting>
<b:widget-setting name='text-6'>_ShortCodes</b:widget-setting>
<b:widget-setting name='text-11'>_Video Doc</b:widget-setting>
<b:widget-setting name='text-12'>Download This Template</b:widget-
setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<ul id='main-menu-nav' role='menubar'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'
role='menuitem'><data:link.name/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
<b:widget id='LinkList76' locked='false' title='Social Footer Widget'
type='LinkList' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting
name='link-3'>https://www.instagram.com/livebloggerofficial/</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>twitter</b:widget-setting>
<b:widget-setting
name='link-1'>https://twitter.com/LiveBlogger1</b:widget-setting>
<b:widget-setting name='text-0'>facebook</b:widget-setting>
<b:widget-setting name='link-2'>#</b:widget-setting>
<b:widget-setting name='text-3'>instagram</b:widget-setting>
<b:widget-setting
name='link-0'>https://www.facebook.com/soratemplates/</b:widget-setting>
<b:widget-setting name='text-2'>skype</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<ul class='social'>
<b:loop values='data:links' var='link'>
<li expr:class='data:link.name'><a expr:href='data:link.target'
target='_blank'/></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList75' locked='false' title='Social Plugin'
type='LinkList' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting
name='link-5'>https://www.youtube.com/liveblogger</b:widget-setting>
<b:widget-setting name='link-3'>#</b:widget-setting>
<b:widget-setting
name='link-4'>https://www.instagram.com/livebloggerofficial/</b:widget-setting>
<b:widget-setting name='text-1'>twitter</b:widget-setting>
<b:widget-setting name='text-0'>facebook</b:widget-setting>
<b:widget-setting name='text-3'>pinterest</b:widget-setting>
<b:widget-setting name='text-2'>skype</b:widget-setting>
<b:widget-setting name='text-5'>youtube</b:widget-setting>
<b:widget-setting name='text-4'>instagram</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting
name='link-1'>https://twitter.com/LiveBlogger1</b:widget-setting>
<b:widget-setting name='link-2'>#</b:widget-setting>
<b:widget-setting
name='link-0'>https://www.facebook.com/soratemplates/</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<ul class='social-counter social social-color'>
<b:loop values='data:links' var='link'>
<li expr:class='data:link.name'><a expr:href='data:link.target'
expr:title='data:link.name' target='_blank'/></li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</aside>
</div>
</div>
</div>
</div>
</b:if>
<div class='footer-bar flex-c'>
<div class='container row-x1 flex-sb'>
<div class='footer-copyright' id='footer-copyright'>
<span class='copyright-text'>Design by <a href='https://www.templateify.com/'
id='mycontent' title='Templateify'>Blogger</a> | Distributed by <a
href='https://gooyaabitemplates.com/' rel='dofollow' style='color:#1a73e8;font-
weight:700;' target='_blank' title='Gooyaabi'>Gooyaabi</a></span>
</div>
<b:section class='footer-menu' id='footer-menu' maxwidgets='1' name='Footer
Menu' showaddelement='yes'>
<b:widget id='LinkList204' locked='true' title='Pages' type='LinkList'
version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='text-1'>About Us</b:widget-setting>
<b:widget-setting
name='link-1'>https://itbasesolutionstools.blogspot.com/p/about-us.html</b:widget-
setting>
<b:widget-setting name='text-0'>Home</b:widget-setting>
<b:widget-setting
name='link-2'>https://itbasesolutionstools.blogspot.com/p/contact-us.html</
b:widget-setting>
<b:widget-setting
name='link-0'>https://itbasesolutionstools.blogspot.com/</b:widget-setting>
<b:widget-setting name='text-2'>Contact Us</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='linklist-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</footer>
</div>
<div id='slide-menu'>
<div class='slide-menu-header'>
<div class='mobile-logo'/>
<a class='hide-mobile-menu' href='#' role='button'/>
</div>
<div class='slide-menu-flex'>
<div class='mobile-menu' id='mobile-menu'/>
<div class='mm-footer'>
<div class='mm-social'/>
</div>
</div>
</div>
<div class='overlay'/>
<a class='btn' href='#' id='back-top' role='button' title='Back To Top'/>
<b:if cond='data:view.isSingleItem'>
<!-- Hidden Widgets -->
<div id='hidden-widgets-wrap' style='display:none'>
<b:section class='hidden-widgets' deleted='true' id='hidden-widgets'
maxwidgets='1' showaddelement='no'>
<b:widget id='ContactForm1' locked='true' title='Contact Form'
type='ContactForm' visible='true'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='contact-form-content'/>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
<b:include name='theme-options-js'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'
type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
/*! Theia Sticky Sidebar | v1.5.0 - https://github.com/WeCodePixels/theia-sticky-
sidebar */
!function(i){i.fn.theiaStickySidebar=function(t){var e,o,a,s,n;function d(t,e)
{return!0===t.initialized||!(i("body").width()<t.minWidth)&&(function(t,e)
{t.initialized=!0,0===i("#theia-sticky-sidebar-
stylesheet-"+t.namespace).length&&i("head").append(i('<style id="theia-sticky-
sidebar-stylesheet-'+t.namespace+'">.theiaStickySidebar:after {content: "";
display: table; clear: both;}</style>')),e.each(function(){var
e={};if(e.sidebar=i(this),e.options=t||
{},e.container=i(e.options.containerSelector),0==e.container.length&&(e.container=e
.sidebar.parent()),e.sidebar.parent().css("-webkit-
transform","none"),e.sidebar.css({position:e.options.defaultPosition,overflow:"visi
ble","-webkit-box-sizing":"border-box","-moz-box-sizing":"border-box","box-
sizing":"border-
box"}),e.stickySidebar=e.sidebar.find(".theiaStickySidebar"),0==e.stickySidebar.len
gth){var
o=/(?:text|application)\/(?:x-)?(?:javascript|ecmascript)/i;e.sidebar.find("script"
).filter(function(i,t){return 0===t.type.length||
t.type.match(o)}).remove(),e.stickySidebar=i("<div>").addClass("theiaStickySidebar"
).append(e.sidebar.children()),e.sidebar.append(e.stickySidebar)}e.marginBottom=par
seInt(e.sidebar.css("margin-bottom")),e.paddingTop=parseInt(e.sidebar.css("padding-
top")),e.paddingBottom=parseInt(e.sidebar.css("padding-bottom"));var
a,s,n,d=e.stickySidebar.offset().top,c=e.stickySidebar.outerHeight();function p()
{e.fixedScrollTop=0,e.sidebar.css({"min-
height":"1px"}),e.stickySidebar.css({position:"static",width:"",transform:"none"})}
e.stickySidebar.css("padding-top",1),e.stickySidebar.css("padding-bottom",1),d-
=e.stickySidebar.offset().top,c=e.stickySidebar.outerHeight()-c-d,0==d?
(e.stickySidebar.css("padding-
top",0),e.stickySidebarPaddingTop=0):e.stickySidebarPaddingTop=1,0==c?
(e.stickySidebar.css("padding-
bottom",0),e.stickySidebarPaddingBottom=0):e.stickySidebarPaddingBottom=1,e.previou
sScrollTop=null,e.fixedScrollTop=0,p(),e.onScroll=function(e)
{if(e.stickySidebar.is(":visible"))if(i("body").width()<e.options.minWidth)p();else
{if(e.options.disableOnResponsiveLayouts)if(e.sidebar.outerWidth("none"==e.sidebar.
css("float"))+50>e.container.width())return void p();var
o,a,s=i(document).scrollTop(),n="static";if(s>=e.sidebar.offset().top+
(e.paddingTop-e.options.additionalMarginTop)){var
d,c=e.paddingTop+t.additionalMarginTop,b=e.paddingBottom+e.marginBottom+t.additiona
lMarginBottom,l=e.sidebar.offset().top,h=e.sidebar.offset().top+
(o=e.container,a=o.height(),o.children().each(function()
{a=Math.max(a,i(this).height())}),a),f=0+t.additionalMarginTop;d=e.stickySidebar.ou
terHeight()+c+b<i(window).height()?
f+e.stickySidebar.outerHeight():i(window).height()-e.marginBottom-e.paddingBottom-
t.additionalMarginBottom;var g=l-s+e.paddingTop,S=h-s-e.paddingBottom-
e.marginBottom,m=e.stickySidebar.offset().top-s,y=e.previousScrollTop-
s;"fixed"==e.stickySidebar.css("position")&&"modern"==e.options.sidebarBehavior&&(m
+=y),"stick-to-top"==e.options.sidebarBehavior&&(m=t.additionalMarginTop),"stick-
to-bottom"==e.options.sidebarBehavior&&(m=d-e.stickySidebar.outerHeight()),m=0<y?
Math.min(m,f):Math.max(m,d-
e.stickySidebar.outerHeight()),m=Math.max(m,g),m=Math.min(m,S-
e.stickySidebar.outerHeight());var
u=e.container.height()==e.stickySidebar.outerHeight();n=!u&&m==f||!u&&m==d-
e.stickySidebar.outerHeight()?"fixed":s+m-e.sidebar.offset().top-
e.paddingTop<=t.additionalMarginTop?"static":"absolute"}if("fixed"==n){var
k=i(document).scrollLeft();e.stickySidebar.css({position:"fixed",width:r(e.stickySi
debar)
+"px",transform:"translateY("+m+"px)",left:e.sidebar.offset().left+parseInt(e.sideb
ar.css("padding-left"))-k+"px",top:"0px"})}else if("absolute"==n){var
v={};"absolute"!
=e.stickySidebar.css("position")&&(v.position="absolute",v.transform="translateY("+
(s+m-e.sidebar.offset().top-e.stickySidebarPaddingTop-e.stickySidebarPaddingBottom)
+"px)",v.top="0px"),v.width=r(e.stickySidebar)
+"px",v.left="",e.stickySidebar.css(v)}else"static"==n&&p();"static"!
=n&&1==e.options.updateSidebarHeight&&e.sidebar.css({"min-
height":e.stickySidebar.outerHeight()+e.stickySidebar.offset().top-
e.sidebar.offset().top+e.paddingBottom}),e.previousScrollTop=s}},e.onScroll(e),i(do
cument).on("scroll."+e.options.namespace,(a=e,function()
{a.onScroll(a)})),i(window).on("resize."+e.options.namespace,(s=e,function()
{s.stickySidebar.css({position:"static"}),s.onScroll(s)})),"undefined"!=typeof
ResizeSensor&&new ResizeSensor(e.stickySidebar[0],(n=e,function()
{n.onScroll(n)}))})}(t,e),!0)}function r(i){var
t;try{t=i[0].getBoundingClientRect().width}catch(i){}return void
0===t&&(t=i.width()),t}return(t=i.extend({containerSelector:"",additionalMarginTop:
0,additionalMarginBottom:0,updateSidebarHeight:!
0,minWidth:0,disableOnResponsiveLayouts:!
0,sidebarBehavior:"modern",defaultPosition:"relative",namespace:"TSS"},t)).addition
alMarginTop=parseInt(t.additionalMarginTop)||
0,t.additionalMarginBottom=parseInt(t.additionalMarginBottom)||0,d(e=t,this)||
(console.log("TSS: Body width smaller than options.minWidth. Init is
delayed."),i(document).on("scroll."+e.namespace,(s=e,n=this,function(t)
{d(s,n)&&i(this).unbind(t)})),i(window).on("resize."+e.namespace,
(o=e,a=this,function(t){d(o,a)&&i(this).unbind(t)}))),this}}(jQuery);