/* Blog */
/*********************************************/

.th-blog {margin-top: 100px; padding: 30px 0;}
.th-blog .th-main-title-blog {color: #000; font-family: 'Barlow', sans-serif; font-size: 40px; font-weight: bold;}
.th-blog .th-main-cat-title-blog a {color: #000; font-family: 'Barlow', sans-serif; font-size: 30px; font-weight: 300; color: #000;}
.th-blog .th-blog-article-grid {display: grid; grid-template-columns: 33.33% 33.34% 33.33%}
.th-blog .th-blog-article-grid a.th-blog-article-container {margin: 20px;}
.th-blog .th-blog-article-grid a.th-blog-article-container:hover {text-decoration: none;}
.th-blog .th-blog-article-grid .th-blog-article-container .th-img-article {padding-bottom: 15px;}
.th-blog .th-blog-article-grid .th-blog-article-container .th-img-article img {width: 100%; object-fit: cover; height: 300px;}
.th-blog .th-blog-article-grid .th-blog-article-container .th-title-bloc {height: 80px;}
.th-blog .th-blog-article-grid a.th-blog-article-container .th-title-bloc .th-subtitle-article {color: #000; font-weight: 300; text-transform: uppercase; letter-spacing: 1.2;}
.th-blog .th-blog-article-grid .th-blog-article-container .th-title-bloc .th-title-article {color: #000; font-family: 'Barlow', sans-serif; font-size: 20px; font-weight: bold; text-transform: uppercase;}
.th-blog .th-blog-article-grid .th-blog-article-container .th-title-bloc .th-category-name {font-family: 'Barlow', sans-serif; color: #000;}
.th-blog .th-blog-article-grid .th-blog-article-container .th-title-bloc .th-category-name span {color: #cecece;}
.th-blog .th-blog-article-grid a.th-blog-article-container .th-title-bloc .th-description-article {color: #000; font-weight: 300;}

@media (max-width : 991px) {
    .th-blog .th-blog-article-grid {grid-template-columns: 50% 50%;}
}

@media (max-width : 500px) {
    .th-blog .th-blog-article-grid {grid-template-columns: 100%;}
    .th-blog .th-blog-article-grid a.th-blog-article-container .th-img-article img {height: 200px;}
}

/* Blog  - Article page */
/*********************************************/

.th-blog-article-page a.th-path-back {color: #cecece; padding: 25px 0; display: block;}
.th-blog-article-page a.th-path-back i {padding-right: 5px;}
.th-blog-article-page {margin-top: 100px; padding: 30px 0;}
.th-blog-article-page .th-subtitle-article {font-family: 'Barlow', sans-serif; color: #2d3136; font-weight: 400; text-transform: uppercase; letter-spacing: 1.2;}
.th-blog-article-page .th-title-article {color: #2d3136; font-family: 'Barlow', sans-serif; font-size: 40px; font-weight: bold; text-transform: uppercase;}
.th-blog-article-page .th-blog-article-page-grid {display: grid; grid-template-columns: 30% 70%; padding: 30px 0;}
.th-blog-article-page .th-blog-article-page-grid .th-img-article-container {padding: 30px;}
.th-blog-article-page .th-blog-article-page-grid .th-img-article-container img {width: 100%;}
.th-blog-article-page .th-blog-article-page-grid .th-txt-article-container {color: #2d3136; padding: 30px; font-weight: 300;}
.th-blog-article-page .th-parent-subcat {color: #2d3136; font-weight: 600; text-transform: uppercase; font-size: 11px;}
.th-blog-article-page .th-parent-subcat a {color: #cecece; text-transform: none;}

.th-blog-article-page .th-additional-imgs-grid {display: grid; grid-template-columns: 25% 25% 25% 25%;}
.th-blog-article-page .th-additional-imgs-grid .th-additional-img-box {margin: 10px;}
.th-blog-article-page .th-additional-imgs-grid .th-additional-img-box img {width: 100%; height: 150px; object-fit: cover;}

.th-blog-article-page .th-blog-section-page-grid {display: grid; grid-template-columns: 30% 70%; padding: 30px 0;}
.th-blog-article-page .th-blog-section-page-grid .th-img-container {padding: 30px;}
.th-blog-article-page .th-blog-section-page-grid .th-img-container img {width: 100%;}
.th-blog-article-page .th-blog-section-page-grid .th-txt-container {padding: 30px; font-weight: 300;}
.th-blog-article-page .th-blog-section-page-grid .th-txt-container .th-subtitle-section {color: #000; font-family: 'Barlow', sans-serif; font-size: 20px; font-weight: bold; text-transform: uppercase; padding-bottom: 15px;}

@media (max-width : 991px) {
    .th-blog-article-page .th-additional-imgs-grid {grid-template-columns: 50% 50%;}
}

@media (max-width : 767px) {
    .th-blog-article-page .th-blog-article-page-grid {grid-template-columns: 100%;}
    .th-blog-article-page .th-blog-section-page-grid {grid-template-columns: 100%;}
}

/* Blog  - Custom */
/*********************************************/

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #000;
  border-color: #000;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  z-index: 2;
  color: #000;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #000;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}