:root {
  --fx-ink: #17212b;
  --fx-muted: #5d6875;
  --fx-line: #dfe4e8;
  --fx-paper: #ffffff;
  --fx-surface: #f5f7f8;
  --fx-brand: #b42318;
  --fx-brand-dark: #7a1c15;
  --fx-accent: #0b6e69;
}

body {
  color: var(--fx-ink);
  background: var(--fx-surface);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  letter-spacing: 0;
}

html,
body {
  overflow-x: clip;
}

a {
  color: inherit;
}

a:hover,
a:focus {
  color: var(--fx-brand);
}

.container-fluid {
  width: min(100% - 32px, 1240px);
  padding-right: 0;
  padding-left: 0;
}

.mg-head-detail {
  color: #d7dde2;
  background: #17212b;
  border-bottom: 0;
}

.mg-nav-widget-area-back {
  background-image: none !important;
  background-color: var(--fx-paper);
}

.mg-nav-widget-area-back .overlay,
.mg-nav-widget-area-back .inner {
  background: transparent !important;
}

.mg-nav-widget-area {
  padding: 22px 0;
}

.mg-nav-widget-area-back .inner {
  padding: 0;
}

.site-title,
.site-title a,
.site-title-footer,
.site-title-footer a {
  color: var(--fx-ink) !important;
  font-weight: 800;
  letter-spacing: 0;
}

.site-title a::first-letter {
  color: var(--fx-brand);
}

.mg-menu-full,
.navbar-wp {
  background: var(--fx-paper);
  border-top: 1px solid var(--fx-line);
  border-bottom: 1px solid var(--fx-line);
  box-shadow: none;
}

.navbar-wp .navbar-nav > li > a {
  color: #27313b;
  font-weight: 650;
}

.navbar-wp .navbar-nav > li > a:hover,
.navbar-wp .navbar-nav > li.active > a,
.navbar-wp .navbar-nav > li > a:focus {
  color: var(--fx-brand);
  background: transparent;
}

.mg-latest-news-sec {
  background: var(--fx-paper);
  border-bottom: 1px solid var(--fx-line);
}

.mg-latest-news .bn_title h2,
.mg-blog-category a {
  background: var(--fx-brand);
}

.mg-fea-area {
  padding: 24px 0;
  background: #eef1f3;
}

.mg-fea-area .overlay {
  background: transparent;
}

.back-img:not([style*="background-image"]) {
  background-image: linear-gradient(rgba(10, 18, 26, 0.18), rgba(10, 18, 26, 0.62)), url("editorial-default.webp");
  background-position: center;
  background-size: cover;
}

.mg-blog-post-box,
.mg-widget,
.mg-featured-slider {
  background: var(--fx-paper);
  border: 1px solid var(--fx-line);
  border-radius: 6px;
  box-shadow: none;
}

.mg-blog-post-box {
  overflow: hidden;
  transition: border-color 160ms ease, transform 160ms ease;
}

.mg-blog-post-box:hover {
  border-color: #b9c2c9;
  transform: translateY(-2px);
}

.mg-blog-post-box .small,
.mg-sec-top-post {
  padding: 18px !important;
}

.entry-title,
.title {
  color: var(--fx-ink);
  font-weight: 750;
  line-height: 1.4;
  letter-spacing: 0;
}

.mg-blog-meta,
.mg-blog-date,
.mg-content,
.mg-content p {
  color: var(--fx-muted);
}

.mg-wid-title h6,
.mg-sec-title h4 {
  color: var(--fx-ink);
  border-color: var(--fx-brand);
  letter-spacing: 0;
}

.pagination .page-numbers {
  border-radius: 4px;
}

.pagination .current,
.pagination a:hover {
  background: var(--fx-brand);
  border-color: var(--fx-brand);
}

.single .mg-blog-post-box {
  overflow: visible;
}

article.small.single {
  color: #242d35;
  font-size: 17px;
  line-height: 1.9;
}

article.small.single h2,
article.small.single h3 {
  margin-top: 1.8em;
  color: var(--fx-ink);
  line-height: 1.45;
  letter-spacing: 0;
}

article.small.single img {
  height: auto;
  border-radius: 4px;
}

.fx678-editorial-note {
  display: grid;
  gap: 6px;
  margin: 0 0 24px;
  padding: 15px 17px;
  color: #3f4a54;
  background: #f1f5f4;
  border-left: 4px solid var(--fx-accent);
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.7;
}

.fx678-editorial-note strong {
  color: var(--fx-ink);
  font-size: 15px;
}

footer,
footer .overlay {
  background: #17212b !important;
}

footer .site-title-footer,
footer .site-title-footer a,
footer p,
footer a {
  color: #e7ebee !important;
}

.mg-footer-copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

@media (max-width: 767px) {
  .container-fluid {
    width: min(100% - 24px, 1240px);
  }

  .mg-nav-widget-area {
    padding: 15px 0;
  }

  .site-title {
    font-size: 22px;
    line-height: 1.35;
  }

  .mg-fea-area {
    padding: 14px 0;
  }

  article.small.single {
    font-size: 16px;
    line-height: 1.82;
  }
}