/* Theme Name: Powerlegal Child Theme URI: http://demo.7iquid.com/powerlegal Author: 7iquid Author URI: http://themeforest.net/user/7iquid Template: powerlegal Description: Powerlegal is the WordPress theme for Attorneys, Lawyers, Law Agencies and other similar businesses. With its trustable design and feel, its a best fit for the Law Industry. The theme helps you to get your site up and running in less than minutes with the One Click Demo Importer. Create pages easily with the Drag & Drop Page Builder (Elementor Free) and fully responsive, retina ready and easy to customize. Version: 3.0 License: ThemeForest License URI: https://themeforest.net/licenses Text Domain: powerlegal-child Tags: elementor, advocate, attorney, barrister, clerk, counselor, court, dispute, judge, law, law agency, lawyer, lawyers, legal, prosecutor, solicitor, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* Fix: Hide sticky header from SEO crawlers (display:none is ignored by Google, visibility:hidden is not) */ .pxl-header-sticky:not(.h-fixed) { display: none !important; } .pxl-header-sticky.h-fixed { display: block !important; } /* ===== Mega menu for Practice Area (CSS-only, hybrid approach) ===== */ @media (min-width: 1200px) { /* Outer dropdown: 4-col grid, never exceeds viewport (esp. for Spanish long titles) */ .pxl-primary-menu > li.megamenu > .sub-menu { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 20px; padding: 25px 30px; width: min(1200px, calc(100vw - 60px)) !important; max-width: calc(100vw - 60px) !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; z-index: 9999 !important; } /* Cluster headers (column titles) */ .pxl-primary-menu > li.megamenu > .sub-menu > li { position: static; border: none !important; } .pxl-primary-menu > li.megamenu > .sub-menu > li > a { text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; font-size: 13px; color: #6c757d; padding: 0 0 8px 0; border-bottom: 1px solid #e5e5e5 !important; margin-bottom: 10px; white-space: normal; } .pxl-primary-menu > li.megamenu > .sub-menu > li > a:hover { background: transparent !important; } .pxl-primary-menu > li.megamenu > .sub-menu > li > .main-menu-toggle { display: none !important; } /* Inner sub-menu (cluster items) */ .pxl-primary-menu > li.megamenu > .sub-menu > li > .sub-menu { position: static !important; box-shadow: none !important; background: transparent !important; width: auto !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; transform: none !important; border: none !important; } .pxl-primary-menu > li.megamenu:hover > .sub-menu > li > .sub-menu, .pxl-primary-menu > li.megamenu:focus-within > .sub-menu > li > .sub-menu { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } .pxl-primary-menu > li.megamenu > .sub-menu > li > .sub-menu > li { list-style: none; padding: 0; margin: 0; border: none !important; } /* Items: allow wrapping for long translations (Spanish, etc.); kill borders */ .pxl-primary-menu > li.megamenu > .sub-menu > li > .sub-menu > li > a, .pxl-primary-menu > li.megamenu > .sub-menu > li > .sub-menu > li:last-child > a, .pxl-primary-menu > li.megamenu > .sub-menu > li > .sub-menu > li > a:hover, .pxl-primary-menu > li.megamenu > .sub-menu > li > .sub-menu > li > a:focus { padding: 5px 0 !important; font-size: 14px; white-space: normal !important; display: block; line-height: 1.4; border: none !important; border-bottom: none !important; text-decoration: none !important; } } /* ===== /Mega menu ===== */ /* ===== Hover-out delay 300ms on desktop dropdowns ===== Theme only transitions "top" by default. We add transitions for opacity + visibility too, with a 0.3s delay applied ONLY when going to the closed state. Result: dropdown stays visible 300ms after cursor leaves; opens immediately on hover. */ @media (min-width: 1200px) { .pxl-primary-menu > li.menu-item-has-children > .sub-menu { transition: opacity 0.25s ease 0.3s, visibility 0s linear 0.3s, top 0.25s ease 0.3s !important; } .pxl-primary-menu > li.menu-item-has-children:hover > .sub-menu, .pxl-primary-menu > li.menu-item-has-children:focus-within > .sub-menu { transition: opacity 0.2s ease 0s, visibility 0s linear 0s, top 0.25s ease 0s !important; } /* Mega menu inner items (cluster items inside Practice Area dropdown) — same logic */ .pxl-primary-menu > li.megamenu > .sub-menu > li > .sub-menu { transition: opacity 0.25s ease 0.3s, visibility 0s linear 0.3s !important; } .pxl-primary-menu > li.megamenu:hover > .sub-menu > li > .sub-menu, .pxl-primary-menu > li.megamenu:focus-within > .sub-menu > li > .sub-menu { transition: opacity 0.2s ease 0s, visibility 0s linear 0s !important; } } /* ===== /Hover-out delay ===== */ /* Site-wide visual breadcrumbs powered by Rank Math. */ .baum /* Site-wide visual breadcrumbs powered by Rank Math. */ .baumgartner-visual-breadcrumbs { background: #ffffff; border-bottom: 1px solid #e5e7eb; color: #4b5563; } .baumgartner-visual-breadcrumbs__inner { width: min(1200px, calc(100% - 40px)); margin: 0 auto; padding: 14px 0; font-size: 14px; line-height: 1.45; } .baumgartner-visual-breadcrumbs .rank-math-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem; margin: 0; } .baumgartner-visual-breadcrumbs a { color: #1e293b; text-decoration: underline; text-underline-offset: 2px; } .baumgartner-visual-breadcrumbs a:hover, .baumgartner-visual-breadcrumbs a:focus-visible { color: #c9142c; } .baumgartner-visual-breadcrumbs .separator { color: #94a3b8; } .baumgartner-visual-breadcrumbs .last { color: #475569; font-weight: 600; } @media (max-width: 767px) { .baumgartner-visual-breadcrumbs__inner { width: min(100% - 32px, 1200px); padding: 12px 0; font-size: 13px; } } /* Explicit root rule keeps breadcrumb styling isolated from legacy selectors. */ body .baumgartner-visual-breadcrumbs { background: #ffffff; border-bottom: 1px solid #e5e7eb; color: #4b5563; }