/*
 * Invaris informational pages
 * v1.5.6.91
 *
 * The stylesheet is loaded on the frontend. invaris-static-pages.js activates
 * it only for the confirmed Static/Custom Pages and selected native OJS
 * informational routes.
 */

.pkp_structure_main > .page.invaris-info-page {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 34px 36px 38px !important;
  color: #526b82;
  background: #fff !important;
  border: 1px solid #d9e3eb !important;
  box-shadow: 0 2px 9px rgba(var(--invaris-primary-rgb, 0, 43, 85), .045);
  font-family: var(--invaris-ui-font, "Source Sans Pro", Arial, sans-serif);
  font-size: 14px;
  line-height: 1.72;
}

.pkp_structure_main > .page.invaris-info-page .invaris-info-title {
  display: block !important;
  margin: 0 0 24px !important;
  padding: 0 0 14px !important;
  color: var(--invaris-primary, #002b55) !important;
  border: 0 !important;
  border-bottom: 3px solid var(--invaris-primary, #002b55) !important;
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-size: clamp(30px, 3.1vw, 44px) !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
}

.pkp_structure_main > .page.invaris-info-page > :last-child,
.pkp_structure_main > .page.invaris-info-page .description > :last-child {
  margin-bottom: 0 !important;
}

.pkp_structure_main > .page.invaris-info-page p,
.pkp_structure_main > .page.invaris-info-page .description {
  color: #526b82 !important;
  font-size: 14px !important;
  line-height: 1.72 !important;
}

.pkp_structure_main > .page.invaris-info-page p {
  margin: 0 0 14px !important;
}

.pkp_structure_main > .page.invaris-info-page:not(.invaris-info-page--announcement) h2:not(.invaris-info-title),
.pkp_structure_main > .page.invaris-info-page:not(.invaris-info-page--announcement) h3 {
  margin: 28px 0 14px !important;
  padding: 0 0 9px !important;
  color: var(--invaris-primary, #002b55) !important;
  border: 0 !important;
  border-bottom: 1px solid #d9e3eb !important;
  font-family: Georgia, "Times New Roman", Times, serif !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

.pkp_structure_main > .page.invaris-info-page:not(.invaris-info-page--announcement) h2:not(.invaris-info-title) {
  font-size: 23px !important;
}

.pkp_structure_main > .page.invaris-info-page:not(.invaris-info-page--announcement) h3 {
  font-size: 20px !important;
}

.pkp_structure_main > .page.invaris-info-page h4,
.pkp_structure_main > .page.invaris-info-page h5,
.pkp_structure_main > .page.invaris-info-page h6 {
  margin: 22px 0 10px !important;
  color: var(--invaris-primary, #002b55) !important;
  font-family: var(--invaris-ui-font, "Source Sans Pro", Arial, sans-serif) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.pkp_structure_main > .page.invaris-info-page a {
  color: var(--invaris-link, #00589b) !important;
  text-decoration: none !important;
  overflow-wrap: anywhere;
}

.pkp_structure_main > .page.invaris-info-page a:hover,
.pkp_structure_main > .page.invaris-info-page a:focus {
  color: var(--invaris-primary, #002b55) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.pkp_structure_main > .page.invaris-info-page ul,
.pkp_structure_main > .page.invaris-info-page ol {
  margin: 12px 0 18px !important;
  padding-left: 24px !important;
}

.pkp_structure_main > .page.invaris-info-page li {
  margin: 0 0 8px !important;
  padding-left: 3px !important;
  color: #526b82 !important;
  line-height: 1.65 !important;
}

.pkp_structure_main > .page.invaris-info-page ul li::marker,
.pkp_structure_main > .page.invaris-info-page ol li::marker {
  color: var(--invaris-primary, #002b55);
}

.pkp_structure_main > .page.invaris-info-page ol li::marker {
  font-weight: 700;
}

.pkp_structure_main > .page.invaris-info-page strong,
.pkp_structure_main > .page.invaris-info-page b {
  color: var(--invaris-ink-strong, #102842) !important;
  font-weight: 700 !important;
}

.pkp_structure_main > .page.invaris-info-page blockquote {
  margin: 20px 0 !important;
  padding: 13px 16px !important;
  color: #526b82 !important;
  background: #f7fafc !important;
  border: 0 !important;
  border-left: 3px solid #d9e3eb !important;
}

.pkp_structure_main > .page.invaris-info-page hr {
  margin: 24px 0 !important;
  border: 0 !important;
  border-top: 1px solid #d9e3eb !important;
}

.pkp_structure_main > .page.invaris-info-page img {
  max-width: 100% !important;
  height: auto !important;
}

.pkp_structure_main > .page.invaris-info-page table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 18px 0 !important;
  border-collapse: collapse !important;
  background: #fff !important;
}

.pkp_structure_main > .page.invaris-info-page th,
.pkp_structure_main > .page.invaris-info-page td {
  padding: 10px 12px !important;
  color: #526b82 !important;
  border: 1px solid #d9e3eb !important;
  text-align: left !important;
  vertical-align: top !important;
}

.pkp_structure_main > .page.invaris-info-page th {
  color: var(--invaris-ink-strong, #102842) !important;
  background: #f7fafc !important;
  font-weight: 700 !important;
}

/* Native editorial masthead keeps OJS data but adopts the common spacing. */
.pkp_structure_main > .page.invaris-info-page.page_masthead .user_listing {
  margin-bottom: 24px !important;
}

.pkp_structure_main > .page.invaris-info-page.page_masthead .user_listing li {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* Announcement detail: same shell/title, native object structure retained. */
.pkp_structure_main > .page.invaris-info-page--announcement .obj_announcement_full {
  margin: 0 !important;
}

.pkp_structure_main > .page.invaris-info-page--announcement .obj_announcement_full .date {
  margin: -10px 0 22px !important;
  color: #526b82 !important;
}

.pkp_structure_main > .page.invaris-info-page--announcement .obj_announcement_full .description {
  margin-top: 22px !important;
}

@media (max-width: 767.98px) {
  .pkp_structure_main > .page.invaris-info-page {
    padding: 24px 20px 28px !important;
  }

  .pkp_structure_main > .page.invaris-info-page .invaris-info-title {
    font-size: 30px !important;
  }

  .pkp_structure_main > .page.invaris-info-page table {
    display: block !important;
    max-width: 100% !important;
    overflow-x: auto !important;
  }
}