/* /online/<venue>/css/custom.css (MINIMAL)
   Only what the widget actually uses
*/

/* Validation (Bootstrap-friendly) */
.invalid-feedback{
  color:#ff6b6b;
  display:block;
  text-align:left;
  font-size:.85rem;
  margin-top:4px;
}
.is-invalid{ border-color:#ff6b6b !important; }

/* TAB 3 (Additional details) */
#add-form .tab:nth-of-type(3){
  text-align:center;
  padding-top:1rem;
}
#add-form .tab:nth-of-type(3) .mb-3{
  margin-left:auto;
  margin-right:auto;
  max-width:420px;
  width:100%;
}
#add-form .tab:nth-of-type(3) .mb-3:first-child{ margin-top:12px; }
#add-form .tab:nth-of-type(3) label{
  display:block;
  text-align:left;
  margin-bottom:.35rem;
  font-weight:700;
}
#add-form .tab:nth-of-type(3) select.custom-select{
  display:block;
  width:100%;
  height:calc(1.5em + .75rem + 2px);
}

/* FINAL TAB (Summary) */
#add-form .tab:last-of-type{
  text-align:center;
  padding-top:1.2rem;
}
#add-form .tab:last-of-type > div{ margin-bottom:.35rem; }
#add-form .tab:last-of-type .outputRsvCode{
  display:inline-block;
  margin-top:.35rem;
  padding:.35rem .75rem;
  font-size:1.05rem;
  font-weight:800;
  letter-spacing:.5px;
  border-radius:8px;
}