.widget{
    border:1px solid transparent;
    img{
        width: 100%;
        height: auto;
    }
    select{
        width: 100%;
    }
}

//title widget
.widget-title{
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #555;
    span{
        overflow: hidden;
        display: block;
        &:after,&:before {
            border-bottom: 1px solid rgba(255, 255, 255, 0.75);
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            content: "";
            display: inline-block;
            position: relative;
            vertical-align: middle;
            width: 100%;
        }
        &:before {
            @include rtl-left(-1.25rem);
            @include rtl-margin-left(-100%);
        }
        &:after {
            @include rtl-margin-right(-100%);
            @include rtl-right(-1.25rem);
        }
        span {
            display: inline-block;
            vertical-align: middle;
        }
        // config align
        &.center{
            text-align: center;
        }
        &.left{
            @include rtl-text-align-left();
        }
        &.right{
            @include rtl-text-align-right();
        }

    }
}
//Content widget
.widget-content{
    padding-top: 30px;
}

// widget-style border
.style-box{
    .widget-title{
        font-weight: 400;
        margin: 0;
        padding: 15px 0;
        text-transform: uppercase;
        letter-spacing: 1px;
        span{
            padding: 0 15px;
            &:after,&:before {
                content:none;
            }
        }
    }
}
// widget-style boxed
.style-border{
    .widget-title{
        text-transform: uppercase;
        border-bottom:$border-color-base;
        font-weight: 400;
        margin: 0;
        padding: 5px 0;
        letter-spacing: 1px;
        span{
            &:after,&:before {
                content:none;
            }
        }
    }
}
//meta
.widget_meta{
    a{
        color: $black;
        font-weight: 300;
        &:hover {
            color: $white;
        }
    }
}
//calendar
.widget_calendar{
    table > thead > tr > th{
        border-bottom: $border-color-base;
    }
}
//widget_layered_nav
.widget_layered_nav,.widget_layered_nav_filters{
    ul li{
        &.chosen{
            @include rtl-margin-right(20px);
            vertical-align: top;
             > a{
                 &:after {
                     display: block;
                     color: $theme-color;
                     content: "\f00d";
                     text-align: center;
                     top: 2px;
                 }
                 &:before {
                     border-color: $theme-color;
                 }

                 &:hover:after {
                     color:$theme-color;
                     content: "\f00d";
                 }
             }
        }
        a{
            position: relative;
            @include rtl-padding-left(32px);
            display: inline-block;
            &:before {
                content: "" !important;
                width: 15px;
                height: 15px;
                border: 1px solid #dfdfdf;
                display: block;
                position: absolute;
                @include rtl-left(0);
                top: 1px;
                z-index: 5;
            }
            &:after {
                content: "\f00c";
                font-family: 'FontAwesome';
                position: absolute;
                top: 2px;
                @include rtl-left(2px);
                z-index: 10;
                font-size: 13px;
                color: #dfdfdf;
                display: none;
            }
            &:hover:before {
                border-color: $theme-color;
            }
            &:hover:after {
                color: $theme-color;
                display: block;
            }
        }
    }
}