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

/******** Header *********/

.soc-icons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;

  li {
    margin-right: 10px;
  }

  svg {
    width: 20px;
    height: 20px;
    fill: #fff;
  }

  svg:hover {
    fill: #FEA607;
  }
}

header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99999;

  .right-header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
  }

  .header-wrap {
    margin-top: 30px;
  }
}

ul.soc-icons.header-icons {
  height: 100%;
  display: flex;
  align-items: center;
}

a.company-logo-link {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.single-post header {
  position: static;
  top: 0;
  width: 100%;
  z-index: 99999;
  background: #1F2A48;
  padding: 15px 0 60px 0;

  .header-wrap {
    margin: 0px;
  }
}

.header-wrap--btn {
  margin-bottom: 30px;

  span.btn {
    width: 100%;
    border-radius: 0px;
    margin: 0px;
  }
}

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

/* XXL > 1400 */

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

/* L */
@media (max-width: 1200px) {
  header {
    .btn {
      padding: 7.5px 25px;
      font-size: 18px;
    }
  }
}

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

/* S */
@media (max-width: 768px) {
  header {
    .right-header {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      height: 100%;
      flex-direction: row;
    }
  }

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

  header {
    .btn {
      padding: 3.5px 6px;
      font-size: 15px;
    }
  }
}

/* XS */
@media (max-width: 576px) {
  img.company-logo {
    width: 100px;
  }

  header {
    .header-wrap {
      margin-top: 0px;
    }
  }

  header {

    .button,
    a.button,
    .btn,
    input.wpcf7-form-control.wpcf7-submit,
    input[type="submit"] {
      padding: 5px;
    }
  }
}