/**
* Prestashop Addons | Module by: <App1Pro>
*
* @author    Chuyen Nguyen [App1Pro].
* @copyright Chuyenim@gmail.com
* @license   http://app1pro.com/license.txt
*/

/* HEADER */
.blogview .blog_title {margin-top: 5px;margin-bottom:15px;border: 0;padding: 0px 0px;font-size:1.5em;}
.blogview .blog_header {margin-bottom:25px;border: 0;padding: 0 0px;}

/* CONTENT */
.blogview  {margin-top:5px;}
.blogview a {color:#24BFE1}
.blogview a:hover {text-decoration: underline;}
.blogview h2,.blogview h3,.blogview h4 {color:#333}
/* HOMEPAGE & DETAIL PAGE */
.blogview .post_loop {margin-bottom:15px;border:#E9E9E9 1px solid;}
.blogview .post_loop .post_title {margin-bottom:3px;padding:10px 20px;color:#333;font-size:1.4em;font-weight: bold;line-height: 25px;background-color: #F6F6F6;border-bottom:#E9E9E9 1px solid;}
.blogview .post_loop .post_title a {color:#333;font-weight: bold;}

.blogview .post_loop .post_rcolumn {margin:0 20px;}
.blogview .post_loop .post_desc {margin-bottom:15px;padding:5px 0;border-bottom:#28D4FA 1px dotted;}
.blogview .post_loop .post_image {text-align:center;margin-bottom:15px;padding:0 0;}
.blogview .post_loop .post_content {margin-bottom:15px;padding:0;text-align:justify;}
.blogview .post_loop .post_related {margin-bottom:10px;padding:15px 0;}
.blogview .post_loop .post_related ul.list{list-style-type: disc;list-style-position: inside;margin: 0px;padding: 0px;}
.blogview .post_loop .post_related a {color:#24BFE1}
.blogview .post_loop .post_sharing {margin-bottom:15px;padding:5px 0;}
.blogview .post_loop .post_tags {margin-bottom:25px;}

/* CATEGORY */
.blogview .post_cloop {margin-bottom:15px;padding-top:10px;border-top:#E9E9E9 1px solid;clear:both;}
.blogview .post_cloop:last-child {border-bottom:#E9E9E9 1px solid;}
.blogview .post_cloop .post_image {float:left;width:23%;padding:0;margin:5px 10px 5px 0;}
		@media screen and (max-width: 600px) {
			.blogview .post_cloop .post_image {width:35%;}
		}
.blogview .post_cloop .post_rcolumn {display:block;}
.blogview .post_cloop .post_title {font-size:1.4em;}
.blogview .post_cloop .post_title a {color:#333;font-weight: bold;line-height: 25px;}
.blogview .post_cloop .post_desc {margin-bottom:15px;}
.blogview .post_cloop .post_content {padding:8px 0;text-align:justify;}

/* PANGE & PAGING */
.blogview .post_paging {margin:0;padding:15px 20px;border:#E9E9E9 1px solid;height:62px}
.blogview .post_paging  ul{margin:0;}
.blogview .post_paging  ul li{float:left;margin-right:5px;}
.blogview .post_paging  ul li:last-child {margin-right:0;}
.blogview .post_paging  ul li span{border:#F6891E 1px solid;display:block;padding:5px 0;text-align:center;width:26px;}
.blogview .post_paging  ul li span.page-current {background-color: #24BFE1;color:#fff;border-color:#24BFE1;}
.blogview .post_paging  ul li span.page-active {background-color: #FCECD8;}
.blogview .post_paging  ul li span.page-active:hover {background-color: #F9D9B0;}
.blogview .post_paging  .sumary {float:left;margin-left:15px;padding:6px 0;}

/* COMMENT */
.blogview .commentview a:hover {text-decoration: underline;}
.blogview .commentview p {margin: 0;}
.blogview .commentview .comment_loop {margin-bottom:15px;border:#E9E9E9 1px solid;}
.blogview .commentview .comment_rcolumn {margin:0 20px;}
.blogview .commentview .comment_desc {padding:5px 0;border-bottom:#28D4FA 1px dotted;}
.blogview .commentview .comment_content {padding:15px 0;text-align:justify;}

/* RELATED PRODUCTS */
.blogview .relatedproducts {margin-bottom:15px;}

/* COMMENT FORM */
.blogview .green_button {margin:10px 0;}
.blogview .right {float: right;}
.fb-comments {margin:10px 0;padding:10px 0;width:100%;}

/* LEFT & RIGHT COLUMN */
#psblog_block_left .psblog_list {}
#psblog_block_left .psblog_list ul li{font-weight: bold;}

.related-articles {
    padding: 0 20px 20px;
}
.related-articles a {
    color: #333333;
    text-decoration: underline;
}
.tagList, .tagList li {
    display: inline;
}

.tagList .tag {
    position: relative;
    display: inline-block;
    background: #f0f7fc;
    margin-left: 9px;
    height: 16px;
    line-height: 14px;
    padding: 0px 4px 1px 6px;
    border: 1px solid #a5cae4;
    border-left: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -khtml-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -khtml-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    color: rgb(23, 96, 147);
    font-size: 11.5px;
    margin-bottom: 2px;
}

.tagList .tag:hover {
    text-decoration: none;
    background-color: #d7edfc;
}

.tagList .tag .arrow {
    position: absolute;
    display: block;
    height: 2px;
    width: 0;
    left: -9px;
    top: -1px;
    border-style: solid;
    border-width: 8px 9px 8px 0;
    border-color: transparent;
    border-right-color: #a5cae4;
}

.tagList .tag .arrow:after {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    width: 0;
    left: 1px;
    top: -7px;
    border-style: solid;
    border-width: 7px 8px 7px 0;
    border-color: transparent;
    border-right-color: #f0f7fc;
}
.tagList .tag:hover .arrow:after {
    border-right-color: #d7edfc;
}

.tagList .tag:after {
    content: '';
    position: absolute;
    left: -2px;
    top: 6px;
    display: block;
    height: 3px;
    width: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #a5cae4;
    background: #FFF;
}

ul.article_list.grid > li {
    text-align: center;
}

ul.article_list .post_image img.img-responsive {
    margin: 0 auto;
}

.articles-block {
    margin-top: 15px;
    margin-bottom: 24px;
}

.blogs_home .nav-tabs > li {
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #d0d0d0;
}

.blogs_home .nav-tabs > li  a{
    font: 600 21px/24px "Open Sans", sans-serif;
    color: #555454;
    text-transform: uppercase;
    outline: none;
    margin: 0;
}

.blogs_home .nav-tabs > li a:hover {
    background: #333;
    color: #fff;
}