
/* Widget */

.widget {
    margin-top: 67px;
    position: relative;

    @media #{$screen-medium} {
        margin-top: 60px;
    }

    .footer-wrapper &,
    .content-bottom-wrapper &,
    .sidebar &:first-child,
    &.widget_layered_nav,
    &.widget_layered_nav_filters,
    &.widget_price_filter,
    &.widget_product_categories {
        margin-top: 0;
    }

    &:last-child {
        margin-bottom: 0;
    }
    &.last-child {
        margin-bottom: 0; 
    }
    
    > ul {
        list-style: none; 
        padding-left: 0;
    }
    
    ul {
        list-style: none; 
        margin: 0; 
        padding: 0;
        
        li {
            margin-bottom: 0;
        }
        
        ul { 
            margin-left: 20px; 
            list-style: disc outside;
            padding: 3px 0 3px 3px;
            
            li > a {
                line-height: 17px; 
            }

            ul {
                margin-left: 15px;
            }
        }
    }

    li > a {
        display: inline-block;
        text-decoration: none;
        margin-right: 0;
        padding: 6px 0;
        line-height: 21px;
    }
    
    .arrow { 
        position: absolute; 
        top: 7px; 
        right: 0; 
        display: inline-block; 
        width: 18px; 
        height: 18px; 
        cursor: pointer; 
        text-align: center; 
        font-family: "FontAwesome"; 
        font-size: 10px; 
        line-height: 17px; 
        vertical-align: top; 
        
        &:before {
            content: "\f067";
        }
    }
    
    .open > .arrow:before { 
        content: "\f068"; 
    }
}

.accordion-menu,
.widget_categories,
.widget_pages {
    > ul > li {
        position: relative;

        > ul.children,
        > ul.sub-menu {
            display: none;
        }
    }

    > ul > li[class*="current-"] {
        > ul.children,
        > ul.sub-menu {
            display: block;
        }
    }
}

.widget_categories,
.widget_pages,
.widget_nav_menu > div {

    > ul > li {
        position: relative;
        padding-right: 25px;
        
        > a,
        > h5 {
            font-size: 16px; 
            font-weight: bold;
            padding-top: 8px;
            padding-bottom: 8px;
            
            .sidebar & {
                text-transform: uppercase;
            }
        }
    }
}

.widget-title { 
    text-transform: uppercase; 
    margin-bottom: 20px;
    margin-top: 0;
    margin-right: 0;
}

.widget-loading { 
    text-align: center; 
    padding: 40px; 
    font-size: 20px; 
}

/* Search Form */

.searchform {
    .text,
    .button { 
        display: inline-block; 
        float: left; 
    }
    
    .text input { 
        border-radius: 0; 
        height: 36px; 
        width: 200px;
        background-size: 16px 16px !important;
        background-position: 97% center !important;
    }
    
    button {
        padding: 0; 
        border-radius: 0; 
        border-width: 0; 
        font-size: 18px; 
        width: 36px; 
        height: 36px; 
        margin-left: 1px; 
        @include box-shadow(none);
        
        &:hover,
        &:focus {
            @include box-shadow($btn-box-shadow);
        }
    }
}

.searchform .text {
    @media #{$screen-large} {
        position: absolute;
        right: 37px;
    }

    @media #{$screen-medium} {
        position: static;
        right: 37px;
    }

    .searchform-middle &,
    #main & {
        position: static;
        right: 37px;
    }

    .sidebar & {
        input {
            @media #{$screen-large} {
                width: 160px;
            }

            @media #{$screen-normal} {
                width: 180px;
            }

            @media #{$screen-medium} {
                width: 200px;
            }
        }
    }
}

.search-popup .searchform .text {
    position: absolute; 
    right: 37px;
    
    @media #{$screen-medium} {
        position: static; 
        right: 37px; 
    } 
}

.autocomplete-suggestions {
    background-color: #fff;
    border-radius: 0;
    padding: 0;
    color: #444;

    .header-wrapper &,
    .sticky-header & {
        right: 37px;
    }
}

.autocomplete-suggestion {
    padding: 6px;
    line-height: 20px;
}

