/*
 * The mega menu's share of `theme.css`, for pages on `layouts/app`.
 *
 * GENERATED, NOT AUTHORED. Every rule below is a rule from
 * `resources/legacy/css/theme.css` whose selector names `mega` or
 * `menu-card-wrap`, in source order. They were read back through Chromium's
 * CSSOM rather than copied as text, because `theme.css` has syntax errors a
 * strict parser rejects; the declarations are the ones a browser actually
 * applies, written in its normalised form.
 *
 * Left out: the rules whose selector is `#mega-menu-new-main` itself (with or
 * without a `.page-template-*` prefix). They size the legacy nav bar — 800px
 * wide, centred, 580px under 1200px — and the Tailwind header lays out its own
 * bar; at 1280px the fixed width runs the last item under the CTA. Also left
 * out: `li.mega-menu-item > a.mega-menu-link` (17px top-level links), which
 * wraps the Tailwind bar onto two lines at 1280px.
 *
 * Why it exists: Max Mega Menu's generated stylesheet only lays out the panel.
 * The development cards inside it — the photo, the logo laid over it, the
 * border, the town and price — are styled by `theme.css`, which a Tailwind page
 * deliberately does not load. Without this the cards stack their photo and a
 * full-size logo one above the other.
 *
 * Enqueued by App\Providers\LegacyAssetsServiceProvider on every request that
 * is not a legacy one, after Max Mega Menu's own stylesheet, which is where
 * `theme.css` sits on a legacy page.
 *
 * To regenerate after a `theme.css` change, re-run the same extraction.
 */

a.mega-menu-link { background: transparent !important; }
li.mega-menu-item.mega-toggle-on > a.mega-menu-link { margin-bottom: -1px; background: none !important; }
.mega-menu-item-text-7 .textwidget { height: 280px; }
.mega-menu-item-text-7 .textwidget ul { height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0px; margin-top: 0px; }
.mega-menu-item-text-7 .textwidget ul li { display: inline-flex; padding: 10px; border-bottom: 1px solid; }
.mega-menu-item-text-7 .textwidget ul li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.mega-menu-item-text-7 .textwidget ul li:last-child a { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; color: rgb(43, 181, 139); }
.mega-menu-item-text-7 .textwidget ul li a { color: rgb(255, 255, 255); font-family: aktiv-grotesk, sans-serif; font-weight: 300; font-style: normal; font-size: 14px; text-decoration: none; transition: 0.3s; }
.mega-menu-item-text-7 .textwidget ul li a:hover { color: rgb(40, 149, 116); }
.mega-menu-item-text-7 .textwidget ul li::before { content: none; }
.mega-menu-item-type-widget.widget_text .textwidget { position: relative; border: 1px solid rgba(255, 255, 255, 0.33); border-radius: 4px; }
#mega-menu-wrap-new-main #mega-menu-new-main li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:last-child .textwidget { border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.menu-card-wrap { position: absolute; bottom: 0px; width: 100%; text-align: center; }
.mega-menu-item-type-widget.widget_text .textwidget hr { max-width: 80%; margin: 7px auto auto; color: rgb(255, 255, 255); }
.mega-menu-item-type-widget.widget_text .textwidget h3 { color: rgb(255, 255, 255); font-family: aktiv-grotesk, sans-serif; font-weight: 300; font-style: normal; margin: 20px 0px; font-size: 14px; line-height: 20px; }
.mega-toggle-on { }
li.mega-menu-item.mega-toggle-on > a.mega-menu-link { }
a.mega-menu-link:hover { background: none !important; }
#mega-menu-wrap-new-main #mega-menu-new-main p:first-child img { display: block; cursor: pointer; }
#mega-menu-wrap-new-main #mega-menu-new-main p:first-child img:hover { opacity: 0.6; }
#mega-menu-wrap-new-main #mega-menu-new-main .menu-card-wrap p img { width: 100px; display: inline-block !important; }
.mega-menu-item .mega-sub-menu { margin-top: 21px !important; }
.mega-menu-item .mega-sub-menu:first-child { margin-top: 0px !important; }
#mega-menu-wrap-new-main #mega-menu-new-main p { margin: 0px; }
#mega-menu-wrap-new-main #mega-menu-new-main > li.mega-menu-megamenu > ul.mega-sub-menu { box-shadow: none; }
.page-template-home-2023 #mega-menu-wrap-new-main #mega-menu-new-main > li.mega-menu-megamenu > ul.mega-sub-menu { box-shadow: rgb(23, 42, 65) -50px -108px 0px 50px; padding-bottom: 45px; padding-top: 40px; }
.page-template-development-new #mega-menu-wrap-new-main #mega-menu-new-main > li.mega-menu-megamenu > ul.mega-sub-menu { padding-bottom: 45px; padding-top: 40px; }
.page-template-all-developments-new #mega-menu-wrap-new-main #mega-menu-new-main > li.mega-menu-megamenu > ul.mega-sub-menu { box-shadow: rgb(23, 42, 65) -50px -108px 0px 50px; padding-bottom: 45px; }
#mega-menu-wrap-new-main #mega-menu-new-main > li.mega-menu-megamenu > ul.mega-sub-menu { padding-bottom: 45px; padding-top: 45px; }
.page-template-home-2023 #mega-menu-wrap-new-main .mega-sub-menu { z-index: -1 !important; }
.page-template-all-developments-new #mega-menu-wrap-new-main .mega-sub-menu { z-index: -1 !important; }
.page-template-home-2023 #mega-menu-wrap-new-main .mega-menu-row ul.mega-sub-menu { z-index: 999999999 !important; }
.page-template-all-developments-new #mega-menu-wrap-new-main .mega-menu-row ul.mega-sub-menu { z-index: 999999999 !important; }
.mega-menu-column.mega-menu-columns-2-of-12 { z-index: 999999999 !important; }
.mega-menu-flyout .mega-sub-menu { box-shadow: none !important; }
.page-template-new-schemes li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { background: none !important; }
.mega-sub-menu .mega-menu-column:hover { opacity: 0.7; }