/* Theme Name: Calcio Child Theme (SpVgg Bayreuth) Theme URI: https://www.spvgg-bayreuth.de/ Description: Individuelles UI/UX Child Theme für die SpVgg Bayreuth, basierend auf dem Calcio Parent Theme. Author: Web- & UI/UX-Designer Team Author URI: https://www.spvgg-bayreuth.de/ Template: calcio Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://gnu.org Tags: sports, football, bayreuth, custom-colors, responsive Text Domain: calcio-child */ /* * Hinweis: * Der CSS-Code ist modular im Unterordner /assets/css/ * aufgeteilt und wird über die functions.php geladen. */ /* ========================================================== SPVGG BAYREUTH THEME BASE ========================================================== */ /* ========================================================== BASE IMPORTS ========================================================== */ @import url("assets/css/variables.css"); @import url("assets/css/layout.css"); @import url("assets/css/typography.css"); /* ========================================================== COMPONENTS ========================================================== */ @import url("assets/css/buttons.css"); @import url("assets/css/cards.css"); @import url("assets/css/footer.css"); @import url("assets/css/single-standard.css"); @import url("assets/css/Spielbericht.css"); /* ========================================================== SECTIONS ========================================================== */ @import url("assets/css/sub-page.css"); @import url("assets/css/sub-header.css"); @import url("assets/css/spieler-liste.css"); @import url("assets/css/hero-slider.css"); @import url("assets/css/news-slider.css"); @import url("assets/css/news-grid.css"); @import url("assets/css/match-center.css"); @import url("assets/css/nlz.css"); @import url("assets/css/single-spieler.css"); @import url("assets/css/mitarbeiter-liste.css"); @import url("assets/css/spieler-slider.css"); @import url("assets/css/trx-tabs.css"); @import url("assets/css/badge.css"); @import url("assets/css/leitbild.css"); @import url("assets/css/spvgg-slider.css"); @import url("assets/css/contact-form.css"); @import url("assets/css/spieler-slider-home.css"); /* ========================================================== RESPONSIVE / OVERRIDES ========================================================== */ @import url("assets/css/responsive.css"); /* ========================================================== SPVGG BAYREUTH TOPBAR ========================================================== */ .spvgg-topbar { height: 10px !important; color: var(--club-white) !important; font-family: var(--font-family-body) !important; } /* ========================================================== TOPBAR — MATCH ========================================================== */ .spvgg-topbar-match { display: flex !important; align-items: center !important; gap: var(--space-4) !important; } .spvgg-topbar-label { color: var(--club-yellow) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .08em !important; white-space: nowrap !important; text-transform: uppercase !important; } .spvgg-topbar-info { color: var(--club-white) !important; font-size: 13px !important; font-weight: 500 !important; white-space: nowrap !important; } /* ========================================================== TOPBAR — RIGHT ========================================================== */ .spvgg-topbar-right { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 0 !important; } /* ========================================================== TOPBAR — LINKS ========================================================== */ .spvgg-topbar-links a { color: var(--club-white) !important; text-decoration: none !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .06em !important; transition: color var(--transition) !important; } .spvgg-topbar-links a:hover { color: var(--club-yellow) !important; } /* ========================================================== TOPBAR — TRENNER ========================================================== */ .spvgg-topbar-links a:not(:last-child)::after { content: "|" !important; color: var(--text-inverse-muted) !important; margin: 0 var(--space-2); } /* ========================================================== HFE NAVIGATION ========================================================== */ .hfe-nav-menu { flex-wrap: nowrap !important; } /* ========================================================== TOPBAR — SOCIAL ========================================================== */ .spvgg-topbar-social a { color: var(--club-white) !important; font-size: 14px !important; transition: color var(--transition), transform var(--transition) !important; } .spvgg-topbar-social a:hover { color: var(--club-yellow) !important; transform: translateY(-2px) !important; } /* ========================================================== TOPBAR — MOBILE ========================================================== */ @media (max-width: 768px) { .spvgg-topbar { display: none !important; } } /* ========================================================== OLDSCHDOD LINK CARD ========================================================== */ .oldschdod-link-card { /* * Der Verlauf bleibt bewusst direkt definiert. * Er gehört zur Bild-/Card-Inszenierung. */ background-image: linear-gradient( to right, rgba(0,0,0,.80) 10%, rgba(0,0,0,0) 75% ); box-sizing: border-box !important; transition: transform var(--transition), box-shadow var(--transition) !important; clip-path: var(--oldschdod-clip-card) !important; box-shadow: var(--shadow-sm) !important; } .oldschdod-link-card:hover { transform: translateY(-2px); } /* ========================================================== SUBMENU ========================================================== */ .sc_layouts_submenu { background-color: var(--bg-dark) !important; } .sc_layouts_menu_nav > li > ul { top: 44px !important; } /* ========================================================== WORDPRESS ICON ========================================================== */ /* * Kein eigener Rot-/Grün-Farbcode mehr. * Das Icon übernimmt die aktuelle Textfarbe. */ .wp-icon { fill: currentColor !important; stroke: currentColor !important; } /* ========================================================== SUBMENU TEXT ========================================================== */ .oldschdod-text-submenu { line-height: 1.6em !important; font-family: var(--font-family-body) !important; font-size: 14px !important; } /* ========================================================== TEAM NAME OVERFLOW ========================================================== */ .fp-table-team-name-overflow { color: var(--text-heading) !important; } /* ========================================================== HORIZONTAL RULE ========================================================== */ hr { margin-top: var(--space-12) !important; margin-bottom: var(--space-12) !important; border-color: var(--border-light); } /* ========================================================== ANCHOR SCROLL OFFSET ========================================================== */ /* * Verhindert, dass der Sticky Header * den Zielbereich überlagert. */ [id] { scroll-margin-top: 110px; } /* ========================================================== TRX SUBMENU NAVIGATION ========================================================== */ .trx-addons-nav-menu .trx-addons-menu-link { border-bottom: 3px solid transparent !important; padding-bottom: 5px !important; transition: border-color var(--transition), color var(--transition) !important; } /* ========================================================== TRX SUBMENU — ACTIVE ========================================================== */ .trx-addons-nav-menu .trx-addons-menu-link.aktiv, .trx-addons-nav-menu .trx-addons-menu-link.aktiv .trx-addons-menu-link-text { color: var(--club-yellow) !important; border-bottom-color: var(--club-yellow) !important; } /* ========================================================== TRX SUBMENU — HOVER ========================================================== */ .trx-addons-nav-menu .trx-addons-menu-link:hover, .trx-addons-nav-menu .trx-addons-menu-link:hover .trx-addons-menu-link-text { color: var(--club-yellow) !important; } .text-section{ text-align: justify !important; hyphens: auto; -webkit-hyphens: auto; }