@charset "UTF-8";
body.blog {
  background: #01010f url("../../../images/product-hero-bg-new.jpg") no-repeat center -460px/100vw;
}
body.blog header {
  position: fixed;
  top: 0;
  left: 0;
}
body.blog header.fixed {
  background: rgba(1, 1, 15, 0.7);
}
body.blog header:before {
  background: transparent;
}
body.blog .pagination {
  display: flex;
  gap: 6px;
}
body.blog .pagination .page-numbers {
  min-width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  flex-shrink: 0;
  padding: 0 10px;
  color: #fff;
  font-size: 14px;
  transition: all 0.3s;
}
body.blog .pagination .page-numbers:hover {
  background: rgba(255, 255, 255, 0.12);
}
body.blog .pagination .page-numbers.current {
  background: var(--lm-color-primary);
  border: 1px solid var(--lm-color-primary);
}
body.single {
  /* Lumexo dark-mode table */
  /* Header row distinct */
  /* Optional subtle striping for body rows */
  /* Kill any block background/opacity styles that clash */
  /* Link color on dark */
  /* Stop theme’s table styles from bleeding in */
  /* Force equal column widths */
}
body.single .lm-blog-single-hero-classic .lm-image img {
  max-width: 100%;
  height: auto;
  display: block;
}
body.single .wp-block-heading {
  color: #fff;
}
body.single h1 + div > div {
  position: relative;
}
body.single h1 + div > div:before {
  content: "";
  position: absolute;
  top: 9px;
  left: -12px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--lm-color-body);
}
body.single h1 + div > div:nth-child(1):before {
  display: none;
}
body.single .lm-author-url a {
  color: var(--lm-color-body);
}
body.single .sl-single-top-details {
  column-gap: 22px;
  row-gap: 6px;
  flex-wrap: wrap;
}
body.single .wp-block-list li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 13px;
}
body.single .wp-block-list li:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--lm-color-body);
}
body.single .lumexo-table table,
body.single .lumexo-table {
  width: 100% !important;
  table-layout: fixed !important;
  /* even columns + no overflow */
  border-collapse: collapse !important;
}
body.single .lumexo-table th,
body.single .lumexo-table td {
  background: #0b0f1a !important;
  /* dark navy, not pure black */
  color: #ffffff !important;
  /* force white text */
  border: 1px solid #2b5cff !important;
  /* Lumexo blue grid */
  padding: 12px 16px !important;
  vertical-align: top !important;
  word-wrap: break-word !important;
}
body.single .lumexo-table thead th {
  background: #111827 !important;
  /* slightly lighter */
  font-weight: 600 !important;
}
body.single .lumexo-table tbody tr:nth-child(even) td {
  background: #0e1422 !important;
}
body.single .lumexo-table .has-background,
body.single .lumexo-table td.has-background,
body.single .lumexo-table th.has-background {
  background: transparent !important;
}
body.single .lumexo-table a {
  color: #5cc8ff !important;
  text-decoration: none;
}
body.single .lumexo-table a:hover {
  text-decoration: underline;
}
body.single .entry-content .wp-block-table.lumexo-table *,
body.single .post-content .wp-block-table.lumexo-table * {
  box-shadow: none !important;
}
body.single .lumexo-table table,
body.single .lumexo-table {
  table-layout: fixed !important;
  /* lock widths */
  width: 100% !important;
}
body.single .lumexo-table th,
body.single .lumexo-table td {
  width: 50% !important;
  /* equal halves */
}

.lm-listing-articles {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 100px;
}

.blog-item {
  display: flex;
  gap: 40px;
  flex-direction: row-reverse;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.blog-item .image img {
  display: block;
  max-width: 100%;
  height: auto;
}
.blog-item .blog-item-content {
  width: 65%;
}
.blog-item .image {
  width: 35%;
}
.blog-item .sl-intro {
  border: 0 none;
  padding: 0;
}

.lm-blog-single-related .lm-image img {
  max-width: 100%;
  height: auto;
  display: block;
}

.lm-blog-single-body p {
  margin-bottom: 10px;
}
.lm-blog-single-body strong {
  font-family: var(--font-bold);
}
.lm-blog-single-body a {
  color: #fff;
  text-decoration: underline;
}

@media (max-width: 767px) {
  body.blog {
    background: #01010f url("../../../images/product-hero-bg-new.jpg") no-repeat center -8px/100vw;
  }

  .lm-listing-articles {
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-item {
    flex-direction: column;
  }
  .blog-item .image {
    width: 100%;
  }
  .blog-item .blog-item-content {
    width: 100%;
  }
}