/* Load Cinzel font */ @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap'); /* Make hero section positioning context */ section.slider-area.breadcrumb-section { position: relative; } /* Center the banner text block */ section.slider-area.breadcrumb-section .about-banner-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; text-align: center; z-index: 5; } /* Hide original hero text visually */ section.slider-area.breadcrumb-section .about-banner-text h1 { font-size: 0 !important; line-height: 0 !important; margin: 0 !important; } /* Main Title */ section.slider-area.breadcrumb-section .about-banner-text h1::before { content: "WARFORGE GAMING DEN"; display: block; font-family: "Cinzel", serif; font-weight: 700; font-size: 72px; letter-spacing: 4px; text-transform: uppercase; color: #ffffff; line-height: 1.1; text-align: center; text-shadow: 0 6px 18px rgba(0,0,0,0.55); } /* Subtitle BELOW title */ section.slider-area.breadcrumb-section .about-banner-text h1::after { content: "Where your next adventure awaits"; display: block; font-family: "Cinzel", serif; font-weight: 400; font-size: 22px; letter-spacing: 1px; text-transform: uppercase; color: #f4b400; margin-top: 20px; text-align: center; } /* Responsive sizing for smaller screens */ @media (max-width: 900px) { section.slider-area.breadcrumb-section .about-banner-text h1::before { font-size: 46px; } section.slider-area.breadcrumb-section .about-banner-text h1::after { font-size: 18px; } } .slider-area { position: relative; } .slider-area::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.55); z-index: 1; } .about-banner-text { position: relative; z-index: 2; } .about-banner-text h1 { color: #F2F2F2; font-family: 'Cinzel', serif; } .about-banner-text p { color: #D4AF37; letter-spacing: 2px; } .about-banner-text h1 { text-shadow: 0 4px 15px rgba(0,0,0,0.6); } /* Navigation default color */ .main-navigation ul li a { color: #ffffff !important; /* change to your color */ } /* Navigation hover color */ .main-navigation ul li a:hover { color: #f4b400 !important; /* gold hover */ } /* Active/current page color */ .main-navigation ul li.current-menu-item a { color: #f4b400 !important; } /* Force footer social icons to align horizontally */ .footer-area .wp-block-social-links { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: center !important; gap: 20px !important; } /* Change Instagram icon */ a[href*="instagram.com"] i:before { content: "\f16d" !important; /* Instagram */ } /* Change Facebook icon */ a[href*="facebook.com"] i:before { content: "\f39e" !important; /* Facebook-f */ } /* Facebook (try these in order — one will match your Font Awesome version) */ a[href*="facebook.com"] i:before { content: "\f09a" !important; } /* facebook */ a[href*="facebook.com"] i.fab:before { content: "\f39e" !important; } /* facebook-f */ /* Remove existing TikTok font icon */ a[href*="tiktok.com"] i { display: none !important; } /* Add TikTok SVG icon */ a[href*="tiktok.com"]::before { content: ""; display: inline-block; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19.59 6.69a6.8 6.8 0 0 1-3.47-3.47A7 7 0 0 1 16 2h-3.2v13.2a3.2 3.2 0 1 1-2.75-3.17V8.77a6.4 6.4 0 1 0 6.35 6.43V9.9a9.9 9.9 0 0 0 3.19.53V7.2a6.8 6.8 0 0 1 0-.51z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; vertical-align: middle; } a[href*="tiktok.com"] { display: inline-flex; align-items: center; } a[href*="tiktok.com"] { display: inline-flex; align-items: center; } /* --- TikTok icon swap (TikTok URL placed in the Twitter field) --- */ /* Hide the theme’s built-in font icon inside the TikTok link */ a[href*="tiktok.com"] i::before{ content: "" !important; } /* Draw a TikTok icon with an SVG background */ a[href*="tiktok.com"] i{ display: inline-block !important; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19.59 6.69a6.8 6.8 0 0 1-3.47-3.47A7 7 0 0 1 16 2h-3.2v13.2a3.2 3.2 0 1 1-2.75-3.17V8.77a6.4 6.4 0 1 0 6.35 6.43V9.9a9.9 9.9 0 0 0 3.19.53V7.2z'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; vertical-align: middle; } /* Optional: make spacing between icons a bit nicer */ .site-top-header a.me-3{ margin-left: 10px !important; } /* Top bar: align social icons nicely */ .site-top-header a.me-3, .site-top-header a.me-3 i{ line-height: 1 !important; } .site-top-header a.me-3{ display: inline-flex !important; align-items: center !important; justify-content: center !important; } .site-top-header a.me-3 i{ display: inline-block !important; vertical-align: middle !important; font-size: 16px !important; /* adjust if you want bigger */ } /* Nudge ONLY TikTok slightly so it lines up */ .site-top-header a[href*="tiktok"] i{ position: relative !important; top: -1px !important; /* try -2px if still low */ font-size: 17px !important; /* optional: makes it match visual weight */ } /* Align the social links next to CONNECT WITH US */ span.me-3, span.me-3 + a, span.me-3 + a + a, span.me-3 + a + a + a { display: inline-flex !important; align-items: center !important; vertical-align: middle !important; } /* Normalize icon alignment */ span.me-3 + a i, span.me-3 + a + a i, span.me-3 + a + a + a i { line-height: 1 !important; display: inline-block !important; position: relative !important; top: 0 !important; } /* Nudge TikTok only */ span.me-3 + a[href*="tiktok"] i, span.me-3 + a + a[href*="tiktok"] i, span.me-3 + a + a + a[href*="tiktok"] i{ top: -2px !important; } /* Contact form labels - make them readable */ .wpcf7-form label, form label { color: #ffffff !important; /* white */ font-weight: 600; } /* Optional: make required text more visible */ .wpcf7-form span, form span { color: #f5b400 !important; /* gold accent */ } /* Mobile fix: hero subheader/tagline wraps weird due to large letter-spacing */ @media (max-width: 600px) { /* Try the common Expert Gamer banner/tagline selectors */ .slider-area .about-banner-text p, .slider-area .about-banner-text h3, .breadcrumb-section .about-banner-text p, .breadcrumb-section .about-banner-text h3, .slider-area .about-banner-text .subtitle, .slider-area .about-banner-text .sub-title { font-size: 14px !important; letter-spacing: 2px !important; /* reduce tracking */ line-height: 1.3 !important; /* prevent overlap */ white-space: normal !important; /* allow clean wrapping */ text-align: center !important; max-width: 92vw !important; /* keep it from stretching oddly */ margin-left: auto !important; margin-right: auto !important; } } /* Mobile fix: keep the hero subheading readable */ @media (max-width: 768px){ /* This targets the yellow hero subheading under the big title */ .slider-area .about-banner-text p, .slider-area .about-banner-text h2, .slider-area .about-banner-text h3, .slider-area .about-banner-text .sub-title, .slider-area .about-banner-text .subtitle{ letter-spacing: 0.12em !important; /* reduce tracking */ font-size: 14px !important; /* smaller so it fits */ line-height: 1.25 !important; max-width: 92vw !important; /* prevent overflow */ margin: 10px auto 0 !important; /* keep centered */ white-space: normal !important; /* allow normal wrapping */ text-align: center !important; } } .footer a:before { display: none !important; } #footer a:before, .footer-area a:before, .footer-widget-area a:before { display: none !important; content: none !important; } /* Remove the theme’s footer “>” bullets */ #footer li:before, .footer-area li:before, .footer-widget-area li:before, .footer-widget-area .widget li:before, .footer-widget-area ul li:before, .footer-widget-area ul.menu li:before { content: none !important; display: none !important; } /* Optional: clean up leftover spacing */ #footer ul, .footer-area ul, .footer-widget-area ul { list-style: none !important; padding-left: 0 !important; margin-left: 0 !important; } /* Remove the theme’s footer “>” bullets */ #footer li:before, .footer-area li:before, .footer-widget-area li:before, .footer-widget-area .widget li:before, .footer-widget-area ul li:before, .footer-widget-area ul.menu li:before { content: none !important; display: none !important; } /* Optional: clean up leftover spacing */ #footer ul, .footer-area ul, .footer-widget-area ul { list-style: none !important; padding-left: 0 !important; margin-left: 0 !important; } /* Mobile hero subtitle fix */ @media (max-width: 600px) { .slider-area .about-banner-text p, .slider-area .about-banner-text .sub-title, .slider-area .about-banner-text h2 { font-size: 13px !important; letter-spacing: 0.05em !important; line-height: 1.4 !important; padding: 0 12px !important; white-space: normal !important; } /* Mobile hero subtitle fix */ @media (max-width: 600px) { .slider-area .about-banner-text p, .slider-area .about-banner-text .sub-title, .slider-area .about-banner-text h2 { font-size: 14px !important; letter-spacing: 0.05em !important; line-height: 1.4 !important; padding: 0 12px !important; white-space: normal !important; } @media (max-width: 600px) { /* Put mobile-only changes here */ } /* MOBILE HERO SUBTITLE FIX - Expert Gamer theme */ @media (max-width: 768px) { .slider-area h2, .slider-area h3, .slider-area p, .slider-area .sub-title, .slider-area .subtitle { font-size: 13px !important; letter-spacing: 0.05em !important; line-height: 1.4 !important; white-space: normal !important; word-break: normal !important; padding: 0 15px !important; max-width: 95% !important; margin: 0 auto !important; text-align: center !important; position: relative !important; } /* MOBILE FIX for the hero subtitle created with h1::after */ @media (max-width: 768px) { section.slider-area.breadcrumb-section .about-banner-text h1::after{ font-size: 14px !important; letter-spacing: 0.06em !important; /* reduces the spacing */ line-height: 1.3 !important; max-width: 92% !important; margin: 12px auto 0 !important; white-space: normal !important; text-align: center !important; display: block !important; } /* MOBILE FIX for the hero subtitle created with h1::after */ @media (max-width: 768px) { section.slider-area.breadcrumb-section .about-banner-text h1::after{ font-size: 14px !important; letter-spacing: 0.06em !important; /* reduces the spacing */ line-height: 1.3 !important; max-width: 92% !important; margin: 12px auto 0 !important; white-space: normal !important; text-align: center !important; display: block !important; } /* MOBILE FIX for the hero subtitle created with h1::after */ @media (max-width: 768px) { section.slider-area.breadcrumb-section .about-banner-text h1::after{ font-size: 14px !important; letter-spacing: 0.06em !important; /* reduces the spacing */ line-height: 1.3 !important; max-width: 92% !important; margin: 12px auto 0 !important; white-space: normal !important; text-align: center !important; display: block !important; } /* Darken hero image slightly for readability */ section.slider-area.breadcrumb-section::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); z-index: 1; } section.slider-area.breadcrumb-section .about-banner-text { position: relative; z-index: 2; } section.slider-area.breadcrumb-section .about-banner-text h1::after { color: #ffb703 !important; /* brighter gold */ text-shadow: 0 2px 6px rgba(0,0,0,0.6); } section.slider-area.breadcrumb-section .about-banner-text h1::after { color: #ffffff !important; text-shadow: 0 3px 10px rgba(0,0,0,0.7); } /* Mobile hero adjustments */ @media (max-width: 768px) { section.slider-area.breadcrumb-section .about-banner-text h1::before { font-size: 42px !important; line-height: 1.1 !important; letter-spacing: 2px !important; } section.slider-area.breadcrumb-section .about-banner-text h1::after { font-size: 18px !important; letter-spacing: 1px !important; margin-top: 15px !important; } section.slider-area.breadcrumb-section { min-height: 70vh; } @media (max-width: 480px) { section.slider-area.breadcrumb-section .about-banner-text h1::before { font-size: 36px !important; } /* HERO TEXT READABILITY (desktop + mobile) */ section.slider-area.breadcrumb-section .about-banner-text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(92%, 980px); text-align: center; z-index: 5; /* the readability "scrim" */ background: rgba(0,0,0,0.45); padding: 18px 18px 16px; border-radius: 10px; } /* Hide original theme text but keep your pseudo text */ section.slider-area.breadcrumb-section .about-banner-text h1{ font-size: 0 !important; line-height: 0 !important; margin: 0 !important; } /* Main Title */ section.slider-area.breadcrumb-section .about-banner-text h1:before{ content: "WARFORGE GAMING DEN"; display: block; font-family: "Cinzel", serif; font-weight: 700; font-size: 72px; letter-spacing: 4px; text-transform: uppercase; color: #ffffff; /* stronger shadow for busy images */ text-shadow: 0 3px 14px rgba(0,0,0,0.85); } /* Subtitle */ section.slider-area.breadcrumb-section .about-banner-text h1:after {color:#f2c24b; content: "Where your next adventure awaits"; display: block; margin-top: 14px; font-family: "Cinzel", serif; font-weight: 600; font-size: 22px; letter-spacing: 2px; text-transform: uppercase; /* your gold */ text-shadow: 0 3px 14px rgba(0,0,0,0.85); } /* Tablet */ @media (max-width: 768px){ section.slider-area.breadcrumb-section .about-banner-text{ padding: 14px 14px 12px; } section.slider-area.breadcrumb-section .about-banner-text h1:before{ font-size: 44px; letter-spacing: 2px; } section.slider-area.breadcrumb-section .about-banner-text h1:after{ font-size: 16px; letter-spacing: 1px; } /* Small phones */ @media (max-width: 480px){ section.slider-area.breadcrumb-section .about-banner-text{ width: 94%; padding: 12px 12px 10px; } section.slider-area.breadcrumb-section .about-banner-text h1:before{ font-size: 34px; letter-spacing: 1px; } section.slider-area.breadcrumb-section .about-banner-text h1:after{ font-size: 14px; letter-spacing: 0.6px; /* this is the big "unjumble" fix */ } /* ========== HERO TEXT (Title + Subtitle) ========== */ /* Center the banner text container */ section.slider-area.breadcrumb-section .about-banner-text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(92%, 1100px); text-align: center; z-index: 5; } /* Hide the theme’s original H1 visually (we’ll use ::before/::after text) */ section.slider-area.breadcrumb-section .about-banner-text h1{ font-size: 0 !important; line-height: 0 !important; margin: 0 !important; padding: 0 !important; } /* Main Title */ section.slider-area.breadcrumb-section .about-banner-text h1:before{ content: "WARFORGE GAMING DEN"; display: block; font-family: "Cinzel", serif; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: #ffffff; text-shadow: 0 2px 8px rgba(0,0,0,0.9), 0 10px 24px rgba(0,0,0,0.6); } /* Subtitle (Gold – force override) */ section.slider-area.breadcrumb-section .about-banner-text h1::after { content: "Where your next adventure awaits"; display: inline-block; margin-top: 14px; font-family: "Cinzel", serif; font-weight: 600; font-size: 22px; letter-spacing: 2px; text-transform: uppercase; color: #f2c24b !important; text-shadow: 0 2px 6px rgba(0,0,0,0.95), 0 8px 20px rgba(0,0,0,0.75); } /* Desktop sizing */ @media (min-width: 769px){ section.slider-area.breadcrumb-section .about-banner-text h1:before{ font-size: 72px; line-height: 1.05; } section.slider-area.breadcrumb-section .about-banner-text h1:after{ font-size: 22px; line-height: 1.2; } /* Tablet */ @media (max-width: 768px){ section.slider-area.breadcrumb-section .about-banner-text{ width: 92%; } section.slider-area.breadcrumb-section .about-banner-text h1:before{ font-size: 44px; line-height: 1.1; letter-spacing: 2px; } section.slider-area.breadcrumb-section .about-banner-text h1:after{ font-size: 18px; letter-spacing: 1px; padding: 6px 10px; border-radius: 6px; background: rgba(0,0,0,0.45); /* subtle backplate for readability */ } } /* Small phones */ @media (max-width: 480px){ section.slider-area.breadcrumb-section .about-banner-text h1:before{ font-size: 34px; line-height: 1.12; } section.slider-area.breadcrumb-section .about-banner-text h1:after{ font-size: 16px; } /* Mobile: subtitle readability + cleaner wrapping */ @media (max-width: 480px) { section.slider-area.breadcrumb-section .about-banner-text h1::after{ font-size: 16px !important; letter-spacing: 1px !important; line-height: 1.25 !important; padding: 0 12px; /* gives breathing room so it doesn’t feel jammed */ text-align: center; } /* Center hero text vertically and horizontally */ } /* Remove extra top/bottom spacing pushing text down */ section.slider-area.breadcrumb-section .about-banner-text { /* Force true vertical centering on the overlay */ section.slider-area.breadcrumb-section .about-banner-text{ top: 50% !important; bottom: auto !important; inset: auto !important; /* cancels inset:0 */ transform: translateY(-50%) !important; margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* Make sure hero has enough height */ section.slider-area.breadcrumb-section { min-height: 80vh; } @media (max-width: 480px) { section.slider-area.breadcrumb-section { min-height: 75vh; } /* HERO: true vertical + horizontal centering */ section.slider-area.breadcrumb-section{ position: relative; } /* Make the hero section the positioning anchor */ section.slider-area.breadcrumb-section{ position: relative !important; } /* Make the hero text overlay fill the hero, then center contents */ section.slider-area.breadcrumb-section .about-banner-text{ position: absolute !important; inset: 0 !important; /* top/right/bottom/left: 0 */ display: flex !important; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 16px !important; /* safe side padding for mobile */ margin: 0 !important; z-index: 5; } /* Remove any theme offsets that push the text down */ section.slider-area.breadcrumb-section .about-banner-text h1{ margin: 0 !important; padding: 0 !important; }
/* Fix Events Calendar text on dark themes */

.tribe-events,
.tribe-events * {
    color: #ffffff !important;
}

.tribe-events-calendar-month__day-date,
.tribe-events-calendar-month__header-column-title,
.tribe-events-c-top-bar__title {
    color: #ffffff !important;
    font-weight: 600;
}
.tribe-events-calendar-month__day-cell {
    background: rgba(255,255,255,0.05) !important;
}
/* Events Calendar text fix for dark theme */

body .tribe-common,
body .tribe-events,
body .tribe-events .tribe-events-calendar-month__day-date,
body .tribe-events .tribe-events-calendar-month__header-column-title,
body .tribe-events .tribe-events-c-top-bar__datepicker-button,
body .tribe-events .tribe-events-c-top-bar__nav-link,
body .tribe-events .tribe-common-h3,
body .tribe-events .tribe-common-anchor-thin,
body .tribe-events button,
body .tribe-events a {
    color: #ffffff !important;
}

/* Make the calendar panel easier to read */
body .tribe-events .tribe-events-view {
    background: rgba(255, 255, 255, 0.04) !important;
    padding: 20px !important;
    border-radius: 10px !important;
}

/* Lighten month grid cells slightly */
body .tribe-events .tribe-events-calendar-month__day-cell {
    background: rgba(255, 255, 255, 0.03) !important;
}

/* Keep month/day text readable */
body .tribe-events .tribe-events-calendar-month__day-date-tag,
body .tribe-events .tribe-events-calendar-month__calendar-event-title,
body .tribe-events .tribe-events-calendar-month-mobile-events__mobile-day,
body .tribe-events .tribe-events-c-top-bar__datepicker-button {
    color: #ffffff !important;
}

/* Make buttons stand out */
body .tribe-events .tribe-events-c-search__button,
body .tribe-events .tribe-events-c-top-bar__today-button {
    background: #ffb400 !important;
    color: #000000 !important;
    border: none !important;
}
body.post-type-archive-tribe_events .site-content,
body.post-type-archive-tribe_events .content,
body.post-type-archive-tribe_events main {
    color: #ffffff !important;
}
body .tribe-events .tribe-events-c-top-bar__datepicker-button {
    color: #ffffff !important;
}
.entry-title,
.page-title,
h1 {
    text-shadow: none !important;
}
.entry-title,
.page-title,
h1 {
    text-shadow: none !important;
    -webkit-box-reflect: none !important;
}
/* Dropdown container */
ul.sub-menu,
ul.children,
.main-navigation ul ul,
.main-header-menu ul ul,
#site-navigation ul ul,
.primary-menu ul ul {
    display: block;
	ul.sub-menu li a,
.main-navigation ul ul li a,
.main-header-menu ul ul li a,
#site-navigation ul ul li a {
    -webkit-text-fill-color: #ffffff !important;
    font-family: inherit !important;
}
    background: #2b2b2b !important;
    border: 1px solid #555 !important;
    min-width: 240px !important;
    padding: 0 !important;
}

