/* Fixes for differences between HubSpot CMS rendering and the static site, for the landing pages
   (layouts/landing.njk). Loaded last. site-overrides.css is for the site theme: its form-input
   min-height is in rem, and the basic_v2 landing theme's 22px root font made inputs 4px taller. */

/* Off HubSpot CMS the forms embed adds .hs-custom-style and injects a stylesheet whose input
   padding (0 15px) beats the basic_v2 theme's 15px, so inputs were 29px tall instead of 59px
   (access-the-webinar-recording-november-2022). Restore the theme value. */
[class*="basic__"] form.hs-custom-style input.hs-input:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
  padding: 15px !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;
}