/*
Theme Name: Kadence Child
Template: kadence
*/

/* Weekly Reflections page specific styles */
.page-template-weekly-reflections #primary .site-main {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 40px;
}

.page-template-weekly-reflections #comments {
    max-width: 900px;
    margin: 40px auto;
    padding: 40px;
    background-color: var(--global-palette7);
    border-radius: 4px;
}

/* Round avatars */
.page-template-weekly-reflections .comment-list .avatar {
    border-radius: 50%;
}

/* Remove red link color from comment author and metadata */
.page-template-weekly-reflections .comment-list .comment-author a,
.page-template-weekly-reflections .comment-list .comment-metadata a {
    color: inherit;
    text-decoration: none;
}

/* Lines between comments AND replies */
.page-template-weekly-reflections .comment-list .comment,
.page-template-weekly-reflections .comment-list .children .comment {
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    list-style: none;
}

/* Remove border from last comment so it doesn't double up */
.page-template-weekly-reflections .comment-list .comment:last-child {
    border-bottom: none;
}

.page-template-weekly-reflections .comment-list {
    padding: 0;
}

.page-template-weekly-reflections .comment-metadata {
    display: inline;
    margin-left: 10px;
}

.page-template-weekly-reflections .reply {
    float: right;
    margin-top: -20px;
}

.page-template-weekly-reflections #primary {
    background-color: var(--global-palette7);
    padding: 0;
}

.weekly-reflections-hero {
    padding-top: 40px;
    margin-bottom: 0;
    background-color: var(--global-palette7);
}

/* Line and indent between replies */
.page-template-weekly-reflections .comment-list .children li.comment {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: none;
}
.page-template-weekly-reflections .comment-list .children {
    margin-left: 60px;
}

/* Inheriting reply comment link color  */
.page-template-weekly-reflections .comment-reply-link {
    color: inherit;
    text-decoration: none;
}

/* White card for poem */
.page-template-weekly-reflections .poem-card {
    background-color: var(--global-palette9);
    border-radius: 4px;
    padding: 40px;
    margin-bottom: 40px;
}

/* Featured image styling */
.weekly-reflections-hero img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

.page-template-weekly-reflections #primary {
    padding-top: 0;
}
