/*
Theme Name: JNews - Child Theme
Version: 1.0.0
Theme URI: http://themeforest.net/?ref=jegtheme
Description: A basic starter child theme for customization purpose of JNews theme.
Author: Jegtheme
Author URI: http://themeforest.net/user/jegtheme?ref=jegtheme
Template: jnews
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ------------------------------------------------------------------------- *
 *  Theme customization starts here
/* ------------------------------------------------------------------------- */
  .family-tree-details {
                color: #333;
                background-color: #f7f7f7;
                padding: 15px;
                border-radius: 8px;
            }
            .details-section {
                margin-bottom: 20px;
            }
            .details-section h3 {
                color: #555;
                border-bottom: 1px solid #ddd;
                padding-bottom: 5px;
                margin-bottom: 15px;
                font-size: 1.2em;
            }
            .relationship-container {
                display: flex;
                flex-direction: column;
                gap: 10px;
            }
            .parents-card {
                display: flex;
                flex-direction: column;
                gap: 15px;
                padding: 15px;
                background-color: #fff;
                border: 1px solid #eee;
                border-radius: 6px;
            }
            @media (min-width: 600px) {
                .parents-card {
                    flex-direction: row;
                    align-items: center;
                    justify-content: space-around;
                }
            }
            .parent-card-item {
                display: flex;
                flex-direction: column;
                gap: 5px;
            }
            .parent-label {
                font-weight: bold;
                color: #888;
                text-align: center;
            }
            .person-line {
                display: flex;
                flex-direction: column;
                gap: 10px;
                padding: 10px;
                background-color: #fff;
                border: 1px solid #eee;
                border-radius: 6px;
            }
            @media (min-width: 600px) {
                .person-line {
                    flex-direction: row;
                    align-items: center;
                }
            }
            .person-card {
                display: flex;
                align-items: center;
                text-decoration: none;
                color: inherit;
            }
            .person-card img {
                width: 40px;
                height: 40px;
                border-radius: 8px;
                object-fit: cover;
                margin-left: 10px;
                border: 2px solid #3498db;
            }
            .person-card span {
                font-weight: bold;
                font-size: 13px;
            }
            .spouse-label {
                font-weight: bold;
                color: #888;
                margin-left: 10px;
            }