/********************************************************************/
/*                   Author: Elysitek LLC                           */
/*                 Copyright 2023 Creative Commons                  */
/*             Attribution-NonCommercial-NoDerivatives              */
/*                     4.0 International License.                   */
/********************************************************************/
/********************************************************************/
/*                   Author: Elysitek LLC                           */
/*                 Copyright 2023 Creative Commons                  */
/*             Attribution-NonCommercial-NoDerivatives              */
/*                     4.0 International License.                   */
/********************************************************************/
.animate__delay-half-s {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

.color-scheme-bright {
  color: #66fcf1;
}

.color-scheme-dark {
  color: #45a29e;
}

#contact {
  background-color: #1f2833;
  padding: 100px 0px;
  color: #fff;
}

.contact-separator {
  background-color: #66fcf1;
  height: 5px !important;
  width: 50%;
  text-align: center;
  margin: 0px auto;
}

.contact-title {
  text-align: center;
  font-family: "Montserrat", sans-serif;
}

.contact-us-input {
  background: 0;
  border: 0;
  outline: none;
  width: 100%;
  font-size: 1.5em;
  transition: padding 0.2s 0.1s ease;
  font-family: "Montserrat", sans-serif;
  color: #fff;
}
.contact-us-input:focus {
  padding-bottom: 5px;
}
.contact-us-input:focus + .line:after {
  transform: scaleX(1);
}

.contact-us-input[disabled],
.contact-us-textarea[disabled] {
  color: #aaa;
}

#contact-us-submit {
  font-family: "Montserrat", sans-serif;
  background-color: transparent;
  transition: all 0.2s linear;
}

#contact-us-submit.active {
  border-color: #66fcf1;
  border-width: 2px;
  background-color: #45a29e;
  color: #fff !important;
}

#contact-us-submit.active[disabled] {
  border-color: #45a29e;
}

#contact-us-submit.error {
  border-color: #b02a37;
  border-width: 2px;
  background-color: #dc3545;
  color: #fff;
}

.field {
  position: relative;
}
.field .line {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -8px;
  background: #c5c6c7;
}
.field .line:after {
  content: " ";
  position: absolute;
  float: right;
  width: 100%;
  height: 2px;
  transform: scalex(0);
  transition: transform 0.3s ease;
  background: #66fcf1;
}

textarea {
  width: 100%;
  background-color: transparent;
  font-family: "Montserrat", sans-serif;
  font-size: 18pt;
  color: #fff;
}

textarea:focus,
textarea:focus-visible {
  outline: none !important;
  border: 1px solid #66fcf1;
  box-shadow: 0 0 10px #66fcf1;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .contact-us-input {
    font-size: 12pt;
  }
  .contact-us-textarea {
    font-size: 12pt;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */

/*# sourceMappingURL=contact.css.map */
