/* stylelint-disable custom-property-pattern */
:root {
  --color-text-gray: rgb(85 85 85);
}

/* Hide metadata table */
#main-content > .table-wrap:first-child {
  display: none !important;
}

.exp-logo,
.exp-document-title,
.exp-header,
.exp-sidebar-toc {
  display: none !important;
}

.exp-sidebar-navigation {
  grid-area: 1 / 1 / 6 / 4 !important;
  background-color: var(--K15t-surface);
}

.exp-breadcrumbs-wrapper {
  grid-area: 1 / 4 / 2 / 9 !important;
}

.confluenceTh p {
  padding-right: 0.5rem !important;
}

ol {
  list-style-type: decimal;
}

ol ol {
  list-style-type: lower-alpha;
}

ol ol ol {
  list-style-type: lower-roman;
}

ol ol ol ol {
  list-style-type: decimal;
}

.exp-content {
  grid-area: 2 / 4 / 5 / 12 !important;
}

/* Branding Styles */
/* stylelint-disable-next-line no-duplicate-selectors */
.exp-content {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-text-gray);
  margin-top: calc(var(--exp-grid-step) * 4) !important;
}

/* Paragraphs */
.exp-content p {
  margin-top: 0;
  margin-bottom: 16px;
}

/* Links */
.exp-content a {
  color: rgb(0 94 143);
  font-family: 'Open Sans', sans-serif;
  text-decoration: underline;
  box-shadow: none;
  cursor: pointer;
}

.exp-content a:hover {
  text-decoration: none;
}

/* Lists */
.exp-content ol,
.exp-content ul {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-text-gray);
  margin-top: 0;
  margin-bottom: 22px;
  padding-left: 16px;
  margin-left: 22px;
}

/* List items */
.exp-content li {
  margin-bottom: 16px;
}

/* Paragraphs inside list items */
.exp-content li p {
  margin-top: 0;
  margin-bottom: 16px;
}

/* Tables */
.exp-content table {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-text-gray);
  margin-top: 0;
  margin-bottom: 22px;
}

/* End of Branding Styles */

@media (max-width: 1024px) {
  .exp-breadcrumbs-wrapper {
    grid-area: 2 / 4 / 3 / 12 !important;
    margin-top: 0;
  }

  .exp-content {
    grid-area: 3 / 4 / 5 / 12 !important;
    margin-top: calc(var(--exp-grid-step) * 9) !important;
  }
}

.exp-search-container {
  z-index: 1;
}

.exp-search-container .exp-search-input-icon {
  top: 50%;
  transform: translateY(-50%);
}

.exp-search-input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

.exp-post-navigation-prev,
.exp-post-navigation-next {
  margin-bottom: 24px !important;
}

.exp-post-navigation-next {
  grid-area: 5 / 7 / 6 / 12 !important;
}