/* Dropdown list items */
ul.sub-menu li,
ul.children li,
.main-navigation ul ul li,
.main-header-menu ul ul li,
#site-navigation ul ul li,
.primary-menu ul ul li {
    background: #2b2b2b !important;
    border-bottom: 1px solid #444 !important;
}

/* Dropdown links */
ul.sub-menu li a,
ul.children li a,
.main-navigation ul ul li a,
.main-header-menu ul ul li a,
#site-navigation ul ul li a,
.primary-menu ul ul li a {
    display: block !important;
    color: #ffffff !important;
    background: #2b2b2b !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    padding: 14px 18px !important;
    text-indent: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    white-space: normal !important;
}

/* Force any text inside submenu links to be visible */
ul.sub-menu li a *,
ul.children li a *,
.main-navigation ul ul li a *,
.main-header-menu ul ul li a *,
#site-navigation ul ul li a *,
.primary-menu ul ul li a * {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Hover state */
ul.sub-menu li:hover > a,
ul.children li:hover > a,
.main-navigation ul ul li:hover > a,
.main-header-menu ul ul li:hover > a,
#site-navigation ul ul li:hover > a,
.primary-menu ul ul li:hover > a {
    background: #3a3a3a !important;
    color: #f2b300 !important;
}
/* Force submenu boxes and text to show all the time */
.header-navigation-area .sub-menu,
.main-navigation .sub-menu,
#site-navigation .sub-menu,
.main-header-menu .sub-menu,
.primary-menu .sub-menu,
ul.sub-menu {
    background: #2f2f2f !important;
    border: 1px solid #555 !important;
    min-width: 240px !important;
    padding: 0 !important;
}

/* Force submenu links visible even when NOT hovered */
.header-navigation-area .sub-menu li a,
.main-navigation .sub-menu li a,
#site-navigation .sub-menu li a,
.main-header-menu .sub-menu li a,
.primary-menu .sub-menu li a,
ul.sub-menu li a {
    display: block !important;
    background: #2f2f2f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-indent: 0 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    padding: 14px 18px !important;
    white-space: normal !important;
    height: auto !important;
}

/* If the theme wraps the text in spans, force those too */
.header-navigation-area .sub-menu li a span,
.main-navigation .sub-menu li a span,
#site-navigation .sub-menu li a span,
.main-header-menu .sub-menu li a span,
.primary-menu .sub-menu li a span,
ul.sub-menu li a span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Hover color */
.header-navigation-area .sub-menu li:hover > a,
.main-navigation .sub-menu li:hover > a,
#site-navigation .sub-menu li:hover > a,
.main-header-menu .sub-menu li:hover > a,
.primary-menu .sub-menu li:hover > a,
ul.sub-menu li:hover > a {
    background: #444 !important;
    color: #f2b300 !important;
    -webkit-text-fill-color: #f2b300 !important;
}
/* Fix invisible dropdown menu text */
.header-navigation-area ul.sub-menu li a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-indent: 0 !important;
    padding: 12px 18px !important;
    display: block !important;
}

