/* General */
.logo {
  margin-top: 12px;
  width: 48px;
}

.logo-text {
  display: inline-block;
  float: right;
  position: relative;
  top: 18px;
  left: 8px;
}

.bold {
  font-weight: bold;
}

.navbar__menu li.last__nav {
  margin-left: 10px;
}

.hero__overlay {
  /* opacity: 0.5; */
}

.hero__overlay--gradient {
  background: rgba(44, 44, 44, 0.2);
  background: -webkit-linear-gradient(90deg, rgba(44, 44, 44, 0.2), rgba(3, 142, 224, 0.6));
  background: -o-linear-gradient(90deg, rgba(44, 44, 44, 0.2), rgba(3, 142, 224, 0.6));
  background: -moz-linear-gradient(90deg, rgba(44, 44, 44, 0.2), rgba(3, 142, 224, 0.6));
  background: linear-gradient(0deg, rgba(44, 44, 44, 0.2), rgba(3, 142, 224, 0.6));
}

.hero {
  background-image: url(../images/header.jpg);
}

.navbar__inner {
  height: 80px !important;
}

.navbar__menu {
  margin-top: 20px;
}

.navbar__inner .hero__button {
  background-color: rgba(255,255,255,0.25);
}

.navbar__inner .button {
  padding: 2pt 10pt;
}

.cta {
  background-image: linear-gradient( 103.9deg,  rgba(12,166,180,1) 3%, rgba(100,51,161,1) 93.9% );
  margin-bottom: -1px;
}

.cta--reverse {
  background-image: linear-gradient( 103.9deg,  rgba(12,166,180,1) 3%, rgba(100,51,161,1) 93.9% );
}

.w100 {
  width: 100%;
}

.blue_step {
  background-color: rgb(22, 179, 233) !important;
  border-bottom: none !important;
}

.navbar {
  background-image: linear-gradient( 103.9deg,  rgba(12,166,180,1) 3%, rgba(100,51,161,1) 93.9% );
}

.navbar--extended {
  background: rgba(0,0,0,0);
}

.navbar-mob-override {
  background: linear-gradient( 103.9deg,  rgba(12,166,180,1) 3%, rgba(100,51,161,1) 93.9% );
}

.email-input {
  background-color: rgba(222, 222, 222, 0.3) !important;
  border: none !important;
  width: 80% !important;
  margin-left: 10% !important;
  color: #fff !important;
}

.email-input::placeholder {
  color: #fff;
}

.email-cta {
  width: 50% !important;
  margin-left: 25% !important;
}

.button__accent {
  background-color: #15bbca;
  border-color: #15bbca;
}

/*  Features */

.vMenu a:hover {
    opacity: 1;
    color: #15bbca;
}

.page-container {
  width:92% !important;
}

.in-text-link {
  font-weight: bold;
}

.in-text-link:hover {
  text-decoration: underline;
}

.pricing-card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 5px;
  margin-left: 8px;
  margin-right: 8px;
  color: #fff;
}

.pricing-card-intro {
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 32px;
}

.price-bg-normal {
  background: linear-gradient( 103.9deg, rgba(12,166,180,0.8) 3%, rgba(100,51,161,0.8) 93.9% );
  margin: 16px;
}

@media (max-width: 992px) {
  .price-bg-normal {
    margin: 0;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .price-bg-highlight {
    margin: 0;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .navbar .button {
    margin-bottom: 0px;
  }
}

.price-bg-highlight {
  background: linear-gradient( 103.9deg, rgba(12,166,180,1) 3%, rgba(100,51,161,1) 93.9% );
  padding: 16px;
}

.pricing-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.3);
}

.card-container {
  padding: 2px 16px;
}

.large-price {
  font-size: 32pt;
  color: #fff;
}

.small-dollar {
  font-size: 20pt;
}

.price-title {
  font-size: 16pt;
  font-weight: bold;
}

.pricing-card {
  color: #fff;
  width: 100%;
}

.pricing-card h4 {
  color: #fff;
  font-weight: bold;
}

.feature-line {
  padding: 6px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

.price-bg-highlight .large-price {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pricing-card button {
  padding: 4pt 20pt;
  margin-top: 20px;
}

.pricing-doc-link {
  color: #15bbca;
  text-decoration: underline;
}

#gekko-form {
  margin-bottom: 0;
}

.cta-extra {
  color: rgba(255,255,255,0.5);
}