/* SDG bridge styles for staging shortcode tests. */

.sdg-style.sdg-style--full-bleed {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

body.sdg-redesign-page .entry-header,
body.sdg-redesign-page .entry-title,
body.sdg-redesign-page .breadcrumb,
body.sdg-redesign-page .breadcrumbs,
body.sdg-redesign-page .tc-hot-crumble,
body.sdg-redesign-page .tc-breadcrumb,
body.sdg-redesign-page .tc-breadcrumbs,
body.sdg-redesign-page .breadcrumb-trail,
body.sdg-redesign-page .post-meta,
body.sdg-redesign-page .btn-edit,
body.sdg-redesign-page .edit-link,
body.sdg-redesign-page .navbar-wrapper,
body.sdg-redesign-page .tc-header,
body.sdg-redesign-page header.tc-header,
body.sdg-redesign-page #tc-header,
body.sdg-redesign-page .tc-header-wrapper,
body.sdg-redesign-page .header-skin-light,
body.sdg-redesign-page .header-skin-dark,
body.sdg-redesign-page .desktop-sticky,
body.sdg-redesign-page .mobile-sticky,
body.sdg-redesign-page .topbar-navbar__wrapper,
body.sdg-redesign-page .primary-navbar__wrapper,
body.sdg-redesign-page .navbar-not-transparent,
body.sdg-redesign-page .tc-header-border,
body.sdg-redesign-page #tc-sn,
body.sdg-redesign-page #footer,
body.sdg-redesign-page .tc-footer,
body:has(.sdg-style--hide-legacy) .entry-header,
body:has(.sdg-style--hide-legacy) .entry-title,
body:has(.sdg-style--hide-legacy) .breadcrumb,
body:has(.sdg-style--hide-legacy) .breadcrumbs,
body:has(.sdg-style--hide-legacy) .tc-hot-crumble,
body:has(.sdg-style--hide-legacy) .tc-breadcrumb,
body:has(.sdg-style--hide-legacy) .tc-breadcrumbs,
body:has(.sdg-style--hide-legacy) .breadcrumb-trail,
body:has(.sdg-style--hide-legacy) .post-meta,
body:has(.sdg-style--hide-legacy) .btn-edit,
body:has(.sdg-style--hide-legacy) .edit-link,
body.sdg-has-full-page-prototype .entry-header,
body.sdg-has-full-page-prototype .entry-title,
body.sdg-has-full-page-prototype .breadcrumb,
body.sdg-has-full-page-prototype .breadcrumbs,
body.sdg-has-full-page-prototype .tc-hot-crumble,
body.sdg-has-full-page-prototype .tc-breadcrumb,
body.sdg-has-full-page-prototype .tc-breadcrumbs,
body.sdg-has-full-page-prototype .breadcrumb-trail,
body.sdg-has-full-page-prototype .post-meta,
body.sdg-has-full-page-prototype .btn-edit,
body.sdg-has-full-page-prototype .edit-link {
  display: none !important;
}

body.sdg-redesign-page #tc-page-wrap,
body.sdg-redesign-page .tc-page-wrap,
body.sdg-redesign-page #main-wrapper,
body.sdg-redesign-page .site-content,
body.sdg-redesign-page #content,
body.sdg-redesign-page .tc-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.sdg-redesign-page .entry-content,
body.sdg-redesign-page article,
body.sdg-redesign-page .article-container,
body.sdg-redesign-page .tc-content-inner,
body.sdg-redesign-page .content-area,
body.sdg-redesign-page .container[role="main"],
body:has(.sdg-style--hide-legacy) .entry-content,
body:has(.sdg-style--hide-legacy) article,
body:has(.sdg-style--hide-legacy) .article-container,
body:has(.sdg-style--hide-legacy) .tc-content-inner,
body:has(.sdg-style--hide-legacy) .content-area,
body:has(.sdg-style--hide-legacy) .container[role="main"],
body.sdg-has-full-page-prototype .entry-content,
body.sdg-has-full-page-prototype article,
body.sdg-has-full-page-prototype .article-container,
body.sdg-has-full-page-prototype .tc-content-inner,
body.sdg-has-full-page-prototype .content-area,
body.sdg-has-full-page-prototype .container[role="main"] {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 0 !important;
}

body.sdg-redesign-page .sdg-site-header + .sdg-style,
body.sdg-redesign-page .sdg-site-header + .sdg-style .sdg-hero:first-child {
  margin-top: 0 !important;
}

body.sdg-redesign-page .sdg-style .sdg-hero--short {
  min-height: clamp(350px, 44vh, 460px);
  align-items: center;
  padding-top: clamp(38px, 5vw, 60px);
  padding-bottom: clamp(38px, 5vw, 60px);
}

body.sdg-redesign-page .sdg-style .sdg-hero--short .sdg-hero__inner {
  max-width: 760px;
}

.sdg-style .sdg-card {
  padding: clamp(28px, 3vw, 38px) !important;
}

.sdg-style .sdg-card > :first-child {
  margin-top: 0 !important;
}

.sdg-style .sdg-card > :last-child {
  margin-bottom: 0 !important;
}

.sdg-style .sdg-card h3 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}