/*===========================
    25.BLOG SIDEBAR css 
===========================*/

.blog-sidebar{
    & .sidebar-title{
        border: 1px solid rgba($heading-color, 0.1);
        padding: 15px 20px;
        
        & .title{
            font-size: 20px;
            font-weight: 700;
            color: $heading-color;
            
            & i{
                margin-right: 3px;
            }
        }
    }
}

.sidebar-search{
    & .sidebar-search-wrapper{
        position: relative;
        border: 1px solid rgba($heading-color, 0.1);
        border-top: 0;
        padding: 30px 20px;
        
        & input{
            width: 100%;
            height: 50px;
            border: 1px solid rgba($heading-color, 0.1);
            padding: 0 20px;
            color: $heading-color;
            font-size: 16px;
        }

        & button{
            padding: 0;
            width: 50px;
            height: 50px;
            position: absolute;
            top: 30px;
            right: 20px;
            border: 0;
            background-color: $theme-color-2;
            color: $white;
            font-size: 18px;
        }
    }
}


.blog-sidebar-category{
    & .blog-sidebar-category-wrapper{
        position: relative;
        border: 1px solid rgba($heading-color, 0.1);
        border-top: 0;
        padding: 30px 20px;
        
        & ul{
            & li{
                
                & + li{
                    margin-top: 10px;
                }
                
                & a{
                    font-size: 16px;
                    color: $body-color;
                    @include transition(0.3s);
                    display: block;
                    
                    & span{
                        float: right;
                    }
                    
                    &:hover, &.hovered{
                        color: $theme-color-2;
                    }
                    
                    & i{
                        margin-right: 5px;
                        font-size: 18px;
                    }
                }
            }
        }
    }
}


.sidebar-archive{
    & .sidebar-archive-wrapper{
        position: relative;
        border: 1px solid rgba($heading-color, 0.1);
        border-top: 0;
        padding: 30px 20px;
        
        & ul{
            & li{
                
                & + li{
                    margin-top: 10px;
                }
                
                & a{
                    font-size: 16px;
                    color: $body-color;
                    @include transition(0.3s);
                    display: block;
                    
                    & span{
                        float: right;
                    }
                    
                    &:hover{
                        color: $theme-color-2;
                    }
                    
                    & i{
                        margin-right: 5px;
                        font-size: 18px;
                    }
                }
            }
        }
    }
}


.sidebar-tags{
    & .sidebar-tags-wrapper{
        position: relative;
        border: 1px solid rgba($heading-color, 0.1);
        border-top: 0;
        padding: 20px 20px 30px;
        
        & ul{
            margin-left: -3px;
            margin-right: -3px;
            
            & li{
                display: inline-block;
                margin-top: 10px;
                padding: 0 3px;
                
                & a{
                    border: 1px solid rgba($heading-color, 0.1);
                    font-size: 14px;
                    color: $body-color;
                    height: 30px;
                    line-height: 28px;
                    padding: 0 8px;
                    @include transition(0.3s);
                    
                    &:hover, &.hovered{
                        background-color: $theme-color-2;
                        color: $white;
                        border-color: $theme-color-2;
                    }
                }
            }
        }
    }
}