/* ============================================================ BOURBON CLUB — bc-styles.css Loaded in after customizer.css via bourbon.php ============================================================ */ /* --- HERO --- */ .bc-hero { position: relative; width: 100%; min-height: 220px; background: url('/application/files/7617/7740/4697/Web_Page_Header_Bourbon_on_the_Bay__1600_x_400.jpg') center center / cover no-repeat; display: flex; align-items: center; padding: 40px; box-sizing: border-box; } .bc-hero-overlay { background: linear-gradient(to right, rgba(0,0,0,0.85) 40%, rgba(0,0,0,0.1) 100%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .bc-hero-content { position: relative; z-index: 2; } .bc-hero h1 { font-family: 'Oswald', sans-serif !important; font-size: 56px !important; font-weight: 700 !important; color: #fff !important; line-height: 1 !important; letter-spacing: 3px !important; margin: 0 0 6px !important; white-space: pre-line !important; } .bc-hero h2 { font-family: 'Oswald', sans-serif !important; font-size: 13px !important; font-weight: 400 !important; color: #c6a04e !important; letter-spacing: 5px !important; margin: 0 !important; } .bc-hero-divider { width: 60px; height: 1px; background: #c6a04e; margin: 12px 0; } /* --- INTRO --- */ .bc-intro { text-align: center; padding: 40px 40px 20px; border-bottom: 1px solid rgba(198,160,78,0.2); } .bc-intro p { font-size: 22px !important; font-style: italic !important; color: #e9dcb3 !important; line-height: 1.8 !important; max-width: 620px !important; margin: 0 auto 28px !important; } /* --- INTRO BUTTONS --- */ .bc-intro-buttons { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 20px; } .bc-btn { display: inline-block !important; border: 1px solid #c6a04e !important; color: #c6a04e !important; font-family: 'Oswald', sans-serif !important; font-weight: 600 !important; font-size: 13px !important; letter-spacing: 3px !important; padding: 12px 28px !important; text-decoration: none !important; text-transform: uppercase !important; } /* --- BENEFITS --- */ .bc-benefits { padding: 50px 40px; } .bc-benefits h2 { font-family: 'Playfair Display', Georgia, serif !important; font-size: 28px !important; color: #c6a04e !important; text-align: center !important; margin-bottom: 30px !important; } .bc-benefits-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; max-width: 1100px; margin: 0 auto; } .bc-benefit { flex: 1 1 220px; max-width: 260px; text-align: center; } .bc-benefit-icon { font-size: 32px !important; margin-bottom: 10px !important; } .bc-benefit h3 { font-family: 'Oswald', sans-serif !important; font-size: 15px !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: #c6a04e !important; margin-bottom: 8px !important; } .bc-benefit p { font-size: 17px !important; line-height: 1.7 !important; color: #aaa !important; } /* --- MEMBERSHIP CARDS --- */ .bc-cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; padding: 50px 40px; } .bc-card { background: #1a1a1a; border: 1px solid #333; border-radius: 4px; padding: 40px 30px; flex: 1 1 280px; max-width: 340px; text-align: center; } .bc-card.bc-card-gold { border-color: #c6a04e; } .bc-card h3 { font-family: 'Oswald', sans-serif !important; font-size: 20px !important; letter-spacing: 3px !important; text-transform: uppercase !important; color: #c6a04e !important; margin-bottom: 8px !important; } .bc-card-price { font-size: 40px !important; font-weight: 700 !important; color: #fff !important; line-height: 1.1 !important; margin: 16px 0 !important; } .bc-card-price span { font-size: 16px !important; color: #888 !important; } .bc-card ul { list-style: none !important; padding: 0 !important; margin: 20px 0 30px !important; text-align: left !important; } .bc-card ul li { font-size: 14px !important; line-height: 1.7 !important; color: #ccc !important; padding: 6px 0 !important; border-bottom: 1px solid #2a2a2a !important; } .bc-card ul li::before { content: '✓ '; color: #c6a04e; } .bc-card-cta { display: inline-block !important; padding: 14px 32px !important; font-family: 'Oswald', sans-serif !important; font-size: 14px !important; letter-spacing: 2px !important; text-transform: uppercase !important; text-decoration: none !important; border-radius: 2px !important; } .bc-card.bc-card-gold .bc-card-cta { background: #c6a04e !important; color: #000 !important; } .bc-card.bc-card-silver .bc-card-cta { background: transparent !important; color: #c6a04e !important; border: 1px solid #c6a04e !important; } /* --- FOOTER CTA --- */ .bc-footer-cta { text-align: center; padding: 60px 20px; } .bc-footer-cta h2 { font-family: 'Playfair Display', Georgia, serif !important; font-size: 36px !important; color: #fff !important; margin-bottom: 16px !important; } .bc-footer-cta p { font-size: 16px !important; color: #aaa !important; margin-bottom: 28px !important; } .bc-footer-cta a { display: inline-block !important; background: #c6a04e !important; color: #000 !important; padding: 16px 44px !important; font-family: 'Oswald', sans-serif !important; font-size: 15px !important; letter-spacing: 3px !important; text-transform: uppercase !important; text-decoration: none !important; } /* --- BUTTON OVERRIDES --- */ .bourbon-page .bc-btn, .bourbon-page .bc-btn:visited, .bourbon-page .bc-btn:hover { color: #c6a04e !important; } .bourbon-page .bc-btn.bc-btn-primary, .bourbon-page .bc-btn.bc-btn-primary:visited, .bourbon-page .bc-btn.bc-btn-primary:hover { color: #000 !important; background: #c6a04e !important; border-color: #c6a04e !important; font-weight: 700 !important; } .bourbon-page .bc-card.bc-card-gold .bc-card-cta, .bourbon-page .bc-card.bc-card-gold .bc-card-cta:visited, .bourbon-page .bc-card.bc-card-gold .bc-card-cta:hover { color: #000 !important; background: #c6a04e !important; font-weight: 700 !important; } .bourbon-page .bc-footer-cta a, .bourbon-page .bc-footer-cta a:visited, .bourbon-page .bc-footer-cta a:hover { color: #000 !important; background: #c6a04e !important; font-weight: 700 !important; } /* --- STRUCTURE FIXES: match actual HTML block markup --- */ /* bc-benefit uses div text, not

*/ .bc-benefit { font-size: 17px !important; line-height: 1.7 !important; color: #ccc !important; } .bc-benefit span { color: #c6a04e !important; margin-right: 6px !important; } /* bc-divider */ .bc-divider { display: flex; align-items: center; gap: 16px; padding: 30px 40px; } .bc-divider-line { flex: 1; height: 1px; background: rgba(198,160,78,0.3); } .bc-divider-text { font-family: 'Oswald', sans-serif !important; font-size: 16px !important; letter-spacing: 4px !important; text-transform: uppercase !important; color: #c6a04e !important; white-space: nowrap !important; } /* bc-card ul li — force specificity over Bootstrap */ .bc-cards .bc-card ul li { font-size: 16px !important; line-height: 1.7 !important; color: #ccc !important; padding: 6px 0 !important; border-bottom: 1px solid #2a2a2a !important; list-style: none !important; } .bc-cards .bc-card ul { padding-left: 0 !important; margin: 16px 0 24px !important; } /* bc-card-divider */ .bc-card-divider { height: 1px; background: rgba(198,160,78,0.3); margin: 16px 0; } /* bc-card-badge */ .bc-card-badge { display: inline-block; background: #c6a04e; color: #000 !important; font-family: 'Oswald', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 2px !important; padding: 4px 10px !important; margin-bottom: 12px !important; } /* bc-footer-cta sub */ .bc-footer-cta p { font-family: 'Oswald', sans-serif !important; font-size: 13px !important; letter-spacing: 4px !important; text-transform: uppercase !important; color: #c6a04e !important; margin-bottom: 8px !important; } .bc-footer-cta-sub { font-family: 'Playfair Display', Georgia, serif !important; font-style: italic !important; font-size: 28px !important; color: #fff !important; margin-bottom: 28px !important; } /* bc-benefits body paragraph — overrides styles.css .bc-benefits p rule */ .bc-benefits > p { font-size: 18px !important; line-height: 1.8 !important; color: #ccc !important; } /* Fix hover text disappearing on outlined bc-btn */ .bourbon-page .bc-btn:hover { color: #000 !important; background: #c6a04e !important; border-color: #c6a04e !important; } /* Fix benefits paragraph color — was changed to #ccc by accident */ .bc-benefits > p { color: #e9dcb3 !important; } /* Fix: hover text disappearing on outlined bc-btn */ .bourbon-page .bc-btn:hover { color: #000 !important; background: #c6a04e !important; border-color: #c6a04e !important; } /* Fix: benefits paragraph color */ .bc-benefits > p { color: #e9dcb3 !important; }