/*****************************************************************************
 * Blog listing - article
 ***************************************************************************** */
.tp-blog-listing-article--highlight .tp-blog-listing-article__topic,
.sub-block .tp-blog-listing-article .tp-blog-listing-article__topic,
.article-row .tp-blog-listing-article .tp-blog-listing-article__topic
  { display: inline-block; border: 0; }

.tp-blog-listing a:hover { text-decoration: none; }
.tp-blog-listing .tp-blog-listing-article__topic { background: #282D42; border-radius: 0.8rem; display: inline-block; margin-bottom: 0.5rem; padding: 6px 12px; }
.tp-blog-listing .content-topic { color: #FFFFFF; font-size: .45rem; margin-bottom: 0; }

.tp-blog-listing-article--highlight .tp-blog-listing-article__topic:hover .h6,
.sub-block .tp-blog-listing-article .tp-blog-listing-article__topic:hover .h6,
.article-row .tp-blog-listing-article .tp-blog-listing-article__topic:hover .h6
  { color: #2A6EA3; }
.article-row .tp-blog-listing-article .tp-blog-listing-article__topic:hover span { color: #61C281; }

/* -- Highlighted article -- */
.tp-blog-listing-article--highlight { margin-bottom: 2rem; margin-top: -2.5rem; }
.tp-blog-listing-article--highlight .featured-image { display: block; height: 100%; margin-bottom: 1rem; }
.tp-blog-listing-article--highlight .content-title a { border: 0; font-size: 1.6rem; font-weight: 700; line-height: 1.38; text-decoration: none; }
.tp-blog-listing-article--highlight .content { height: 100%; }
.tp-blog-listing-article--highlight .content a:hover { color: #2A6EA3; }
.tp-blog-listing-article--highlight .content h3 { color: #2A6EA3; }

/* -- First articles -- */
.sub-block .tp-blog-listing-article h3 { color: #2A6EA3; }
.sub-block .tp-blog-listing-article { margin-bottom: 2rem; }
.sub-block .tp-blog-listing-article .featured-image { display: block; margin-bottom: 1rem; }
.sub-block .tp-blog-listing-article .featured-image a { border: 0; display: block; height: 0; overflow: hidden; padding-bottom: 58.35%; position: relative; }
.sub-block .tp-blog-listing-article .featured-image a img { height: 100%; object-fit: cover; position: absolute; }
.sub-block .tp-blog-listing-article .featured-image img { border-radius: 0.5rem; }
.sub-block .tp-blog-listing-article .content .h6 { color: #61C281; font-size: .6rem; font-weight: 500; letter-spacing: 0.1rem; line-height: 2.83; margin-bottom: 0; }

/* -- Second articles -- */
.article-row .tp-blog-listing-article { margin-bottom: 2.5rem; }
.article-row .tp-blog-listing-article .wrapper { background-color: #FFFFFF; padding: 0.4rem; border-radius: 0.8rem; transition: box-shadow .3s linear, transform .3s linear; }
.article-row .tp-blog-listing-article .wrapper:hover { cursor: pointer; transform: translateY(-12px); }
.article-row .tp-blog-listing-article .wrapper .featured-image { border: 0; height: 0; overflow: hidden; padding-bottom: 58.46%; position: relative; }
.article-row .tp-blog-listing-article .wrapper .featured-image img { border-radius: 0.4rem ; height: 100%; object-fit: cover; position: absolute; }
.article-row .tp-blog-listing-article .wrapper .featured-image { display: block; }
.article-row .tp-blog-listing-article .content { padding: 0.8rem; }
.article-row .tp-blog-listing-article.first-article { padding-top: 1.5rem }

@media only screen and (min-width: 768px ) {
  /* -- Highlighted article -- */
  .tp-blog-listing-article--highlight .left-side { background-color: #FFFFFF; padding: 0.4rem; border-radius: 0.8rem 0 0 0.8rem; }
  .tp-blog-listing-article--highlight .right-side { padding-left: 0; }
  .tp-blog-listing-article--highlight { margin-bottom: 3.2rem; }
  .tp-blog-listing-article--highlight .featured-image { display: block; margin-bottom: 0; }
  .tp-blog-listing-article--highlight .featured-image img { border-radius: 0.4rem; height: 100%; object-fit: cover; }
  .tp-blog-listing-article--highlight .content-title { margin-bottom: 1.3rem; }
  .tp-blog-listing-article--highlight .content { background-color: #FFFFFF; border-radius: 0 0.5rem 0.5rem 0; padding: 7.644% 7.4% 9.757% 12.035%; } 
  
   /* -- First articles -- */
  .sub-block { margin-bottom: 3rem; }
  .sub-block .tp-blog-listing-article .wrapper { align-items: center; display: flex; flex-flow: row nowrap; margin-bottom: 1.3rem; }
  .sub-block .tp-blog-listing-article .featured-image { flex: 0 0 155px; height: 144px; margin-bottom: 0; margin-right: 2rem; }
  
  
  /* -- Second articles -- */
  .article-row .tp-blog-listing-article.first-article { padding-top: 3rem }
  .article-row .tp-blog-listing-article .wrapper { align-items: stretch; display: flex; flex-direction: column; height: 100%; justify-content: space-between; }
  .article-row .tp-blog-listing-article .wrapper .content { flex: 1; }
}

@media only screen and (min-width: 992px ) {
  .tp-blog-listing-article--highlight { margin-top: -9rem; }
  .sub-block .tp-blog-listing-article .featured-image { flex: 0 0 215px; height: 140px;
}