/* Styles for content built in Elementor: its widgets' defaults, and the named classes editors put on a widget instead of writing CSS into it. WHY THIS FILE EXISTS. Until 8 Oct 2026 the site carried 374 snippets of Custom CSS written into individual Elementor widgets (Advanced, Custom CSS) and five more in page settings, the same 31 rules pasted again and again, plus four rules in Customiser Additional CSS before that. None of it was in this repo, so nobody could diff it, and a fix to one copy left the others behind. Every rule that was still in use now lives here ONCE, as a class (catalogue below), and the widgets carry the class name in Advanced, CSS Classes. tools/data-changes/2026-10-08-elementor-custom-css-to-classes.php did the swap and lists which rule became which class. THE RULE FOR EDITORS. Never type CSS into a widget's Custom CSS box or into Site Settings Custom CSS. If no class here does what a design needs, the class is added to this file in the repo first. The Elementor kit (Site Settings) still owns colours, type and button defaults; this file owns what the kit has no control for. SPECIFICITY. A class rule is written `.elementor .elementor-element.mk-x`, (0,3,0), which is what the widget Custom CSS it replaces compiled to (`.elementor-636 .elementor-element.elementor-element-abc123`). This file loads after the page's own post CSS, so a tie goes to the class. Where the original carried !important, so does the class; nothing was strengthened. NOT HERE: anything that styles OUR markup belongs in that component's stylesheet (nav.css, listing.css, faculty.css, forms.css and the rest). */ /* ------------------------------------------------------------------------- Elementor defaults the kit has no control for ---------------------------------------------------------------------- */ /* Elementor renders button text inside a span that centres by default, which centres the second line of any button whose label wraps. */ .elementor-button span{text-align:left} /* Below the kit's tablet breakpoint the default button padding is wide enough that two word labels wrap on a phone. */ @media (max-width:991px){ .elementor-button{padding:15px} } /* Hello Elementor's reset leaves b and strong at the browser default, which renders as 600 against Inter's weight set and reads as barely bolder than the body text around it. */ b,strong{font-weight:700} /* A superscript inside an icon list item (the 1st, 2nd of a date) set the line's height and pushed the item out of line with its neighbours. Was pasted into five widgets unscoped, so it already applied page wide there. */ .elementor-icon-list-text > sup{line-height:12px!important} /* LINKS INSIDE ICON LISTS take the list's own colour, not Hello's. Hello Elementor's reset.css paints every #CC3366. An icon list sets its colour on .elementor-icon-list-text, so a link that a dynamic tag writes INSIDE that span (the faculty loop's school, a term link, rel="tag") keeps the reset's pink while the plain item beside it is the right blue. Seen on the school pages' Lecturers & Team carousel, 28 Sept 2026. Underline on hover so it still reads as a link. */ .elementor-widget-icon-list .elementor-icon-list-text a{ color:inherit; text-decoration:none } .elementor-widget-icon-list .elementor-icon-list-text a:hover, .elementor-widget-icon-list .elementor-icon-list-text a:focus-visible{ color:inherit; text-decoration:underline; text-underline-offset:3px } /* A Shortcode widget whose shortcode prints nothing still takes a slot in its container, so the gaps either side of it add up to a visible hole. Ours print nothing on purpose when there is nothing to show (no accreditations, no catch all sections), so the widget goes with them. :empty means no children and no text at all; a placeholder a script fills is not empty. */ .elementor-widget-shortcode:has(.elementor-shortcode:empty){display:none} /* ------------------------------------------------------------------------- Pagination: Elementor's archive and loop pagination, matched to ours ---------------------------------------------------------------------- */ /* Elementor renders `