
/* =========================================================
   TGProtectedboss Additional CSS (safe with TGSitex activity media)
   ========================================================= */

/* Entry title */
h1.entry-title {
  font-size: 22px !important;
}

/* ---------------------------------------------------------
   BLOG/POST IMAGE TOP-CROP (SCOPED — does NOT affect activity feed)
   --------------------------------------------------------- */
body.blog .entry-img,
body.archive .entry-img,
body.single-post .entry-img,
body.blog .post-thumbnail,
body.archive .post-thumbnail,
body.single-post .post-thumbnail,
body.blog .entry-image,
body.archive .entry-image,
body.single-post .entry-image {
  position: relative !important;
  height: 250px !important;
  overflow: hidden !important;
}

/* Crop only blog/post images (avoid TGSitex activity thumbnails which also use .entry-img) */
body.blog .entry-img > img,
body.archive .entry-img > img,
body.single-post .entry-img > img,
body.blog .entry-image > img,
body.archive .entry-image > img,
body.single-post .entry-image > img,
body.blog .post-thumbnail img,
body.archive .post-thumbnail img,
body.single-post .post-thumbnail img,
body.blog img.wp-post-image,
body.archive img.wp-post-image,
body.single-post img.wp-post-image,
body.blog img.attachment-large,
body.archive img.attachment-large,
body.single-post img.attachment-large {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: top center !important;
}

/* Kill padding hacks — scoped to blog/post templates only */
body.blog .entry-img,
body.archive .entry-img,
body.single-post .entry-img,
body.blog .ratio-wrap,
body.archive .ratio-wrap,
body.single-post .ratio-wrap {
  padding-top: 0 !important;
}

/* ---------------------------------------------------------
   FORUM BANNER SIZE + GAP + SIDEBAR OFFSET (as you had it)
   --------------------------------------------------------- */
@media (min-width: 768px) {
  body.forum {
    --bb-forum-banner-h: 420px;
    --bb-forum-banner-gap: 24px; /* adjust this for more/less space */
  }

  body.forum .bb-topic-banner-container.bb-topic-banner {
    height: var(--bb-forum-banner-h) !important;
    overflow: hidden !important;
    position: relative !important;
    margin-bottom: var(--bb-forum-banner-gap) !important; /* gap under image */
  }

  body.forum .bb-topic-banner-container.bb-topic-banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
  }

  /* Sidebar offset includes banner height + gap */
  body.forum .widget-area,
  body.forum #sidebar,
  body.forum .sidebar {
    padding-top: calc(var(--bb-forum-banner-h) + var(--bb-forum-banner-gap)) !important;
    margin-top: 0 !important;
  }
}

/* Mobile + general fallback for banner img positioning */
body.forum .bb-topic-banner-container.bb-topic-banner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 20% !important; /* adjust this */
  display: block !important;
}

/* ---------------------------------------------------------
   HIDE VERIFIED BADGE (activity + header)
   --------------------------------------------------------- */
/* Hide Verified badge in Activity feed */
body .activity .bp-verified-badge,
body .bp-nouveau .activity .bp-verified-badge,
body .bb-activity .bp-verified-badge,
body .activity-list .bp-verified-badge {
  display: none !important;
}

/* Hide Verified badge in header / top-right user menu */
body .site-header .bp-verified-badge,
body #masthead .bp-verified-badge,
body .header-aside .bp-verified-badge,
body .bb-user-menu .bp-verified-badge,
body .user-wrap .bp-verified-badge {
  display: none !important;
}

.bs-card-forum-details h3 {
    font-size: 18px;
    line-height: 1.2;
}

.TGProtectedpress-wrap ul.bp-list.groups-dir-list .list-wrap .item .list-title a {
  text-decoration: none;
  font-size: 19px;
  font-weight: 600; /* 500 = medium, 600 = semibold, 700 = bold */
  line-height: 1.25;
}

/* TGSitex: SINGLE photo in activity feed should span full content width */
.TGProtectedpress-wrap .activity-list .bb-activity-media-wrap.bb-media-length-1,
.TGProtectedpress-wrap .activity-list .bb-activity-media-wrap.bb-media-length-1 .bb-activity-media-elem.act-grid-1-1 {
  width: 100% !important;
  max-width: 100% !important;
}

/* The tile itself sometimes has a fixed/flex-basis width */
.TGProtectedpress-wrap .activity-list .bb-activity-media-wrap.bb-media-length-1 .bb-activity-media-elem.act-grid-1-1 {
  flex: 0 0 100% !important;
}

/* Make the link + image fill the tile */
.TGProtectedpress-wrap .activity-list .bb-activity-media-wrap.bb-media-length-1 a.bb-open-media-theatre.entry-img {
  display: block !important;
  width: 100% !important;
}

.TGProtectedpress-wrap .activity-list .bb-activity-media-wrap.bb-media-length-1 a.bb-open-media-theatre.entry-img > img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.postid-2298 .wp-post-image,
.postid-2298 .featured-image,
.postid-2298 .post-thumbnail,
.postid-2298 img.attachment-post-thumbnail,
.postid-2298 .single-post-thumbnail,
.postid-2298 .featured-media,
.postid-2298 .entry-media {
    display: none !important;
}

.single-post .entry-content-wrap > figure.entry-media.entry-img,
.single-post figure.entry-media.entry-img.bb-vw-container1,
.single-post .post-thumbnail,
.single-post .featured-image,
.single-post .single-post-thumbnail,
.single-post .entry-media {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}