/* ==========================================================================
   Gawler Greyhounds Core — site styles
   v1.1.0 — evidence-based rewrite, 17 August 2026

   The child theme's stylesheet was 670 lines. This is what is left after
   scanning every page of the live site and counting real DOM matches for each
   selector. Roughly 90% of the original file matched nothing at all.

   Method: crawled all 17 internal pages plus the three /feature-race/ singles,
   parsed each response and ran querySelectorAll for every custom class in the
   old stylesheet. Anything with zero matches site-wide was removed. Counts and
   locations are recorded against each block below.

   Two things changed structurally on the way across from the child theme:
     - `@import url("../Divi/style.css")` is gone. It was render-blocking and a
       plugin does not need it.
     - Nothing here depends on the child theme's header.php or footer.php.
   ========================================================================== */


/* --------------------------------------------------------------------------
   Typography
   Applies site-wide. Better moved into Divi 5's global typography settings so
   the client can change it without code — left here for now so the migration
   is a like-for-like visual match.
   -------------------------------------------------------------------------- */

p,
dl,
dd,
dt {
	font-size: 18px;
	line-height: 1.8em;
}

dl dt {
	width: 300px;
	float: left;
}

/* --------------------------------------------------------------------------
   Section heading with rule-through
   VERIFIED LIVE: .backline ×8, span.header-section ×8 — /dining, /track-details

   A heading sits over a horizontal green rule, with the heading text given a
   white background so the rule appears to break around it.

   DIVI 5 REPLACEMENT: a Divider module, or a heading with a bottom border and
   the text on a white background. Once /dining and /track-details are rebuilt,
   delete this block.
   -------------------------------------------------------------------------- */

.backline {
	width: 80%;
	background-color: #003300;
	height: 3px;
	margin: -23px auto 0;
}

span.header-section {
	background-color: #fff;
	padding: 0 20px;
}

/* --------------------------------------------------------------------------
   Dining / Track Details feature list
   VERIFIED LIVE: .dining-dishes ×2 — /dining, /track-details

   Green underline beneath each blurb in the dishes row.

   DIVI 5 REPLACEMENT: a Blurb module preset with a bottom border. Delete once
   those two pages are rebuilt.
   -------------------------------------------------------------------------- */

.dining-dishes .et_pb_blurb {
	border-bottom: 5px solid #003300;
}

/* --------------------------------------------------------------------------
   Homepage hero and panels
   VERIFIED LIVE: .title-shadow ×2, .paragraph-shadow-dark ×2,
                  .join-for-meal-title ×2, #front-post-slider ×1 — homepage only

   Text shadows so copy stays readable over photography, plus heading sizes on
   the "join us for a meal" panel and the post slider.

   DIVI 5 REPLACEMENT: text-shadow is a native Divi 5 design setting, and the
   heading sizes belong in the module's typography settings. All four of these
   go away when the homepage is rebuilt.
   -------------------------------------------------------------------------- */

.title-shadow {
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}

.paragraph-shadow-dark {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.join-for-meal-title h2,
#front-post-slider h2 {
	font-size: 36px;
}

/* --------------------------------------------------------------------------
   Homepage parallax section scrim
   VERIFIED LIVE: .new-overlay ×1 — homepage only

   Applied via the CSS Class field on the first Divi section
   (et_pb_section_0, a parallax section containing 6 images). Lays a 31% black
   scrim over the section so white text stays legible.

   This was one of the two "unidentified" classes. It is real and it is doing
   a job.

   DIVI 5 REPLACEMENT: Section > Background > Background Overlay, set to
   rgba(0,0,0,0.31). Native, no custom class needed. Remove the class from the
   section and delete this block when the homepage is rebuilt.
   -------------------------------------------------------------------------- */

.new-overlay {
	position: relative;
}

.new-overlay:before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.31);
	pointer-events: none;
}

/* --------------------------------------------------------------------------
   Sidebar widget titles
   VERIFIED LIVE: .widgettitle ×16 — /news, /sponsor-details and every blog post

   The most-used custom class on the site by a wide margin, and the one most
   worth keeping since it applies to Divi's own sidebar widget markup rather
   than to hand-added classes.
   -------------------------------------------------------------------------- */

.widgettitle {
	font-weight: bold;
	border-bottom: 1px solid #003300;
	padding-bottom: 4px;
}

/* --------------------------------------------------------------------------
   Blog index and single post
   Divi's own markup, so these apply without any hand-added classes.
   -------------------------------------------------------------------------- */

.blog article > a {
	width: 30%;
	float: left;
	margin-right: 5%;
}

.blog article {
	border-bottom: 1px solid #b2b2b2;
	padding-bottom: 30px;
}

.single-post .entry-content {
	padding-top: 0;
}

/* --------------------------------------------------------------------------
   Feature race galleries index
   VERIFIED LIVE: .feature-races ×1 — /feature-race-galleries/

   Positions a translucent caption bar over each of the three race thumbnails.

   DIVI 5 REPLACEMENT: a Blurb or Image module with a background overlay.
   Delete when that page is rebuilt.
   -------------------------------------------------------------------------- */