/* Dropdown background */
.header-navigation-area ul.sub-menu {
    background: #2c2c2c !important;
    border: 1px solid #444 !important;
}

/* Hover color */
.header-navigation-area ul.sub-menu li:hover > a {
    color: #f2b300 !important;
}
/* Force dropdown menus to be readable */
nav ul.sub-menu,
nav .sub-menu,
#site-navigation .sub-menu,
.main-navigation .sub-menu,
.main-header-menu .sub-menu,
.primary-menu .sub-menu,
.menu ul.sub-menu {
  background: #2f2f2f !important;
  border: 1px solid #444 !important;
  min-width: 240px !important;
  padding: 0 !important;
}

nav ul.sub-menu li,
nav .sub-menu li,
#site-navigation .sub-menu li,
.main-navigation .sub-menu li,
.main-header-menu .sub-menu li,
.primary-menu .sub-menu li,
.menu ul.sub-menu li {
  background: #2f2f2f !important;
  border-bottom: 1px solid #444 !important;
}

nav ul.sub-menu li a,
nav .sub-menu li a,
#site-navigation .sub-menu li a,
.main-navigation .sub-menu li a,
.main-header-menu .sub-menu li a,
.primary-menu .sub-menu li a,
.menu ul.sub-menu li a {
  display: block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  padding: 14px 18px !important;
  line-height: 1.4 !important;
  font-size: 15px !important;
  height: auto !important;
  white-space: normal !important;
  overflow: visible !important;
  background: #2f2f2f !important;
}

