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

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

footer {
  background: #000000;
  color: #fff;

  h1,
  h2,
  h3 {
    color: #fff;
  }

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

  ul.contact-details {
    display: flex;
    align-items: flex-start;
    height: 100%;
    justify-content: flex-end;
    flex-direction: column;
    margin-top: 25px;

    .footer-red {
      background: #A00005;
      height: 40px;
      width: 40px;
      margin-right: 15px;
      display: flex;
      align-items: center;
      justify-content: center;

      svg {
        width: 20px;
        height: 20px;
      }
    }
  }

  a:hover {
    color: #A00005 !important;
  }

  button.btn.wpcf7-submit {
    margin-top: 10px;
  }

  li {
    margin-left: 0 !important;
    display: flex;
    align-items: center;
  }

  ul.contact-details li:nth-child(2) {
    margin: 15px 0;
  }

  ul.contact-details li:nth-child(4) {
    margin: 15px 0 0 0;
  }

}

.wpcf7-text,
.wpcf7-textarea {
  border-radius: 0;
  margin: 10px 0;
}

.lower-footer--wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 60px 0 0;
}

.credits {
  font-size: 14px;
  display: flex;
  margin: 15px 0 0;

  span {
    margin: 0 7.5px;
  }

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

  a:hover {
    color: #fff !important;
  }
}

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

/* XXL > 1400 */

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

/* L */
@media (max-width: 1200px) {}

/* M */
@media (max-width: 992px) {}

/* S */
@media (max-width: 768px) {
  form {
    margin-top: 15px;
  }
}

/* XS */
@media (max-width: 576px) {
  footer {
    li {
      margin-left: 0 !important;
    }

    .footer-red {
      margin-bottom: 10px;
    }
  }

  .credits {
    font-size: 14px;
    display: flex;
    margin: 15px 0 0;
    flex-direction: column;
    align-items: flex-start;

    span {
      display: none;
    }
  }

}