@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');




/* comment section */

.ast-separate-container #primary,
.single .post-navigation {
    display: none;
}

.ast-separate-container .comments-area {
    /* width: 100% !important; */
}

.comments-area p.logged-in-as>a {
    display: none;
}

.ast-comment-time time {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #606060;
    text-transform: capitalize;
}

.ast-comment-meta {
    margin-left: -30px;
    margin-top: -4px;
}

.ast-comment-avatar-wrap img {
    width: 55px;
    height: 55px;
    flex-shrink: 0;
}

.ast-comment-cite-wrap a,
.ast-comment-cite-wrap b {
    text-transform: capitalize;
    color: #242424;
    font-family: 'Raleway', sans-serif;
}

.ast-comment-content {
    font-family: 'Libre Baskerville', serif;
    font-weight: 400;
    background-color: #f4f4f4;
    border-radius: 10px;
    margin-top: -5px;
    margin-bottom: 55px;
    position: relative;
    line-height: 33px;
    color: #323232;
}

.comment-reply-title {
    font-weight: 700;
}

.comments-title {
    font-weight: 700;
    font-size: 25px;
    font-family: 'Raleway', sans-serif;
}

.ast-comment-list .ast-comment-edit-reply-wrap {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -45px;
    font-weight: 700;
    padding: 0 35px;
    /* background-color: green; */
}

.ast-comment-list .ast-comment-edit-reply-wrap span {
    font-family: 'Libre Baskerville', serif;
    font-weight: normal;
    color: #737070;
}

.comments-area textarea#comment {
    padding: 20px 25px;
    font-family: 'Libre Baskerville', serif;
    font-weight: 400;
    font-size: 18px;
    color: #323232;
    line-height: 33px;
}


#comments .submit {
    margin-top: 5px !important;
    padding: 0;
    font-size: 18px;
    color: #FCB315;

    background-color: transparent !important;
    border-radius: 0 !important;
    font-family: 'Libre Baskerville', serif !important;

    &:hover {
        color: #FCB315 !important;
    }
}


@media (max-width: 921px) {
    .ast-comment-avatar-wrap img {
        max-width: 100%;
    }

    .ast-comment-avatar-wrap {
        margin-right: 20px;
    }
}



.ast-separate-container .ast-comment-list li.depth-1 {
    padding: 25px 0 !important;
}

.ast-separate-container .comments-title {
    margin-bottom: 25px;
    padding: 0 !important;
}

.comments-area textarea#comment {
    border-radius: 10px;
    outline: none;
    border: solid 1px #e1e1e1;
    /* box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); */
}


.comment-form-comment textarea {
    margin-top: 8px !important;
}

#comments>div#respond {
    padding: 0 !important;
}


.no-comments {
    display: none;
}