nav ul.sub-menu li a:hover,
nav .sub-menu li a:hover,
#site-navigation .sub-menu li a:hover,
.main-navigation .sub-menu li a:hover,
.main-header-menu .sub-menu li a:hover,
.primary-menu .sub-menu li a:hover,
.menu ul.sub-menu li a:hover {
  color: #f2b300 !important;
  -webkit-text-fill-color: #f2b300 !important;
  background: #3a3a3a !important;
}
/* Fix dropdown submenu height so text shows */
.main-navigation ul ul li a,
.main-header-menu ul ul li a,
#site-navigation ul ul li a {
    height: auto !important;
    line-height: 1.5 !important;
    padding: 12px 20px !important;
    display: block !important;
    overflow: visible !important;
    white-space: normal !important;
}

/* Ensure submenu container expands */
.main-navigation ul ul,
.main-header-menu ul ul,
#site-navigation ul ul {
    height: auto !important;
    overflow: visible !important;
}
/* Force submenu links to show even when NOT hovered */
.main-navigation ul ul li a,
.main-header-menu ul ul li a,
#site-navigation ul ul li a,
.menu ul.sub-menu li a,
ul.sub-menu li a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    height: auto !important;
    max-height: none !important;
    padding: 12px 18px !important;
    text-indent: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
    clip: auto !important;
    clip-path: none !important;
}

