/* JR Memory Invite Modal Tweaks */

/* Modal container tweaks */
.mi-dialog{
  border-radius: 18px !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.25) !important;
}

/* Title */
.mi-dialog h3#mi-title{
  margin-right: 44px; /* allow room for close button */
}

/* Inputs: white background + black text */
.mi-dialog input[type="text"],
.mi-dialog input[type="email"],
.mi-dialog input[type="tel"]{
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid rgba(0,0,0,.18) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  box-shadow: none !important;
}

.mi-dialog input[type="text"]::placeholder,
.mi-dialog input[type="email"]::placeholder,
.mi-dialog input[type="tel"]::placeholder{
  color: rgba(0,0,0,.45) !important;
}

.mi-dialog input[type="text"]:focus,
.mi-dialog input[type="email"]:focus,
.mi-dialog input[type="tel"]:focus{
  outline: none !important;
  border-color: rgba(212,106,63,.55) !important; /* #D46A3F */
  box-shadow: 0 0 0 3px rgba(212,106,63,.18) !important;
}

/* Close button - style to match site */
.mi-dialog .mi-close{
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  background: #ffffff !important;
  color: #111111 !important;
  font-size: 22px !important;
  line-height: 34px !important;
  text-align: center !important;
  padding: 0 !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.10) !important;
}

.mi-dialog .mi-close:hover{
  background: rgba(212,106,63,.10) !important;
  border-color: rgba(212,106,63,.35) !important;
}

.mi-dialog .mi-close:focus{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(212,106,63,.18), 0 6px 18px rgba(0,0,0,.10) !important;
}

/* Result list spacing/typography (light touch) */
.mi-dialog .mi-results{
  border-radius: 14px !important;
}

.mi-dialog .mi-results .mi-user{
  padding: 14px 16px !important;
}

/* "Email/Location" column alignment: don't let it dominate */
.mi-dialog .mi-results .mi-meta{
  opacity: .85;
  font-size: 14px;
}