/* Contact page. */
#contactinfo h3{font-size:18px;margin-bottom:-5px}
#contactform h3{font-size:18px;text-align:left}

/* ---------------------------------------------------------------------------
   Mobile / tablet layout.

   #pg-3112-1 is a two-cell SiteOrigin row (address block | contact form). As on
   the other ported pages, the per-page CSS WordPress generated for the layout
   was not carried over by the static dump, so front-flex.min.css's
   `flex-wrap:nowrap` holds both cells side by side at every width: at 390px the
   address column is squeezed to ~115px (the email address is clipped) and the
   form to ~185px. Stack them instead. Desktop is left untouched.

   The row carries `.siteorigin-panels-stretch`, so it is addressed by id here
   rather than through the generic selectors used in pages/media.css - those
   deliberately skip stretched rows because elsewhere those are title bands.
   --------------------------------------------------------------------------- */
@media only screen and (max-width:991px){
#pg-3112-1 > .panel-row-style{flex-direction:column}
#pg-3112-1 > .panel-row-style > .panel-grid-cell{width:100%;margin-right:0}
#contactinfo{margin-bottom:30px}
/* the form's 10% side padding (common.css .getinvolved form) leaves too little
   room for the fields once the form spans the full width of a phone screen */
.getinvolved form{padding:24px 20px}
#contactform .wpcf7-form-control:not(.wpcf7-submit):not([type=checkbox]){width:100%}
/* stop iOS zooming in on focus - it needs a >=16px font on the field itself */
#contactform input,#contactform textarea{font-size:16px}
#contactform textarea{max-height:45vh}
/* the checkbox label is pulled up beside its box with a -32px top margin
   (common.css); on a phone it wraps to 4+ lines and the offset drags it over
   the field above. Lay it out as a normal inline label instead. */
.page-id-3112 .getinvolved form span.wpcf7-list-item-label{
display:inline;margin-top:0;margin-left:6px}
}