/*
Template:easel
Theme Name:canvas on EASEL
Version: 1.1.0
*/

/* ここから下に書いたCSSが、親テーマCSSに上書きされます。 */
/* コメント関連要素をデフォルトで非表示 */
#comments-title,
.commentlist,
#respond,
.comment-respond,
.wp-block-comments {
    display: none !important;
}

/* show-commentsクラスで表示 */
#comments-title.show-comments,
.commentlist.show-comments,
#respond.show-comments,
.comment-respond.show-comments,
.wp-block-comments.show-comments {
    display: block !important;
}

.toggle-comments-btn {
    padding: 10px 20px;
    background-color: #0073aa;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin: 0;
}

.toggle-comments-btn:hover {
    background-color: #005a87;
}

/* 間隔用の余白 */
.spacer-before-btn {
    height: 1000px;
}

.spacer-before-comments {
    height: 1000px;
}