/*
 * Galway Bay Rugby — your own CSS.
 * -------------------------------------------------------------------------
 * This file is loaded on every page, AFTER the parent theme's stylesheet, so a rule here beats the same rule
 * in the parent. It is empty on purpose. Add rules below the line "YOUR CSS".
 *
 * How to find what to change
 *   1. Open the page, right-click the thing you want to change → Inspect.
 *   2. Look for its class (most start with "gbr-", e.g. .gbr-hero, .gbr-btn, .gbr-card).
 *   3. Write a rule for that class here.
 *
 * Colours: the theme exposes its Customizer colours as CSS variables. Use them so your changes follow the
 * colours chosen in Appearance → Customize:
 *      var(--gbr-navy)   var(--gbr-blue)   var(--gbr-red)   var(--gbr-grad-from)   var(--gbr-grad-to)
 * Also available: --gbr-ink, --gbr-text, --gbr-muted, --gbr-line, --gbr-bg, --gbr-white, --gbr-radius, --gbr-shadow.
 *
 * Examples (copy one below the line "YOUR CSS" to try it):
 *
 *   Bigger buttons:
 *     .gbr-btn { padding: .9rem 1.6rem; }
 *
 *   A different hero title size on phones:
 *     @media (max-width: 600px) { .gbr-hero-title { font-size: 2rem; } }
 *
 *   Hide the sponsors strip on phones:
 *     @media (max-width: 600px) { .gbr-sponsors { display: none; } }
 *
 * Keep text readable: aim for a contrast ratio of at least 4.5:1 (check with the WebAIM contrast checker).
 * -------------------------------------------------------------------------
 * YOUR CSS
 */