/*===========================
  21.SELLER AUTHOR LIST css 
===========================*/


.single-seller-author{
    & .seller-author-wrapper{
        & .author-image{
            & img{
							width: 80px;
                height: 80px;
                border-radius: 80px;
            }
        }
        & .author-content{
            padding-left: 15px;
            
            & .author-name{
                & a{
                    font-size: 16px;
                    color: $heading-color;
                    font-weight: 700;
                    @include transition(0.3s);
                    
                    &:hover{
                        color: $theme-color-2;
                    }
                }
            }
            & .online,
            & .offline{
                font-size: 14px;
                color: $body-color;
                display: block;
                padding-left: 14px;
                position: relative;
                
                &::before{
                    position: absolute;
                    content: '';
                    width: 7px;
                    height: 7px;
                    background-color: $theme-color-2;
                    left: 0;
                    top: 50%;
                    @include transform(translateY(-50%));
                    border-radius: 50%;
                }
            }
            
            & .offline{
							&::before{
								background-color: $gray-2;
							}
						}
            
            & .follow{
                height: 30px;
                line-height: 30px;
                background-color: #f0efff;
                color: $body-color;
                font-size: 14px;
                border-radius: 5px;
                @include transition(0.3s);
                padding: 0 15px;
                margin-top: 10px;
								border: none;
                
                &:hover, &.following{
                    background-color: $theme-color;
                    color: $white;
                }
            }
        }
    }
    
    & .seller-about{
        margin-top: 15px;
        
        & title{
            font-size: 16px;
            font-weight: 700;
            color: $heading-color;
        }
        & p{
            margin-top: 15px;
        }
    }
    
    & .seller-wrapper{
        @media #{$lg}{
            display: block !important;
        }
            
        & .author-btn{
            background-color: $theme-color-2;
            position: relative;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 10px;
            padding-right: 50px;
            border-radius: 5px;

            & a{
                color: $white;
                font-size: 14px;
                font-family: $font-1;
                font-weight: 700;
            }

            & p{
                font-size: 13px;
                color: $white;
                line-height: 22px;
            }

            & i{
                position: absolute;
                top: 50%;
                right: 10px;
                font-size: 24px;
                color: $white;
                @include transform(translateY(-50%));
            }
        }

        & .author-message{
            padding-left: 30px;
            
            @media #{$lg}{
                padding-left: 0;
                padding-top: 20px;
            }
            @media #{$sm}{
                padding-left: 10px;
            }

            & a{
                color: $theme-color-2;
                font-size: 36px;
                line-height: 40px;

            }
        }
    }
}