#wp-calendar { 
    width: 100%; 
    text-align: center; 
    
    caption { 
        margin-bottom: 18px; 
        font-weight: bold; 
        text-transform: uppercase; 
    }
    
    th,
    td { 
        text-align: center; 
    }

    td {
        &#today { 
            font-weight: bold; 
        }
        
        &#prev { 
            text-align: left; 
            padding-left: 10px; 
            padding-top: 10px; 
            font-weight: bold; 
        }
        
        &#next { 
            text-align: right; 
            padding-right: 10px; 
            padding-top: 10px; 
            font-weight: bold; 
        }
    }
}

.product_list_widget { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    
    li { 
        position: relative;
        margin-bottom: 25px !important;

        &:last-child {
            margin-bottom: 0 !important;
        }
        &.last-child {
            margin-bottom: 0 !important; 
        }
        
        a,
        .product-name {
            display: block; 
            font-weight: bold; 
            font-size: 16px; 
            text-decoration: none; 
            margin-bottom: 8px;
            padding: 0; 
        }

        .product-image {
            float: left;
            margin: 0;
            padding: 0;
        }

        .product-details {
            margin-left: 100px;
        }
    }

    img {
        width: 85px;
        height: auto; 
    }

    .amount { 
        font-size: 16px; 
        margin-right: 5px; 
        font-weight: bold; 
    }
    
    ins { 
        text-decoration: none; 
    }
    
    del, 
    del .amount { 
        color: inherit; 
        font-size: 14px;
        font-weight: normal;
    }

    .star-rating {
        font-family: "FontAwesome";
        font-size: 15px;
        height: 15px;
        line-height: 15px;
        overflow: hidden;
        position: relative;
        text-align: left;
        width: 80px;
        letter-spacing: 2px;
        margin-bottom: 5px;

        &:before {
            content: "\f006\f006\f006\f006\f006";
        }

        span {
            float: left;
            font-weight: normal;
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
            text-indent: -1000px;

            &:before {
                content: "\f005\f005\f005\f005\f005";
                position: absolute;
                left: 0;
                top: 0;
                text-indent: 0;
            }
        }
    }
}

.facebook-like {
    p {
        margin-bottom: 5px;
    }

    .fb-like {
        float: right;
        margin-right: 40px;
        margin-top: 6px;
        padding: 2px 12px 1px;
        text-transform: none;

        @media #{$screen-large} {
            margin-right: 12px;
        }

        @media #{$screen-medium} {
            margin-right: 0;
        }

        .sidebar & {
            margin-top: 2px;
        }
    }
}

.fb-person { 
    float: left; 
    font-size: 13px; 
    width: 60px; 
    height: 95px; 
    margin: 0 25px 4px 0;
    overflow: hidden; 
    text-align: center; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    
    @media #{$screen-large} {
        margin-right: 10px;
    }
    
    @media #{$screen-normal} {
        margin-right: 13px;
    }
    
    a, 
    span { 
        display: block; 
    }
    
    img { 
        width: 100%; 
        height: auto;
        
        &:hover {
            @include opacity(0.65);
        } 
    }
}

.twitter-box {
    
    * { 
        line-height: 1.5; 
    }
    
    .twitter-slider .owl-controls { 
        position: absolute; 
        top: -45px;
        right: 10px; 
        margin: 0;
        
        .owl-buttons div {
            position: static; 
            display: inline-block; 
            float: left; 
            font-size: 20px; 
            text-align: center; 
            width: 25px; 
            height: 22px;
            line-height: 1;
            margin-left: 1px; 
        }
    }

    .swiper-slide { 
        padding-left: 1px; 
        padding-right: 5px; 
    }
    
    .tweet-text { 
        margin-bottom: 0;
    }
    
    .tweet-date { 
        display: inline-block; 
        font-size: 12px; 
        font-style: italic; 
        margin-bottom: 20px; 
    }
}

.flickr-image { 
    float: left; 
    
    img { 
        width: 80px;
        height: 80px;
        margin: 0 11px 11px 0;
        
        @media #{$screen-large} {
            width: 65px;
            height: 65px;
            margin-right: 8px;
            margin-bottom: 8px;
        }
        
        @media #{$screen-normal} {
            width: 67px;
            height: 67px;
            margin-right: 9px;
            margin-bottom: 9px;
        }
        
        &:hover {
            @include opacity(0.65);
        }
    }
}

.flickr-image:nth-child(3n+1) {
    clear: both;

    @media #{$screen-medium} {
        clear: none;
    }
}

.flickr-image.nth-child_3n_1 {
    clear: both;

    @media #{$screen-medium} {
        clear: none;
    }
}

