/*
 * Single-post integration.
 * Only active when the body receives .uvi-blog-single-chrome. It replaces the
 * theme shell while leaving the article and all non-post pages untouched.
 */

body.uvi-blog-single-chrome header[role="banner"],
body.uvi-blog-single-chrome footer[role="contentinfo"],
body.uvi-blog-single-chrome #footer.copyright-wrapper {
  display: none !important;
}

/* Old Elementor headers copied into individual posts were fixed top-level containers. */
body.uvi-blog-single-chrome .entry-content > .elementor > .elementor-element[data-settings*='"position":"fixed"'] {
  display: none !important;
}

body.uvi-blog-single-chrome .uvi-header,
body.uvi-blog-single-chrome .uvi-footer {
  display: block !important;
}

body.uvi-blog-single-chrome main#maincontent {
  margin-top: 25px !important;
  padding-top: 0 !important;
}

body.uvi-blog-single-chrome main#maincontent .middle-align.container {
  width: min(calc(100% - 32px), 1180px) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 18px 0 40px !important;
}

body.uvi-blog-single-chrome main#maincontent .middle-align > .row {
  display: block !important;
  margin: 0 !important;
}

body.uvi-blog-single-chrome main#maincontent #our-services.services {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  flex: 0 0 100% !important;
}

body.uvi-blog-single-chrome main#maincontent #sidebar {
  display: none !important;
}

body.uvi-blog-single-chrome .bradcrumbs {
  display: flex !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 24px !important;
  padding: 0 !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

body.uvi-blog-single-chrome .bradcrumbs a,
body.uvi-blog-single-chrome .bradcrumbs span {
  margin: 0 !important;
  padding: 7px 11px !important;
  border-radius: 6px;
  background: #f4f0f6 !important;
  color: #4e1c88 !important;
  font: inherit !important;
  text-decoration: none !important;
}

body.uvi-blog-single-chrome .bradcrumbs span {
  background: #6424a5 !important;
  color: #fff !important;
}

body.uvi-blog-single-chrome article.inner-service .single-post > h2 {
  display: block !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  color: #2b163c !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-size: clamp(25px, 2.25vw, 34px) !important;
  font-style: normal !important;
  font-weight: 750 !important;
  letter-spacing: -.025em !important;
  line-height: 1.2 !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.uvi-blog-single-chrome article.inner-service .post-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0 0 18px !important;
  padding: 12px 16px !important;
  border-radius: 7px;
  background: #f6f3f7 !important;
  color: #3f3546 !important;
  font-family: 'Montserrat', Arial, sans-serif !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
}

body.uvi-blog-single-chrome article.inner-service .post-info span,
body.uvi-blog-single-chrome article.inner-service .post-info i {
  margin: 0 !important;
}

body.uvi-blog-single-chrome article.inner-service .post-info a {
  color: #3f3546 !important;
  font: inherit !important;
  text-decoration: none !important;
}

body.uvi-blog-single-chrome article.inner-service .feature-box,
body.uvi-blog-single-chrome article.inner-service .feature-box img {
  width: 100% !important;
}

body.uvi-blog-single-chrome article.inner-service .feature-box img {
  height: auto !important;
  display: block;
  border-radius: 12px;
}

body.uvi-blog-single-chrome .entry-content {
  margin-top: 0 !important;
  color: #3d3541;
  font-family: 'Montserrat', Arial, sans-serif;
}

@media (max-width: 767px) {
  body.uvi-blog-single-chrome main#maincontent {
    margin-top: 14px !important;
  }

  body.uvi-blog-single-chrome main#maincontent .middle-align.container {
    width: calc(100% - 24px) !important;
    padding-top: 10px !important;
  }

  body.uvi-blog-single-chrome article.inner-service .single-post > h2 {
    font-size: 24px !important;
  }

  body.uvi-blog-single-chrome article.inner-service .post-info {
    gap: 7px;
    padding: 10px 12px !important;
  }
}