sidebarRandomPostsNum = 5;
footerRecentPostsNum = 5;
footerRandomPostsNum = 5;

/* Disqus shortname */
var disqusShortName = "coolmag";

/* Latest Posts Title */
var latestPostsTitle = "Latest Posts";

/* The message that appears in the "follow by email" widget */
var followByEmailMessage = "Subscribe to our newsletter to get the latest blog news directly into your inbox.";

//]]>
</script>

<!-- //END// Template Settings -->


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!--<div class='pre-loader'/>-->
<script>
homePage = true;
</script>
<b:else/>
<script>
homePage = false;
</script>
<style>
.blog-posts-wrapper .HTML {
display: none;
}

#slider {
display: none;
}

.Blog &gt; .title {
display: none;
}

.separator a {
margin-left: 0 !important;
margin-right: 0 !important;
}

.separator a img {
width: 100%;
height: auto;
}

.post-body {
line-height: 1.7;
}
.post-body img {max-width: 100%;}
</style>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<style>
.blog-pager {
margin-top: 10px;
}

.blog-pager-side .blog-pager-newer-link {
position: fixed;
left: 0;
top: 50%;
margin-top: -50px;
background-color: #555;
padding: 5px;
width: 25px;
height: 100px;
z-index: 999;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}

.blog-pager-side .blog-pager-newer-link:hover {
background: #000;
}

.blog-pager-side .blog-pager-newer-link:after {
content: &#39;\2039&#39;;
font-size: 3rem;
color: #fff;
}

html[dir=&quot;rtl&quot;] .blog-pager-side .blog-pager-newer-link:after {
content: &#39;\203A&#39;;
}

.blog-pager-side .blog-pager-older-link {
position: fixed;
right: 0;
top: 50%;
margin-top: -50px;
font-size: 0;
background-color: #555;
padding: 5px;
width: 25px;
height: 100px;
z-index: 999;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
}

.blog-pager-side .blog-pager-older-link:hover {
background: #000;
}

.blog-pager-side .blog-pager-older-link:after {
content: &#39;\203A&#39;;
font-size: 3rem;
color: #fff;
}

html[dir=&quot;rtl&quot;] .blog-pager-side .blog-pager-older-link:after {
content: &#39;\2039&#39;;
}

</style>

</b:if>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style>
.sidebar-wrapper {
display: none;
}

.blog-posts-wrapper {
max-width: 100%;
}

.divider {
display: none;
}

.status-msg-border {
border: 0 !important;
}

.status-msg-bg {
background-color: #fff;
}

.error-image {
width: 55%;
float: left;
}

.error-message-1 {
float: right;
font-size: 2rem;
width: 40%;
text-align: left;
line-height: 1.6;
}

.oops {
font-size: 5rem;
display: block;
text-align: left;
}

.error-message-2 {
float: right;
width: 40%;
text-align: left;
font-size: 1.2rem;
margin-top: 30px;
font-weight: 500;
}

@media only screen and (max-width: 880px) {

.error-image {
width: 75%;
float: none;
}

.error-message-1 {
float: none;
width: 100%;
text-align: center;
}

.oops {
text-align: center;
}

.error-message-2 {
float: none;
width: 100%;
text-align: center;
}

}

</style>
</b:if>

<header class='header clearfix'>

<div class='top-nav-wrapper'>
<b:section class='container' id='top-nav' maxwidgets='2' showaddelemnt='yes'>
<b:widget id='LinkList4' locked='true' title='' type='LinkList'>
<b:includable id='main'>
<i class='fa fa-bars top-nav-icon'/>
<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='LinkList3' locked='true' title='Top Social' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<b:section id='newsTicker' maxwidgets='1' showaddelemnt='no'>
<b:widget id='HTML1' locked='true' title='' type='HTML'>