:root {
  --s2m-navy: #0D1B3D;
  --s2m-red: #F73B30;
  --s2m-ink: #13213F;
  --s2m-muted: #5D667A;
}

body,
h1, h2, h3, h4, h5, h6,
.menu__link,
.btn {
  font-family: 'Inter', 'Roboto', Arial, sans-serif !important;
}

.header {
  background: transparent !important;
  box-shadow: none !important;
}

.header.header--secondary .header-upper,
.header.header--secondary .header-under {
  background: rgba(13, 27, 61, 0.96) !important;
  padding-left: 20px; padding-right: 20px;
}

.header-contact__link,
.header-inner__tel,
.menu__link {
  color: #fff !important;
}

.menu__link:hover,
.menu__item:hover > .menu__link,
.menu .active > .menu__link,
.header-contact__link:hover,
.header-inner__tel:hover {
  color: var(--s2m-red) !important;
}

.brand-logo-img img,
.footer-logo img {
  max-width: 230px;
  height: auto;
  display: block;
}

.btn {
  transition: all 0.25s ease !important;
}

.btn--outline-white {
  background: transparent !important;
  border-color: #fff !important;
  color: #fff !important;
}

.btn--outline-white:hover,
.btn--secondary:hover,
.search-form__btn:hover,
.btn--outline-primary:hover {
  background: var(--s2m-red) !important;
  border-color: var(--s2m-red) !important;
  color: #fff !important;
}

.btn--secondary,
.search-form__btn {
  background: var(--s2m-red) !important;
  border-color: var(--s2m-red) !important;
  color: #fff !important;
}

.btn--link,
.btn-share {
  color: var(--s2m-red) !important;
  font-weight: 700 !important;
}

.btn--link:hover,
.btn-share:hover {
  color: var(--s2m-navy) !important;
}

.section-intro,
.blog-detail-intro {
  position: relative;
}

.section-intro::after,
.blog-detail-intro::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(13, 27, 61, .92), rgba(13, 27, 61, .48));
  z-index: 1;
  pointer-events: none;
}

.section-intro .container,
.blog-detail-intro .container {
  position: relative;
  z-index: 2;
}

.section-intro h1,
.blog-detail-intro h1 {
  color: #fff !important;
  font-weight: 800 !important;
  letter-spacing: -0.04em;
  max-width: 980px;
}

.blog-detail-intro .listing-meta,
.blog-detail-intro .listing-meta a,
.blog-detail-intro .listing-meta__item {
  color: rgba(255,255,255,.82) !important;
}

/* SAME LAYOUT AS NEWS PAGE */
.section .main-wrapper {
  display: flex !important;
  align-items: flex-start !important;
  gap: 30px !important;
}

.section .main-content {
  flex: 0 0 calc(100% - 390px) !important;
  max-width: calc(100% - 390px) !important;
  min-width: 0 !important;
}

.section .sidebar {
  flex: 0 0 360px !important;
  max-width: 360px !important;
  margin-left: 0 !important;
}

.blog-post__visual,
.blog-post__img,
.image-slider,
.image-slide {
  width: 100% !important;
  overflow: hidden !important;
}

.blog-post__visual img,
.blog-post__img img,
.image-slide img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

.image-slider .image-slide img {
  object-fit: cover;
}

.blog-post__title a,
.recent-post__title a,
.widget__title,
.headtitle {
  color: var(--s2m-ink) !important;
}

.blog-post__title a:hover,
.recent-post__title a:hover,
.widget a:hover,
.listing-meta__item a:hover {
  color: var(--s2m-red) !important;
}

.listing-meta__item.text--primary a,
.listing-meta__item a {
  color: var(--s2m-red) !important;
}

.blog-post__description p,
.widget,
.list a,
.tag-list__link {
  color: var(--s2m-muted);
}

.blog-detail-content h3 {
  color: var(--s2m-ink);
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin-bottom: 14px;
}

.blog-detail-content p {
  color: var(--s2m-muted);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 16px;
}

.blog-detail-split img,
.recent-post__visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  
}

blockquote {
  border-left: 4px solid var(--s2m-red) !important;
}

blockquote p {
  color: var(--s2m-ink) !important;
  font-weight: 700;
}

blockquote cite {
  color: var(--s2m-red) !important;
  font-style: normal;
  font-weight: 800;
}

.tag-list__link:hover,
.pagination .active .pagination__link,
.pagination__link:hover {
  background: var(--s2m-red) !important;
  border-color: var(--s2m-red) !important;
  color: #fff !important;
}

.s2m-author-block {
  background: var(--s2m-navy) !important;
}

.s2m-author-block .author-block__title,
.s2m-author-block .author-block__subtitle,
.s2m-author-block p {
  color: #fff !important;
}

.s2m-author-block .author-block__img {
  background: var(--s2m-navy);
  padding: 18px;
}

.s2m-author-block .author-block__img img {
  object-fit: contain;
}

.footer {
  background: var(--s2m-navy) !important;
}

.footer::after {
  display: none !important;
}

.footer-upper__title,
.footer-list__link,
.footer .info-list__text,
.footer .info-list__link,
.footer-under,
.footer-under a {
  color: #fff !important;
}

.footer-list__link:hover,
.info-list__link:hover {
  color: var(--s2m-red) !important;
}

.footer-under {
  border-top: 1px solid rgba(255,255,255,.15) !important;
}

@media (max-width: 1024px) {
  .nav-drop {
    background: var(--s2m-navy) !important;
  }

  .menu {
    background: transparent !important;
  }

  .menu__link {
    color: #fff !important;
  }

  .menu__link:hover {
    color: var(--s2m-red) !important;
  }

  .sub-menu {
    background: var(--s2m-navy) !important;
  }

  .section .main-wrapper {
    display: block !important;
  }

  .section .main-content,
  .section .sidebar {
    max-width: 100% !important;
    width: 100% !important;
    flex: none !important;
  }

  .section .sidebar {
    margin-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .blog-detail-content h3 {
    font-size: 22px;
  }

  .blog-detail-content p {
    font-size: 15px;
  }
}

/* BLOG DETAIL HERO */
.blog-detail-intro--manual {
  position: relative;
  overflow: hidden;
}

.blog-detail-intro--manual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(13, 27, 61, 0.88),
    rgba(13, 27, 61, 0.45)
  );
  z-index: 1;
}

.blog-detail-intro--manual .container {
  position: relative;
  z-index: 2;
}

.blog-detail-intro--manual h1 {
  color: #fff !important;
  font-size: 68px;
  line-height: 1.1;
  font-weight: 800;
  text-align: center;
  max-width: 1100px;
  margin: 0 auto;
}

.blog-detail-intro--manual .listing-meta {
  display: none !important;
}

.blog-detail-intro--manual .bg-stretch img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .blog-detail-intro--manual h1 {
    font-size: 48px;
  }
}

@media (max-width: 767px) {
  .blog-detail-intro--manual h1 {
    font-size: 34px;
    line-height: 1.2;
  }
}


.detail-image-slider {
  width: 100%;
  overflow: hidden;
  margin-bottom: 34px;
}

.single-detail-image {
  width: 100%;
  background: #fff;
}

.single-detail-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}