/* block */

.#{$block-selector},
.widget {
    margin-bottom: $block-module-margin-bottom !important;
    position: relative;
    padding: $block-module-padding;
    background: transparent;
    border-width: 0px;
    border-style: solid;
    .#{$block-heading-selector}{
        color: $block-module-heading-color;
        font-weight: $block-module-heading-font-weight;
        padding: $block-module-heading-padding;
        margin: $block-module-heading-margin;
        text-transform: $block-module-heading-transform;
        font-size: $block-module-heading-font-size;
        font-family: $font-family-sans-serif;
        position: relative;
        z-index: 10;
        border-bottom: 1px solid $border-color;
        > span{
            display:  inline-block;
        }
        // Align center
        &.separator_align_center{
            &:before{
                @include rtl-left(49%);
            }
        }
        // Align  right
        &.separator_align_right{
            &:before{
                @include rtl-right(25px);
            }
        }
        &:before {
            content: "";
            position: absolute;
            top: 0;
            @include rtl-left(0);
            height: 6px;
            width: 40px;
            background-color: $theme-color;
        }
       
    }
    .#{$block-content-selector} {
        @include border-radius ($block-module-content-radius);
        @include clearfix();
        background-color: $block-module-content-bg;
    }
    .#{$block-heading-reversed-selector}{
        @include rtl-margin-right(75px);
    }

    /* block styles */
    &.nopadding{
        .#{$block-content-selector}{
            padding:0;
            margin: 0;
        }
    }
    > ul {
        padding: 0;
        list-style: none;
        > li {
            padding-top: 20px;
            &:first-child {
                padding-top: 0;
            }
        }
    }
    &.slider-widget {
        .widget-title {
            display: none;
        }
    }
    &.tagline-widget {
        position: relative;
        padding: 0 40px;
        @media(max-width: $screen-sm-max) {
            padding: 0 20px;
        }
        &:before {
            content: "";
            width: 1px;
            height: 100%;
            background-color: $border-color;
            @include rtl-left(0px);
            top: 0;
            position: absolute;
        }
        > div {
            display: table-cell;
            vertical-align: top;
            &.tagline-icon {
                @include rtl-padding(0,15px,0,0);
                font-size: 30px;
            }
            &.content {
                h3 {
                    margin: 0 0 5px;
                    font-size: 14px;
                    text-transform: uppercase;
                }
                p:last-child {
                    margin-bottom: 0;
                }
            }
        }   
    }
    &.SlideshowWidget {
        .slideshow_container .slideshow_button.slideshow_next {
            right: 20px;
        }
        .slideshow_container .slideshow_button.slideshow_previous {
            left: 20px;
        }
    }
    &.articles-products-category-widget {
        .widget-heading {
            border-bottom: 1px solid $border-color;
            padding-bottom: 15px;
            margin-bottom: 30px;
            h3 {
                position: relative;
                padding-top: 18px;
                font-size: 30px;
                margin: 0;
                &:before {
                    content: "";
                    position: absolute;
                    @include rtl-left(0);
                    top: 0;
                    width: 40px;
                    height: 6px;
                    background-color: $theme-color;
                }
            }
            .sub-categories {
                margin-top: 28px;
                .list-inline {
                    margin: 0;
                    li {
                        padding: 0 10px;
                        border-left: 1px solid $light-gray;
                        line-height: 1;
                        a {
                            text-transform: uppercase;
                            font-size: 11px;
                            color: $light-gray;
                            line-height: 1; 
                            display: block;
                            &:hover {
                                color: $theme-color;
                            }                          
                        }
                        &:first-child {
                            @include rtl-padding-left(0);
                            border-left: none;
                        }
                    }
                }
            }
        }
    }
    &.articles-list-widget {
        overflow: hidden;
        .owl-carousel-play {
            margin-left: -15px;
            margin-right: -15px;
            margin-top: -30px;
            .owl-carousel {
                .row {
                    > div {
                        padding-left: 15px;
                        padding-right: 15px;
                    }
                }
                .post {
                    margin: 30px 0 0;
                }
            }
        }
    }
    &.articles-brands-widget {
        article.post {
            margin-bottom: 0;
            .entry-thumb {
                margin-bottom: 0;
            }
        }
    }
    &.articles-testimonials-widget {
        .post {
            margin-bottom: 0;
            > p {
                font-weight: 300;
                font-style: italic;
                font-size: 18px;
                line-height: 28px;
                margin-bottom: 20px;
                @media(max-width: $screen-sm-max) {
                    font-size: 14px;
                }
            }
            .entry-thumb {
                display: table-cell;
                vertical-align: top;
                border-radius: 50%;
                img {
                    border-radius: 50%;
                }
            }
            .entry-title {
                display: table-cell;
                vertical-align: middle;
                @include rtl-padding-left(15px);
                text-transform: uppercase;
                font-size: 13px;
                color: $theme-color;
                font-weight: 700;
                p {
                    color: $light-gray;
                    font-weight: 400;
                }
            }
            .addthis_toolbox {
                display: none;
            }
        }
        .carousel-controls {
            top: 10px;
            .carousel-control {
                font-size: 24px;
            }
        }        
    }
    &.articles-our-service-widget {
        .widget-content {
            font-size: $font-size-base;
            line-height: 1.6;
            .our-service-icon {
                margin-bottom: 20px;
                i {
                    font-size: 80px;
                }
            }
            h4 {
                margin-bottom: 20px;
            }
        }
            
    }
    &.articles-our-team-widget {
        .post {
            font-size: $font-size-base;
            line-height: 1.6;
            .social-link {
                padding: 0;
                margin: 15px 0 0;
                li {
                    display: inline-block;
                    list-style: none;
                    @include rtl-margin(0,0,0,20px);
                    a {
                        color: $gray-dark;
                        &:hover {
                            color: $black;
                        }
                    }
                    &:first-child {
                        @include rtl-margin-left(0);
                    }
                }
            }
        }
    }
    &.articles-products-tabs-widget,
    &.articles-products-category-widget {
        .carousel-controls {
            top: 64px;
        }
    }
    .carousel-controls {
        position: absolute;
        top: 25px;
        @include rtl-right(0);
        z-index: 10;
        a {
            color: $light-gray;
            position: static;
            text-shadow: none;
            background: none !important;
            font-size: 24px;
            &:hover {
                color: $theme-color;
            }
        }
    }
}