.flickr-image:nth-child(3n) {
    img {
        margin-right: 0;
    }

    @media #{$screen-medium} {
        margin-right: 9px;
    }
}

.flickr-image.nth-child_3n {
    img {
        margin-right: 0;
    }

    @media #{$screen-medium} {
        margin-right: 9px;
    }
}

.content-slider {
    margin-bottom: 40px;

    .shortcode & {
        margin-bottom: 0;
    }

    &.banner {
        margin-bottom: 25px;
    }
    
    .content-item { 
        margin: 0 15px; 
    }
    
    &.single .content-item {
        margin: 0; 
        padding-left: 1px; 
        padding-right: 1px;
    }
    
    .post-item {
        margin-bottom: 40px;
        
        img { 
            display: block; 
            max-width: 100%;
            height: auto;
            margin-bottom: 20px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .post-title { 
            font-weight: bold; 
            font-size: 20px; 
            margin-bottom: 10px; 
            line-height: 1.25;
        }
        
        .entry-meta { 
            margin-bottom: 0; 
        }
        
        .read-more { 
            font-weight: bold; 
            font-size: 15px; 
        }
        
        .meta-date { 
            display: inline-block; 
            font-style: italic; 
            font-size: 14px; 
            padding-top: 2px; 
        }
    }
    
    .slide .post-item:last-child {
        margin-bottom: 0;
    }
    .slide .post-item.last-child {
        margin-bottom: 0;
    }
    
    .brand { 
        text-align: center; 
        
        img {
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
    }
    
    .sidebar & {
        margin-bottom: 0;
        
        &.single .content-item { 
            margin: 0; 
        }
        
        &.owl-theme .owl-controls .owl-buttons {
            
            div { 
                font-size: 17px; 
                height: 25px; 
                width: 35px; 
                line-height: 23px; 
                top: -45px; 
                bottom: auto; 
            }
            
            .owl-prev { 
                left: auto; 
                right: 37px; 
            }
        }
    }
}

.content-item { 
    margin-bottom: 60px; 
}

.testimonial {
    
    .testimonial-details { 
        padding: 20px 25px 25px 50px; 
        position: relative; 
        font-size: 15px; 
        margin-bottom: 30px; 
    }
    
    .testimonial-details:before { 
        @include opacity(0.7); 
        content: "\f10d"; 
        position: absolute; 
        display: inline-block; 
        font-size: 28px; 
        font-family: "FontAwesome"; 
        font-weight: normal; 
        font-style: normal; 
        top: 15px; 
        left: 13px; 
    }
    
    .testimonial-details:after { 
        content: ''; 
        position: absolute; 
        display: block; 
        top: 100%; 
        left: 30px; 
        margin-top: -1px; 
        width: 36px; 
        height: 21px; 
    }
    
    .testimonial-title { 
        font-size: 23px; 
        font-weight: bold; 
        margin-bottom: 13px; 
    }

    .testimonial-photo { 
        float: left; 
        width: 75px; 
        height: 75px; 
        
         img { 
            width: 100%; 
            height: 100%; 
        }
    }
    
    .meta-content { 
        padding-left: 90px; 
        font-style: italic; 
        
        &.no-photo { 
            padding-left: 0; 
        }
    }
    
    .meta-name { 
        display: inline-block; 
        font-size: 16px; 
    }
    
    .meta-date { 
        font-size: 14px;
    }
}

#main .testimonials-title.banner { 
    font-size: 30px; 
    text-transform: uppercase; 
    border-width: 0; 
    text-align: center; 
    padding: 0; 
    margin: 50px 30px 30px; 
}

.testimonials-title.banner .line { 
    display: none !important; 
}


.testimonials-line { 
    width: 40px; 
    height: 4px; 
    margin: 0 auto; 
}

.content-slider.banner {
    
    .testimonial { 
        padding-top: 25px; 
        padding-bottom: 60px; 
        
        @media #{$screen-medium} {
            padding-top: 20px; 
            padding-bottom: 50px;
        }
        
        .testimonial-title { 
            margin-bottom: 20px; 
        }
        
        .testimonial-details { 
            font-size: 18px; 
            background: transparent; 
            border-width: 0; 
            padding: 20px 15%; 
            text-align: center; 
            margin-bottom: 0; 
            
            @media #{$screen-normal} {
                padding-left: 10%; 
                padding-right: 10%; 
            }
            
            @media #{$screen-medium} {
                padding-left: 20px; 
                padding-right: 20px;
            }
            &:before { 
                display: none; 
            }
            
            &:after { 
                background: none; 
            }
        }
        
        .testimonial-meta { 
            text-align: center; 
            padding-bottom: 10px; 
        }
        
        .meta-content { 
            padding-left: 0; 
            display: inline-block; 
        }
        
        .testimonial-photo { 
            display: inline-block; 
            float: none; 
            border-radius: 38px; 
            margin-right: 12px; 
            
            img { 
                border-radius: 38px; 
            }
        }
        
        .meta-content br { 
            display: none; 
        }
        
        .meta-name { 
            font-weight: bold; 
        }
    }
    
    .owl-controls { 
        position: static; 
        
        /*.owl-page.active span {
            width: 16px; 
            height: 16px; 
            margin: 3px 5px; 
        }*/
    }
}

