/* --- West Sussex Golf Club | Traditional & Modern Contact Page --- */ .wsgc-contact-page { --wsgc-green: #1a472a; /* WSGC Heathland Green */ --wsgc-gold: #c5a86a; /* WSGC Gold/Sand Accent */ --wsgc-text-dark: #2b332e; /* Rich Charcoal/Green for primary text */ --wsgc-text-muted: #5a635e; /* Elegant muted tone for secondary text */ --wsgc-bg-warm: #faf9f6; /* Traditional off-white/parchment background */ --wsgc-white: #ffffff; font-family: inherit; color: var(--wsgc-text-dark); line-height: 1.6; width: 100%; background-color: var(--wsgc-white); padding-bottom: 80px; } .wsgc-container { max-width: 1050px; margin: 0 auto; padding: 0 4vw; } /* Header Typography */ .wsgc-header-block { text-align: center; padding: 70px 4vw 50px 4vw; border-bottom: 1px solid #e8e8e8; margin-bottom: 70px; } .wsgc-main-heading { font-size: 2.4rem; text-transform: uppercase; letter-spacing: 5px; font-weight: 400; margin: 0 0 15px 0; color: var(--wsgc-green); } .wsgc-sub-text { font-size: 1.1rem; color: var(--wsgc-text-muted); font-weight: 300; letter-spacing: 0.5px; margin: 0; } /* Individual Contact Rows */ .wsgc-contact-row { display: flex; gap: 70px; margin-bottom: 60px; align-items: center; } /* ----------------------------------------------------------- TEMPORARILY HIDE IMAGES & CENTER TEXT (Delete this section when you are ready to show headshots) ----------------------------------------------------------- */ .wsgc-contact-image-col { display: none !important; } .wsgc-contact-text-col { align-items: center !important; text-align: center !important; flex: 1 1 100% !important; } .wsgc-role-divider { margin-left: auto !important; margin-right: auto !important; } /* ----------------------------------------------------------- */ /* Image Column (For when unhidden) */ .wsgc-contact-image-col { flex: 0 0 42%; } .wsgc-contact-image-col img { width: 100%; height: auto; display: block; aspect-ratio: 16 / 10; object-fit: cover; object-position: center 20%; filter: grayscale(100%); background-color: #f4f4f4; border-radius: 0; } /* Text Column */ .wsgc-contact-text-col { flex: 1; display: flex; flex-direction: column; justify-content: center; } .wsgc-club-name { font-size: 1.25rem; color: var(--wsgc-green); font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 10px 0; } .wsgc-address-block { font-size: 1rem; color: var(--wsgc-text-muted); margin-bottom: 35px; line-height: 1.7; } /* Matched Role Title to Club Name */ .wsgc-role-title { font-size: 1.25rem; color: var(--wsgc-green); font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin: 0 0 12px 0; } .wsgc-role-divider { height: 1px; width: 60px; background-color: var(--wsgc-gold); margin-bottom: 20px; } .wsgc-person-name { font-size: 1.1rem; color: var(--wsgc-green); /* Updated to Heathland Green */ margin: 0 0 8px 0; font-weight: 600; } .wsgc-contact-detail { font-size: 0.95rem; color: var(--wsgc-text-muted); margin: 0 0 6px 0; } .wsgc-contact-detail a { color: var(--wsgc-text-muted); text-decoration: none; transition: color 0.3s ease; } .wsgc-contact-detail a:hover { color: var(--wsgc-gold); } /* --- Avada Form Integration Styling (Clean & Sharp) --- */ .wsgc-form-wrapper { background-color: var(--wsgc-bg-warm); border-top: 3px solid var(--wsgc-green); padding: 70px 6%; margin-top: 80px; box-shadow: 0 4px 20px rgba(0,0,0,0.03); } .wsgc-form-wrapper h3 { text-align: center; color: var(--wsgc-green); font-size: 1.8rem; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; margin-top: 0; margin-bottom: 45px; } /* Form Fields */ .wsgc-form-wrapper .fusion-form-label { color: var(--wsgc-text-dark) !important; font-size: 13px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 8px !important; } .wsgc-form-wrapper input[type="text"], .wsgc-form-wrapper input[type="email"], .wsgc-form-wrapper input[type="tel"], .wsgc-form-wrapper textarea, .wsgc-form-wrapper select { width: 100% !important; background-color: var(--wsgc-white) !important; border: 1px solid #dcdcdc !important; border-radius: 0 !important; padding: 15px 18px !important; color: var(--wsgc-text-dark) !important; font-size: 15px !important; transition: all 0.3s ease !important; } .wsgc-form-wrapper input:focus, .wsgc-form-wrapper textarea:focus, .wsgc-form-wrapper select:focus { border-color: var(--wsgc-gold) !important; outline: none !important; box-shadow: inset 0 0 0 1px var(--wsgc-gold) !important; } /* Form Button */ .wsgc-form-wrapper .fusion-form-submit button { background-color: var(--wsgc-green) !important; color: var(--wsgc-white) !important; border: none !important; border-radius: 0 !important; padding: 16px 40px !important; font-size: 14px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 2px !important; cursor: pointer !important; transition: all 0.3s ease !important; width: auto !important; display: inline-block !important; margin-top: 10px !important; } .wsgc-form-wrapper .fusion-form-submit button:hover { background-color: var(--wsgc-gold) !important; } .wsgc-form-wrapper .fusion-form-submit { text-align: center !important; } /* Mobile Responsiveness */ @media (max-width: 900px) { .wsgc-contact-row { flex-direction: column; gap: 35px; margin-bottom: 60px; } .wsgc-contact-image-col, .wsgc-contact-text-col { width: 100%; } .wsgc-contact-image-col img { aspect-ratio: 3 / 2; } .wsgc-form-wrapper { padding: 50px 20px; } } [/fusion_code]