/* September 26, Tom's Groups Feed: one header for directory, feed and landing. */
.groups-feed-page .subs-section-header .gf-control-row,
.grp-page-wrap .grp-band .gf-control-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:8px 0 0; }
.groups-feed-page .subs-section-header .gf-control-row .ph-nav-dd,
.grp-page-wrap .grp-band .gf-control-row .ph-nav-dd { position:relative; margin:0; flex:0 0 148px; }
.groups-feed-page .subs-section-header .gf-control-row .ph-nav-page-select,
.grp-page-wrap .grp-band .gf-control-row .ph-nav-page-select { position:static; }
.groups-feed-page .subs-section-header .gf-control-row .bh-dd-menu,
.grp-page-wrap .grp-band .gf-control-row .bh-dd-menu { top:100%; left:0; margin-top:0; }
.groups-feed-page .gf-band-info { padding:0; }
.groups-feed-page .gf-band-left { flex:1 1 670px; align-items:center; }
.groups-feed-page .gf-search,
.grp-page-wrap .gf-search { display:flex; flex:0 1 180px; width:180px; min-width:140px; height:30px; margin:0; border:1px solid #777; border-radius:3px; background:#fff; box-sizing:border-box; }
.groups-feed-page .gf-search input,
.grp-page-wrap .gf-search input { width:100%; min-width:0; height:28px; margin:0; padding:0 7px; border:0; background:transparent; color:#222; font:12px Tahoma,Arial,sans-serif; box-shadow:none; box-sizing:border-box; }
.groups-feed-page .gf-search button,
.grp-page-wrap .gf-search button { flex:0 0 26px; width:26px; min-width:0; margin:0; padding:0; border:0; background:transparent; color:#666; cursor:pointer; }
.gf-search:focus-within { outline:2px solid #3b5bbf; outline-offset:2px; }
.groups-feed-page .gf-list > .bh-btn,
.groups-feed-page .gf-cats > .bh-btn { width:148px; min-width:148px; }
.groups-feed-page .gf-list .bh-dd-menu,
.groups-feed-page .gf-cats .bh-dd-menu { width:148px; min-width:148px; }
.groups-feed-page .gf-cats .bh-dd-item { padding:5px 8px; line-height:1.3; min-height:26px; white-space:normal; }
.groups-feed-page .gf-row { min-height:108px; gap:18px; padding:8px 12px; }
.groups-feed-page .gf-pic,
.groups-feed-page .gf-pic img,
.groups-feed-page .gf-pic .group_pic { width:90px; height:90px; }
.groups-feed-page .gf-pic { flex-basis:90px; }
.groups-feed-page #load_data { font:14px/1.4 Tahoma,Arial,sans-serif; }
.groups-feed-page .gf-title { font:bold 15px/1.4 Georgia,serif; }
.groups-feed-page .gf-title .gf-members { font-size:14px; }
.grp-page-wrap { max-width:1423px; margin:6px auto 0; padding:0; }
.grp-page-wrap .grp-band { margin-bottom:6px; }
.grp-page-wrap .grp-band > .gf-band-left { display:flex; align-items:center; gap:18px; flex:1 1 500px; min-width:0; }
.grp-page-wrap .grp-band .gf-band-info { min-width:0; }
.grp-page-wrap .grp-band .subs-nav-breadcrumb { display:block; font:13px/19px Tahoma,Arial,sans-serif; }
.grp-page-wrap .grp-band .subs-nav-page-icon { width:80px; height:86px; background:transparent; object-fit:contain; }
.grp-page-wrap .grp-feed-menu { position:relative; flex:0 0 180px; width:180px; }
.grp-page-wrap .grp-feed-menu > .bh-btn { display:flex; align-items:center; gap:6px; width:180px; max-width:180px; height:30px; padding:0 8px; border-radius:3px; font:bold 12px Tahoma,Arial,sans-serif; background:#e1e1e1; text-transform:uppercase; }
.grp-menu-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.grp-feed-menu .bh-caret { margin-left:auto; }
.grp-page-wrap .grp-feed-menu > .bh-dd-menu { width:180px; min-width:180px; padding:0; border-radius:0; }
.grp-page-wrap .grp-feed-menu .bh-dd-item { display:block; width:100%; min-width:0; min-height:28px; margin:0; padding:6px 10px; border:0; border-radius:0; background:#fff; color:#222; font:12px/1.4 Tahoma,Arial,sans-serif; text-align:left; text-decoration:none; white-space:normal; cursor:pointer; }
.grp-page-wrap .grp-feed-menu .bh-dd-item:hover,
.grp-page-wrap .grp-feed-menu .bh-dd-item:focus-visible { background:#e8ebf5; }
.grp-page-wrap .grp-feed-menu .bh-dd-sub { width:180px; min-width:180px; }
.grp-page-wrap .grp-feed-menu .bh-dd-item.is-current { color:#fff; background:#3b5bbf; }
.grp-page-wrap .grp-feed-menu .grp-more { border-top:1px solid #ddd; }
.grp-page-wrap .grp-membership { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin:0 0 6px; font:12px Tahoma,Arial,sans-serif; }
.grp-page-wrap .grp-membership .grp-membercount { display:inline; margin:0 10px 0 0; padding:0; border:0; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom { max-width:1423px; width:100%; margin:0 auto; padding:0 15px; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom #column_main { border:0; padding-top:0; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom #activity_group_title { position:relative; margin-left:104px; min-height:42px; padding:5px 7px !important; border:1px solid #d3d3d3; background:#f2f2f2; font:12px/14px Tahoma,Arial,sans-serif; color:#333; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom #activity_group_title::before { content:""; position:absolute; left:-104px; top:0; width:96px; height:100px; background:var(--group-feed-photo) center top / contain no-repeat; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom #activity_post_holder { margin:3px 0 0 104px; width:calc(100% - 104px); border-radius:0; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom #activity_post { min-height:46px; height:46px; font:12px/16px Tahoma,Arial,sans-serif !important; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom #activity_feed_area { border:0; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom [id^="activity_content_"] { overflow-wrap:anywhere; }
/* The directory and group controls share one measured bottom baseline. */
@media (min-width:993px) {
    .groups-feed-page .subs-section-header > .gf-band-left,
    .grp-page-wrap .grp-band > .gf-band-left { align-self:stretch; align-items:stretch; }
    .groups-feed-page .subs-section-header > .gf-band-left > .subs-nav-page-icon,
    .grp-page-wrap .grp-band > .gf-band-left > .subs-nav-page-icon { align-self:center; }
    .groups-feed-page .gf-band-info,
    .grp-page-wrap .grp-band .gf-band-info { display:flex; flex-direction:column; padding:3px 0 calc(19px - 7.42px); }
    .groups-feed-page .subs-section-header .gf-control-row,
    .grp-page-wrap .grp-band .gf-control-row { margin-top:auto; }
}
/* One border-box width from each group toolbar trigger through its flyouts. */
.groups-feed-page .subs-section-header .gf-control-row > .bh-dd,
.grp-page-wrap .grp-band .gf-control-row > .bh-dd { flex:0 0 180px; width:180px; }
.groups-feed-page .subs-section-header .gf-control-row .bh-dd > .bh-btn,
.grp-page-wrap .grp-band .gf-control-row .bh-dd > .bh-btn,
.groups-feed-page .subs-section-header .gf-control-row .bh-dd-menu,
.grp-page-wrap .grp-band .gf-control-row .bh-dd-menu,
.groups-feed-page .subs-section-header .gf-control-row .bh-dd-sub,
.grp-page-wrap .grp-band .gf-control-row .bh-dd-sub { width:180px; min-width:180px; max-width:180px; box-sizing:border-box; }
.groups-feed-page .gf-control-row .bh-dd-item,
.grp-page-wrap .gf-control-row .bh-dd-item { white-space:normal; overflow-wrap:anywhere; box-sizing:border-box; }
/* Compact cards from the reference; the shared text sizer still zooms the entire feed. */
.grp-page-wrap ~ .full_width_main_content_container_group_custom #activity_feed > [id^="display_activity_"] { margin:10px 0; padding:8px; border:1px solid #e1e3e8; background:#fff; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom .activity_feed_post_container_custom > div:nth-child(2) { background:#f6f6f6; border:1px solid #eee; padding:7px !important; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom [id^="activity_content_"]:not([id^="activity_content_edit_"]) { font:12px/16px Tahoma,Arial,sans-serif !important; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom .activity_feed_post_container_custom > .p9 a { font:bold 12px/16px Tahoma,Arial,sans-serif !important; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom #activity_feed .memeber_pic .membericon { width:32px !important; height:32px !important; object-fit:cover; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom .activity_feed_post_container_custom { width:calc(100% - 36px) !important; padding-left:6px !important; }
.grp-page-wrap .grp-more > .bh-caret { display:none; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom #splash-page-content { padding:0 !important; border:0 !important; }
.grp-page-wrap ~ .full_width_main_content_container_group_custom #column_main > div:has(> #splash-page-content) { padding:0 !important; }
@media (max-width:1453px) {
    .groups-feed-page, .grp-page-wrap { width:calc(100% - 30px); }
    .grp-page-wrap ~ .full_width_main_content_container_group_custom { width:calc(100% - 30px); }
}
@media (max-width:992px) {
    .groups-feed-page .subs-section-header .gf-control-row .bh-dd-menu.bh-dd-stack .bh-dd-sub,
    .grp-page-wrap .grp-band .gf-control-row .bh-dd-menu.bh-dd-stack .bh-dd-sub { width:auto; min-width:0; max-width:none; }
    .grp-page-wrap .grp-band > .gf-band-left, .groups-feed-page .gf-band-left { flex-basis:100%; }
    .grp-page-wrap .grp-band .gf-control-row { align-items:flex-start; }
    .grp-feed-menu .bh-dd-menu.bh-dd-stack .bh-dd-sub { position:static; margin:0; width:100%; box-shadow:none; }
    .grp-feed-menu .bh-dd-menu.bh-dd-stack .bh-dd-sub .bh-dd-item { padding-left:18px; }
}
@media (max-width:600px) {
    .groups-feed-page .gf-band-left, .grp-page-wrap .grp-band > .gf-band-left { gap:8px; }
    .groups-feed-page .subs-section-header .subs-nav-page-icon, .grp-page-wrap .grp-band .subs-nav-page-icon { width:42px; height:48px; align-self:flex-start; }
    .grp-page-wrap .gf-band-info, .groups-feed-page .gf-band-info { flex:1; }
    .grp-page-wrap .gf-search, .groups-feed-page .gf-search { flex:1 1 148px; }
    .grp-page-wrap .grp-membership { margin-left:0; }
    .groups-feed-page .gf-row { gap:10px; }
    .groups-feed-page .gf-pic, .groups-feed-page .gf-pic img, .groups-feed-page .gf-pic .group_pic { width:64px; height:64px; }
    .groups-feed-page .gf-pic { flex-basis:64px; }
    .grp-page-wrap ~ .full_width_main_content_container_group_custom #activity_group_title { margin-left:72px; }
    .grp-page-wrap ~ .full_width_main_content_container_group_custom #activity_group_title::before { left:-72px; width:64px; height:80px; }
    .grp-page-wrap ~ .full_width_main_content_container_group_custom #activity_post_holder { margin-left:72px; width:calc(100% - 72px); }
}