.mass-footer-body,
.mass-header-body {
    .widget.tagline-widget:first-child {
        &:before {
            content: none;
        }
    }
}

.about-main-sidebar {
    font-size: 18px;
    line-height: 34px;
    .widget {
        text-align: center;
        margin-bottom: 60px !important;
        .widget-title {
            padding-bottom: 0;
            border-bottom: none;
            &:before {
                left: 50%;
                @include rtl-margin-left(-20px);
            }
        }
        .title-description {
            margin-bottom: 60px;
        }
    }
}

// Contextual variations
.#{$block-selector} {
  @include block-variant($block-module-border-color, $block-module-heading-color, $block-module-heading-bg, $block-module-border-color);
}
.#{$block-prefix}-default {
  @include block-variant($panel-default-border, $panel-default-text, $panel-default-heading-bg, $panel-default-border);
}
.#{$block-prefix}-primary {
  @include block-variant($panel-primary-border, $panel-primary-text, $panel-primary-heading-bg, $panel-primary-border);
}
.#{$block-prefix}-success {
  @include block-variant($panel-success-border, $panel-success-text, $panel-success-heading-bg, $panel-success-border);
}
.#{$block-prefix}-info {
  @include block-variant($panel-info-border, $panel-info-text, $panel-info-heading-bg, $panel-info-border);
}
.#{$block-prefix}-warning {
  @include block-variant($panel-warning-border, $panel-warning-text, $panel-warning-heading-bg, $panel-warning-border);
}
.#{$block-prefix}-danger {
  @include block-variant($panel-danger-border, $panel-danger-text, $panel-danger-heading-bg, $panel-danger-border);
}

.#{$block-prefix}-highlighted { 
}

.sidebar {
    .#{$block-selector},
    .widget {
        .#{$block-heading-selector}{
            font-size: 18px;
            &:before {
                width: 20px;
                height: 4px;
            }
        }
    }
}

