/* Space between adjacent homepage actions, including wrapped mobile rows. */
.page-id-16 #content .wpb_wrapper:has(> .dt-btn ~ .dt-btn) > .dt-btn {
    margin-bottom: 16px;
    vertical-align: middle;
}
.page-id-16 #content .wpb_wrapper:has(> .dt-btn ~ .dt-btn) > .dt-btn:not(:last-of-type) {
    margin-right: 20px;
}

/* Keep Flow-Flow arrow glyphs in their own font when other Slick carousels load. */
#ff-stream-1 .ff-truelayout-carousel .slick-arrow::before {
    font-family: ff-icons;
}

/* Compact homepage social feed without search, pagination or metadata gaps. */
#ff-stream-1 .ff-header,
#ff-stream-1 .ff-loadmore-wrapper,
#ff-stream-1 .ff-item-meta,
#ff-stream-1 .ff-item-bar,
#ff-stream-1 .ff-label-wrapper,
#ff-stream-1 .readmore-js-toggle {display:none !important;}
#ff-stream-1 {min-height:0 !important;}
#ff-stream-1 .ff-item-cont {height:auto !important;}
#ff-stream-1 .ff-content {height:auto !important;max-height:none !important;overflow:visible !important;}

/* Stretch the three social cards to the tallest card in their row. */
#ff-stream-1 .ff-truelayout-grid {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px;
    height:auto !important;
    align-items:stretch;
}
#ff-stream-1 .ff-truelayout-grid > .ff-item {
    position:relative !important;
    top:auto !important;
    left:auto !important;
    transform:none !important;
    width:auto !important;
    margin:0 !important;
    display:flex;
    min-width:0;
}
#ff-stream-1 .ff-truelayout-grid .picture-item__inner {
    display:flex;
    flex-direction:column;
    width:100%;
}
#ff-stream-1 .ff-truelayout-grid .ff-item-cont {
    flex:1;
    background:#fff;
}
@media(max-width:992px) {
    #ff-stream-1 .ff-truelayout-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:700px) {
    #ff-stream-1 .ff-truelayout-grid {grid-template-columns:1fr;}
}

#ff-stream-1 .ff-truelayout-grid::before,
#ff-stream-1 .ff-truelayout-grid::after {content:none !important;display:none !important;}

/* Preserve the existing card title design after correcting heading hierarchy. */
.page-id-16 #content .ult-carousel-wrapper h3.vc_custom_heading,
.page-id-16 #content .vc_grid h3.vc_custom_heading,
.page-id-16 #content .vc_gitem-post-data-source-post_title h3 {
    font-size:20px;
    line-height:30px;
    font-weight:600;
    margin:0 0 10px;
}
