. The class is preserved * so the plugin's component CSS (scoped under .jsg-team-page) keeps * working out of the box. * ================================================================= */ main.jsg-team-page { position: relative; } /* ================================================================= * Site Header (parts/header.html) * * Dark navy bar with a subtle blue-glow bottom border. Site title in * Sports-Tech uppercase, navigation in tight uppercase letters. * ================================================================= */ .jsg-site-header { position: relative; z-index: 30; background: radial-gradient(ellipse 70% 100% at 50% 0%, rgba(0, 120, 255, 0.18) 0%, transparent 70%), linear-gradient(180deg, rgba(0, 8, 22, 0.92) 0%, rgba(0, 18, 38, 0.85) 100%); -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); border-bottom: 1px solid rgba(0, 130, 255, 0.18); box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35); } .jsg-site-header .wp-block-site-title a, .jsg-site-header .wp-block-site-title { color: #ffffff !important; text-decoration: none; text-shadow: 0 0 14px rgba(0, 120, 255, 0.45); } .jsg-site-header .wp-block-navigation a { color: rgba(220, 230, 245, 0.85) !important; text-decoration: none; transition: color 0.18s ease; } .jsg-site-header .wp-block-navigation a:hover, .jsg-site-header .wp-block-navigation a:focus-visible { color: #FFC107 !important; } /* Hide entirely on mobile when the bottom-nav is active. */ @media (max-width: 767px) { body.jsg-has-mobile-nav .jsg-site-header { display: none; } } /* ================================================================= * Site Footer (parts/footer.html) * ================================================================= */ .jsg-site-footer { position: relative; z-index: 5; background: linear-gradient(180deg, rgba(0, 8, 22, 0) 0%, rgba(0, 8, 22, 0.55) 100%); border-top: 1px solid rgba(0, 130, 255, 0.10); color: rgba(220, 230, 245, 0.75); } .jsg-site-footer .wp-block-site-title, .jsg-site-footer .wp-block-site-title a { color: #ffffff !important; text-decoration: none; } .jsg-site-footer .wp-block-navigation a { color: rgba(220, 230, 245, 0.72) !important; text-decoration: none; transition: color 0.18s ease; } .jsg-site-footer .wp-block-navigation a:hover, .jsg-site-footer .wp-block-navigation a:focus-visible { color: #FFC107 !important; } .jsg-site-footer__sep { border: 0; height: 1px; background: rgba(0, 130, 255, 0.18) !important; width: 100%; } .jsg-site-footer__copy, .jsg-site-footer__credit { margin: 0; } .jsg-site-footer__credit a { color: inherit; text-decoration: underline; text-decoration-color: rgba(0, 120, 255, 0.5); text-underline-offset: 3px; } /* Hide entirely on mobile when the bottom-nav is active. */ @media (max-width: 767px) { body.jsg-has-mobile-nav .jsg-site-footer { display: none; } } /* ================================================================= * Native WP single/page templates — basic typography for content * rendered via core blocks (wp:post-title, wp:post-content, …). * ================================================================= */ .jsg-single-post, .jsg-single-page, .jsg-404, .jsg-search { color: #e8f0ff; } .jsg-single-post__title, .jsg-single-page__title { color: #ffffff; text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55); } .jsg-single-post__meta { color: rgba(220, 230, 245, 0.65); } .jsg-single-post__body p, .jsg-single-page__body p { color: #e8f0ff; line-height: 1.7; } .jsg-single-post__body a, .jsg-single-page__body a { color: #0078FF; text-decoration: underline; text-decoration-color: rgba(0, 120, 255, 0.4); text-underline-offset: 3px; transition: color 0.18s ease, text-decoration-color 0.18s ease; } .jsg-single-post__body a:hover, .jsg-single-page__body a:hover { color: #FFC107; text-decoration-color: #FFC107; } .jsg-single-post__featured img, .jsg-single-page__featured img { border-radius: 22px; } /* ================================================================= * 404 + Search * ================================================================= */ .jsg-404__title, .jsg-search__title { color: #ffffff; text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55); } .jsg-404__kicker, .jsg-search__kicker { margin: 0; } /* ================================================================= * Inline post-list-item used by index.html + search.html * (lightweight version of the Sports-Tech list card). * ================================================================= */ .jsg-post-list-item { align-items: stretch; background: rgba(8, 24, 52, 0.45); -webkit-backdrop-filter: blur(18px) saturate(180%); backdrop-filter: blur(18px) saturate(180%); border: 1px solid rgba(0, 130, 255, 0.10); border-radius: 22px; padding: 12px; box-shadow: 0 16px 40px rgba(0, 0, 0, 0.40); transition: border-color 0.18s ease, transform 0.18s ease; } .jsg-post-list-item:hover { border-color: rgba(255, 193, 7, 0.42); transform: translateY(-2px); } .jsg-post-list-item .wp-block-post-featured-image img { border-radius: 12px; object-fit: cover; height: 100%; } .jsg-post-list-item .wp-block-post-title a { color: #ffffff !important; text-decoration: none; } .jsg-post-list-item .wp-block-post-title a:hover { color: #FFC107 !important; }