/* ECLIR Contact v0.7.4
   Dedicated late-loaded stylesheet.
   Force intrinsic grid rows so no global/block form styles can stretch the form vertically.
*/

.eclir-contact-grid{
  max-width:1180px!important;
  margin-inline:auto!important;
  grid-template-columns:minmax(285px,.78fr) minmax(0,1.22fr)!important;
  gap:1.45rem!important;
  align-items:start!important;
}

.eclir-contact-info,
.eclir-contact-form-panel{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
}

.eclir-contact-form-panel{
  padding:1.22rem 1.32rem 1.24rem!important;
}

.eclir-contact-form-heading{
  margin:0 0 .72rem!important;
  padding:0 0 .72rem!important;
  min-height:0!important;
  height:auto!important;
}

.eclir-contact-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
  align-items:start!important;
  justify-content:stretch!important;
  height:auto!important;
  min-height:0!important;
  gap:.58rem!important;
  margin:0!important;
  padding:0!important;
}

.eclir-contact-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-auto-rows:max-content!important;
  align-items:start!important;
  gap:.72rem!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}

.eclir-contact-form > label,
.eclir-contact-row > label,
.eclir-contact-ack,
.eclir-contact-form-footer{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  align-self:start!important;
}

.eclir-contact-form label > span:not(.screen-reader-text){
  display:block!important;
  margin:0 0 .22rem!important;
  padding:0!important;
  height:auto!important;
  min-height:0!important;
  line-height:1.2!important;
}

.eclir-contact-form input[type="text"],
.eclir-contact-form input[type="email"]{
  box-sizing:border-box!important;
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:.5rem .68rem!important;
}

.eclir-contact-form textarea{
  box-sizing:border-box!important;
  width:100%!important;
  height:102px!important;
  min-height:102px!important;
  margin:0!important;
  padding:.58rem .68rem!important;
}

.eclir-contact-ack{
  display:flex!important;
  align-items:flex-start!important;
  gap:.5rem!important;
  margin:.08rem 0 0!important;
}

.eclir-contact-ack input{
  flex:0 0 auto!important;
  margin:.1rem 0 0!important;
}

.eclir-contact-form-footer{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:.7rem 1rem!important;
  margin:.08rem 0 0!important;
}

.eclir-contact-submit{
  flex:0 0 auto!important;
}

/* If a block/global stylesheet tries to stretch form rows, this prevents it. */
.eclir-contact-form > *,
.eclir-contact-row > *{
  align-self:start!important;
  justify-self:stretch!important;
}

@media(max-width:900px){
  .eclir-contact-grid{
    max-width:760px!important;
    grid-template-columns:1fr!important;
  }
}

@media(max-width:700px){
  .eclir-contact-row{
    grid-template-columns:1fr!important;
  }
}