/* * Resource tiles + modals for fayeevans.au/resources/ * Styling is derived from the site's Elementor global kit (kit-416): * --e-global-color-primary #415678 slate blue * --e-global-color-text #B44804 rust * --e-global-color-2cf076e #F0DCDC blush (site button background) * --e-global-color-5c2ca37 #A3D4E9C2 sky * Fonts: Great Vibes (display), Roboto Slab (headings/buttons), Roboto (body). */ .fe-resources { --fe-primary: var(--e-global-color-primary, #415678); --fe-rust: var(--e-global-color-text, #b44804); --fe-blush: var(--e-global-color-2cf076e, #f0dcdc); --fe-sky: var(--e-global-color-5c2ca37, #a3d4e9c2); --fe-ink: #2f3239; --fe-paper: #fffdfd; --fe-radius: 14px; width: 100%; } /* ---------------------------------------------------------------- tiles */ .fe-resource-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 24px; margin: 0; padding: 0; list-style: none; } .fe-tile { display: flex; flex-direction: column; gap: 14px; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: center; cursor: pointer; appearance: none; transition: transform 0.25s ease; } /* hello-elementor styles bare