.yith-woocompare-widget {
    
    .compare { 
        text-indent: 0; 
        width: auto; 
        padding-left: 12px; 
        padding-right: 12px; 
        
        &:before { 
            display: none; 
        }
    }
    
    ul.products-list a.remove { 
        font-size: 15px; 
        border-radius: 0 !important; 
        background-color: transparent !important; 
    }
}

.ui-slider { 
    background-image: none; 
    border-width: 0; 
    border-radius: 3px; 
    
    .ui-slider-range { 
        background-image: none; 
    }
    
    .ui-slider-handle { 
        cursor: pointer; 
        top: -6px; 
        background-image: none; 
        border-width: 0; 
        border-radius: 3px; 
        width: 10px; 
        height: 22px;
        @include box-shadow($price-slide-box-shadow);
        @include transition(none);
    }
}

.widget_price_filter {
    
    .price_slider { 
        margin: 15px -2px 10px 4px;
        z-index: 0;
    }
    
    #min_price,
    #max_price { 
        float: left; 
        width: 45%; 
    }
    
    #min_price { 
        margin-right: 10%; 
    }
    
    .button { 
        float: left; 
        margin: 15px 15px 0 0;
    }
    
    .price_label { 
        float: right; 
        margin: 25px 0 0;
    }
}

.widget_layered_nav_filters li a,
.tagcloud a,
.woocommerce .widget_layered_nav ul.yith-wcan-label li a,
.woocommerce-page .widget_layered_nav ul.yith-wcan-label li a,
.woocommerce .widget_layered_nav ul.yith-wcan-label li span,
.woocommerce-page .widget_layered_nav ul.yith-wcan-label li span {
    float: left; 
    height: auto; 
    line-height: 1; 
    padding: 6px 10px;
    margin-bottom: 10px; 
    margin-right: 10px; 
    display: inline-block; 
    text-align: center; 
    text-decoration: none;
    @include box-shadow($btn-box-shadow);
}

.tagcloud a,
.woocommerce .widget_layered_nav ul.yith-wcan-label li a,
.woocommerce-page .widget_layered_nav ul.yith-wcan-label li a,
.woocommerce .widget_layered_nav ul.yith-wcan-label li span,
.woocommerce-page .widget_layered_nav ul.yith-wcan-label li span {
    font-size: 14px !important;
}

.widget_layered_nav_filters li {
    display: inline;

    a {
        padding-right: 10px;
        padding-left: 0;
        @include box-shadow(none);

        &:after {
            content: "\f00d";
            font-size: 14px;
            font-weight: normal;
            font-family: "FontAwesome";
            margin-left: 8px;
        }
    }
}

.widget_recent_comments ul li {
    margin: 6px 0; 
}

.sw-parallax { 
    //background-attachment: fixed !important;
    background-position: 50% 0; 
    background-size: cover !important;
    //@include transition($parallax-transition);
    @include transition(none);
}

.shortcode-bg { 
    position: relative; 
    
    .bg-image { 
        background-position: 50% 50%; 
        background-repeat: repeat-y;
        background-size: cover;
        position: absolute; 
        left: 0; 
        right: 0; 
        top: 0; 
        bottom: 0; 
        z-index: 1;
        @include transition($bg-transition);
    }
    
    .sw-parallax { 
        background-position: 50% 0; 
        //@include box-shadow($parallax-transition);
        @include transition(none);
    }
    
    .bg-content { 
        position: relative; 
        z-index: 2; 
    }

    .feature-box,
    .feature-box:hover,
    .feature-box.hover,
    .person .person-photo img {
        border: medium none;
    }
}

