/* Fixes for differences between HubSpot CMS rendering and the static site. Loaded last. */

/* Off HubSpot CMS the forms embed adds .hs-custom-style and injects a stylesheet whose
   min-height (27px) beats the theme's input height. Restore the theme value. */
form.hs-custom-style input.hs-input:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
  min-height: 2.875rem !important;
}

/* The image optimiser wraps local images in <picture>; keep it out of layout so the <img> sizes
   and flows exactly as it did on HubSpot. */
picture {
  display: contents;
}

/* The FAQ "View All" button (widgets.js initLoadMore) marks its module once clicked. Keep the
   revealed questions shown after the mobile slider is destroyed and restores their served inline
   style: the module CSS hides questions 5 and up from 768px (`.widget_<id> .faq-item:nth-child(n+5)`,
   the same specificity, so this later rule wins). */
.sr-faq-01[data-load-more="shown"] .faq-item {
  display: block;
}

/* The layouts put page content inside <main id="main">, so the theme's `body>.container-fluid
   {padding:0}` misses top-level containers such as the case-study body. Same rule, one level down. */
#main > .container-fluid {
  padding: 0;
}