/* blog general style */
.blogPage h2:after { 
	width: 300px;
    content: " ";
	background-repeat: no-repeat;
	background-position: left;
    position: absolute;
    right: -11.5em;
    top: 0.2em;
    height:20px;
}
.blogPage h2:before { 
	width: 300px;
    content: " ";
	background-repeat: no-repeat;
	background-position: left;
    position: absolute;
    left: -11.5em;
    top: 0.2em;
    height:20px;
}
#blogPage { margin-top: 70px; }
.blog-content a { color: #f5503b; -webkit-transition: 0.5s; transition: 0.5s; }
.blog-content a:hover { color: #332d26; text-decoration: none; }
.blog-container { margin: 98px 30px 31px 30px; }

/* blog content */
.blog-content { 
	border-right: 1px solid #332d26; 
	padding: 0px; padding-right: 64px; 
	overflow: hidden; 
	margin-bottom: 70px; padding-bottom: 20px;
}
.blog-content .article { text-align: left; margin-bottom: 97px; overflow: hidden; padding-bottom: 15px; }
.blog-content .article .blog-image img{ width: 100%; margin-bottom: 20px; }
.blog-content .article h1 { text-transform:none; margin-top: 11px; }
.blog-content .article .blog-info { margin: 29px 0 28px 0; text-transform: uppercase;}
.blog-content .article .blog-info span { margin-right: 15px; position: relative;}
.blog-content .article .blog-info .comments { margin: 20px; }
.blog-content .article .blog-info .comments:before { 
	width: 15px;
    content: " ";
	background-image:url(../images/blog/comment.png);
	background-repeat: no-repeat;
	background-position: right;
    position: absolute;
    left: -20px;
    top: 0em;
    height:20px;
}
.blog-content .article .blog-info .views { margin: 20px; }
.blog-content .article .blog-info .views:before { 
	width: 15px;
    content: " ";
	background-image:url(../images/blog/eye.png);
	background-repeat: no-repeat;
	background-position: right;
    position: absolute;
    left: -20px;
    top: 0em;
    height:20px;
}
.blog-content .article p { font-size: 1.3em; }
.blog-content .article .button { margin-top: 24px;}
.blog-content .article .button a { color: #fff;}

.blog-content ul.pagination { margin-top: -25px; margin-bottom: -50px; }
.blog-content ul.pagination li a { 
	background: #332d26; 
	border: 0px; 
	margin: 5px 5px; 
	color: #fff; 
	-webkit-transition: 0.5s; 
	transition: 0.5s;
	font-size: 1.2em;
}
.blog-content ul.pagination li a:hover { background: #f5503b; color: #fff; }
.blog-content ul.pagination li.active a { background: #f5503b; border: none; }
.blog-content ul.pagination li.active a:hover { background: #f5503b; }

/*sidebar*/
.blog-sidebar { padding: 0px; padding-left: 64px; text-align: left; }
.blog-sidebar a { color: #332d26; -webkit-transition: 0.5s; transition: 0.5s; }
.blog-sidebar a:hover { color: #f5503b; text-decoration: none; }
.blog-sidebar .widge-share a { font-size: 1.3em; padding: 5px; margin-right: 20px; }
.blog-sidebar h3 { margin: 0px; text-transform: none; font-size: 1.5em; margin-bottom: 8px; }
.blog-sidebar p { margin: 0px; font-size: 1.2em; }
.blog-sidebar ul { list-style-image: url(../images/blog/ul-round.png); padding-left: 25px; }
.blog-sidebar ul li { text-transform: uppercase; }
.blog-widge { margin-bottom: 40px; }
.blog-sidebar form#searchForm input#blog-search { 
	padding: 0px 40px 0px 15px; 
	height: 38px;
	outline: none;
	width: 100%; 
	border: 1px solid #c1c0bd;
	border-radius: 3px;
	background: url(../images/blog/search-icon.png) center right no-repeat;
	-webkit-transition: 2s; transition: 2s;
}
.blog-sidebar form#searchForm input#blog-search:focus { border: 1px solid #332d26; }

/*-------------SINGLE BLOG ARTICLE ---------------*/
.tag-link { font-style: italic; margin-top: 20px;}

ul.moreArticle { margin: -45px 0 45px 0; padding: 0px; overflow: hidden; width: 100%; }
ul.moreArticle li { width: 48%; float: left; }
ul.moreArticle li a { color: #fff; }
ul.moreArticle li a:hover { color: #fff; }
ul.moreArticle li img { width: 100%; }

ul.moreArticle .moreArticle-background { 
	background: #f5503b; 
	width: 100%; height: 100%; 
	position: absolute; 
	top:0; left:0; 
	opacity: 0.7;
}

ul.moreArticle .previousArticle { position: relative; margin-right: 4%; }
ul.moreArticle .nextArticle { position: relative; }
ul.moreArticle li .link-previous-article, .link-next-article { position: absolute; top: 50%; left: 50%; }

/*comments*/
.blog-comments { border-top: 1px solid #332d26; border-bottom: 1px solid #332d26; padding: 30px 0 40px 0; text-align: left; }
.blog-comments h4 { font-size: 1.5em; margin: 0px; }
.blog-comments .comment { width: 100%; overflow: hidden; margin-top: 40px; }
.blog-comments .comment .hexagon-image { width: 20%; float: left; text-align: center; padding-right: 5%; text-transform: uppercase; }
.blog-comments .comment .hexagon-image img { width: 70%; margin-bottom: 7px; }
.blog-comments .comment .comment-content { width: 80%; float: right; border: 1px solid #c1c0bd; padding: 40px;}
.blog-comments .comment .comment-content p { margin: 0; padding: 0; font-size: 1em;}
.blog-comments .comment .comment-content .footer-comment { margin-top: 25px; margin-bottom: -15px; overflow: hidden; }
.blog-comments .comment .comment-content .footer-comment .replay { display: inline-block; float: left; text-transform: uppercase; }
.blog-comments .comment .comment-content .footer-comment .date-time { display: inline-block; float: right; font-size: 0.95em; }

/*leave a comment*/
.comment-form { text-align: left; margin: 30px 0; }
.comment-form h4 { font-size: 1.5em; margin: 0px; margin-bottom: 15px; }
.comment-form form input#name { width: 25%; }
.comment-form form input#website { margin-right: 0px; }
.comment-form form input { height: 30px; width: 33.9%; margin: 5px 2.8% 5px 0px; padding: 5px; }
.comment-form form textarea { height: 140px; width: 99.8%; margin-top: 15px; padding: 5px; }
.comment-form form button { width: 100%; margin-left: -1px; color: #fff; margin-top: 15px; }

/* Large desktop */
@media (min-width: 1200px) {
		
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.blogPage h2:before { width: 0px; }
	.blogPage h2:after { width: 0px; }
	
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.blogPage h2:before { width: 0px; }
	.blogPage h2:after { width: 0px; }
	
	.blog-content { border-right: none; padding-right: 0px; }
	.blog-sidebar { padding-left: 0px; }
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	
}