.feature-slider {
    .feature-item {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 3px;
    }
}

.feature-box {
    padding: 20px;
    border: 1px solid transparent;
    
    h4 { 
        margin: 20px 0; 
        font-size: 18px; 
        font-weight: bold; 
    }
    
    .line {
        display: block;
        margin-top: 15px; 
        width: 30px; 
        height: 3px; 
        margin-left: auto; 
        margin-right: auto; 
    }

    p { 
        font-size: 14px; 
        margin-bottom: 10px; 
    }
    
    .feature-image {
        display: inline-block; 
        width: 124px; 
        height: 124px; 
        border-radius: 62px; 
        border-width: 2px !important; 
        text-align: center; 
        
        img { 
            width: 100%; 
            height: 100%; 
            border-radius: 60px; 
        }
    }

    .fa { 
        font-size: 50px; 
        line-height: 120px; 
    }
    
    &.text-left {
        padding: 20px; 
        
        h4 {
            display: inline-block; 
            margin-top: 0;
            margin-bottom: 0;
        }
        
        .line { 
            width: 75%; 
            margin-left: 0; 
        }
        
        .feature-image {
            float: left;
        }
        
        .feature-content {
            padding-left: 145px; 
        }
    }
    
    &.text-right { 
        padding: 20px;
        
        h4 {
            display: inline-block; 
            margin-top: 0;
            margin-bottom: 0;
        }
        
        .line { 
            width: 75%; 
            margin-left: 25%; 
        }
        
        .feature-image {
            float: right; 
        }
        
        .feature-content {
            padding-right: 145px; 
        }
    }

    &.noborder {
        border-width: 0 !important;
        background: transparent !important;

        .feature-image {
            border-radius: 0 !important;
            width: auto !important;
            height: auto !important;
            background: transparent !important;
            border-width: 0 !important;
        }

        .fa {
            line-height: 1 !important;
        }
    }
}

.person {
    
    .person-photo { 
        margin-bottom: 30px;

        img {
            margin-left: 0;

            @media #{$screen-medium} {
                margin-left: auto;
            }
        }
    }
    
    .person-name { 
        font-weight: bold; 
        font-size: 25px; 
        margin-top: 0; 
        margin-bottom: 10px;
        text-transform: none;
    }
    
    .person-role { 
        font-size: 16px; 
    }
    
    .entry-content { 
        margin-top: 15px; 
        margin-bottom: 30px; 
    }
    
    .person-social { 
        float: left; 
        margin-bottom: 10px; 
        
        @media #{$screen-medium} {
            float: none;
        }
        
        a { 
            display: inline-block; 
            width: 30px; 
            height: 30px; 
            padding: 0; 
            margin-right: 5px; 
            margin-bottom: 10px; 
            text-align: center;
            
            &.facebook:hover, 
            &.facebook:focus {
                background-color: #3b5a9a;
                border-color: #3b5a9a;
                color: #fff;
            }
            
            &.twitter:hover, 
            &.twitter:focus {
                background-color: #1aa9e1;
                border-color: #1aa9e1;
                color: #fff;
            }
            
            &.dribbble:hover, 
            &.dribbble:focus {
                background-color: #f46899;
                border-color: #f46899;
                color: #fff;
            }
            
            &.pinterest:hover, 
            &.pinterest:focus {
                background-color: #cc2127;
                border-color: #cc2127;
                color: #fff;
            }
            
            &.instagram:hover, 
            &.instagram:focus {
                background-color: #7c4a3a;
                border-color: #7c4a3a;
                color: #fff;
            }
            
            &.linkedin:hover, 
            &.linkedin:focus {
                background-color: #0073b2;
                border-color: #0073b2;
                color: #fff;
            }
            
            &.tumblr:hover, 
            &.tumblr:focus {
                background-color: #475b74;
                border-color: #475b74;
                color: #fff;
            }
            
            &.youtube:hover, 
            &.youtube:focus {
                background-color: #c3191e;
                border-color: #c3191e;
                color: #fff;
            }
            
            &.email:hover, 
            &.email:focus {
                background-color: #dd4b39;
                border-color: #dd4b39;
                color: #fff;
            }
        }
        
        .fa { 
            font-size: 16px; 
            line-height: 28px; 
        }
    }
    
    .person-contact { 
        float: right; 
        font-size: 13px; 
        text-align: right; 
        font-style: italic; 
        
        @media #{$screen-medium} {
            float: none;
            text-align: left;
        }
    }
}