/* If the theme hides the text inside spans */
.main-navigation ul ul li a span,
.main-header-menu ul ul li a span,
#site-navigation ul ul li a span,
.menu ul.sub-menu li a span,
ul.sub-menu li a span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 15px !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline !important;
    transform: none !important;
}

/* Keep submenu box readable */
.main-navigation ul ul,
.main-header-menu ul ul,
#site-navigation ul ul,
.menu ul.sub-menu,
ul.sub-menu {
    background: #2f2f2f !important;
    border: 1px solid #444 !important;
}

/* Hover state */
.main-navigation ul ul li:hover > a,
.main-header-menu ul ul li:hover > a,
#site-navigation ul ul li:hover > a,
.menu ul.sub-menu li:hover > a,
ul.sub-menu li:hover > a {
    color: #f2b300 !important;
    -webkit-text-fill-color: #f2b300 !important;
    background: #3a3a3a !important;
}
ul.sub-menu li:not(:hover) a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
/* Fix dropdown menu text */
.main-navigation ul ul li a,
.menu ul li a,
.navbar ul li ul li a {
color: #ffffff !important;
padding: 10px 15px;
display: block;
}

/* Dropdown background */
.main-navigation ul ul,
.menu ul,
.navbar ul ul {
background: #1a1a1a !important;
}

