/*----------------- S-RELATED-POSTS -----------------*/
.s-related-posts {
    padding-bottom: 110px; }
    .s-related-posts.home-related-posts {
      padding-top: 80px;
      padding-bottom: 60px; }
      .s-related-posts.home-related-posts .related-post-col:nth-child(2n) {
        top: 40px; }
    .s-related-posts .related-post-col {
      margin-bottom: 30px; }
    .s-related-posts .related-post-col:nth-child(2n) {
        margin-bottom: 30px;
        transform: translateY(40px); }
    .s-related-posts .post-item-cover {
      background-color: var(--dark-color-light);
      padding: 0 0 90px;
      min-height: 202px;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      height: 100%; }
      .s-related-posts .post-item-cover .text {
        color: #fff; }
      .s-related-posts .post-item-cover .post-footer {
        margin-top: 16px; }
      .s-related-posts .post-item-cover .title {
        margin-top: 15px;
        margin-bottom: 15px; }
      .s-related-posts .post-item-cover .post-header {
        margin-bottom: 44px;
        position: relative; }
        .s-related-posts .post-item-cover .post-header .related-post-categ {
          position: absolute;
          top: 15px;
          right: 15px;
          z-index: 2;
          text-transform: uppercase;
          background-color: var(--second-color);
          text-align: center;
          font-weight: 600;
          min-width: 120px;
          line-height: 37px;
          padding: 0 15px; }
      .s-related-posts .post-item-cover .post-thumbnail img {
        /*height: 360px;*/
        width: 100%; }
      .s-related-posts .post-item-cover .post-footer .meta {
        margin-bottom: 0; }
      .s-related-posts .post-item-cover .btn {
        position: absolute;
        bottom: 15px;
        left: 44px; }
      .s-related-posts .post-item-cover .post-content,
      .s-related-posts .post-item-cover .post-footer {
        padding: 0 44px; }

.btn {
    padding: 11px 40px 10px;
    background-color: var(--second-color);
    font-weight: var(--font-regular);
    /*text-transform: uppercase;*/
    text-decoration: none;
    text-align: center;
    height: 50px;
    display: inline-block;
    transition: .25s ease-in;
    color: var(--white-color); }
.btn:hover {
    background-color: var(--dark-color-light); }

@media screen and (max-width: 768px) {
    .s-related-posts .related-post-col:nth-child(2n) {
        transform: translateY(0px); }
}