.person-box { 
    margin-bottom: 40px;

    .owl-item & {
        margin-bottom: 0;
    }

    @media #{$screen-medium} {
        text-align: center;
    }
    
    .person-photo { 
        margin-bottom: 20px;

        @media #{$screen-medium} {
            img {
                margin-left: auto;
                margin-right: auto;
            }
        }
    }
    
    .person-name { 
        font-size: 16px; 
        margin-bottom: 5px;
        text-transform: none;
    }
    
    .person-role { 
        font-size: 13px; 
    }
}

blockquote,
.quote { 
    position: relative; 
    font-style: italic; 
    margin-bottom: 20px; 
    padding: 27px 0 0 50px;
    border-width: 0; 
    
    &:before { 
        top: 15px; 
        left: 13px; 
        @include opacity(0.7);
        content: "\f10d"; 
        position: absolute; 
        display: inline-block; 
        font-size: 28px; 
        font-family: "FontAwesome"; 
        font-weight: normal; 
        font-style: normal; 
    }
}

.shortcode-title { 
    margin-bottom: 40px; 

    h2 {
        border-width: 0;
        padding: 20px 0 0;
        margin-bottom: 10px;
        margin-top: 0;
        font-size: 40px;

        @media #{$screen-normal} {
            font-size: 38px;
        }

        @media #{$screen-medium} {
            font-size: 30px;
        }
    }

    .title-desc {
        font-size: 23px;
        margin-top: 10px;
        margin-bottom: 0;

        @media #{$screen-medium} {
            font-size: 18px;
        }

        @media #{$screen-small} {
            font-size: 15px;
        }
    }

    .line {
        display: inline-block;
        width: 40px;
        height: 4px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .line-top {
        margin-bottom: 0;
    }

    &.large {
        padding: 200px 0;

        @media #{$screen-large} {
            padding: 170px 0;
        }

        @media #{$screen-normal} {
            padding: 150px 0;
        }

        @media #{$screen-medium} {
            padding: 120px 0;
        }

        @media #{$screen-small} {
            padding: 100px 0;
        }

        h2 {
            font-size: 45px;

            @media #{$screen-large} {
                font-size: 42px;
            }

            @media #{$screen-normal} {
                font-size: 37px;
            }

            @media #{$screen-medium} {
                font-size: 32px;
            }
        }

        .title-desc {
            font-size: 26px;

            @media #{$screen-large} {
                font-size: 24px;
            }

            @media #{$screen-normal} {
                font-size: 22px;
            }

            @media #{$screen-medium} {
                font-size: 18px;
            }
        }
    }
}

.s2_form_widget { 
    padding: 20px;
    text-align: center;

    @media #{$screen-large} {
        padding: 5px 10px;
    }

    @media #{$screen-medium} {
        padding: 20px;
    }
    
    h3.widget-title {
        text-transform: uppercase; 
        margin-top: 10px; 
        line-height: 1.25;
        font-size: 27.5px;
        letter-spacing: 1px;

        .left-sidebar &,
        .right-sidebar & {
            line-height: 1.25;
            font-size: 27.5px;
            padding: 0;
            background: transparent;
        }

        @media #{$screen-large} {
            font-size: 26px;
            margin-bottom: 24px;
        }
    }
    
    .desc,
    .s2_message { 
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 24px;

        @media #{$screen-large} {
            font-size: 15px;
            line-height: 17px;
            margin-bottom: 20px;
        }
    }
    
    form {
        
        label, br { 
            display: none; 
        }
        
        p { 
            margin-bottom: 0; 
        }
        
        input { 
            margin-bottom: 15px; 
            font-size: 15px; 
        }
        
        input[type="text"] { 
            margin-bottom: 20px; 
            width: 100%;
            padding: 8px;
            text-align: center;

            @media #{$screen-large} {
                width: 89%;
                margin-bottom: 15px;
            }
        }
        
        input[type="submit"][name="subscribe"],
        input[type="submit"][name="unsubscribe"] {
            margin-bottom: 15px;
        }
    }
}

.counter-circle-wrapper { 
    vertical-align: middle; 
    display: inline-block; 
    margin-right: 15px; 
    width: 100%;
    position: relative;
    text-align: center; 
    
    &:last-child {
        margin-right: 0;
    }
    &.last-child {
        margin-right: 0; 
    }

    .desc {
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;
    }
}

