/* Event Detail Template CSS Extracted from common patterns in live Raynet event pages. Used with _wp_scripts/wpstyles.css and _wp_scripts/events-common.css. Photographs and lightbox galleries are NOT included here. To use this template: 1. Link this file in alongside events-common.css. 2. Set to one of: mudrun, rtr, bewdley 3. Populate content sections with event-specific details. */ /* Body and container layout - matches existing event page structure */ body.mudrun { height: 1000px; } body.rtr { height: 750px; } body.bewdley { height: 750px; } /* Body background - shared tile for all event pages */ body { background: #ffffff url('_wp_generated/wp43f2e6e8_06.gif') repeat scroll center top; } /* Main event container layout */ #divMain { background: transparent; margin-left: auto; margin-right: auto; position: relative; width: 750px; box-sizing: border-box; } /* Normal text utilities to match legacy class names */ .Normal { font-family: Times New Roman, serif; } /* Responsive adjustment for smaller screens */ @media (max-width: 768px) { #divMain { width: 90%; margin-left: 5%; margin-right: 5%; } #divMain > div { position: relative !important; left: auto !important; top: auto !important; width: auto !important; height: auto !important; overflow: visible !important; margin-bottom: 15px; } }