From 87f5d64e0d09a741194c27d418dd5525a9402c17 Mon Sep 17 00:00:00 2001 From: tugcekucukoglu Date: Wed, 15 Nov 2023 19:26:15 +0300 Subject: [PATCH] Refactor #4819 --- .../lib/megamenu/style/MegaMenuStyle.js | 4 ++-- public/themes/arya-blue/theme.css | 22 +++++++++---------- public/themes/arya-green/theme.css | 22 +++++++++---------- public/themes/arya-orange/theme.css | 22 +++++++++---------- public/themes/arya-purple/theme.css | 22 +++++++++---------- public/themes/bootstrap4-dark-blue/theme.css | 22 +++++++++---------- .../themes/bootstrap4-dark-purple/theme.css | 22 +++++++++---------- public/themes/bootstrap4-light-blue/theme.css | 22 +++++++++---------- .../themes/bootstrap4-light-purple/theme.css | 22 +++++++++---------- public/themes/fluent-light/theme.css | 22 +++++++++---------- public/themes/lara-dark-amber/theme.css | 22 +++++++++---------- public/themes/lara-dark-blue/theme.css | 22 +++++++++---------- public/themes/lara-dark-cyan/theme.css | 22 +++++++++---------- public/themes/lara-dark-indigo/theme.css | 22 +++++++++---------- public/themes/lara-dark-pink/theme.css | 22 +++++++++---------- public/themes/lara-dark-purple/theme.css | 22 +++++++++---------- public/themes/lara-dark-teal/theme.css | 22 +++++++++---------- public/themes/lara-dark-turquoise/theme.css | 22 +++++++++---------- public/themes/lara-light-amber/theme.css | 22 +++++++++---------- public/themes/lara-light-blue/theme.css | 22 +++++++++---------- public/themes/lara-light-cyan/theme.css | 22 +++++++++---------- public/themes/lara-light-indigo/theme.css | 22 +++++++++---------- public/themes/lara-light-pink/theme.css | 22 +++++++++---------- public/themes/lara-light-purple/theme.css | 22 +++++++++---------- public/themes/lara-light-teal/theme.css | 22 +++++++++---------- public/themes/lara-light-turquoise/theme.css | 22 +++++++++---------- public/themes/luna-amber/theme.css | 22 +++++++++---------- public/themes/luna-blue/theme.css | 22 +++++++++---------- public/themes/luna-green/theme.css | 22 +++++++++---------- public/themes/luna-pink/theme.css | 22 +++++++++---------- public/themes/md-dark-deeppurple/theme.css | 22 +++++++++---------- public/themes/md-dark-indigo/theme.css | 22 +++++++++---------- public/themes/md-light-deeppurple/theme.css | 22 +++++++++---------- public/themes/md-light-indigo/theme.css | 22 +++++++++---------- public/themes/mdc-dark-deeppurple/theme.css | 22 +++++++++---------- public/themes/mdc-dark-indigo/theme.css | 22 +++++++++---------- public/themes/mdc-light-deeppurple/theme.css | 22 +++++++++---------- public/themes/mdc-light-indigo/theme.css | 22 +++++++++---------- public/themes/mira/theme.css | 22 +++++++++---------- public/themes/nano/theme.css | 22 +++++++++---------- public/themes/nova-accent/theme.css | 22 +++++++++---------- public/themes/nova-alt/theme.css | 22 +++++++++---------- public/themes/nova-vue/theme.css | 22 +++++++++---------- public/themes/nova/theme.css | 22 +++++++++---------- public/themes/rhea/theme.css | 22 +++++++++---------- public/themes/saga-blue/theme.css | 22 +++++++++---------- public/themes/saga-green/theme.css | 22 +++++++++---------- public/themes/saga-orange/theme.css | 22 +++++++++---------- public/themes/saga-purple/theme.css | 22 +++++++++---------- public/themes/soho-dark/theme.css | 22 +++++++++---------- public/themes/soho-light/theme.css | 22 +++++++++---------- public/themes/tailwind-light/theme.css | 22 +++++++++---------- public/themes/vela-blue/theme.css | 22 +++++++++---------- public/themes/vela-green/theme.css | 22 +++++++++---------- public/themes/vela-orange/theme.css | 22 +++++++++---------- public/themes/vela-purple/theme.css | 22 +++++++++---------- public/themes/viva-dark/theme.css | 22 +++++++++---------- public/themes/viva-light/theme.css | 22 +++++++++---------- 58 files changed, 629 insertions(+), 629 deletions(-) diff --git a/components/lib/megamenu/style/MegaMenuStyle.js b/components/lib/megamenu/style/MegaMenuStyle.js index ff0dd2d9c..684b43c58 100644 --- a/components/lib/megamenu/style/MegaMenuStyle.js +++ b/components/lib/megamenu/style/MegaMenuStyle.js @@ -120,11 +120,11 @@ const css = ` width: 100%; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { display: flex; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { position: absolute; display: none; width: 100%; diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index fcb949f91..4a4b8595a 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -4446,50 +4446,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #1e1e1e; border: 1px solid #383838; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index 5ecb9dacc..baf600909 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -4446,50 +4446,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #1e1e1e; border: 1px solid #383838; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 87558eff9..d403f0660 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -4446,50 +4446,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #1e1e1e; border: 1px solid #383838; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index 2f678dd6b..8da69830c 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -4446,50 +4446,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #1e1e1e; border: 1px solid #383838; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index f5ec94222..dd628f647 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -4458,50 +4458,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: color 0.15s, box-shadow 0.15s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #2a323d; border: 1px solid #3f4b5b; box-shadow: none; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #3f4b5b; margin: 0.5rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.15s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.15s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index dc006d569..4df5eda39 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -4458,50 +4458,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: color 0.15s, box-shadow 0.15s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #2a323d; border: 1px solid #3f4b5b; box-shadow: none; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #3f4b5b; margin: 0.5rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.15s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.15s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 55c71cd9b..d393d275c 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -4458,50 +4458,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.7); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(0, 0, 0, 0.5); border-radius: 50%; transition: box-shadow 0.15s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(0, 0, 0, 0.7); background: transparent; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: none; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.5rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.15s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.15s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index 23f394d12..fd6207daa 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -4458,50 +4458,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.7); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(0, 0, 0, 0.5); border-radius: 50%; transition: box-shadow 0.15s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(0, 0, 0, 0.7); background: transparent; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: none; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.5rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.15s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.15s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index f08df6c79..dc6586f8b 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -4421,50 +4421,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #0078d4; border-radius: 2px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #0078d4; background: #f3f2f1; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #edebe9; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-dark-amber/theme.css b/public/themes/lara-dark-amber/theme.css index 18da6f116..ce2a35bd8 100644 --- a/public/themes/lara-dark-amber/theme.css +++ b/public/themes/lara-dark-amber/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #374151; border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css index 5332c2e50..8800f62e4 100644 --- a/public/themes/lara-dark-blue/theme.css +++ b/public/themes/lara-dark-blue/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #374151; border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-dark-cyan/theme.css b/public/themes/lara-dark-cyan/theme.css index 806833821..635413f1a 100644 --- a/public/themes/lara-dark-cyan/theme.css +++ b/public/themes/lara-dark-cyan/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #374151; border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css index 72a48a036..6ecf934e1 100644 --- a/public/themes/lara-dark-indigo/theme.css +++ b/public/themes/lara-dark-indigo/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #374151; border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-dark-pink/theme.css b/public/themes/lara-dark-pink/theme.css index e1858b984..684762c64 100644 --- a/public/themes/lara-dark-pink/theme.css +++ b/public/themes/lara-dark-pink/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #374151; border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css index 9a486ecec..6d6b6f4cf 100644 --- a/public/themes/lara-dark-purple/theme.css +++ b/public/themes/lara-dark-purple/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #374151; border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index f72c133c0..f2ce51ffa 100644 --- a/public/themes/lara-dark-teal/theme.css +++ b/public/themes/lara-dark-teal/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #374151; border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-dark-turquoise/theme.css b/public/themes/lara-dark-turquoise/theme.css index 9db0b2896..ecf85c0db 100644 --- a/public/themes/lara-dark-turquoise/theme.css +++ b/public/themes/lara-dark-turquoise/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #374151; border: 1px solid #424b57; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-light-amber/theme.css b/public/themes/lara-light-amber/theme.css index a3ec64fe8..ff70b4c31 100644 --- a/public/themes/lara-light-amber/theme.css +++ b/public/themes/lara-light-amber/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #6b7280; background: #f3f4f6; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css index 07e01a2a0..ccb4d3381 100644 --- a/public/themes/lara-light-blue/theme.css +++ b/public/themes/lara-light-blue/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #6b7280; background: #f3f4f6; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-light-cyan/theme.css b/public/themes/lara-light-cyan/theme.css index 374c77db4..085e88996 100644 --- a/public/themes/lara-light-cyan/theme.css +++ b/public/themes/lara-light-cyan/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #6b7280; background: #f3f4f6; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css index ed675bba2..3eb59161d 100644 --- a/public/themes/lara-light-indigo/theme.css +++ b/public/themes/lara-light-indigo/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #6b7280; background: #f3f4f6; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-light-pink/theme.css b/public/themes/lara-light-pink/theme.css index acdf8fd39..4033cee9c 100644 --- a/public/themes/lara-light-pink/theme.css +++ b/public/themes/lara-light-pink/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #6b7280; background: #f3f4f6; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css index 9a01dc977..a7f9f0cff 100644 --- a/public/themes/lara-light-purple/theme.css +++ b/public/themes/lara-light-purple/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #6b7280; background: #f3f4f6; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css index fd3489969..b24c9a421 100644 --- a/public/themes/lara-light-teal/theme.css +++ b/public/themes/lara-light-teal/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #6b7280; background: #f3f4f6; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/lara-light-turquoise/theme.css b/public/themes/lara-light-turquoise/theme.css index b2f8bac38..87ad08af8 100644 --- a/public/themes/lara-light-turquoise/theme.css +++ b/public/themes/lara-light-turquoise/theme.css @@ -4440,50 +4440,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #6b7280; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #6b7280; background: #f3f4f6; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index d8b20b77c..2d5de5942 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -4433,50 +4433,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #dedede; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #dedede; background: #4c4c4c; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0; background: #252525; border: 1px solid #191919; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.571rem; } diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index 78fa7a6f9..231541966 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -4433,50 +4433,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #dedede; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #dedede; background: #4c4c4c; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0; background: #252525; border: 1px solid #191919; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.571rem; } diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index e00f980da..30119b82e 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -4433,50 +4433,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #dedede; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #dedede; background: #4c4c4c; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0; background: #252525; border: 1px solid #191919; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.571rem; } diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 191378d1d..2dfc4b041 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -4433,50 +4433,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #dedede; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #dedede; background: #4c4c4c; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0; background: #252525; border: 1px solid #191919; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.571rem; } diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index b079ae5f0..4d28d9864 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -4470,50 +4470,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2.5rem; height: 2.5rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.04); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #2b2b2b; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 3rem; } diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 8f6b947ea..c94f457ea 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -4470,50 +4470,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2.5rem; height: 2.5rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.04); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #2b2b2b; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 3rem; } diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 14d2cb667..0ecadebea 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -4470,50 +4470,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2.5rem; height: 2.5rem; color: rgba(0, 0, 0, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.04); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 3rem; } diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index 8d1d77a3c..1772d468e 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -4470,50 +4470,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2.5rem; height: 2.5rem; color: rgba(0, 0, 0, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.04); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 3rem; } diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index efa6dee55..493a705b4 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -4470,50 +4470,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.04); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #2b2b2b; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index 0bb217673..3fd9a994d 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -4470,50 +4470,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.04); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #2b2b2b; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0.5rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 8e04d251a..8465dfef9 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -4470,50 +4470,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(0, 0, 0, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.04); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index 68b1b3365..0918f0085 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -4470,50 +4470,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(0, 0, 0, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.04); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: none; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/mira/theme.css b/public/themes/mira/theme.css index bd7b058fa..4ba20dc83 100644 --- a/public/themes/mira/theme.css +++ b/public/themes/mira/theme.css @@ -4474,50 +4474,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #81A1C1; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #81A1C1; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #81A1C1; background: #ffffff; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #E5E9F0; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/nano/theme.css b/public/themes/nano/theme.css index 98cde5f62..414aec29b 100644 --- a/public/themes/nano/theme.css +++ b/public/themes/nano/theme.css @@ -4446,50 +4446,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 1rem; height: 1rem; color: #697077; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #697077; background: #dde1e6; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 1.5rem; } diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index e27e428b4..49d39f038 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -4421,50 +4421,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #333333; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #333333; background: #eaeaea; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0; background: #ffffff; border: 1px solid #c8c8c8; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.571rem; } diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index 18f0ef2d7..2ad01b758 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -4433,50 +4433,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #333333; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #333333; background: #eaeaea; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0; background: #ffffff; border: 1px solid #c8c8c8; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.571rem; } diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 182eb0cfc..acb7472f6 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -4433,50 +4433,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #333333; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #333333; background: #eaeaea; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #c2e9d8; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0; background: #ffffff; border: 1px solid #c8c8c8; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.571rem; } diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index 7d560618d..f096f906c 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -4433,50 +4433,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #333333; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #333333; background: #eaeaea; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0; background: #ffffff; border: 1px solid #c8c8c8; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.571rem; } diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index c3f948325..886141b1d 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -4421,50 +4421,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #666666; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #666666; background: #eaeaea; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0; background: #ffffff; border: 1px solid #eaeaea; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #dadada; margin: 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.571rem; } diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 832c0abfc..9b17012db 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -4446,50 +4446,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #6c757d; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #6c757d; background: #e9ecef; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index c6c742c3f..51d69128c 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -4446,50 +4446,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #6c757d; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #6c757d; background: #e9ecef; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 4a947f968..7bc4937bb 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -4446,50 +4446,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #6c757d; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #6c757d; background: #e9ecef; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index f13be7266..4d72a9f5d 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -4446,50 +4446,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #6c757d; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #6c757d; background: #e9ecef; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/soho-dark/theme.css b/public/themes/soho-dark/theme.css index 4a9df23b1..69e79f5af 100644 --- a/public/themes/soho-dark/theme.css +++ b/public/themes/soho-dark/theme.css @@ -4445,50 +4445,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #333544; border: 1px solid #3e4053; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #3e4053; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/soho-light/theme.css b/public/themes/soho-light/theme.css index 7454c8a21..b57fe6876 100644 --- a/public/themes/soho-light/theme.css +++ b/public/themes/soho-light/theme.css @@ -4445,50 +4445,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #708da9; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #708da9; background: #f6f9fc; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #eff3f8; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #dfe7ef; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css index 45644c50e..88c9f1304 100644 --- a/public/themes/tailwind-light/theme.css +++ b/public/themes/tailwind-light/theme.css @@ -4481,50 +4481,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #71717A; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #71717A; border-radius: 50%; transition: none; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #71717A; background: #f4f4f5; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #f3f4f6; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 8dcd99af2..ac03fd2f6 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -4446,50 +4446,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #1f2d40; border: 1px solid #304562; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index a54a12f0e..ba0b6ce27 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -4446,50 +4446,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #1f2d40; border: 1px solid #304562; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 4bdc5f3eb..21abc60f7 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -4446,50 +4446,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #1f2d40; border: 1px solid #304562; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 19f8e6091..e6cf05d80 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -4446,50 +4446,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.25rem 0; background: #1f2d40; border: 1px solid #304562; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/viva-dark/theme.css b/public/themes/viva-dark/theme.css index 5ad6f3ae8..890261aa7 100644 --- a/public/themes/viva-dark/theme.css +++ b/public/themes/viva-dark/theme.css @@ -4478,50 +4478,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0.5rem; background: #161d21; border: 2px solid #263238; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #263238; margin: 4px 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.3s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.3s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; } diff --git a/public/themes/viva-light/theme.css b/public/themes/viva-light/theme.css index 15fac4514..b1511e598 100644 --- a/public/themes/viva-light/theme.css +++ b/public/themes/viva-light/theme.css @@ -4478,50 +4478,50 @@ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button { width: 2rem; height: 2rem; color: #898989; border-radius: 50%; transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:hover { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:hover { color: #898989; background: #edf0fA; } - .p-megamenu.p-megamenu-mobile .p-megamenu-button:focus { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list { padding: 0.5rem 0.5rem; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem-separator { border-top: 1px solid #ebebeb; margin: 4px 0; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { margin-left: auto; transition: transform 0.3s; } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.3s; transform: rotate(90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } - .p-megamenu.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { + .p-megamenu.p-megamenu-horizontal.p-megamenu-mobile .p-megamenu-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link { padding-left: 2.25rem; }