.counter-circle-content { 
    font-size: 50px; 
    width: 220px; 
    height: 220px; 
    text-align: center; 
    line-height: 220px; 
    position: relative;
    margin: auto;
    
    .fa { 
        margin: 0 !important; 
        float: none !important;
    }
    
    canvas { 
        left: 0; 
        position: absolute; 
        top: 0; 
    }
}

.counter-box-wrapper{ 
    text-align: center; 
    font-size: 20px; 
}

.content-box-percentage { 
    font-size: 50px; 
    line-height: 50px; 
}

.counter-box-content { 
    margin-top: 10px; 
    margin-bottom: 20px; 
    
    h3 { 
        font-weight: bold; 
    }
}

.sidebar-banner {
    max-width: 270px;
    margin: 0 auto 1px;

    .owl-item {
        text-align: center;
    }

    img {
        width: 100%;
    }
}

.shortcode .related-slider {
    margin-bottom: 0;
}

.widget_layered_nav,
.widget_layered_nav_filters,
.widget_price_filter,
.widget_product_categories {
    margin-bottom: -1px;

    > div,
    > ul,
    > form {
        margin: 0;
        padding: 21px 20px 40px;
    }

    > select {
        margin: 21px 20px 40px;
    }

    .widget-title {
        margin: 0 0 -1px 0;
        padding: 18px 20px;
        font-size: 18px;
        line-height: 1;
        font-weight: bold;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;

        .toggle {
            position: absolute;
            z-index: 0;
            display: inline-block;
            width: 25px;
            height: 25px;
            padding: 0;
            margin: 0;
            right: 15px;
            top: 50%;
            margin-top: -12.5px;
            @include box-shadow(inset 0 1px 0 rgba(255, 255, 255, 0.2));
            border-radius: 0 0 3px 3px !important;
            text-align: center;
            font-family: "FontAwesome";
            font-size: 18px;
            font-weight: normal;
            line-height: 24px;
            cursor: pointer;

            &:before {
                content: "\f107";
                width: 100%;
                text-align: center;
            }
        }
    }

    &.open {
        .widget-title .toggle {
            border-radius: 3px 3px 0 0 !important;

            &:before {
                content: "\f106";
            }
        }
    }

    .scrollwrap {
        max-height: 300px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.widget_layered_nav .count {
    float: right;
    padding: 5px 0 5px 5px;
    font-size: 15px;
}

.slimScrollRail {
    width: 3px !important;
    margin-left: 2px;
    margin-right: 2px;
    @include box-shadow(1px 0 1px rgba(0, 0, 0, 0.08) inset);
}

.slimScrollBar {
    &:before,
    &:after {
        background: rgba(255, 255, 255, 0.5);
        @include box-shadow(1px 0 0 rgba(0, 0, 0, 0.05));
        content: "";
        display: block;
        height: 1px;
        width: 5px;
        position: absolute;
        top: 50%;
        left: 1px;
    }

    &:before {
        margin-top: -2px;
    }

    &:after {
        margin-top: 2px;
    }
}

.widget_product_categories,
.widget_brand_nav.widget_layered_nav {

    > ul,
    .scrollwrap > *:first-child {
        > li {
            position: relative;
            padding-left: 25px;

            > ul.children {
                display: none;
            }

            &[class*="current-"] > ul.children {
                display: block;
            }
        }

        .arrow {
            right: auto;
            left: 0;
        }
    }

    ul ul {
        margin-left: 15px;

        ul {
            margin-left: 10px;
        }
    }
}

.shortcode-grid {
    .grid-item {
        max-width: 100%;
        display: inline-block;

        > .wpb_single_image {
            margin-bottom: 0;
        }
    }
}

.at4-show.animated {
    visibility: inherit;
}

.at-above-post-homepage,
.at-above-post-page,
.at-above-post,
.at-above-post-homepage-recommended,
.at-above-post-page-recommended,
.at-above-post-recommended {
    margin-bottom: 20px;
}

.at-below-post-homepage,
.at-below-post-page,
.at-below-post,
.at-below-post-homepage-recommended,
.at-below-post-page-recommended,
.at-below-post-recommended {
    margin-top: 30px;

    .at4-show {
        float: right;
    }

    &:before,
    &:after {
        content: " ";
        display: table;
    }
    &:after {
        clear: both;
    }
}

#_atssh {
    display: none;
}
.wpb_single_image .vc_single_image-wrapper {
    max-width: 100%;
}