/* x_feed.css - basic styling for x_feed.php output. Adjust to match your site theme. */

.x-feed-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.x-feed-account {
    flex: 1 1 300px;
    max-width: 400px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 14px 16px;
    background: #fafafa;
    font-family: Arial, Helvetica, sans-serif;
}

.x-feed-account-title {
    margin: 0 0 10px 0;
    font-size: 16px;
}

.x-feed-account-title a {
    color: #1d9bf0;
    text-decoration: none;
}

.x-feed-account-title a:hover {
    text-decoration: underline;
}

.x-feed-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.x-feed-item {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
}

.x-feed-item:last-child {
    border-bottom: none;
}

.x-feed-text {
    margin: 0 0 6px 0;
    font-size: 14px;
    line-height: 1.4;
    color: #222;
}

.x-feed-date {
    font-size: 12px;
    color: #777;
}

.x-feed-link {
    font-size: 12px;
    color: #1d9bf0;
    text-decoration: none;
}

.x-feed-link:hover {
    text-decoration: underline;
}

.x-feed-more {
    margin-top: 10px;
    font-size: 13px;
}

.x-feed-more a {
    color: #1d9bf0;
    text-decoration: none;
}

.x-feed-empty {
    font-size: 13px;
    color: #888;
}

.x-feed-static-note {
    font-size: 14px;
    color: #444;
    margin: 10px 0 6px 0;
}