/*
Theme Name: Hanna Brothers 
Theme URI: https://wordpress.org/themes/hannabrothers/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Hanna Brothers is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 3.6
Tested up to: 6.8
Requires at least: 4.4
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, block-patterns
Text Domain: hannabrothers

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* Comment Form Styling */
#respond {
/*     max-width: 700px; */
    margin: 0 auto;
}

.comment-form p {
    margin-bottom: 16px;
}

.comment-form label {
    /* display: none; */
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    padding: 14px 16px;
    background: #f2f2f2;
    border: none;
    font-size: 15px;
    border-radius: 2px;
}

.comment-form textarea {
    min-height: 180px;
    resize: vertical;
}

.comment-form-cookies-consent {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
}

.comment-form .submit {
    width: 100%;
    background: #a11217;
    color: #fff;
    padding: 16px;
    border: none;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
}

.comment-form .submit:hover {
    background: #8d0f13;
}

.comment-section {
    padding: 70px 0;
}

/* Comment wrapper */
.comment-list {
    list-style: none;
    padding: 0;
    margin: 30px 0;
}

.comment-list li {
    margin-bottom: 25px;
}

/* Single comment box */
.comment-body {
    background: #a5141a; /* brand red */
    color: #fff;
    padding: 20px 24px;
    border-radius: 6px;
    position: relative;
}

/* Avatar */
.comment-author img {
    border-radius: 50%;
    margin-right: 10px;
}

/* Author + meta */
.comment-author {
    font-weight: 600;
    margin-bottom: 6px;
}

.comment-author a {
    color: #fff;
    text-decoration: none;
}

.comment-metadata {
    font-size: 13px;
    opacity: 0.85;
    margin-bottom: 10px;
}

.comment-metadata a {
    color: #ffdede;
    text-decoration: none;
}

/* Comment text */
.comment-content {
    margin-top: 10px;
    color: #fff;
}

.comment-content p {
    margin: 0;
}

/* Reply link */
.reply a {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    color: #fff;
    text-decoration: underline;
}