.POST_DIV {
  margin-bottom: 10px;
  font-weight: 900;
  font-size: 30px;
}

.reply_comment {
  margin-left: 100px;
}
/* 
p {
  font-family: 'Didact Gothic', sans-serif;
  font-size: 18px;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
  margin-top: 0;
} */
cite.fn {
  font-weight: 700;
  margin-right: 8px;
  font-size: 16px;
}
time {
--tw-text-opacity: 1;
color: rgb(106 122 132/var(--tw-text-opacity));
font-size: .875rem;
font-weight: 400;
line-height: 1.25rem;
margin: 0;
padding-bottom: 2px;
}
/* a.comment-reply-link {
  display: flex;
  justify-content: flex-end;
  margin-top: -5px;
} */

a.comment-reply-link {
  /* color: blue; */
  --tw-text-opacity: 1;
  color: rgb(15 117 189/var(--tw-text-opacity));
  font-size: .75rem;
  line-height: 1rem;
  padding: 5px 0px 5px 5px;
}

/* Style for the reply textarea */
.reply-box textarea {
  width: 80%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-left: 7%;
  resize: vertical;
}

/* Style for the submit button */
.reply-box .submit-reply-button {
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(15 117 189/var(--tw-bg-opacity));
  border-radius: 5px;
  color: rgb(255 255 255/var(--tw-text-opacity));
  font-size: .875rem;
  line-height: 1.25rem;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  margin-left: 80%;
}

.reply-box .submit-reply-button:hover {
  background-color: #0056b3;
}

.comments-title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
}

.commentlist,
.commentlist .children {
  list-style-type: none;
  padding: 0;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: 0.5rem;
  margin-top: 0;
  margin-top: 0;
}

.entry-content ul li {
  margin: 0px 10px;
  padding: 0px 0px;
}

.comment {
  margin-bottom: 35px;
}

.comment-avatar {
  display: block;
  margin-bottom: 10px;
  width: 45px;
  float: left;
  height: 45px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 40px;
  /* object-fit: cover; */
}

img {
  border: 0;
  vertical-align: middle;
  /* width: 100%; */
  /* height: 100%; */
}

.comment-meta,
.comment-meta a {
  font-size: 13px;
  margin-bottom: 18px;
}

.comment-awaiting-moderation,
.comment-content,
.comment-meta {
  margin-left: 100px;
  z-index: -1;
}

/* .comment-form {
  width: 50%;
} */

#comment_form .form-control textarea {
  width: 100%;
  resize: none;
  font-size: 16px;
  padding: 5px 0px 5px 5px;
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(244 248 251/var(--tw-bg-opacity));
    border-color: rgb(213 230 245/var(--tw-border-opacity));
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    color: rgb(0 52 88/var(--tw-text-opacity));
    padding: .5rem;
}

#comment_form input, .form-control .commentForm textarea .cm-flx {
  --tw-border-opacity: 1;
  --tw-bg-opacity: 1;
  --tw-text-opacity: 1;
  background-color: rgb(244 248 251/var(--tw-bg-opacity));
  border-color: rgb(213 230 245/var(--tw-border-opacity));
  border-radius: 5px;
  border-style: solid;
  border-width: 2px;
  color: rgb(0 52 88/var(--tw-text-opacity));
  padding: .5rem
}

.form-btn .upBtn {
--tw-bg-opacity: 1;
--tw-text-opacity: 1;
background-color: #146148!important;
border-radius: 5px;
color: rgb(255 255 255/var(--tw-text-opacity));
font-size: .875rem;
line-height: 1.25rem;
padding: .5rem 1rem;
color:#fff!important;
text-transform: uppercase;
}
.form-control label {
  font-size: 16px;
}
#comment_form .form-control .error {
  color: red;
}
.comment-form .cm-flx .form-control {
  /* width: 48%; */
  margin-bottom: 15px;
}

.cm-flx {
  display: flex;
  flex-wrap: wrap;
  justify-content:space-around;
}

.form-control input[type="text"],
.form-control input[type="email"] {
  width: 100%;
  outline: none;
  padding: 5px 0px 5px 5px;
  font-size: 16px;
}

.form-btn input[type="submit"] {
  width: 100%;
  outline: none;
  border: none;
  color: #fff;
  background: #146148;
  padding: 10px 0;
  font-size: 16px;
  margin-bottom: 20px;
}
.view-comment{
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.flex-boxes {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.custom-flex-box {
width: 100%;
flex: 1 1 0px;
}