/* ========================================================================== 
   Krannon Archaeology Theme — v1.4.7.8
   Inner hero title alignment patch

   Aligns inner-page hero titles with the same editorial site axis used by
   breadcrumbs, local navigation and the main page shell. The homepage hero is
   intentionally left untouched.
   ========================================================================== */

body:not(.home) .krannon-page-hero > .krannon-container,
body:not(.home) .krannon-section-hero > .krannon-container {
  width: var(--krannon-site-shell-width, min(var(--krannon-container, 1180px), calc(100vw - 56px))) !important;
  max-width: var(--krannon-container, 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

body:not(.home) .krannon-page-hero .krannon-section-hero-inner,
body:not(.home) .krannon-section-hero .krannon-section-hero-inner {
  width: min(var(--krannon-content-width, 760px), 100%) !important;
  max-width: var(--krannon-content-width, 760px) !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
}

body:not(.home) .krannon-page-hero--center .krannon-section-hero-inner {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body:not(.home) .krannon-page-hero .krannon-section-hero-title,
body:not(.home) .krannon-section-hero .krannon-section-hero-title,
body:not(.home) .krannon-page-hero .krannon-page-title,
body:not(.home) .krannon-section-hero .krannon-page-title {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: min(var(--krannon-content-width, 760px), 100%) !important;
}

body:not(.home) .krannon-page-hero--center .krannon-section-hero-title,
body:not(.home) .krannon-page-hero--center .krannon-page-title {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 560px) {
  body:not(.home) .krannon-page-hero > .krannon-container,
  body:not(.home) .krannon-section-hero > .krannon-container {
    width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
  }

  body:not(.home) .krannon-page-hero .krannon-section-hero-inner,
  body:not(.home) .krannon-section-hero .krannon-section-hero-inner {
    width: 100% !important;
    max-width: 100% !important;
  }
}