/* ==========================================================
   AGRO COMMENT ENGINE
   VERSION 1.0
========================================================== */

.agro-comments-area{
    margin-top:60px;
}

/* ==========================================================
   LIST
========================================================== */

.agro-comments-area .ast-comment-list{
    margin:0;
    padding:0;
    list-style:none;
}

.agro-comments-area .ast-comment-list > li{
    margin:0;
    padding:38px 0;
    border-bottom:1px solid #efefef;
}

/* ==========================================================
   COMMENT
========================================================== */

.agro-comment{
    margin:0;
}

.ast-comment-info{
    display:flex;
    align-items:flex-start;
}

/* ==========================================================
   AVATAR
========================================================== */

.ast-comment-avatar-wrap{

    width:70px;
    min-width:70px;

    display:flex;
    justify-content:center;
    align-items:flex-start;

}

.agro-avatar{

    width:50px;
    height:50px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:18px;

    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

    user-select:none;

    flex-shrink:0;

}

/* ==========================================================
   DATA
========================================================== */

.ast-comment-data-wrap{

    flex:1;

}

/* ==========================================================
   META
========================================================== */

.ast-comment-meta{

    margin:0;

    display:block;

}

.ast-comment-cite-wrap{

    margin:0;

}

.ast-comment-meta cite{

    font-style:normal;

}

.ast-comment-meta .fn{

    color:#5f9635;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.02em;

}

.ast-comment-time{

    margin-top:4px;

}

.ast-comment-time a{

    text-decoration:none;

}

.ast-comment-time time{

    font-size:13px;

    color:#73a83e;

    text-transform:uppercase;

}

/* ==========================================================
   COMMENT
========================================================== */

.ast-comment-content{

    margin-top:22px;

    color:#3c4654;

    line-height:1.9;

    font-size:17px;

}

.ast-comment-content p{

    margin:0;

}

/* ==========================================================
   ACTIONS
========================================================== */

.agro-comment-actions{

    margin-top:22px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.agro-comment-actions-left{

    display:flex;

    gap:22px;

    align-items:center;

}

.agro-comment-actions-right{

    display:flex;

    gap:20px;

    align-items:center;

}

.agro-helpful,
.agro-reply,
.agro-share{

    cursor:pointer;

    font-size:15px;

    color:#5f9635;

    transition:.25s;

}

.agro-helpful:hover,
.agro-reply:hover,
.agro-share:hover{

    color:#ffffff;

}


.agro-thumb-icon.pop{

    animation:agroThumb .45s cubic-bezier(.18,.89,.32,1.28);

}

@keyframes agroThumb{

0%{

transform:scale(.6) rotate(-18deg);

opacity:.4;

}

45%{

transform:scale(1.35) rotate(8deg);

}

70%{

transform:scale(.92);

}

100%{

transform:scale(1);

opacity:1;

}

}

.agro-like-icon{

    display:flex;

    align-items:center;

    justify-content:center;

}

.agro-thumb-icon{

    width:18px;

    height:18px;

    transition:all .25s ease;

}


.agro-helpful{

    border:none;

    background:none;

    cursor:pointer;

    display:flex;

    align-items:center;

    gap:6px;

    color:#5f9635;

    transition:.25s;

}

.agro-helpful:hover{

    color:#2d6e1f;

}

.agro-helpful.liked{

    color:#0f7d37;

}

.agro-like-icon{

    transition:.25s;

}

.agro-like-icon.pop{

    animation:agroLike .3s ease;

}

@keyframes agroLike{

0%{

transform:scale(1);

}

50%{

transform:scale(1.45);

}

100%{

transform:scale(1);

}

}


/* ==========================================================
   GALLERY
========================================================== */

/* ==========================================================
   GALLERY
========================================================== */

.agro-gallery{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(130px,1fr));

    gap:12px;

    margin-top:18px;

}

.agro-gallery-item{

    display:block;

    overflow:hidden;

    border-radius:10px;

}

.agro-gallery img{

    width:100%;

    display:block;

    aspect-ratio:4/3;

    object-fit:cover;

    transition:transform .35s ease;

}

.agro-gallery-item:hover img{

    transform:scale(1.05);

}

/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:768px){

.ast-comment-info{

    gap:15px;

}

.ast-comment-avatar-wrap{

    width:58px;

    min-width:58px;

}

.agro-avatar{

    width:44px;

    height:44px;

    font-size:16px;

}

.ast-comment-content{

    font-size:16px;

}

.agro-comment-actions{

    flex-direction:column;

    align-items:flex-start;

    gap:14px;

}

}