/*
Theme Name: MacitAu
Theme URI: MacitAu
Author MacitAu: 
Author URI: MacitAu
Description: 
Version: 1.0.0
Text Domain: macit
*/
img.wp-smiley, img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}
.contact-form .field-outer {
  margin-top: 20px;
}
.contact-form .wpcf7-not-valid-tip {
  font-size: .875rem;
  line-height: 1.25rem;
  margin: 10px 0 0;
}
.contact-form .submit-btn {
  display: flex !important;
  margin: 20px 0;
  padding: .875rem 0;
  cursor: pointer;
  align-items: center;
}
.contact-form .wpcf7-submit:hover {
  --tw-shadow-color: rgb(59 130 246 / 0.3);
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:
    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  /*transform: translateY(-0.125rem);*/
}
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: inherit !important;
}
.default-page.not-found-outer {
  padding: 100px 0;
  text-align: center;
}
.not-found-outer h1{
    margin-bottom: 20px;
}
.not-found-outer p{
    margin-bottom: 20px;
}
.not-found-outer a {
  max-width: 250px;
  margin: 25px 0;
}
.default-page {
  padding: 100px 0;
}
.default-page .content h1 {
  margin: 0 0 20px;
}
.default-page .content p {
  color:#475569
  margin: 0 0 16px;
}

.wpcf7-response-output {
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
  font-size: 14px;
  border: 1px solid #CBD5E1 !important;
  border-radius: 10px;
  padding: 8px 10px !important;
}
.wow.fadeInUp {
    animation-name: customFadeInUp;
    animation-duration: 0.9s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}

@keyframes customFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
.wow.fadeInLeft {
    animation-name: customFadeInLeft;
    animation-duration: 0.9s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}

@keyframes customFadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-60px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}


.wow.fadeInRight {
    animation-name: customFadeInRight;
    animation-duration: 0.9s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}

@keyframes customFadeInRight {
    from {
        opacity: 0;
        transform: translate3d(60px, 0, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}


@media screen and (max-width:1023px) {
  .mobile-nav a {
    display: block;
    padding-top: .625rem;
    padding-bottom: .625rem;
    font-size: 16px;
  }
  .mobile-nav a.inline-flex {
    display: flex;
    justify-content: center;
  }
}