/* Hover color */
.main-navigation ul ul li a:hover {
color: #ffb000 !important;
}
/* Always show submenu link text, even when parent page is not active */
.main-navigation .menu > li > ul > li > a,
.main-navigation ul.sub-menu li a,
#site-navigation ul.sub-menu li a,
.main-menu ul li ul li a,
ul.menu li ul li a {
  color: #e0a800 !important;
  -webkit-text-fill-color: #e0a800 !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  padding: 14px 22px !important;
  background: #f3f3f3 !important;
}

/* Keep hover state readable too */
.main-navigation .menu > li > ul > li > a:hover,
.main-navigation ul.sub-menu li a:hover,
#site-navigation ul.sub-menu li a:hover,
.main-menu ul li ul li a:hover,
ul.menu li ul li a:hover {
  color: #c58b00 !important;
  -webkit-text-fill-color: #c58b00 !important;
  background: #ededed !important;
}

/* Make sure active/current submenu items still look correct */
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
  color: #e0a800 !important;
}
.main-navigation ul.sub-menu {
    background: #1c1c1c;
}
/* Change WPForms label text to gold */
.wpforms-form label {
    color: #d4af37 !important;
}

/* Change helper text (like "How many players") */
.wpforms-form .wpforms-field-sublabel,
.wpforms-form .wpforms-field-description {
    color: #d4af37 !important;
}

