/* 
Theme Name: Hello Elementor Child
Theme URI: https://Sajjadshadloo.ir/
Description: این قالب شخصی سازی شده و قالب چایلد هلو المنتور می‌باشد که توسط سجاد شادلو برای استفاده راحتتر و برای استفاده از کدهای شما ساخته شده است.
Author: Sajjad Shadloo
Author URI: https://SajjadShadloo.ir/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
/* 3 Coloumn Comment Revers */
form#commentform {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
}
p.comment-notes, p.comment-form-comment,p.comment-form-cookies-consent {
    flex-basis: 100%;
}
p.comment-form-author,p.comment-form-email,p.comment-form-url {
    flex-basis: 33.33%;
    padding: 0 5px 0 0;
}
p.comment-form-author {
    order: 1;
}
p.comment-form-email {
    order: 2;
}
p.comment-form-url {
    order: 3;
}
p.comment-form-cookies-consent {
    order: 4
}
p.comment-form-comment {
    order: 5;
}
p.form-submit {
    order: 6;
}

/* Comment Meta */

.comment-meta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#comments .comment-meta {
    flex-wrap: wrap;
    justify-content: right;
}
.comment-author.vcard {
    margin-left: 20px;
}
span.says {
    display: none;
}

/* Comment Style */

textarea#comment,input#email,input#author,input#url {
    padding: 0.84em 1.1em;
    color: #4a4f55;
    border-color: #e3e3e3;
    background-color: #ffffff;
}
input#submit {
    color: #ffffff;
    background-color: #8B171A;
    border-radius: 5px;
}
body.rtl #comments .comment .comment-body, body.rtl #comments .pingback .comment-body {
    padding: 30px 90px 30px 30px;
    background-color: #FFF
}
body.rtl #comments .comment .avatar, body.rtl #comments .pingback .avatar {
    right: 25px;
    top: 20px;
}
.comment-body {
    position: relative;
    overflow: hidden;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 1.7em 2em;
    border: 1px solid #ddd;
    margin-bottom: 2em;
    border-radius: 5px;
    border-bottom: 1px solid #ddd!important
}
body.rtl #comments ol.comment-list .children:before {
display: none
}
.comment-author.vcard, .comment-author.vcard a {
    color: #0d0d12;
    font-size: 17px;
}
.comment-content {
    color: #4a4f55;
    font-size: 14px;
}
.comment-metadata a {
    color: #898b8c;
    font-size: 12px;
}
.reply {
    width: fit-content;
    padding: 8px;
    background-color: #f8f5f2;
    border-radius: 100px;
    font-size: 12px;
    color: #4a4f55;
}
a.comment-reply-link {
    color: #0d0d12;
}
a.comment-reply-link:hover {
    color: #8B171A;
}
.reply:after {
    content: "\f060";
    font-family: FontAwesome;
    margin-right: 5px;
    opacity: 0;
        transition: opacity 0.2s ease-out, right 0.3s ease-out;
}
.reply:hover {
    width: 60px;
    transition: width 0.3s ease-out;
}
.reply:hover:after {
    opacity: 1;
    transition: opacity 0.3s ease-out, right 0.3s ease-out;
}
.reply {
    padding: 8px;
    background-color: #f8f5f2;
    border-radius: 100px;
    font-size: 12px;
    color: #4a4f55;
    width: 30px;
    display: block;
    width: 45px;
    height: 2.4em;
    line-height: 2.4em;
    -webkit-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
        transition: all 0.3s ease-out
}
@media (max-width:768px){
body.rtl #comments .comment .comment-body, body.rtl #comments .pingback .comment-body {
    padding: 30px 30px 30px 30px;
    background-color: #FFF;
}
.comment-author.vcard {
    flex-basis: 100%;
}
.comment-metadata {
    margin-top: 15px;
}
p.comment-form-author, p.comment-form-email, p.comment-form-url {
    flex-basis: 100%;
    padding: 0;
}
}
.span-reading-time{
	color:#8b171a;
}
.wp-block-heading{
	font-size:20px!important;
}