/* Site-specific design overrides - injected LAST by scripts/customize.py (config: custom_css).
   Page-scoped through Divi's body.page-id-N class, because module numbering (et_pb_section_0,
   et_pb_image_0 ...) restarts on every page.
     page-id-486 home   page-id-89 about   page-id-146 contact
   Tablet vertical   = 768-980px     Tablet horizontal = 981-1220px (the header's own breakpoint) */

/* ---- Home: slider sits flush under the header on tablets (desktop keeps its -17vh pull) ---- */
@media only screen and (min-width: 768px) and (max-width: 1220px) {
  body.page-id-486 .et_pb_section_0.et_pb_section { margin-top: 0 !important; }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
  /* Home: service images fill their column */
  body.page-id-486 .et_pb_section_3 .et_pb_image,
  body.page-id-486 .et_pb_section_3 .et_pb_image .et_pb_image_wrap,
  body.page-id-486 .et_pb_section_3 .et_pb_image img { display: block; width: 100% !important; max-width: 100%; height: auto; }

  /* Home: the three contact details side by side */
  body.page-id-486 .et_pb_row_14.et_pb_row { width: 90% !important; max-width: 90% !important; display: flex; flex-wrap: nowrap; }
  body.page-id-486 .et_pb_row_14 > .et_pb_column { width: 33.333% !important; flex: 0 0 33.333%; margin-right: 0 !important; }

  /* About: portrait fills the column, with air before the name */
  body.page-id-89 .et_pb_image_0,
  body.page-id-89 .et_pb_image_0 .et_pb_image_wrap,
  body.page-id-89 .et_pb_image_0 .et_pb_image_wrap img { display: block; width: 100% !important; max-width: 100%; height: auto; }
  body.page-id-89 .et_pb_image_0 { padding-right: 0 !important; margin-bottom: 30px !important; }

  /* Contact: the three contact details side by side */
  body.page-id-146 .et_pb_row_1.et_pb_row { display: flex; flex-wrap: nowrap; }
  body.page-id-146 .et_pb_row_1 > .et_pb_column { width: 33.333% !important; flex: 0 0 33.333%; margin-right: 0 !important; }
}