/*
 * Invaris Sidebar presentation
 * v1.5.6.75 — preserve specialised logo-grid spacing inside the unified Sidebar shell.
 *
 * This stylesheet is deliberately loaded after the manager-editable Sidebar
 * CSS. It normalises only the common visual frame, title and outer spacing.
 * Specialised logo/grid composition inside Sidebar 1, 3 and 4 is preserved.
 */

.pkp_structure_sidebar
  :is(
    #customblock-invaris-sidebar-1,
    #customblock-invaris-sidebar-2,
    #customblock-invaris-sidebar-3,
    #customblock-invaris-sidebar-4
  ).pkp_block.block_custom {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  overflow: visible !important;
  color: var(--invaris-ink-strong, #102842) !important;
  background: #fff !important;
  border: 1px solid #d9e3eb !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--invaris-ui-font, "Source Sans Pro", Calibri, Candara, Arial, sans-serif) !important;
}

/* Visible OJS block title: compact navy heading and orange reference rule. */
.pkp_structure_sidebar
  :is(
    #customblock-invaris-sidebar-1,
    #customblock-invaris-sidebar-2,
    #customblock-invaris-sidebar-3,
    #customblock-invaris-sidebar-4
  ).pkp_block.block_custom
  > .title:not(.pkp_screen_reader) {
  box-sizing: border-box !important;
  display: block !important;
  width: auto !important;
  margin: 0 18px !important;
  padding: 17px 0 0 !important;
  color: var(--invaris-ink-strong, #102842) !important;
  background: #fff !important;
  border: 0 !important;
  font-family: var(--invaris-ui-font, "Source Sans Pro", Calibri, Candara, Arial, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
}

.pkp_structure_sidebar
  :is(
    #customblock-invaris-sidebar-1,
    #customblock-invaris-sidebar-2,
    #customblock-invaris-sidebar-3,
    #customblock-invaris-sidebar-4
  ).pkp_block.block_custom
  > .title:not(.pkp_screen_reader)::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 2px !important;
  margin: 10px 0 0 !important;
  background: var(--invaris-header-orange, #ef6a24) !important;
}

/* Shared content gutter. Display/grid properties are intentionally untouched. */
.pkp_structure_sidebar
  :is(
    #customblock-invaris-sidebar-1,
    #customblock-invaris-sidebar-2,
    #customblock-invaris-sidebar-3,
    #customblock-invaris-sidebar-4
  ).pkp_block.block_custom
  > .content {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  color: var(--invaris-ink-strong, #102842) !important;
  background: #fff !important;
  border: 0 !important;
  font-family: var(--invaris-ui-font, "Source Sans Pro", Calibri, Candara, Arial, sans-serif) !important;
}

/* When the OJS title is intentionally hidden, keep the same top breathing room. */
.pkp_structure_sidebar
  :is(
    #customblock-invaris-sidebar-1,
    #customblock-invaris-sidebar-2,
    #customblock-invaris-sidebar-3,
    #customblock-invaris-sidebar-4
  ).pkp_block.block_custom
  > .title.pkp_screen_reader
  + .content {
  /* Keep specialised per-block padding untouched for logo/grid blocks. */
}

/* Sidebar 2 content is administrator-authored rich HTML.
 * Do not impose typography, alignment, list or link presentation here.
 * The generic Invaris card shell and outer content gutter remain below. */

/* Administrator-authored logo/image HTML.
 * Centre only media-bearing rows/links; text-only rich HTML keeps its own alignment. */
.pkp_structure_sidebar
  [id^="customblock-invaris-sidebar-"].pkp_block.block_custom
  > .content :is(p, div, figure):has(img) {
  text-align: center !important;
}

.pkp_structure_sidebar
  [id^="customblock-invaris-sidebar-"].pkp_block.block_custom
  > .content a:has(img) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 100% !important;
}

.pkp_structure_sidebar
  [id^="customblock-invaris-sidebar-"].pkp_block.block_custom
  > .content :is(p, div, figure):has(img) > a:has(img) {
  margin-left: auto !important;
  margin-right: auto !important;
}

.pkp_structure_sidebar
  [id^="customblock-invaris-sidebar-"].pkp_block.block_custom
  > .content img {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}

/*
 * Semantic markup support.
 * OJS already supplies the card shell and title. Do not draw a second card.
 */
.pkp_structure_sidebar
  :is(
    #customblock-invaris-sidebar-1,
    #customblock-invaris-sidebar-2,
    #customblock-invaris-sidebar-3,
    #customblock-invaris-sidebar-4
  ).pkp_block.block_custom
  > .content .side-block {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Avoid a duplicate heading when the native OJS block title is visible. */
.pkp_structure_sidebar
  :is(
    #customblock-invaris-sidebar-1,
    #customblock-invaris-sidebar-2,
    #customblock-invaris-sidebar-3,
    #customblock-invaris-sidebar-4
  ).pkp_block.block_custom
  > .title:not(.pkp_screen_reader)
  + .content
  .side-block
  > h3:first-child {
  display: none !important;
}

/* If the native title is hidden, a semantic h3 becomes the visual title. */
.pkp_structure_sidebar
  :is(
    #customblock-invaris-sidebar-1,
    #customblock-invaris-sidebar-2,
    #customblock-invaris-sidebar-3,
    #customblock-invaris-sidebar-4
  ).pkp_block.block_custom
  > .title.pkp_screen_reader
  + .content
  .side-block
  > h3:first-child {
  margin: 0 0 15px !important;
  padding: 0 0 10px !important;
  color: var(--invaris-ink-strong, #102842) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid var(--invaris-header-orange, #ef6a24) !important;
  font-family: var(--invaris-ui-font, "Source Sans Pro", Calibri, Candara, Arial, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
}

@media (max-width: 991.98px) {
  .pkp_structure_sidebar
    :is(
      #customblock-invaris-sidebar-1,
      #customblock-invaris-sidebar-2,
      #customblock-invaris-sidebar-3,
      #customblock-invaris-sidebar-4
    ).pkp_block.block_custom {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 575.98px) {
  .pkp_structure_sidebar
    :is(
      #customblock-invaris-sidebar-1,
      #customblock-invaris-sidebar-2,
      #customblock-invaris-sidebar-3,
      #customblock-invaris-sidebar-4
    ).pkp_block.block_custom
    > .title:not(.pkp_screen_reader) {
    margin-left: 16px !important;
    margin-right: 16px !important;
    padding-top: 15px !important;
  }

  .pkp_structure_sidebar
    #customblock-invaris-sidebar-2.pkp_block.block_custom
    > .content {
    padding: 13px 16px 16px !important;
  }
}


/* ==========================================================================
   v1.5.6.76 — unified shell for native OJS Sidebar blocks + centred custom content
   ========================================================================== */

/*
 * All Sidebar blocks now share the same visual card frame. Native OJS blocks
 * retain their own generated content structure; only generic presentation is
 * normalised. Theme-managed custom blocks keep their specialised grid CSS.
 */
.pkp_structure_sidebar .pkp_block {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  overflow: visible !important;
  color: var(--invaris-ink-strong, #102842) !important;
  background: #fff !important;
  border: 1px solid #d9e3eb !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--invaris-ui-font, "Source Sans Pro", Calibri, Candara, Arial, sans-serif) !important;
}

/* One title treatment for native and custom blocks. */
.pkp_structure_sidebar .pkp_block > .title:not(.pkp_screen_reader),
.pkp_structure_sidebar .pkp_block > h2:not(.pkp_screen_reader),
.pkp_structure_sidebar .pkp_block > h3:not(.pkp_screen_reader) {
  box-sizing: border-box !important;
  display: block !important;
  width: auto !important;
  margin: 0 18px !important;
  padding: 17px 0 0 !important;
  color: var(--invaris-ink-strong, #102842) !important;
  background: #fff !important;
  border: 0 !important;
  font-family: var(--invaris-ui-font, "Source Sans Pro", Calibri, Candara, Arial, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

.pkp_structure_sidebar .pkp_block > .title:not(.pkp_screen_reader)::after,
.pkp_structure_sidebar .pkp_block > h2:not(.pkp_screen_reader)::after,
.pkp_structure_sidebar .pkp_block > h3:not(.pkp_screen_reader)::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 2px !important;
  margin: 10px 0 0 !important;
  background: var(--invaris-header-orange, #ef6a24) !important;
}

/* Common content surface only. Do not impose grid/display rules here. */
.pkp_structure_sidebar .pkp_block > .content {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  color: var(--invaris-ink-strong, #102842) !important;
  background: #fff !important;
  border: 0 !important;
  font-family: var(--invaris-ui-font, "Source Sans Pro", Calibri, Candara, Arial, sans-serif) !important;
}

/*
 * Native OJS blocks keep automatically generated markup and alignment.
 * Give that markup the same white-card spacing and restrained separators.
 */
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content {
  padding: 14px 18px 18px !important;
  text-align: left !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content ul,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content ol {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content li {
  margin: 0 !important;
  padding: 0 !important;
  color: #526b82 !important;
  border: 0 !important;
  border-bottom: 1px solid #e6edf2 !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content li:last-child {
  border-bottom: 0 !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content li > a {
  display: block !important;
  margin: 0 !important;
  padding: 9px 0 !important;
  color: var(--invaris-link, #00589b) !important;
  background: #fff !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content li > a:hover,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content li > a:focus {
  color: var(--invaris-primary, #002b55) !important;
  background: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* Native submission block: keep OJS link/action, remove the legacy grey tile. */
.pkp_structure_sidebar .pkp_block.block_make_submission > .content a,
.pkp_structure_sidebar .pkp_block.block_make_submission a.block_make_submission_link {
  display: block !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  color: var(--invaris-link, #00589b) !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

.pkp_structure_sidebar .pkp_block.block_make_submission > .content a::before,
.pkp_structure_sidebar .pkp_block.block_make_submission a.block_make_submission_link::before {
  content: none !important;
  display: none !important;
}

/*
 * Theme-managed custom blocks: all visible content is centred.
 * Equal-specificity selectors placed here deliberately override older
 * Sidebar-2 left-alignment rules while leaving grid dimensions untouched.
 */
.pkp_structure_sidebar
  :is(
    #customblock-invaris-sidebar-1,
    #customblock-invaris-sidebar-2,
    #customblock-invaris-sidebar-3,
    #customblock-invaris-sidebar-4,
    #customblock-invaris-sidebar-5,
    #customblock-invaris-sidebar-6,
    #customblock-invaris-sidebar-7,
    #customblock-invaris-sidebar-8
  ).pkp_block.block_custom
  > .title:not(.pkp_screen_reader) {
  text-align: center !important;
}

.pkp_structure_sidebar
  :is(
    #customblock-invaris-sidebar-1,
    #customblock-invaris-sidebar-2,
    #customblock-invaris-sidebar-3,
    #customblock-invaris-sidebar-4,
    #customblock-invaris-sidebar-5,
    #customblock-invaris-sidebar-6,
    #customblock-invaris-sidebar-7,
    #customblock-invaris-sidebar-8
  ).pkp_block.block_custom
  > .content {
  text-align: center !important;
}

/* Text-oriented managed blocks receive the normal card gutter. */
.pkp_structure_sidebar
  :is(
    #customblock-invaris-sidebar-2,
    #customblock-invaris-sidebar-5,
    #customblock-invaris-sidebar-6,
    #customblock-invaris-sidebar-7,
    #customblock-invaris-sidebar-8
  ).pkp_block.block_custom
  > .content {
  padding: 14px 18px 18px !important;
}

/* Preserve specialised padding/display owned by logo blocks 1, 3 and 4. */
.pkp_structure_sidebar
  :is(
    #customblock-invaris-sidebar-1,
    #customblock-invaris-sidebar-3,
    #customblock-invaris-sidebar-4
  ).pkp_block.block_custom
  > .content {
  height: auto !important;
}

.pkp_structure_sidebar
  [id^="customblock-invaris-sidebar-"].pkp_block.block_custom
  > .content img {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Hidden native title + semantic custom heading uses the same centred style. */
.pkp_structure_sidebar
  :is(
    #customblock-invaris-sidebar-1,
    #customblock-invaris-sidebar-2,
    #customblock-invaris-sidebar-3,
    #customblock-invaris-sidebar-4,
    #customblock-invaris-sidebar-5,
    #customblock-invaris-sidebar-6,
    #customblock-invaris-sidebar-7,
    #customblock-invaris-sidebar-8
  ).pkp_block.block_custom
  > .title.pkp_screen_reader
  + .content
  .side-block
  > h3:first-child {
  text-align: inherit !important;
}

@media (max-width: 575.98px) {
  .pkp_structure_sidebar .pkp_block > .title:not(.pkp_screen_reader),
  .pkp_structure_sidebar .pkp_block > h2:not(.pkp_screen_reader),
  .pkp_structure_sidebar .pkp_block > h3:not(.pkp_screen_reader) {
    margin-left: 16px !important;
    margin-right: 16px !important;
    padding-top: 15px !important;
  }

  .pkp_structure_sidebar .pkp_block:not(.block_custom) > .content,
  .pkp_structure_sidebar
    :is(
      #customblock-invaris-sidebar-2,
      #customblock-invaris-sidebar-5,
      #customblock-invaris-sidebar-6,
      #customblock-invaris-sidebar-7,
      #customblock-invaris-sidebar-8
    ).pkp_block.block_custom
    > .content {
    padding: 13px 16px 16px !important;
  }
}


/* ==========================================================================
   v1.5.6.77 — generic native OJS Sidebar content system
   ========================================================================== */

/*
 * Generic presentation for every native OJS block that is placed in the
 * Sidebar now or later. OJS keeps generating the block content; the theme
 * supplies typography, spacing, separators, controls and table treatment.
 */
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content {
  padding: 14px 18px 18px !important;
  color: #526b82 !important;
  font-family: var(--invaris-ui-font, "Source Sans Pro", Calibri, Candara, Arial, sans-serif) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content > :first-child {
  margin-top: 0 !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content > :last-child {
  margin-bottom: 0 !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content p,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content dd {
  margin-top: 0 !important;
  color: #526b82 !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content strong,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content b,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content dt,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content th {
  color: var(--invaris-ink-strong, #102842) !important;
  font-weight: 700 !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content a {
  color: var(--invaris-link, #00589b) !important;
  text-decoration: none !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content a:hover,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content a:focus {
  color: var(--invaris-primary, #002b55) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content ul,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content ol {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content li {
  margin: 0 !important;
  padding: 9px 0 !important;
  color: #526b82 !important;
  border: 0 !important;
  border-bottom: 1px solid #e6edf2 !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content li:first-child {
  padding-top: 0 !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content li:last-child {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content li > a {
  display: block !important;
  padding: 0 !important;
  background: transparent !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content hr {
  margin: 12px 0 !important;
  border: 0 !important;
  border-top: 1px solid #e6edf2 !important;
  opacity: 1 !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content img {
  max-width: 100% !important;
  height: auto !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-collapse: collapse !important;
  background: #fff !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content th,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content td {
  padding: 10px 9px !important;
  border: 1px solid #e6edf2 !important;
  vertical-align: top !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content th {
  background: #fbfcfd !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content small,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content time,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content .date {
  color: #7c8fa1 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content input:not([type="checkbox"]):not([type="radio"]),
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content select,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 38px !important;
  padding: 8px 10px !important;
  color: var(--invaris-ink-strong, #102842) !important;
  background: #fff !important;
  border: 1px solid #d9e3eb !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font: inherit !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content button,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content input[type="submit"],
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content input[type="button"] {
  min-height: 38px !important;
  padding: 8px 14px !important;
  color: #fff !important;
  background: var(--invaris-primary, #002b55) !important;
  border: 1px solid var(--invaris-primary, #002b55) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
}

.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content button:hover,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content button:focus,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content input[type="submit"]:hover,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content input[type="submit"]:focus,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content input[type="button"]:hover,
.pkp_structure_sidebar .pkp_block:not(.block_custom) > .content input[type="button"]:focus {
  background: var(--invaris-button-dark, #001f40) !important;
  border-color: var(--invaris-button-dark, #001f40) !important;
}

@media (max-width: 575.98px) {
  .pkp_structure_sidebar .pkp_block:not(.block_custom) > .content {
    padding: 13px 16px 16px !important;
  }

  .pkp_structure_sidebar .pkp_block:not(.block_custom) > .content th,
  .pkp_structure_sidebar .pkp_block:not(.block_custom) > .content td {
    padding: 9px 8px !important;
  }
}


/* ==========================================================================
   v1.5.6.93 — Invaris navigation/action Sidebar block
   ========================================================================== */

.pkp_structure_sidebar #customblock-invaris-sidebar-navigation.pkp_block.block_custom {
  overflow: hidden !important;
}

.pkp_structure_sidebar #customblock-invaris-sidebar-navigation.pkp_block.block_custom > .content {
  padding: 0 !important;
  text-align: left !important;
}

.pkp_structure_sidebar #customblock-invaris-sidebar-navigation .invaris-sidebar-nav-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.pkp_structure_sidebar #customblock-invaris-sidebar-navigation .invaris-sidebar-nav-item {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #fff !important;
  list-style: none !important;
}

.pkp_structure_sidebar #customblock-invaris-sidebar-navigation .invaris-sidebar-nav-item:last-child {
  border-bottom: 0 !important;
}

.pkp_structure_sidebar #customblock-invaris-sidebar-navigation .invaris-sidebar-nav-link {
  position: relative !important;
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 12px 16px 12px 20px !important;
  color: var(--invaris-ink-strong, #102842) !important;
  background: #f3f5f7 !important;
  border: 0 !important;
  font-family: var(--invaris-ui-font, "Source Sans Pro", Arial, sans-serif) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  text-decoration: none !important;
  transition: color .18s ease, background-color .18s ease, padding-left .18s ease !important;
}

.pkp_structure_sidebar #customblock-invaris-sidebar-navigation .invaris-sidebar-nav-link::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 3px !important;
  background: transparent !important;
  transition: background-color .18s ease !important;
}

.pkp_structure_sidebar #customblock-invaris-sidebar-navigation .invaris-sidebar-nav-link:hover,
.pkp_structure_sidebar #customblock-invaris-sidebar-navigation .invaris-sidebar-nav-link:focus {
  padding-left: 23px !important;
  color: #fff !important;
  background: var(--invaris-primary, #002b55) !important;
  text-decoration: none !important;
}

.pkp_structure_sidebar #customblock-invaris-sidebar-navigation .invaris-sidebar-nav-link:hover::before,
.pkp_structure_sidebar #customblock-invaris-sidebar-navigation .invaris-sidebar-nav-link:focus::before {
  background: var(--invaris-heading-accent, #ef6a24) !important;
}

.pkp_structure_sidebar #customblock-invaris-sidebar-navigation .is-submit .invaris-sidebar-nav-link {
  min-height: 58px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  background: #eef2f5 !important;
  font-weight: 700 !important;
}

.pkp_structure_sidebar #customblock-invaris-sidebar-navigation .is-submit .invaris-sidebar-nav-link:hover,
.pkp_structure_sidebar #customblock-invaris-sidebar-navigation .is-submit .invaris-sidebar-nav-link:focus {
  padding-left: 0 !important;
  color: #fff !important;
  background: var(--invaris-primary, #002b55) !important;
}

.invaris-sidebar-submit-icon {
  align-self: stretch !important;
  flex: 0 0 54px !important;
  width: 54px !important;
  min-height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: #526b82 !important;
  transition: background-color .18s ease, color .18s ease !important;
}

.invaris-sidebar-submit-icon svg {
  width: 25px !important;
  height: 25px !important;
  fill: currentColor !important;
}

.invaris-sidebar-nav-label {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.invaris-sidebar-nav-arrow {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  color: #91a4b5 !important;
  font-size: 21px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transition: color .18s ease, transform .18s ease !important;
}

.invaris-sidebar-nav-link:hover .invaris-sidebar-nav-arrow,
.invaris-sidebar-nav-link:focus .invaris-sidebar-nav-arrow {
  color: #fff !important;
  transform: translateX(3px) !important;
}

.is-submit .invaris-sidebar-nav-link:hover .invaris-sidebar-submit-icon,
.is-submit .invaris-sidebar-nav-link:focus .invaris-sidebar-submit-icon {
  color: #fff !important;
  background: var(--invaris-heading-accent, #ef6a24) !important;
}