.feature-races .et_pb_blurb_container {
	position: absolute;
	top: 0;
	background: rgba(255, 255, 255, 0.18);
	width: 100%;
	height: 40px;
}

/* --------------------------------------------------------------------------
   Slider Revolution — TEMPORARY
   VERIFIED LIVE: [id*="rev_slider"] ×2, .rev-btn ×1 — homepage only

   Kept only so the homepage does not visibly change before the slider is
   swapped. DELETE THIS ENTIRE BLOCK the moment Slider Revolution is replaced
   with Smart Slider 3 Pro — these IDs are generated by Slider Revolution and
   will match nothing afterwards.
   -------------------------------------------------------------------------- */

#rev_slider_1_1_forcefullwidth h2 {
	text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.8);
}

#rev_slider_1_1_forcefullwidth .rev-btn {
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}

#rev_slider_1_1_forcefullwidth .rev-btn:hover {
	text-shadow: none;
}

#rev_slider_1_1_wrapper .tp-bgimg.defaultimg:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.31);
	top: 0;
	left: 0;
}

/* --------------------------------------------------------------------------
   Feature race single pages — TEMPORARY
   VERIFIED LIVE on /feature-race/gold-cup/, /gawler-produce/, /gawler-trackstar/
     .previous_winner ×11   .previous_detail ×11   #portfolio ×6
     [class*="col-sm-"] ×5  .row ×14  .feature-container ×3
     .feature-race-introduction ×3   .feature-race-current ×3
     .previous_winners ×1   .previous_winners_pdf ×1

   These three pages are the ONLY place Bootstrap markup still exists on the
   site, and all of it is emitted by single-feature_race.php — the template
   being deleted. Rebuild the three pages in Divi and this entire block, plus
   every remaining Bootstrap class, disappears at once.

   Keep it only until those pages are rebuilt.
   -------------------------------------------------------------------------- */

#main-content .container.feature-container {
	padding-top: 20px;
}

.feature-race-introduction p {
	font-size: 18px;
}

.feature-race-current .header-section {
	margin-bottom: 1em;
}

.previous_winners {
	padding-bottom: 3em;
}

.previous_winner {
	border: 1px solid rgba(37, 37, 37, 0.5);
}

.previous_winner .previous_detail {
	padding: 0.4em;
}

.previous_winners_pdf {
	margin-top: 1em;
}

.et_right_sidebar #main-content .container.feature-container:before {
	display: none;
	border: none;
}

/* --------------------------------------------------------------------------
   Styling for the optional [feature_race_winners] shortcode.
   Only relevant if GGC_ENABLE_FEATURE_RACES is switched on. Replaces the
   Bootstrap grid above with CSS Grid — no framework, no column classes.
   -------------------------------------------------------------------------- */

.ggc-winners {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 1.5rem;
}

.ggc-winners__item {
	border: 1px solid rgba(37, 37, 37, 0.5);
}

.ggc-winners__image {
	display: block;
	width: 100%;
	height: auto;
}

.ggc-winners__detail {
	padding: 0.8em;
}

.ggc-winners__title {
	margin-top: 0;
}

.ggc-winners__trainer,
.ggc-winners__time {
	margin: 0;
	font-size: 16px;
}


/* ==========================================================================
   REMOVED IN v1.1.0 — zero DOM matches across all 17 pages

   Recorded here so the decision is auditable. Every one of these was checked
   with querySelectorAll against the live site and matched nothing.

   Bootstrap helpers      .mtn  .list-inline  .nomargin  .table
   Portfolio grid         #portfolio (outside feature races)  .item-box
                          .item-hover  .ico-rounded  .item-box-overlay-title
   Overlay helpers        .overlay  .overlay.dark-0…10  .overlay.light-0…10
   Unidentified           .hudson            <- the other mystery class: dead
   Racing calendar        table.racing_dates and all responsive stacking rules
   Brand helpers          .yellow-font  .yellow-background
                          .green-font  .green-background  .section-underline
   Subpage header         .subpage-container and the entire
                          .et_pb_section_title_strip block, INCLUDING the
                          background image. The class was added by the child
                          theme's header.php, which has been inactive
                          (header.php-backup) for years — so none of it has
                          rendered in a very long time.
   Footer menu            #menu-footer-middle and the footer p / li / h2 rules
   About page             .about-profile and its blurb image rules
   Sponsorship page       .sponsorship-section  .sponsorship-type
                          .sponsorship-features  .sponsor-title  .sponsor_title
   Homepage panels        #join-us-split-panel  #latest-news-title
                          #front-hero-section  #front-hero-left
                          #main-right-image  .page-id-40 rules
   Header / nav           #main-header background rules, .et-fixed-header
                          transitions, #top-menu, mobile menu, search field
                          — all superseded by Divi's own header settings
   WooCommerce            .product-category-front  .product-category-front-name
                          .et_overlay
   UberMenu               #category-menu-strip  (plugin not installed here)
   Slick carousel         .slick-initialized  .slick-slide

   NOTE: .container matches 59 times site-wide, but that is Divi's own
   container, not Bootstrap's — and the old stylesheet only ever targeted it
   in combination with .feature-container. No action needed.
   ========================================================================== */