.elementor-1386 .elementor-element.elementor-element-1ab9b816{--display:flex;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1386 .elementor-element.elementor-element-4434fe66{font-family:"Playfair Display", Sans-serif;color:#000000;}:root{--page-title-display:none;}/* Start custom CSS *//* Fix full-width comment box on single blog posts */
.single-post .comment-respond,
.single-post #comments,
.single-post .comments-area {
    max-width: 1450px;     /* adjust width as needed */
    margin: 0 auto !important;
    padding: 0 20px;
}

/* Match comment section with site font */
.single-post .comment-respond,
.single-post .comment-respond label,
.single-post .comment-respond textarea,
.single-post .comment-respond input,
.single-post .comment-reply-title {
    font-family: PlayFair Display !important;
}

/* Optional: make the Leave a Reply title match your heading style */
.single-post .comment-reply-title {
    font-size: 32px; /* adjust */
    font-weight: 700; /* adjust */
    color: (hex0000); /* match your heading color */
}

/* Style the Post Comment button */
.single-post .form-submit input[type="submit"] {
    background-color: #7B2132;   /* Normal color */
    color: #FFFFFF;
    border: none;
    padding: 12px 9px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Hover color + floating (lift up) animation */
.single-post .form-submit input[type="submit"]:hover {
    background-color: #660033;   /* Hover color */
    transform: translateY(-4px); /* Floating effect */
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}/* End custom CSS */