/* v0.3.4 - Event form layout refinement */

.event-form{
  max-width:980px;
  width:100%;
  margin:36px auto;
  padding:30px;
}

.event-form .section-title{
  margin-bottom:8px;
}

.event-form > p{
  margin-top:0;
  margin-bottom:24px;
  color:var(--muted);
}

.event-form .form-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:22px;
  row-gap:18px;
}

.event-form .form-grid > div{
  min-width:0;
}

.event-form .form-grid .full{
  grid-column:1 / -1;
}

.event-form label{
  margin:0 0 8px;
}

.event-form input,
.event-form select,
.event-form textarea{
  width:100%;
  max-width:100%;
  min-width:0;
  display:block;
}

.event-form input[type="datetime-local"]{
  min-height:52px;
}

.event-form select{
  min-height:52px;
}

.event-form textarea{
  min-height:130px;
}

.event-form small{
  display:block;
  margin-top:7px;
  color:var(--muted);
  line-height:1.45;
}

.event-form .form-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:12px;
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid #eadfca;
}

@media(max-width:760px){
  .event-form{
    margin:22px auto;
    padding:22px;
  }

  .event-form .form-grid{
    grid-template-columns:1fr;
    row-gap:16px;
  }

  .event-form .form-grid .full{
    grid-column:auto;
  }

  .event-form .form-actions{
    flex-direction:column-reverse;
    align-items:stretch;
  }

  .event-form .form-actions .btn{
    width:100%;
    text-align:center;
  }
}