/*
 * Site-wide fixes on top of the HTML export's assets/css (loaded by layouts/site.blade.php after extras.css).
 * Kept outside public/assets so a new HTML/asset drop does not overwrite them.
 * Page-specific fixes live in their own files (e.g. home-overrides.css).
 */

/* These images set width only, so their HTML height attribute would stretch them */
.ms-edu__img img,.ms-stu__main,.ms-form-art img,.ms-faq__side img{height:auto}

/* Wave band above the footer (shared footer, every page): show the full wave-2 artwork
   instead of cropping its top in a 140px strip */
.mx-waveband{height:auto;aspect-ratio:1600/516;background-size:100% auto}
/* Softer wave so it sits quietly behind the pre-footer strip (dark theme otherwise forces .5) */
.mx-waveband,html[data-theme="dark"] .mx-waveband{opacity:.25}

/* Hero enquiry forms (.fp-hero__form: institution-transformation, general-contact, training, partnership enquiry).
   The card's green glow shows inside these animated cards, so a solid label background looked like a white box.
   Top half of the label is now transparent (card shows through); bottom half still covers the input border. */
.fp-hero__form .sf-card .ms-field label{background:linear-gradient(to bottom,transparent 50%,#fff 50%)}
html[data-theme="dark"] .fp-hero__form .sf-card .ms-field label{background:linear-gradient(to bottom,transparent 50%,#0F1F3D 50%)}

/* Pages that load Semantic UI (e.g. the top-ranking SEO template) get html,body{height:100%}: the body is then
   one screen tall and the sticky header scrolls away with it. The body must grow with the page. */
html body{height:auto;min-height:100%}