/* Change required star color */
.wpforms-form .wpforms-required-label {
    color: #d4af37 !important;
}
/* Warforge events page - make WPForms text gold */
.page-id-398 .wpforms-container .wpforms-form label,
.page-id-398 .wpforms-container .wpforms-form .wpforms-field-label,
.page-id-398 .wpforms-container .wpforms-form .wpforms-field-sublabel,
.page-id-398 .wpforms-container .wpforms-form .wpforms-field-description,
.page-id-398 .wpforms-container .wpforms-form legend,
.page-id-398 .wpforms-container .wpforms-form .wpforms-required-label {
    color: #ffb100 !important;
}

/* Placeholder text */
.page-id-398 .wpforms-container .wpforms-form input::placeholder,
.page-id-398 .wpforms-container .wpforms-form textarea::placeholder {
    color: #c99a1a !important;
    opacity: 1 !important;
}

/* Text typed into fields */
.page-id-398 .wpforms-container .wpforms-form input,
.page-id-398 .wpforms-container .wpforms-form textarea,
.page-id-398 .wpforms-container .wpforms-form select {
    color: #ffffff !important;
}
.wpforms-container .wpforms-form label,
.wpforms-container .wpforms-form .wpforms-field-label,
.wpforms-container .wpforms-form .wpforms-field-sublabel,
.wpforms-container .wpforms-form .wpforms-field-description,
.wpforms-container .wpforms-form legend,
.wpforms-container .wpforms-form .wpforms-required-label {
    color: #ffb100 !important;
}
/* Change WPForms description/help text to gold */
.wpforms-container .wpforms-field-description {
    color: #ffb100 !important;
}

