/*===============================
/templates/ja_sugite/css/themes/purple/layouts/blog.css
================================================================================*/
.blog .blog-item{border-bottom:1px solid #d9d9d9;margin-bottom:20px;padding-bottom:20px}@media (min-width:768px){.blog .blog-item{margin-bottom:40px;padding-bottom:40px}}.blog .blog-item .item-image{margin-top:5px;margin-bottom:20px}@media (min-width:992px){.blog .blog-item .item-image{margin-bottom:0}}.blog .blog-item .item-image img{width:100%}.blog .blog-item .article-title{font-size:27px;margin-bottom:20px}.blog .blog-item .article-aside{font-size:13px;margin-bottom:10px}.blog .blog-item .article-aside a{color:#999999}.blog .blog-item .article-aside a:hover,.blog .blog-item .article-aside a:focus,.blog .blog-item .article-aside a:active{color:#4d2f6b}.blog .blog-item .article-aside i{color:#bfbfbf}.blog .blog-item .readmore{margin-top:10px}.blog .blog-item .readmore a{border:2px solid #7346a0;color:#444444}.blog .blog-item .readmore a:hover,.blog .blog-item .readmore a:focus,.blog .blog-item .readmore a:active{background:#7346a0;border-color:#7346a0;color:#ffffff}.blog .pagination{float:none}.blog .pagination ul{margin:0}.blog .pagination .counter{margin:0}.big-quote i{color:#bfbfbf;font-size:27px;margin-right:10px}.blog-2 div.blog-item .item-image,.blog-detail div.blog-item .item-image{margin-top:0;margin-bottom:20px}.blog-2 .article-aside,.blog-detail .article-aside{padding-right:0}.blog-2 .article-aside .article-info,.blog-detail .article-aside .article-info{padding-left:3px}.blog-2 .article-aside .article-info dd,.blog-detail .article-aside .article-info dd{margin-bottom:4px}.blog-2 .blog-date,.blog-detail .blog-date{border:3px solid #7346a0;display:block;margin-bottom:10px;text-align:center}.blog-2 .blog-date .date,.blog-detail .blog-date .date{color:#7346a0;display:block;font-size:36px;font-weight:600;line-height:1;padding-top:8px}@media (min-width:992px){.blog-2 .blog-date .date,.blog-detail .blog-date .date{font-size:54px}}.blog-2 .blog-date .month-year,.blog-detail .blog-date .month-year{color:#999999;display:block;font-size:14px;font-weight:600;padding:5px 0;text-transform:uppercase;text-align:center}@media (min-width:992px){.blog-2 .blog-date,.blog-detail .blog-date{font-size:18px}}.blog-2 .article-image-intro,.blog-detail .article-image-intro{margin-top:0;margin-bottom:20px;max-height:98px;overflow:hidden;border-left:3px solid #7346a0}.blog-detail .item-image{margin-bottom:20px}.blog-detail .item-image img{max-width:100%;width:100%}.blog-detail .article-aside{padding-top:5px}