/* ================================================================ TGT THEME: PAGE-SPECIFIC STYLES - HOME - File: assets/css/pages/home.css - Contains styles that are ONLY applied to the homepage. - This file should be kept as lean as possible. Most styles should come from the reusable component stylesheets. - Selectors are often prefixed with the .home body class for safety. ================================================================ */ /* 1. HOMEPAGE HERO OVERRIDES ---------------------------------------------------------------- */ /* * Example: Make the homepage hero slightly taller than on other pages * to create a more impactful first impression. The .home class is * automatically added to the tag by our helpers.php file. */ .home .tgt-hero { padding-top: calc(var(--tgt-space-xxl) + 120px); padding-bottom: var(--tgt-space-xxl); } /* 2. UNIQUE HOMEPAGE SECTIONS ---------------------------------------------------------------- */ /* * Example: Styles for a unique "Featured Courses" section that might * only appear on the homepage. This demonstrates the purpose of a * page-specific stylesheet. */ .tgt-featured-courses-section { padding: var(--tgt-space-xxl) 0; background-color: var(--tgt-color-bg-light); } .tgt-featured-courses-header { text-align: center; margin-bottom: var(--tgt-space-xl); max-width: 750px; margin-left: auto; margin-right: auto; } /* On the homepage, we might want the card grid to be a bit wider */ .home .tgt-card-grid { max-width: 1400px; }