:root {
  --left-side-offset: 70px;
}
.componentSubMenu {
  border-bottom: 0 !important;
  box-shadow: none !important;
}
body:not(.menu-vertical) .componentSubMenu .pageHeaderTable {
  justify-content: center;
}
body > header.navbar {
  width: 100%;
  height: var(--navbar-height);
  background-color: var(--navbar-color-bg);
  color: var(--navbar-color-on);
  position: fixed;
  display: inline-flex;
  top: 0;
  left: 0;
  padding: var(--navbar-padding);
  z-index: var(--navbar-z);
}
.editorSubmenu {
  left: calc(var(--left-side-offset) + 36px) !important;
  transform: translate(0, -50%) !important;
  position: fixed !important;
  top: calc(var(--navbar-height) / 2) !important;
  width: fit-content !important;
  margin: auto;
  height: var(--navbar-height) !important;
  z-index: var(--menu-z) !important;
  background: var(--color-white);
  box-shadow: none;
  border-bottom: 0;
}
.editorSubmenu .pageHeaderTable {
  height: inherit;
}
.editorSubmenu .pageHeaderTable .project-submenu-wrapper {
  margin-bottom: 2px;
}
.editorSubmenu .pageHeaderTable .project-submenu-wrapper .project-detail-submenu {
  width: 100%;
  height: 50%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 40px;
  color: var(--color-black);
  font-family: var(--font-primary);
}
.editorSubmenu .pageHeaderTable .project-submenu-wrapper .project-detail-submenu .project-name {
  width: fit-content;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: var(--font-size-xl);
  font-weight: var(--font-regular, 400);
  line-height: 1;
  letter-spacing: -0.06px;
  white-space: nowrap;
}
.editorSubmenu .pageHeaderTable .project-submenu-wrapper .project-detail-submenu .event-dates {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 6px;
}
.editorSubmenu .pageHeaderTable .project-submenu-wrapper .project-detail-submenu .event-dates .event-label {
  font-size: var(--font-size-base);
  font-family: var(--font-primary);
  font-weight: var(--font-bold, 700);
  line-height: 1;
  margin-bottom: 3px;
}
.editorSubmenu .pageHeaderTable .project-submenu-wrapper .project-detail-submenu .event-dates .event-date-range {
  display: flex;
  align-items: flex-end;
  margin-bottom: 3px;
  flex-direction: row;
  gap: 5px;
}
.editorSubmenu .pageHeaderTable .project-submenu-wrapper .project-detail-submenu .event-dates .event-date-range .date-field {
  font-size: var(--font-size-base);
  font-family: var(--font-primary);
  font-weight: var(--font-regular, 400);
  line-height: 1;
}
.editorSubmenu .pageHeaderTable .project-submenu-wrapper .project-detail-submenu .event-actions .project-action {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  gap: 6px;
}
.editorSubmenu .pageHeaderTable .project-submenu-wrapper .project-detail-submenu .event-actions .project-action .ps-icon {
  font-size: var(--font-size-base);
  color: #d3d3d3;
  font-weight: 200;
}
.editorSubmenu .pageHeaderTable .project-submenu-wrapper .project-detail-submenu .event-actions .project-action .ps-text {
  color: #000;
  font-family: Asap;
  font-size: calc(var(--font-size-xs) - 2px);
  font-style: normal;
  font-weight: var(--font-regular, 400);
  line-height: 145%;
}
.editorSubmenu .pageHeaderTable .submenu-wrapper {
  max-height: 50%;
}
.editorSubmenu .pageHeaderTable .submenu-wrapper .componentHolder {
  height: 50%;
}
.editorSubmenu .pageHeaderTable .submenu-wrapper .componentHolder .pageHeaderTable {
  justify-content: flex-start;
  padding-left: 2px !important;
}
.editorSubmenu .pageHeaderTable .submenu-wrapper .componentHolder .pageHeaderTable table {
  border-spacing: 20px 0;
  margin-left: -20px;
  margin-right: -20px;
}
.editorSubmenu .pageHeaderTable .submenu-wrapper .componentHolder .pageHeaderTable table tbody tr td {
  padding: 0;
}
.editorSubmenu .pageHeaderTable .submenu-wrapper .componentHolder .pageHeaderTable table tbody tr td.pageHeaderMenu > a {
  color: var(--color-black);
  transition: letter-spacing 0.1s;
}
.editorSubmenu .pageHeaderTable .submenu-wrapper .componentHolder .pageHeaderTable table tbody tr td.pageHeaderMenu:hover {
  background-color: transparent;
  transform: scale(1.05);
}
.editorSubmenu .pageHeaderTable .submenu-wrapper .componentHolder .pageHeaderTable table tbody tr td.pageHeaderMenu:hover > a {
  color: var(--color-secondary);
  text-shadow: 0 0 0.7px currentColor, 0 0 0.7px currentColor;
}
.editorSubmenu .pageHeaderTable .submenu-wrapper .componentHolder .pageHeaderTable table tbody tr td.pageHeaderMenuSelected {
  background-color: transparent;
  border-radius: 0;
  transform: scale(1.1);
}
.editorSubmenu .pageHeaderTable .submenu-wrapper .componentHolder .pageHeaderTable table tbody tr td.pageHeaderMenuSelected > a {
  color: var(--color-secondary);
  text-shadow: 0 0 0.7px currentColor, 0 0 0.7px currentColor;
}