.type-e .media {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.125);
}
@media (min-width: 576px) {
  .type-e .media {
    max-width: 410px;
    flex-direction: column;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom-width: 0;
  }
}
.type-e .media-body {
  padding: 0;
  flex: 1;
}
.type-e .build-col:last-child a {
  border-bottom-width: 0;
}
.type-e .media-img {
  margin-left: 15px;
  max-width: 50%;
}
@media (min-width: 576px) {
  .type-e .media-img {
    max-width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .type-e .media-img {
    margin-bottom: 24px;
  }
}

.related-article {
  margin-bottom: 10px;
  padding-right: 0;
  padding-left: 0;
}
.related-article.general-article-component img {
  border-radius: 5px;
}
.related-article .media {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.125);
}
@media (min-width: 576px) {
  .related-article .media {
    margin-bottom: 0;
  }
}
@media (min-width: 576px) {
  .related-article {
    margin-bottom: 52px;
  }
}
.related-article-container {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .related-article-container {
    margin-bottom: 100px;
  }
}
.related-article .card {
  background-color: transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
@media (min-width: 576px) {
  .related-article .card {
    border-bottom: 0;
  }
}
@media (min-width: 576px) {
  .related-article .media {
    max-width: 289px;
    flex-direction: column;
  }
}
.related-article .media-body {
  padding: 0;
  flex: 1;
}
.related-article .media-img {
  margin-left: 15px;
  max-width: 50%;
}
@media (min-width: 576px) {
  .related-article .media-img {
    max-width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .related-article .media-img {
    margin-bottom: 24px;
  }
}
.related-article .article-heading {
  font: 600 16px/19px "TajawalBold", sans-serif;
}
@media (min-width: 576px) {
  .related-article .article-heading {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .related-article .article-heading {
    height: 42px;
    overflow: hidden;
  }
}
@media (min-width: 576px) {
  .related-article .badge-box {
    margin-bottom: 17px;
  }
}
.related-article .badge-article {
  display: inline-block;
  background: #ffffff;
  font: 600 10px/17px "TajawalBold", sans-serif;
  padding: 0 8px;
  height: 17px;
  border-radius: 17px;
  box-shadow: 0 1px 2px 0 rgba(188, 208, 229, 0.4);
}
@media (min-width: 576px) {
  .related-article .badge-article {
    height: 23px;
    border-radius: 23px;
    font: 600 12px/23px "TajawalBold", sans-serif;
    padding: 0 10px;
    box-shadow: 0 2px 3px 0 rgba(188, 208, 229, 0.8);
  }
}

@media (min-width: 768px) {
  .category-archive .related-article .media {
    margin-bottom: 97px;
  }
}

.main-content-page .related-article .media {
  border-bottom: none;
}

.related-articles {
  background-color: #fde85e;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width: 576px) {
  .related-articles {
    padding-top: 83px;
    padding-bottom: 67px;
  }
}
.related-articles .media-body {
  background: #ffffff;
  padding: 18px;
  width: 100%;
  min-height: 164px;
  z-index: 1;
  border-radius: 0 0 8px 8px;
}
@media (min-width: 768px) {
  .related-articles .media-body {
    padding: 30px;
    min-height: 164px;
    box-shadow: 0 4px 10px 0 rgba(141, 176, 211, 0.2);
  }
}
.related-articles .card {
  height: 100%;
}
.related-articles .media-img {
  margin-bottom: 0;
  position: relative;
}
.related-articles .general-article-component img {
  border-radius: 8px 8px 0 0;
}
.related-articles .media {
  padding-bottom: 0;
  border-bottom: 0;
  height: 100%;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/related-article.scss%22,%22file:///C:/Projects/idf_core/Idf.Web/wwwroot/scss/base/_varibales.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAII;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;IACA;IACA;IACA;;;AAGJ;EACI;EACA;;AAKJ;EACI;;AAIR;EACI;EACA;;AAEA;EAJJ;IAKQ;IACA;;;AAGJ;EATJ;IAUQ;;;;AAMZ;EACI;EACA;EACA;;AAII;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;;;AAIR;EAtBJ;IAuBQ;;;AAGJ;EACI;;AAEA;EAHJ;IAIQ;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;;;AAKJ;EADJ;IAEQ;IACA;;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;;AAEA;EAJJ;IAKQ;IACA;;;AAGJ;EATJ;IAUQ;;;AAIR;EACI;;AAEA;EAHJ;IAIQ;IACA;IACA;;;AAGJ;EATJ;IAUQ;IACA;;;AAMA;EADJ;IAEQ;;;AAIR;EACI;EACA,YC9IJ;ED+II;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;IACA;IACA;IACA;IACA;;;;AASJ;EADJ;IAEQ;;;;AAQR;EACI;;;AAMZ;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;;;AAGJ;EACI,YC9LA;ED+LA;EACA;EACA;EACA;EACA;;AAEA;EARJ;IASQ;IACA;IACA;;;AAIR;EACI;;AAGJ;EACI;EACA;;AAIA;EACI;;AAIR;EACI;EACA;EACA%22%7D */