// Wordpress Widget Default
.sidebar {
    .widget_categories,
    .widget_archive,
    .widget_nav_menu,
    .widget_meta,
    .widget_pages,
    .widget_recent_comments,
    .widget_recent_entries,
    .widget_rss {
        border: 2px solid $border-color;
        border-top: none;
        .widget-title {
            border-top: 4px solid $theme-color;
            color: $theme-color;
            margin: 0 -2px 20px;
            padding: 15px 32px;
            font-size: 14px;
            text-transform: uppercase;
            &:before {
                content: none;
            }
        }
        > ul {
            padding: 0;
            list-style: none;
            margin-bottom: 0;
            li {
                border-top: 1px solid $border-color;
                padding: 20px 30px;
                @media(max-width: $screen-sm-max) {
                    padding: 15px 20px;
                }
                &:first-child {
                    border-top: none;
                    padding-top: 0;
                }
                a {
                    color: $gray-dark;
                    &:hover {
                        color: $theme-color;
                    }
                }
            }
        }
    }

    .widget_nav_menu {
        .menu-top-menu-container {
            > ul {
                padding: 0;
                list-style: none;
                margin-bottom: 0;
                li {
                    border-top: 1px solid $border-color;
                    padding: 20px 30px;
                    &:first-child {
                        border-top: none;
                        padding-top: 0;
                    }
                }
            }
        }
    }

    .widget_calendar {
        border: 2px solid $border-color;
        border-top: none;
        .widget-title {
            border-top: 4px solid $theme-color;
            color: $theme-color;
            margin: 0 -2px 20px;
            padding: 15px 32px;
            font-size: 14px;
            text-transform: uppercase;
            &:before {
                content: none;
            }
        }
        #calendar_wrap {
            padding: 0 20px 15px;
        }
        #wp-calendar {        
            td,th {
                padding: 5px 9px;
            }
            caption {
                padding-left: 9px;
                padding-right: 9px;
                padding-top: 0;
            }
            tbody {
                td {
                    a {
                        font-weight: 700;
                    }
                }
            }        
        }
    }

    .widget_pages {
        ul.children {
            padding: 0;
            margin: 10px 20px 0;
            li {
                list-style: none;
                padding: 10px 0px;
                &:last-child {
                    padding-bottom: 0;
                }
                &:first-child {
                    border-top: 1px solid $border-color;
                }
            }
        }
    }

    .widget_rss {
        .rss-date {
            display: block;
            margin-top: 8px;
            font-size: 12px;
            font-style: italic;
        }
        .rssSummary {
            margin-top: 10px;
        }
    }

    .widget_search {
        .searchform {
            .pbr-search.input-group {
                .input-group-addon {
                    border-radius: 0;
                    background-color: $theme-color;
                    border: none;
                    input {
                        border: none;
                        background: none;
                        color: $white;
                    }
                }
            }
        }
    }

    .widget_tag_cloud {
        border: 2px solid $border-color;
        border-top: none;
        .widget-title {
            border-top: 4px solid $theme-color;
            color: $theme-color;
            margin: 0 -2px 20px;
            padding: 15px 32px;
            font-size: 14px;
            text-transform: uppercase;
            &:before {
                content: none;
            }
        }
        .tagcloud {
            padding: 0 30px 20px;
        }
    }
}


.sidebar .widget_categories .widget-title,
.sidebar .widget_archive .widget-title,
.sidebar .widget_calendar .widget-title,
.sidebar .widget_nav_menu .widget-title,
.sidebar .widget_product_categories .widget-title {
    font-size: 14px;
}

// Image Widget
.widget_sp_image {
    a img.aligncenter {
        margin: 0 auto;
    }
}

// Woocommerce Widget Default
.widget_product_categories {
    border: 2px solid $theme-color;
    .widget-title {
        background-color: $theme-color;
        color: $white;
        margin: 0 0 20px;
        padding: 15px 32px;
        font-size: 14px;
        text-transform: uppercase;
        &:before {
            content: none;
        }
    }
    > ul {
        padding: 0;
        list-style: none;
        li {
            border-top: 1px solid $border-color;
            padding: 20px 30px;
            &:first-child {
                border-top: none;
            }
        }
    }
}