/*-----------------
* palette
* ----------------
*
*/

/******** Footer *******/

.post-rel {
  position: relative;
}

footer {
  color: #fff;

  .col-border {
    border-right: 1px solid;
    position: absolute;
    right: 0;
    height: 100%;
    opacity: .25;
  }

  hr.footer-hr {
    margin: 30px 0;
  }

  .footer-title {
    font-size: 22px;
    font-weight: 900;
  }

  img.company-logo {
    width: 125px;
  }

  ul.contact-details.lower {
    display: flex;
    margin: 0;

    li:nth-child(2) {
      margin: 0;
    }

    li {
      margin-right: 15px;
    }
  }

  .contact-details {
    margin-top: 30px;

    strong {
      color: #DE067C;
      display: block;
    }

    a {
      color: #fff;
    }

    a:hover {
      color: #DE067C;
    }
  }

  .menu {
    padding: 0;
    margin: 0;
    list-style: none;

    a {
      color: #fff;
    }

    a:hover {
      color: #DE067C;
    }

    li {
      margin: 15px 0;
    }
  }

  .top-wrap {
    background: #060125;
  }

  .footer-info {
    display: flex;
    align-items: center;
    padding-bottom: 20px;

    svg {
      width: 30px;
      height: 30px;
      fill: #fff;
      margin-left: 30px;
    }

    svg:hover {
      fill: #DE067C
    }
  }

  ul#menu-footer-four {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-top: 15px;

    li {
      margin: 0;
    }
  }


}

footer {
  & .menu {
    li:last-child {
      margin: 15px 0 0 0;
    }
  }
}

.credits-wrap {
  color: #060125;
  font-size: 14px;

  .credits {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 30px;
  }

  span {
    margin: 0 10px;
  }

  p {
    padding: 0px;
    margin: 0px;
  }

  a {
    color: #DE067C;
    font-weight: 800;
  }

  a:hover {
    color: #060125;
  }
}

/******** Responsive ***********/

/* XXL > 1400 */

/* XL */
@media (max-width: 1400px) {}

/* L */
@media (max-width: 1200px) {
  .col-lower-footer {
    margin-top: 30px;
  }
}

/* M */
@media (max-width: 992px) {
 footer .contact-details {
    li {
      font-size: 14px;
      display: flex;
      flex-direction: column;
    }
  }
}

/* S */
@media (max-width: 768px) {

  .credits-wrap {
    .credits {
      display: flex;
      align-items: flex-start;
      align-content: center;
      justify-content: center;
      padding: 30px;
      flex-direction: column;
    }

    span {
      display: none;
    }

    .accreditation {
      margin-top: 15px;
    }
  }

}

/* XS */
@media (max-width: 576px) {
  .margin-sm {
    margin-top: 30px;
  }

  footer {
    ul#menu-footer-four {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 15px;
      margin-top: 15px;
    }

    ul.contact-details.lower {
      display: flex;
      margin: 0;
      flex-direction: column;

      li:last-child {
        margin-top: 15px;
      }
    }
  }

}