@import url(./global/reset.css);
@import url(./global/header.css);
@import url(./Home/firstSection.css);
@import url(./Home/projects.css);
@import url(./Home/project-carousel.css);
@import url(./Home/services.css);
@import url(./Home/statements.css);
@import url(./Home/contact.css);
@import url(./Home/team.css);
@import url(./Home/clients.css);
@import url(./global/footer.css);
@import url(./global/modal-loading.css);
@import url(./global/modal-success.css);
@import url(./global/modal-error.css);
@import url(./global/sweet-alert.css);

/* estilos de hover geral */
.button-full-bg-hover:hover {
  transition: 0.4s;
  box-shadow: 0px 0px 1px 4px #b0cc49;
}

.button-outlined-bg-hover:hover {
  transition: 0.4s;
  box-shadow: 0px 0px 0px 3px #b0cc49;
}

.link-hover-white:hover {
  transition: 0.2s;
  color: #ffffff;
}

/* retirar o background branco padrão do autocomplete do google */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid white;
  -webkit-text-fill-color: #f2f2f2 !important;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0) !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* estilos dos slides e das partículas - ficam aqui para sobrepor qualquer estilo do site */
.swiper {
  width: 100%;
  height: 300px;
  cursor: grab !important;
}

.swiper.swiper3 {
  height: auto;
}

/* estilos da intro  */
.intro {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  padding-left: 60px;
  padding-top: 60px;
}

#particles {
  height: 100vh !important;
}

@media (max-width: 1560px) {
  #particles .pg-canvas {
    height: calc(100vh + 100px) !important;
    max-width: 100% !important;
  }
}

@media (max-width: 1220px) {
  .intro {
    padding-left: 20px;
    /* padding-top: 160px; */
    top: 55%;
  }

  #particles .pg-canvas {
    height: calc(100vh) !important;
    max-width: 100% !important;
  }
}

@media (max-width: 624px) {
  #particles {
    height: 70vh;
  }
}