#header-outer #logo {
  margin: 0;
}

.client-logo-slider {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: grayscale(100%);
  outline: none !important;
  opacity: 0.6;
  max-width: 135px !important;
  margin: 0 auto !important;
}

.wrapAnimation {
  height: auto;
  width: 500px;
  position: relative;
  margin: 11% auto;
  transform: scale(0.6) rotateX(-56deg) rotateY(0) rotateZ(333deg)
    translate(-43%, 0);
}

@media only screen and (max-width: 1280px) {
  .wrapAnimation {
    width: 100%;
    margin: 97px auto 0;
    padding-top: 100%;
    margin-left: 0;
  }
}

@media only screen and (max-width: 970px) {
  .wrapAnimation {
    width: 100%;
    margin: -19% auto 0;
    padding-top: 100%;
  }
}

.top {
  border: 4px solid #999;
  border-radius: 10px;
}

.pos {
  position: absolute;
  width: 100%;
  height: 100%;
  animation-fill-mode: both;
  animation: AppAnimation 3s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
}

.first {
  top: -149px;
  left: 154px;
  z-index: 2;
  animation-delay: -0.2s;
}

.sec {
  border: 4px solid #999;
  border-radius: 10px;
  top: -45px;
  left: 74px;
  z-index: 1;
  animation-delay: -0.4s;
}

.third {
  top: 61px;
  left: -34px;
  z-index: 0;
  animation-delay: -1s;
}

img {
  max-width: 100%;
}

@keyframes AppAnimation {
  0%,
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: cubic-bezier(0.2, 0.25, 0.55, 1);
    animation-timing-function: cubic-bezier(0.2, 0.25, 0.55, 1);
  }

  25% {
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
    -webkit-animation-timing-function: cubic-bezier(0.45, 0, 0.8, 0.75);
    animation-timing-function: cubic-bezier(0.45, 0, 0.8, 0.75);
  }

  75% {
    -webkit-transform: translateY(35px);
    transform: translateY(35px);
    -webkit-animation-timing-function: cubic-bezier(0.45, 0, 0.8, 0.75);
    animation-timing-function: cubic-bezier(0.45, 0, 0.8, 0.75);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes AppShowcase {
  0%,
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation-timing-function: cubic-bezier(0.2, 0.25, 0.55, 1);
    animation-timing-function: cubic-bezier(0.2, 0.25, 0.55, 1);
  }

  25% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-animation-timing-function: cubic-bezier(0.45, 0, 0.8, 0.75);
    animation-timing-function: cubic-bezier(0.45, 0, 0.8, 0.75);
  }

  75% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    -webkit-animation-timing-function: cubic-bezier(0.45, 0, 0.8, 0.75);
    animation-timing-function: cubic-bezier(0.45, 0, 0.8, 0.75);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/* client slider */

body:not(.compose-mode) .nectar-flickity.nectar-carousel .flickity-slider {
  align-items: center;
}

/* portfolio post grid on homepage categories  */
.nectar-post-grid[data-cat-click="static"]
  .nectar-post-grid-item
  .content
  .meta-category {
  font-size: 12px;
}

@font-face {
  font-family: "IBM_Plex_Mono";
  src: url("/wp-content/themes/salient-child/assets/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf")
    format("truetype");
  font-weight: 400;
  font-style: normal;
}

.c-contactUS input::placeholder,
.c-contactUS textarea::placeholder {
  color: #999;
  opacity: 1;
}

.c-contactUS input::-ms-input-placeholder,
.c-contactUS textarea::-ms-input-placeholder {
  color: #999;
}

.c-contactUS div.wpcf7 .ajax-loader {
  background-image: none;
  height: 29px;
  width: 29px;
  margin: 0 auto;
  position: relative;
  top: 11px;
  opacity: 1;
  animation: rotation 2s infinite linear;
  border-left: 4px solid rgba(235, 73, 36, 0.15);
  border-right: 4px solid rgba(235, 73, 36, 0.15);
  border-bottom: 4px solid rgba(235, 73, 36, 0.15);
  border-top: 4px solid rgba(235, 73, 36, 0.8);
  border-radius: 100%;
}

.c-contactUS .wpcf7-select,
.c-contactUS select {
  -webkit-appearance: textfield;
  font-size: 14px;
}

.c-contactUS [type="color"],
.c-contactUS select,
.c-contactUS [type="date"],
.c-contactUS [type="datetime-local"],
.c-contactUS [type="datetime"],
.c-contactUS [type="email"],
.c-contactUS [type="month"],
.c-contactUS [type="number"],
.c-contactUS [type="password"],
.c-contactUS [type="search"],
.c-contactUS [type="tel"],
.c-contactUS [type="text"],
.c-contactUS [type="time"],
.c-contactUS [type="url"],
.c-contactUS [type="week"],
.c-contactUS input:not([type]),
.c-contactUS select[multiple="multiple"],
.c-contactUS textarea {
  font-size: 16px;
  background-color: #f0f0f0 !important;
  border: none !important;
  border-radius: 0;
  padding: 15px;
  width: 100%;
}