/* Change field labels if needed */
.wpforms-container .wpforms-field-label {
    color: #ffb100 !important;
}

/* Change sublabels like First / Last */
.wpforms-container .wpforms-field-sublabel {
    color: #ffb100 !important;
}
html {
  scroll-behavior: auto !important;
}

*,
*::before,
*::after {
  animation: none !important;
  transition-property: none !important;
  transition-duration: 0s !important;
  transform: none !important;
}

body,
html {
  overflow-x: hidden !important;
}
html {
  scroll-behavior: auto !important;
}

body,
.site,
.site-content,
.content-area,
.page,
.post,
main,
#page,
#content,
#primary {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  scroll-margin-top: 0 !important;
  scroll-padding-top: 0 !important;
}
/* Stop page/load/navigation animations */
html {
  scroll-behavior: auto !important;
}

body,
.site,
.site-content,
.content-area,
.entry-content,
.main-navigation,
.page,
.post,
article,
section,
div {
  animation: none !important;
  transition: none !important;
  transform: none !important;
  scroll-behavior: auto !important;
}

/* Remove any fade/slide/reveal effects */
[class*="animate"],
[class*="fade"],
[class*="slide"],
[class*="motion"],
[class*="transition"],
.wow,
.animated {
  animation: none !important;
  transition: none !important;
  transform: none !important;
}

/* Prevent horizontal “bounce” feeling */
html,
body {
  overflow-x: hidden !important;
}
.wow,
.animated {
    animation: none !important;
    -webkit-animation: none !important;
    transform: none !important;
    transition: none !important;
    visibility: visible !important;
}