.dropdown-menu {
  border-radius: 3px;
}

.dropdown-menu > li > a {
  font-weight: 400;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > span,
.dropdown-menu > .disabled > span:hover,
.dropdown-menu > .disabled > span:focus {
  color: #777;
}

.dropdown-menu--invite {
  width: 100%;
  max-width: 100%;
  min-width: 220px;
  top: 100%;
  margin-top: .625rem;
  padding: .625rem 1rem 1rem;
}

.dropdown-menu--invite .input-group {
  max-width: 100%;
  margin: .25rem 0 1rem;
}

.dropdown-menu--invite .input-group .form-control,
.dropdown-menu--invite .input-group .input-group-addon {
  border-radius: 0 !important;
}

.dropdown-menu--invite .input-group .form-control {
  padding-left: .625rem;
  padding-right: .625rem;
  background-color: #f3f3f3;
  color: #777;
}

.dropdown-menu--invite .input-group .input-group-addon {
  padding-top: 11px;
  padding-bottom: 11px;
  background-color: transparent;
  font-size: 22px;
  color: #adadad;
}

.dropdown-menu--invite .input-group .input-group-addon:before {
  color: #adadad;
}

.dropdown.has-alert.has-alert--desktop > a:before {
  color: #343434;
  background-color: #ffc142;
}

@media (min-width: 900px) {
  .hero__banner .dropdown-menu--invite {
    left: 10px;
  }
}

@media (max-width: 599px) {
  .dropdown-menu.dropdown-menu--visibility {
    left: 0;
    width: 100%;
  }
  .dropdown-menu.dropdown-menu--visibility a {
    overflow: visible;
    text-overflow: inherit;
    white-space: normal;
  }
  .dropdown.has-alert > a:before {
    color: #343434;
    background-color: #ffc142;
  }
}