@import url("css/front-page.css");
@import url("css/navigation.css");
@import url("css/blog.css");
@import url("css/customer-stories.css");
@import url("css/team.css");
@import url("css/services.css");

:root{
    --primary: #403B65;
    --secondary: #4F7636;
    --black: #000000;
    --white: #ffffff;
    --black-444: #444444;
    --beige: #d3c8c1;
    --light-purple: #F2F1F6;
}

#postImg, #adImg, #customerImg, #serviceImg {
  background-position: center;
  background-size: cover;
}
.button.line{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--secondary);
  border: 1px solid var(--secondary) !important;
  border-radius: 50px !important;
}
/* form button */
#formSetting button[type="submit"], #formService button[type="submit"]{
    margin-top: 20px;
}
.white-btn:hover svg path{
  fill: #ffffff;
  transition: all ease-in-out 300ms;
}

.white-btn:focus svg path{
  fill: #ffffff;
  transition: all ease-in-out 300ms;
}
html[lang^="en"] .only-et,
html[lang="en-US"] .only-et,
html[lang="en-GB"] .only-et {
  display: none !important;
}
.grecaptcha-logo, .grecaptcha-badge{
  display: none;
} 

/* 
* MOBILE NAV
*/

#mobileNav{
  height: 100vh;
  overflow: hidden;
}

/* scrollable */
#mobileNav .mobile-menu{
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: calc(70vh - 80px); 
}


/* stycky mobile nav */
@media (max-width: 768px){
  #stickyNav{
    width: 100%;
    z-index: 9999;
    transform: translateY(-12px);
    opacity: 1;
    transition: transform .75s cubic-bezier(.22,.61,.36,1), opacity .25s ease;
    will-change: transform, opacity;
  }

  #stickyNav.is-fixed{
    position: fixed;
    top: 0; left: 0; right: 0;
  }

  /* hidden state */
  #stickyNav.is-hidden{
    transform: translateY(-110%);
    opacity: 0;
    pointer-events: none;
  }

  /* visible state */
  #stickyNav.is-visible{
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

}