/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/


/* Container Frame */
.wpf-custom-feed-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.03);
    border: 1px solid #f1f4f8;
    font-family: system-ui, -apple-system, sans-serif;
    max-width: 100%;
}

/* Section Header Styling */
.wpf-feed-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f1f4f8;
    padding-bottom: 16px;
    margin-bottom: 20px;
}
.wpf-feed-title {
    font-size: 18px;
    font-weight: 700;
    color: #11294a; /* Deep Navy from your UI layout */
    margin: 0;
    display: flex;
    align-items: center;
}
.wpf-feed-top-link {
    font-size: 14px;
    color: #00a896; /* Clean Teal accent tracking */
    text-decoration: none;
    font-weight: 500;
}
.wpf-feed-top-link:hover {
    text-decoration: underline;
}

/* Items List Stack */
.wpf-feed-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.wpf-feed-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #e4e9f0;
}
.wpf-feed-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

/* User Circular Avatars */
.wpf-feed-item-avatar img,
.wpf-feed-item-avatar .avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    object-fit: cover;
    display: block;
}

/* Middle Content Node */
.wpf-feed-item-main {
    flex-grow: 1;
}
.wpf-feed-item-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 4px 0;
    line-height: 1.4;
}
.wpf-feed-item-title a {
    color: #11294a;
    text-decoration: none;
    transition: color 0.2s ease;
}
.wpf-feed-item-title a:hover {
    color: #00a896;
}

/* Small Metadata Row */
.wpf-feed-item-meta {
    font-size: 13px;
    color: #7a8b9e;
    display: flex;
    align-items: center;
    gap: 6px;
}
.wpf-meta-dot {
    color: #b0c0d2;
}

/* Right-Aligned Time string */
.wpf-feed-item-time {
    font-size: 13px;
    color: #7a8b9e;
    white-space: nowrap;
    margin-left: auto;
}

/* Footer Section */
.wpf-feed-footer {
    margin-top: 24px;
    border-top: 1px solid #f1f4f8;
    padding-top: 16px;
}
.wpf-feed-bottom-link {
    font-size: 14px;
    color: #00a896;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.2s ease;
}
.wpf-feed-bottom-link:hover .wpf-arrow {
    transform: translateX(4px);
}
.wpf-arrow {
    display: inline-block;
    transition: transform 0.2s ease;
}