.c-contactUS [type="color"]:focus,
.c-contactUS select:focus,
.c-contactUS [type="date"]:focus,
.c-contactUS [type="datetime-local"]:focus,
.c-contactUS [type="datetime"]:focus,
.c-contactUS [type="email"]:focus,
.c-contactUS [type="month"]:focus,
.c-contactUS [type="number"]:focus,
.c-contactUS [type="password"]:focus,
.c-contactUS [type="search"]:focus,
.c-contactUS [type="tel"]:focus,
.c-contactUS [type="text"]:focus,
.c-contactUS [type="time"]:focus,
.c-contactUS [type="url"]:focus,
.c-contactUS [type="week"]:focus,
.c-contactUS input:not([type]):focus,
.c-contactUS select[multiple="multiple"]:focus,
.c-contactUS textarea:focus {
  outline: none !important;
}

.c-contactUS .screen-reader-response {
  display: none;
}

.c-contactUS .wpcf7-form-control-wrap {
  position: relative;
}

.c-contactUS .wpcf7-form-control-wrap:not(:first-of-type),
.c-contactUS .g-recaptcha {
  display: block;
  margin: 23px 0;
}

.c-contactUS [type="submit"] {
  outline: none !important;
}

.c-contactUS .wpcf7-not-valid-tip {
  font-size: 12px;
  color: crimson;
  display: block;
}

.c-contactUS div.wpcf7-mail-sent-ok,
.c-contactUS div.wpcf7-validation-errors {
  border: none;
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
  color: #fff;
  line-height: 30px;
  border-radius: 5px;
}

.c-contactUS div.wpcf7-validation-errors {
  background-color: #de7c58;
}

.c-contactUS div.wpcf7-mail-sent-ok {
  background-color: #5eca2f;
}

.o-contactMeta .o-fSocial .o-fSocial__wrap h4 {
  text-align: center;
}

.o-contactMeta .o-fSocial .o-fSocial__wrap ul.o-fSocial__list {
  width: 100%;
  margin-bottom: 0;
}

.o-contactMeta .o-fSocial .o-fSocial__wrap ul.o-fSocial__list li {
  width: auto;
}

.o-contactMeta
  .o-fSocial
  .o-fSocial__wrap
  ul.o-fSocial__list
  li
  a.o-fSocial__link:hover {
  color: #10cfbd;
}

.lp-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lp-form input,
.lp-form textarea {
  border: none;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 15px;
  width: 100%;
  background-color: #f0f0f0 !important;
}

.lp-form input::placeholder,
.lp-form textarea::placeholder {
  color: #999;
  opacity: 1;
}

.lp-form input:focus,
.lp-form textarea:focus {
  outline: none;
}

.lp-form input:focus::placeholder,
.lp-form textarea:focus::placeholder {
  color: transparent;
}

.lp-form input[type="submit"] {
  background-color: #10cfbd;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

.lp-form input[type="submit"]:hover {
  background-color: #000;
}

.lp-form input[type="submit"]:active {
  background-color: #000;
}

.lp-form input[type="submit"]:focus {
  background-color: #000;
}

.lp-form input[type="submit"]:focus::placeholder {
  color: transparent;
}

.lp-form input[type="submit"]:disabled {
  background-color: #999;
}

.lp-form input[type="submit"]:disabled::placeholder {
  color: transparent;
}

.lp-form input[type="submit"]:disabled:hover {
  background-color: #999;
}

.homeHeroTags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  justify-content: left;
}

.homeHeroTags span {
  background-color: #f4f4f4;
  border-radius: 40px;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 10px 20px;
}

.wp-singular.page-id-3375 .lp-form input[type="text"],
.wp-singular.page-id-3375 .lp-form input[type="email"],
.wp-singular.page-id-3375 .lp-form input[type="tel"],
.wp-singular.page-id-3375 .lp-form input[type="number"],
.wp-singular.page-id-3375 .lp-form input[type="date"],
.wp-singular.page-id-3375 .lp-form input[type="time"],
.wp-singular.page-id-3375 .lp-form input[type="url"],
.wp-singular.page-id-3375 .lp-form input[type="search"],
.wp-singular.page-id-3375 .lp-form input[type="password"] {
  color: #000 !important;
}

/* blog page */
body.page-id-3125 .nectar-post-grid-wrap .load-more-wrap.inactive {
  display: block !important;
}

body.page-id-3125 .nectar-post-grid-wrap .load-more-wrap.inactive .load-more {
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: all !important;
}
