/*********************************************
 * Blog List
**********************************************/
body.blog #primary {padding-top:60px;}
.no-item h3 {font-size:20px; text-align:center;}

/* LIST CATEGORIES */
.list-categories {
    padding:0 90px; margin-bottom:60px;
    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
    -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;
}
.list-cateogory-title {padding-right:20px; white-space:nowrap;}
.list-categories-content {width:100%;}
ul.list-categories-items {margin:0; list-style:none;}
ul.list-categories-items > li {padding:0 8px 0 0; display:inline-block;}
ul.list-categories-items > li > a {padding:8px 20px; font-weight:400;}
ul.list-categories-items > li > a[class*="btn_bg_"].text-fill-hover:before {left:20px;}
ul.list-categories-items > li > a[class*="btn_bg_"].text-fill-hover:hover:before {right:20px;}
ul.list-categories-items > li > a.active {background:#131313; color:#fff;}
ul.list-categories-items > li > a[class*="btn_bg_"].text-fill-hover.active:before {color:#fff;}
ul.list-categories-items > li > a[class*="btn_bg_"].text-fill-hover.active:hover:before {background-color:#fff;}

/****************************** Tablet version *******************************/
@media only screen and (max-width:1170px) {
    body.blog #primary {padding-top:60px;}
    .year-separator {font-size:55px; margin-bottom:40px;}
}
@media only screen and (max-width:1023px) {
    ul.list-categories-items {display:none;}
    .mobile-select {display:block;}
}
@media only screen and (max-width:768px) {
    .extra-top-content {margin:0 20px 30px;}
    .single-page-title {margin:40px 20px 0;}
    .year-separator {font-size:40px; margin-bottom:20px; padding:0 10px;}
}