/* Navbar */
nav ul a {
  color: rgba(67, 27, 100);
  transition-property: background-color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
  transition-delay: 0s;
}
nav ul a:hover {
  color: white;
  background-color: rgba(67, 27, 100) !important;
}
.menu-icon {
  color: rgba(67, 27, 100);
}
.dropdown-content li > a,
.dropdown-content li {
  color: black;
  text-align: center;
}
.no-uppercase {
  text-transform: none;
}
.login-btn {
  color: white;
  background-image: linear-gradient(
    to right,
    rgb(145, 59, 216),
    rgba(67, 27, 100)
  );
  border-radius: 20px;
  width: 90px;
}
.btn:focus {
  background-color: rgba(67, 27, 100);
}
.dropdown-content {
  border-radius: 13px;
}

/* slider */

.slider-btn {
  color: white;
  background-color: white;
  background-image: linear-gradient(
    to right,
    rgb(145, 59, 216),
    rgba(67, 27, 100)
  );
  border-radius: 30px;
  width: 160px;
  transition-property: box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
  transition-delay: 0s;
}
.slider-btn:hover {
  box-shadow: 0 0px 100px rgb(112, 28, 180);
}
.slider .indicators .indicator-item.active {
  background-image: linear-gradient(
    to right,
    rgb(145, 59, 216),
    rgba(67, 27, 100)
  );
  background-color: white;
}

.btn-floating i {
  color: rgba(67, 27, 100);
}
.btn-floating {
  background-color: white;
  background-image: linear-gradient(
    to right,
    rgb(145, 59, 216),
    rgba(67, 27, 100)
  );
  position: absolute;
  margin-left: 50px;
  transition-property: box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
  transition-delay: 0s;
}
.btn-floating:hover {
  box-shadow: 0 0px 100px rgb(112, 28, 180);
  background-color: white !important;
}
.btn-floating i {
  color: white;
}
.pulse:focus {
  color: white;
}
.space {
  margin-top: 40px;
}

/* About */
.about-btn {
  color: white;
  background-color: white;
  background-image: linear-gradient(
    to right,
    rgb(145, 59, 216),
    rgba(67, 27, 100)
  );
  border-radius: 30px;
  width: 150px;
  transition-property: box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
  transition-delay: 0s;
}
.about-btn:hover {
  color: white;
  background-color: white;
  box-shadow: 0 0px 40px rgb(112, 28, 180);
}

/* parallax */
.parallax-container {
  height: 330px;
}
.space-coming {
  margin-top: 60px;
}

/* Team */
.carousel .carousel-item {
  width: 280px !important;

  margin-bottom: 30px !important;
}

/* FAQs */
.faq {
  color: white !important;
  background-color: white;
  background-image: linear-gradient(
    to right,
    rgb(112, 28, 180),
    rgb(43, 11, 68)
  );
  border-radius: 20px;
}
.panel-color {
  background-color: rgba(67, 27, 100);
}
.space-divider {
  margin: 60px;
  background-color: rgb(197, 133, 248) !important;
}

/* Address */
.loc-icon {
  vertical-align: bottom;
  font-size: 22px !important;
  color: rgb(112, 28, 180) !important;
}

/* Forms */
.row .input-field input:focus {
  border-bottom: 1px solid rgb(112, 28, 180) !important;
  box-shadow: 0 1px 0 0 rgb(112, 28, 180) !important;
}
.row .input-field textarea:focus {
  border-bottom: 1px solid rgb(112, 28, 180) !important;
  box-shadow: 0 1px 0 0 rgb(112, 28, 180) !important;
}

.submit-btn {
  color: white;
  background-color: white;
  background-image: linear-gradient(
    to right,
    rgb(145, 59, 216),
    rgba(67, 27, 100)
  );
  border-radius: 20px;
  width: 100px;
  transition-property: box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
  transition-delay: 0s;
}
.submit-btn:hover {
  color: white;
  background-color: white;
  box-shadow: 0 0px 40px rgb(112, 28, 180);
}

/* Footer */
.section-footer {
  background-color: rgb(33, 6, 56);
  height: 200px;
}

.footer-space {
  margin-top: 50px;
}

/* Font Awesome */
.social .fa-2x {
  margin: 5px 10px;
}
.social-icon {
  color: white !important;
  font-size: 12px !important;
  transition-property: text-shadow;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0s;
}
.social-icon:hover {
  color: #18ffff !important;
  text-shadow: 0px 0px 30px #18ffff;
}

/* Sign Up / Sign In buttons */
.logins-btn {
  color: white;

  font-family: montserrat;
  background-color: white;
  background-image: linear-gradient(
    to right,
    rgb(145, 59, 216),
    rgba(67, 27, 100)
  );
  border-radius: 30px;
  width: 130px;
  transition-property: box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: ease-in;
  transition-delay: 0s;
}
.logins-btn:hover {
  color: white;
  background-color: white;
  box-shadow: 0 0px 40px rgb(112, 28, 180);
}
@media only screen and (max-width: 600px) {
  .parallax-container {
    height: 150px;
  }
  .copyright {
    text-align: center;
  }
  .social {
    text-align: center;
    margin-top: 20px;
  }
  .section-footer {
    height: 230px;
  }
}

/* Login form */
.login-panel {
  box-shadow: none !important;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 9px;
}

@media only screen and (min-width: 600px) {
  .login-modal {
    width: 410px;
  }
}
.login-modal {
  border-radius: 25px;
}
.msocial-icon {
  color: rgba(67, 27, 100) !important;
  font-size: 12px !important;
  transition-property: text-shadow;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
  transition-delay: 0s;
}
.msocial-icon:hover {
  color: #ffa726 !important;
  text-shadow: 0px 0px 30px #ffa726;
}
.input-field .prefix.active {
  color: rgb(87, 33, 131);
}
.login-panel .input-field input:focus {
  border-bottom: 1px solid rgb(112, 28, 180) !important;
  box-shadow: 0 1px 0 0 rgb(112, 28, 180) !important;
}

input[type="email"]:not(.browser-default):focus:not([readonly]) + label {
  color: rgb(87, 33, 131);
}
input[type="password"]:not(.browser-default):focus:not([readonly]) + label {
  color: rgb(87, 33, 131);
}
input[type="text"]:not(.browser-default):focus:not([readonly]) + label {
  color: rgb(87, 33, 131);
}