
.woocommerce-info { 
    margin-bottom: 15px; 
}

ul.woocommerce-error,
.woocommerce-error ul {
    list-style: none; 
    margin: 0; 
    padding: 0; 
    
    .fa { 
        display: none; 
    }
}

.woocommerce-message { 
    margin-bottom: 30px; 
    
    .button, 
    .wc-forward { 
        margin-right: 10px; 
    }
    
    .alert-link { 
        margin-right: 3px; 
    }
}

.product-row {
    margin-left: -13px;
    margin-right: -13px;
}

.product-tabs .nav-tabs {
    border-width: 0;
}

#product-tab {
    #tab-description,
    #tab-additional_information {
        h2 {
	    display: none;
	}
    }
}

.blockUI {
    background: transparent !important;
}

/* Category */

.toolbar {
    position: relative; 
    margin-bottom: 40px; 
    padding: 15px 0; 
    border-bottom-width: 1px; 
    border-bottom-style: solid; 
    
    .content-before & {
        padding-top: 0;
    }
    
    .sorter { 
        float: left;
        
        .sort-by { 
            margin-right: 30px; 
            float: left; 
        } 
        
        .view-mode { 
            float: left; 
        }
    }
    
    .view-mode a, 
    .btn-arrow {
        display: inline-block; 
        width: 30px; 
        height: 30px; 
        line-height: 28px; 
        padding: 0; 
        text-align: center; 
        text-decoration: none;
        @include box-shadow($btn-box-shadow);
    }
    
    .view-mode a { 
        width: 36px; 
        font-family: "Elusive-Icons"; 
        font-size: 16px; 
        
        &#grid:before { content: "\e627"; }
        &#list:before { content: "\e625"; }
    }
    
    .btn-arrow { 
        margin-left: 3px; 
        font-family: "FontAwesome"; 
        font-size: 14px; 
    }
    
    .order-asc:before { content: "\f063"; }
    .order-desc:before { content: "\f062"; }
    
    label {
        display: inline; 
        float: left; 
        font-size: 13px; 
        margin: 0 10px 0 0; 
        padding: 6px 0; 
        text-transform: lowercase;
    }
    
    .column2 & {
        @media #{$screen-large} {
            border-width: 0; 
            margin-bottom: 25px; 
            
            .sorter { 
                float: none; 
                
                .view-mode { 
                    float: right; 
                }
            }
            
            .pager { 
                margin-bottom: 0; 
                padding-bottom: 0; 
            }
        }
    }
    
    #main & {
        @media #{$screen-normal} {
            border-width: 0; 
            margin-bottom: 25px;
            
            .sorter {
                float: none;
                
                .view-mode { 
                    float: right; 
                }
            }
            
            .pager {
                margin-bottom: 0; 
                padding-bottom: 0;
            }
        }
        
        @media #{$screen-medium} {
            .sorter {
                .sort-by { 
                    float: right; 
                    margin-right: 0; 
                    margin-bottom: 15px; 
                }
                
                .view-mode { 
                    float: right; 
                    clear: both; 
                    margin-bottom: 0; 
                }
            }
        }
    }
}

.pagination {
    
    > a,
    > span {
        float: left; 
        display: inline-block; 
        width: 30px; 
        height: 30px; 
        line-height: 28px; 
        padding: 0; 
        margin: 0 2px;
        text-align: center; 
        text-decoration: none;
        @include box-shadow($btn-box-shadow);
    }
    
    > a.prev,
    > a.next { 
        font-family: "FontAwesome"; 
        font-size: 18px; 
        width: 30px; 
    }

    > a.prev:before { content: "\f104"; }
    > a.next:before { content: "\f105"; }
}

.pager { 
    margin: 0; 
    padding: 0; 
    text-align: right; 
    border-style: solid; 
    border-width: 0; 
    
    .limiter { 
        float: right; 
    
        label { 
            display: inline; 
            float: left; 
            font-size: 13px; 
            margin: 0 10px 0 0; 
            padding: 6px 0; 
            text-transform: lowercase; 
        }
    }
    
    .dropdown-toggle { 
        width: 85px; 
        text-align: left; 
    }

    .dropdown-menu {
        width: 100%;
        
        li,
        a { 
            display: block; 
            border-radius: 0;
            text-align: left; 
        }
        
        a {
            border-width: 0 0 1px;
            border-color: transparent;
            border-color: rgba(0, 0, 0, 0.1);
        }
    }
    
    .woocommerce-pagination { 
        float: right; 
        margin-left: 26px; 
    }
    
    .column2 & {
        @media #{$screen-large} {
            border-top-width: 1px; 
            clear: both; 
            margin: 15px 0; 
            padding: 15px 0; 
            
            .limiter { 
                position: absolute; 
                right: 100px; 
                top: 0; 
            }
        }
    }
    
    #main & {
        @media #{$screen-normal} {
            border-top-width: 1px; 
            clear: both; 
            margin: 15px 0; 
            padding: 15px 0;
            
            .limiter { 
                float: left; 
                position: static; 
            }
        }
        
        @media #{$screen-medium} {
            
            .dropdown-menu {
                li {
                    > a,
                    > span {
                        margin-bottom: 0; 
                    }
                }
            }
            
            li {
                > a,
                > span {
                    margin-bottom: 5px; 
                }
            }
            .limiter { 
                position: absolute; 
                left: 0; 
                top: 45px;
            }
        }
    }
    
    .content-after & {
        border-top-width: 1px; 
        padding-top: 15px; 
        margin-top: 20px; 
        //margin-bottom: 30px;
        margin-bottom: 0;
        
        #main & {
            @media #{$screen-medium} {
                margin-top: 30px;

                .limiter {
                    display: none;
                }
            }
        }
        
        .column2 & {
            @media #{$screen-large} {
                .limiter { 
                    position: static; 
                }
            }
        }
    }
}

.sorter {
    
    .dropdown-toggle { 
        width: 120px; 
        text-align: left; 
    }
    
    .dropdown-menu {
        width: 100%;
    }
}

.woocommerce-pagination {
    
    #main .pager & {
        @media #{$screen-medium} {
            margin-left: 0; 
            float: none; 
            text-align: center;
        }
    }
    
    ul.page-numbers { margin: 0; padding: 0; list-style: none; }
    
    li { 
        display: inline; 
        vertical-align: top;
        margin-left: 4px;

        &:first-child {
            margin-left: 0;
        }
        
        > .page-numbers {
            display: inline-block; 
            width: auto; 
            height: 30px; 
            line-height: 28px; 
            padding: 0 10px; 
            text-align: center; 
            text-decoration: none;
            @include box-shadow($btn-box-shadow); 
            
            &.dots { 
                width: 30px; 
                padding: 0; 
            }
            
            &.next,
            &.prev { 
                font-family: "FontAwesome"; 
                font-size: 18px; 
                width: 30px;
                vertical-align: bottom;
            }
            
            &.prev:before {
                content: "\f104";
            }
            
            &.next:before {
                content: "\f105";
            }
        }
    }
}

/* Grid / List Styles */

.products { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    
    .col-md-4:nth-child(3n+1),
    .col-md-3:nth-child(4n+1) {
        clear: both; 
    }

    .col-md-4.nth-child_3n_1,
    .col-md-3.nth-child_4n_1 {
        clear: both;
    }

    @media #{$screen-normal} {
        .col-md-4:nth-child(3n+1),
        .col-md-3:nth-child(4n+1) {
            clear: none; 
        }

        .col-md-4.nth-child_3n_1,
        .col-md-3.nth-child_4n_1 {
            clear: none;
        }
        
        .col-sm-6:nth-child(2n+1),
        .col-sm-4:nth-child(3n+1) {
            clear: both; 
        }

        .col-sm-6.nth-child_2n_1,
        .col-sm-4.nth-child_3n_1 {
            clear: both;
        }
    }
    
    .product,
    .product-category {
        margin-top: 0; 
        margin-bottom: 26px;
        text-align: center; 
        padding-left: 13px;
        padding-right: 13px;
        
        @media #{$screen-medium} {
            padding-left: 0; 
            padding-right: 0;
        }
        
        > .inner { 
            padding: 16px 15px 30px;
            margin-top: 1px;
            margin-bottom: 1px;

            @include box-shadow(none);
            
            @media #{$screen-large} {
                padding: 17px 14px 25px;
            }
            
            @media #{$screen-normal} {
                padding: 18px 15px 25px;
            }
            
            @media #{$screen-medium} {
                min-height: 0 !important;
            }
            
            &.hover {
                @include box-shadow($product-box-shadow);
            }
        }
        
        a {
            text-decoration: none;
        }
    }
    
    &.list .product {
        float: none !important; 
        width: 100% !important; 
        text-align: left !important; 
        padding-left: 0; 
        padding-right: 0;
        
        > .inner {
            padding: 20px 20px 30px; 
            min-height: 0 !important;
            
            @media #{$screen-normal} {
                padding: 15px 15px 25px;
            }
            
            @media #{$screen-medium} {
                padding: 12px 12px 25px;
            }
        }
    }
    
    .product-slider & .product {
        margin-bottom: 0;
        
        @media #{$screen-medium} {
            max-width: 280px; 
            margin: 0 auto;
        }
    }

    .product-image { 
        position: relative; 
        width: 228px; 
        margin: 0 auto 10px; 
        display: block;
        
        @media #{$screen-large} {
            width: 176px;
        }
        
        img { 
            width: 100%; 
            height: auto; 
            position: relative; 
            z-index: 50;
            background-color: #fff;
            @include transition($product-image-transition);
        }
            
        &:hover img {
                @include opacity(0);
            }
        
        &.no-image:hover img {
            @include opacity(1);
        }
        
        .hover-image,
        &:hover .hover-image {
            position: absolute; 
            left: 0; 
            right: 0; 
            bottom: 0; 
            top: 0;
            @include opacity(1);
        } 
    }
    
    &.list .product-image {
        float: left;
        margin-bottom: 0;
        
        @media #{$screen-large} {
            width: 228px;
        }
        
        @media #{$screen-normal} {
            width: 170px;
        }
        
        @media #{$screen-medium} {
            width: 150px; 
            margin-right: 20px; 
            margin-bottom: 20px;
        }
        
        @media #{$screen-small} {
            float: none;
            margin-right: auto;
        }
    }
    
    &.align-left .product-details { 
        text-align: left;
    }
    
    &.list .product-details { 
        padding-left: 285px; 
        text-align: left !important; 
        
        @media #{$screen-normal} {
            padding-left: 200px;
        }
        
        @media #{$screen-medium} {
            padding-left: 0;
        }
    }

    div.description { 
        display: none;
        margin-bottom: 25px;
    }
    
    &.grid div[itemprop="description"] { 
        display: none;
        margin-bottom: 25px;
    }

    &.list div[itemprop="description"] {
        display: block; 
        margin-bottom: 25px; 
    }

    &.show-desc.grid .product h3 {
        margin-top: 15px;
    }

    &.show-desc div[itemprop="description"] {
        display: block;
    }
}

.product {
    
    .price {
        font-size: 25px;
        display: inline-block;

        .products & {
            font-size: 20px;
            margin-top: 8px;
        }

        ins { 
            text-decoration: none;
        }
        
        del { 
            text-decoration: line-through;
            margin-right: 5px;
            font-size: 20px;

            .products & {
                font-size: 17px;
            }
        }
    }

    .cart-loading { 
        display: none; 
    }
    
    .labels { 
        position: absolute; 
        z-index: 60; 
        line-height: 1; 
        text-align: center; 
        left: 0; 
        top: 13px; 
        width: 80px; 
        font-size: 20px;
        
        @media #{$screen-large} {
            width: 70px; 
            font-size: 18px;
        } 
        
        @media #{$screen-normal} {
            width: 90px; 
            font-size: 22px;
        }
        
        @media #{$screen-medium} {
            top: 10px; 
            width: 60px; 
            font-size: 16px;
        }

        .single-product .column2 & {
            width: 70px;
            font-size: 18px;

            @media #{$screen-large} {
                top: 10px;
                width: 60px;
                font-size: 16px;
            }

            @media #{$screen-normal} {
                top: 13px;
                width: 80px;
                font-size: 20px;
            }

            @media #{$screen-medium} {
                top: 10px;
                width: 60px;
                font-size: 16px;
            }
        }
        
        .products & {
            left: 0; 
            top: 10px; 
            width: 60px; 
            font-size: 16px;
        }
        
        &.top-right,
        .products &.top-right {
            left: auto; 
            right: 0;
        }
        
        &.bottom-left {
            top: auto; 
            bottom: 13px;
            
            @media #{$screen-medium} {
                bottom: 10px;
            }

            .single-product .column2 & {
                @media #{$screen-large} {
                    bottom: 10px;
                }

                @media #{$screen-normal} {
                    bottom: 13px;
                }

                @media #{$screen-medium} {
                    bottom: 10px;
                }
            }
            
            .products & {
                bottom: 10px;
            }
        }
        
        &.bottom-right {
            left: auto; 
            right: 0; 
            top: auto; 
            bottom: 13px;
            
            @media #{$screen-medium} {
                bottom: 10px;
            }

            .single-product .column2 & {
                @media #{$screen-large} {
                    bottom: 10px;
                }

                @media #{$screen-normal} {
                    bottom: 13px;
                }

                @media #{$screen-medium} {
                    bottom: 10px;
                }
            }
            
            .products & {
                bottom: 10px;
            }
        }
    }
    
    .onhot,
    .onsale { 
        display: block; 
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 2px; 
        padding: 10px 0;
        @include box-sizing(border-box);

        .products & {
            letter-spacing: 0;
        }

        @media #{$screen-normal} {
            padding: 11px 0;
        }
        
        @media #{$screen-medium} {
            letter-spacing: 1px;
            padding: 8px 0;
        }
        
        .products & {
            padding: 8px 0;
        }
        
        &.circle {
            border-radius: 40px; 
            width: 80px; 
            height: 80px; 
            margin-left: -8px; 
            margin-top: -21px; 
            padding: 30px 0;
            
            @media #{$screen-large} {
                border-radius: 35px; 
                width: 70px; 
                height: 70px; 
                padding: 26px 0;
            }
            
            @media #{$screen-normal} {
                border-radius: 45px; 
                width: 90px; 
                height: 90px; 
                padding: 34px 0;
            }
            
            @media #{$screen-medium} {
                border-radius: 30px; 
                height: 60px; 
                width: 60px; 
                margin-left: -5px; 
                margin-top: -15px; 
                padding: 21px 0;
            }

            .single-product .column2 & {
                border-radius: 35px;
                width: 70px;
                height: 70px;
                padding: 26px 0;

                @media #{$screen-large} {
                    border-radius: 30px;
                    height: 60px;
                    width: 60px;
                    margin-left: -5px;
                    margin-top: -15px;
                    padding: 21px 0;
                }

                @media #{$screen-normal} {
                    border-radius: 40px;
                    width: 80px;
                    height: 80px;
                    margin-left: -8px;
                    margin-top: -21px;
                    padding: 30px 0;
                }

                @media #{$screen-medium} {
                    border-radius: 30px;
                    height: 60px;
                    width: 60px;
                    margin-left: -5px;
                    margin-top: -15px;
                    padding: 21px 0;
                }
            }
            
            .products & {
                border-radius: 30px; 
                height: 60px; 
                width: 60px; 
                margin-left: -5px; 
                margin-top: -15px; 
                padding: 21px 0;
            }
        }
    }
    
    .bottom-left .onhot,
    .bottom-right .onhot,
    .bottom-left .onsale,
    .bottom-right .onsale {
        margin-top: 2px; 
        margin-bottom: 0;
    }
    
    .top-right .onhot.circle,
    .top-right .onsale.circle {
        margin-left: 8px;
        
        @media #{$screen-medium} {
            margin-left: 5px;
        }

        .single-product .column2 & {

            @media #{$screen-large} {
                margin-left: 5px;
            }

            @media #{$screen-normal} {
                margin-left: 8px;
            }

            @media #{$screen-medium} {
                margin-left: 5px;
            }
        }
        
        .products & {
            margin-left: 5px;
        }
    }
    
    .bottom-left .onhot.circle,
    .bottom-left .onsale.circle { 
        margin-bottom: -21px;
        
        @media #{$screen-medium} {
            margin-bottom: -15px;
        }

        .single-product .column2 & {

            @media #{$screen-large} {
                margin-bottom: -15px;
            }

            @media #{$screen-normal} {
                margin-bottom: -21px;
            }

            @media #{$screen-medium} {
                margin-bottom: -15px;
            }
        }
        
        .products & {
            margin-bottom: -15px;
        }
    }

    .bottom-right .onhot.circle,
    .bottom-right .onsale.circle { 
        margin-left: 8px; 
        margin-bottom: -21px; 
        
        @media #{$screen-medium} {
            margin-left: 5px; 
            margin-bottom: -15px;
        }

        .single-product .column2 & {

            @media #{$screen-large} {
                margin-left: 5px;
                margin-bottom: -15px;
            }

            @media #{$screen-normal} {
                margin-left: 8px;
                margin-bottom: -21px;
            }

            @media #{$screen-medium} {
                margin-left: 5px;
                margin-bottom: -15px;
            }
        }
        
        .products & {
            margin-left: 5px;
            margin-bottom: -15px;
        }
    }
    
    .products & {
        @media #{$screen-normal} {
            .bottom-left .onhot, 
            .bottom-left .onsale, 
            .bottom-right .onhot,
            .bottom-right .onsale { 
                margin-top: 1px; 
                margin-bottom: 0; 
                
                &.circle {
                    margin-bottom: -15px; 
                    margin-top: 5px;
                }
            }
        }
    }
    
    .products.grid & {
        
        @media #{$screen-medium} {
            max-width: 280px; 
            margin: 0 auto 20px;
        }
        
        .labels {
            @media #{$screen-large} {
                font-size: 14px; 
                width: 50px;
            }
        }
        
        .onhot,
        .onsale {
            @media #{$screen-large} {
                padding: 6px 0;
                
                &.circle {
                    height: 50px; 
                    width: 50px; 
                    border-radius: 25px; 
                    padding: 18px 0 17px;
                }
            }
        }
        
        .bottom-left .onhot, 
        .bottom-left .onsale, 
        .bottom-right .onhot,
        .bottom-right .onsale {
            &.circle {
                @media #{$screen-large} { 
                    margin-bottom: -15px; 
                    margin-top: 5px; 
                }
            }
        }
    }
    
    .products.list & {
        .labels {
            @media #{$screen-normal} {
                font-size: 13px; 
                width: 40px;
            }
        }
        
        .onhot,
        .onsale {
            @media #{$screen-normal} {
                padding: 5px 0; 
                margin-bottom: 1px;
                
                &.circle {
                    height: 40px; 
                    width: 40px; 
                    border-radius: 20px; 
                    padding: 13px 0; 
                    margin-bottom: 5px;
                }
            }
        }
    }
    
    .summary { 
        margin-bottom: 20px;
        
        .description { 
            margin: 15px 0;
            padding-bottom: 25px;

            p {
                margin-bottom: 0;
            }
        }

        .product_meta {
            margin-top: 25px;
            padding-top: 25px;

            > span {
                display: block;
                margin-bottom: 5px;
            }

            .meta-label {
                font-weight: bold;
            }
        }

        .cart {
            margin-top: 25px;

            button {
                vertical-align: top;
                font-size: 19px;
                padding: 0 25px;
                height: 52px;

                @media #{$screen-large} {
                    font-size: 17px;
                    padding: 0 20px;
                    height: 46px;
                }

                @media #{$screen-medium} {
                    font-size: 15px;
                    padding: 0 15px;
                    height: 42px;
                }
            }
        }
    }
    
    .summary-before { 
        margin-bottom: 20px;
        padding-right: 0; 
    }

    #product-tab {
        margin-top: 20px;

        .at-above-post,
        .at-below-post {
            display: none;
        }
    }
}

.product-category {
    img {
        margin-bottom: 15px;
    }

    h3 {
        font-size: 19px;
        font-weight: bold;
        line-height: 24px;
        margin: 5px 0 15px;

        @media #{$screen-medium} {
            margin-bottom: 40px;
        }
    }

    h3 mark {
        font-weight: normal;
    }
}

/* Product Image */

.product-image {
    
    .price-box { 
        position: absolute; 
        left: -10px; 
        top: -10px; 
        border-radius: 68px; 
        width: 135px; 
        height: 135px;
        text-align: center;
        z-index: 70;

        @media #{$screen-large} {
            border-radius: 54px; 
            width: 108px; 
            height: 108px;
}
        
        @media #{$screen-normal} {
            border-radius: 81px; 
            width: 162px; 
            height: 162px;
        }
        
        @media #{$screen-medium} {
            border-radius: 45px; 
            width: 90px; 
            height: 90px;
        }

        .single-product .column2 & {
            border-radius: 54px;
            width: 108px;
            height: 108px;

            @media #{$screen-large} {
                border-radius: 45px;
                width: 90px;
                height: 90px;
            }

            @media #{$screen-normal} {
                border-radius: 68px;
                width: 135px;
                height: 135px;
            }

            @media #{$screen-medium} {
                border-radius: 45px;
                width: 90px;
                height: 90px;
            }
        }
        
        &.top-right {
            left: auto; 
            right: -10px;
        }
        
        &.bottom-left {
            top: auto;
            bottom: -10px;
        }
        
        &.bottom-right { 
            left: auto; 
            right: -10px; 
            top: auto; 
            bottom: -10px; 
        }
        
        .price {
            margin-top: 52px; 
            line-height: 1.2; 
            display: inline-block;
            font-size: 27px;
            
            @media #{$screen-large} {
                margin-top: 37px;
                font-size: 25px;
            }
            
            @media #{$screen-normal} {
                margin-top: 65px;
                font-size: 30px;
            }
            
            @media #{$screen-medium} {
                margin-top: 34px;
                font-size: 18px;
            }

            .single-product .column2 & {
                margin-top: 37px;
                font-size: 25px;

                @media #{$screen-large} {
                    margin-top: 34px;
                    font-size: 18px;
                }

                @media #{$screen-normal} {
                    margin-top: 52px;
                    font-size: 27px;
                }

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

            del {
                display: block;
                margin-top: -19px;
                margin-right: 0;
                font-size: 22px;

                @media #{$screen-large} {
                    margin-top: -12px;
                    font-size: 20px;
                }

                @media #{$screen-normal} {
                    margin-top: -25px;
                    margin-bottom: 5px;
                    font-size: 25px;
                }

                @media #{$screen-medium} {
                    margin-top: -11px;
                    margin-bottom: 0;
                    font-size: 16px;
                }

                .single-product .column2 & {
                    margin-top: -12px;
                    margin-bottom: 0;
                    font-size: 20px;

                    @media #{$screen-large} {
                        margin-top: -11px;
                        font-size: 16px;
                    }

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

                    @media #{$screen-medium} {
                        margin-top: -11px;
                        font-size: 16px;
                    }
                }

                .products & {
                    margin-top: -11px;
                    font-size: 15px;
                }
            }

            ins {
                display: block;
                line-height: 0.5;
                overflow: hidden;
                margin-top: -21px;

                @media #{$screen-large} {
                    margin-top: -17px;
                }

                @media #{$screen-normal} {
                    margin-top: -28px;
                }

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

                .single-product .column2 & {
                    margin-top: -19px;

                    @media #{$screen-large} {
                        margin-top: -14px;
                    }

                    @media #{$screen-normal} {
                        margin-top: -22px;
                    }

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

                .products & {
                    margin-top: -14px;
                }

                .amount {
                    line-height: 1.2;
                }
            }

            del + ins {
                margin-top: 0;

                .single-product .column2 & {
                    margin-top: 0;
                }

                .products & {
                    margin-top: 0;
                }
            }

            .from {
                display: none;
            }
        }

        .amount {
            display: block;
        }

        &.price-variable {
            .price {
                margin-top: 32px;
                line-height: 0.3;

                .amount {
                    line-height: 1.2;
                }

                del {
                    display: none;
                }

                ins {
                    margin-top: 0;
                    line-height: 0.3;
                }

                @media #{$screen-large} {
                    margin-top: 21px;
                }

                @media #{$screen-normal} {
                    margin-top: 42px;
                }

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

                .single-product .column2 & {
                    margin-top: 22px;

                    @media #{$screen-large} {
                        margin-top: 22px;
                    }

                    @media #{$screen-normal} {
                        margin-top: 32px;
                    }

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

        .products & {
            border-radius: 45px;
            width: 90px;
            height: 90px;

            .price {
                margin-top: 34px;
                font-size: 18px;

                @media #{$screen-large} {
                    margin-top: 30px;
                }
            }

            @media #{$screen-large} {
                border-radius: 40px;
                width: 80px;
                height: 80px;

                .price {
                    font-size: 17px;

                    del,
                    .from {
                        font-size: 14px;
                    }
                }
            }
        }

        .products.list & {
            @media #{$screen-large} {
                border-radius: 45px;
                width: 90px;
                height: 90px;

                .price {
                    font-size: 18px;
                    margin-top: 34px;

                    del,
                    .from {
                        font-size: 15px;
                    }
                }
            }

            @media #{$screen-normal} {
                border-radius: 36px;
                width: 72px;
                height: 72px;

                .price {
                    font-size: 16px;
                    margin-top: 26px;

                    del,
                    .from {
                        font-size: 14px;
                    }
                }
            }
        }

        .products &.price-variable {
            .price {
                margin-top: 22px;
                line-height: 0.3;

                .amount {
                    line-height: 1.2;
                }

                @media #{$screen-large} {
                    margin-top: 17px;
                }
            }
        }

        .products.list &.price-variable {
            .price {
                @media #{$screen-normal} {
                    margin-top: 15px;
                }
            }
        }
    }
}

.zoomContainer * { 
    @include box-sizing(content-box);
}

.zoomWindowContainer * {
    background-color: #fff;
}

.product-images {
    width: 545px;

    @media #{$screen-large} {
        width: 510px;
    }

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

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

    .single-product .column2 & {
        width: 407px;

        @media #{$screen-large} {
            width: 338px;
        }

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

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

    * {
        @include box-sizing(content-box);
    }
    
    .zoomContainer {
        z-index: 1;
    }
    
    .thumbnails { 
        float: left; 
        width: 97px; 
        margin-top: -20px; 
        overflow: hidden; 
        padding: 20px 0;

        @media #{$screen-large} {
            width: 92px;
        } 
        
        @media #{$screen-normal} {
            width: 128px;
        } 
        
        @media #{$screen-medium} {
            width: 50px;
        }

        .single-product .column2 & {
            width: 73px;

            @media #{$screen-large} {
                width: 58px;
            }

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

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

        ul {
            list-style: none; 
            margin: 0; 
            padding: 0; 
        }
    }
    
    .product-image { 
        float: right;
        width: 430px;
        position: relative;

        @media #{$screen-large} {
            width: 404px;
        }

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

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

        .single-product .column2 & {
            width: 320px;

            @media #{$screen-large} {
                width: 272px;
            }

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

            @media #{$screen-medium} {
                width: 238px;
            }
        }
    }
    
    .product-image img,
    .thumbnails img { 
        width: 100% !important; 
        height: auto !important;
        background-color: #fff;
    }

    .thumbnails img { 
        padding: 7px 0;
        background-color: #fff;
    }
}

h1.product_title { 
    font-size: 25px; 
    font-weight: bold; 
    line-height: 1.4; 
    margin: 10px 0; 
    text-transform: capitalize;
    
    #main & {
        padding-left: 0;
        margin-bottom: 10px;
        text-transform: capitalize;

        &:before {
            display: none;
        }
    }
}

.quantity { 
    display: inline-block; 
    position: relative; 
    vertical-align: top; 
    
    .product-essential & { 
        margin-right: 25px; 
        
        @media #{$screen-medium} {
            margin-right: 15px;
        }
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }
    
    .qty { 
        width: 83px; 
        height: 44px; 
        padding: 5px 15px; 
        font-size: 20px; 
        font-weight: bold; 
        text-align: center; 
        margin: 0;
        
        .product-essential & {
            width: 115px; 
            height: 52px; 
            padding: 9px 15px; 
            font-size: 25px;
            
            @media #{$screen-large} {
                height: 46px; 
                padding-top: 6px; 
                padding-bottom: 6px; 
                font-size: 23px;
            }
            
            @media #{$screen-medium} {
                width: 110px; 
                height: 42px; 
                padding-top: 4px; 
                padding-bottom: 4px; 
                font-size: 22px;
            }
        }
    }
    
    &.buttons_added .qty { 
        width: 104px; 
        padding-right: 41px; 
        
        .product-essential & {
            width: 141px;
            
            @media #{$screen-medium} {
                width: 135px; 
                padding-right: 40px;
            }
        }
    }
    
    .minus,
    .plus {
        font-family: Arial, sans-serif;
        position: absolute; 
        left: 82px; 
        width: 22px; 
        height: 22px; 
        text-align: center; 
        font-size: 17px; 
        line-height: 1; 
        padding: 0;
        @include box-shadow(none); 
        
        .product-essential & {
            left: 115px; 
            width: 26px; 
            height: 26px; 
            font-size: 18px; 
            
            @media #{$screen-large} {
                height: 23px; 
                font-size: 18px;
            }
            
            @media #{$screen-medium} {
                left: 110px; 
                height: 21px; 
                width: 25px; 
                font-size: 17px;
            }
        }
    }
    
    .minus { 
        top: 22px;
        
        .product-essential & {
            top: 26px;
            
            @media #{$screen-large} {
                top: 23px;
            }
            
            @media #{$screen-medium} {
                top: 21px;
            }
        }
    }
}

/* Ratings */

.product {
    
    .ratings { 
        font-size: 14px; 
        margin: 10px 0 0; 
        
        .products.list & { margin-top: 8px; }
        
        .amount { 
            display: inline-block; 
            white-space: nowrap; 
            
            a { 
                margin: 0; 
                text-decoration: none; 
            }
            
            .gap {
                margin: 0 10px;
            }
        }
    }
    
    .product-essential .ratings { 
        margin-bottom: 10px; 
    }
}

.products .ratings .amount { display: none; }

.products .product-details {
    .ratings,
    .price {
        display: none;
    }
}

.products.list {
    margin-left: 10px;
    margin-right: 10px;

    .ratings { 
        display: none; 
        text-align: left !important; 
        
        .amount { 
            display: inline-block; 
        }
    }
    
    .product-details {
        .ratings {
            display: block;
            margin: 0 0 10px;
        }
    }
}

.products.align-left {
    .product {
        text-align: left;
    }

    .ratings {
        float: right;
        text-align: left;

        @media #{$screen-medium} {
            text-align: center;
        }
    }

    &.list {
        .product-details {
            &:before {
                float: left;
            }

            .ratings {
                float: none;
            }
        }
    }
}

.products.noprice-on-image {
    &.list {
        .price {
            display: none;
        }

        .product-details {
            .price {
                float: none;
                display: block;
                margin-bottom: 10px;
            }
        }
    }
}

.product .ratings .star { 
    display:inline-block; 
    font-size: 17px; 
    margin-bottom: 0; 
    margin-right: 10px; 
    cursor: pointer; 
    
    i {
        margin-right: 2px;
        
        &:last-child {
            margin-right: 0;
        }
        &.last-child {
            margin-right: 0;
        }
    }
}

.products.grid .ratings .star { 
    margin-left: 10px; 
}

.products.list .ratings .star { 
    margin-left: 0; 
}

.comment-form-rating {

}

.comment-form-rating #rating {
    width: auto;
    padding: 4px;
    height: 30px;
}

.comment-form-rating .stars { 
    position: relative; 
    font-family: "FontAwesome"; 
    line-height: 46px;
    
    &:before {
        content: "\f006 \f006 \f006 \f006 \f006"; 
        letter-spacing: 3px; 
        font-size: 17px;
    }
    
    a { 
        position: absolute; 
        left: 0; 
        text-indent: -9999px;
        overflow: hidden;
        
        &.star-1 {
            width: 17px;
        }
        
        &.star-2 {
            width: 36px;
        }
        
        &.star-3 {
            width: 55px;
        }
        
        &.star-4 {
            width: 74px;
        }
        
        &.star-5 {
            width: 92px;
        }
        
        &:before { 
            text-indent: 0; 
            position: absolute; 
            left: 0; 
            letter-spacing: 3px; 
            font-size: 17px; 
            @include opacity(0);
        }
    }
    
    .star-1:before { 
        z-index: 9; 
        content: "\f005"; 
    }
    
    .star-2:before { 
        z-index: 8; 
        content: "\f005 \f005"; 
    }
    
    .star-3:before { 
        z-index: 7; 
        content: "\f005 \f005 \f005"; 
    }
    
    .star-4:before { 
        z-index: 6; 
        content: "\f005 \f005 \f005 \f005"; 
    }
    
    .star-5:before { 
        z-index: 5; 
        content: "\f005 \f005 \f005 \f005 \f005"; 
    }
    
    .star-1.active:before, 
    .star-1:hover:before,
    .star-2.active:before, 
    .star-2:hover:before,
    .star-3.active:before, 
    .star-3:hover:before,
    .star-4.active:before, 
    .star-4:hover:before,
    .star-5.active:before, 
    .star-5:hover:before { 
        @include opacity(1); 
    }

}

.product h3 { 
    font-size: 19px; 
    line-height: 24px; 
    margin: 5px 0 15px;
    text-transform: capitalize; 
}

.products.list h3 { 
    font-weight: bold; 
    margin: 5px 0 15px; 
}

/* Mini Cart */
.cart_list {
    
    &.product_list_widget li { 
        padding-left: 0;
        position: relative;

        .ajax-loading {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url(../images/ajax-loader@2x.gif) no-repeat scroll center center / 16px 16px #ffffff;
            @include opacity(0.6);
        }
    }
    
    .product-image { 
        float:left; 
        margin: 0; 
        padding: 0; 
        width: 85px; 
        
        img { 
            position: static; 
            width: 100%; 
            height: auto;
            background-color: #fff;
        }
    }
    
    .product-details { 
        margin-left: 100px; 
    }
    
    .product-name { 
        padding-right: 20px; 
    }
    
    .remove { 
        position: absolute; 
        width: 20px; 
        height: 20px; 
        top: 2px; 
        right: 0;
        font-weight: normal; 
        font-size: 20px; 
        font-weight: bold; 
        line-height: 1; 
        text-decoration: none; 
        text-align: center; 
        font-family: Arial,Helvetica,sans-serif; 
    }
}

.minicart-actions { 
    margin-top: 20px; 
    
    .buttons { 
        float: right; 
        width: 100px; 
        
        a { 
            display: block;
            font-size: 13px;
            font-weight: bold;
            padding: 4px;
        }
        
        .cart-link { 
            margin-bottom: 2px; 
        }
    }
    
    .total { 
        float: left; 
        width: 140px; 
        padding-top: 7px; 
        font-size: 15px; 
        font-weight: bold; 
        
        .amount { 
            font-size: 18px; 
        }
        
        .sidebar & {
            @media #{$screen-normal} {
                width: auto;
                
                .amount { 
                    display: block; 
                }
            }
            
            @media #{$screen-medium} {
                .amount { 
                    display: inline-block;
                }
            }
        }
    }
}

.product-essential .single_variation_wrap .price {
    font-size: 25px; 
    
    del .amount { 
        font-size: 18px; 
        color: inherit; 
        margin-right: 3px; 
    }
}

.product-essential p.price {
    margin-bottom: 0;
}

/* Add to Cart, Wishlist, Compare */

.products .add-links-wrap { 
    overflow: hidden; 
    height: 35px; 
}

.cart-links,
.added_to_cart { 
    margin-right: 0; 
    position: relative; 
    z-index: 1; 
    white-space: nowrap; 
    height: 35px; 
    min-width: 35px;
    @include transition(none);
    padding: 0 12px;
    line-height: 34px;
    
    &.loading:after {
        background: url(../images/ajax-loader@2x.gif) no-repeat scroll center center / 16px 16px #ffffff; 
        @include opacity(0.6); 
        position: absolute; 
        left: 0; 
        right: 0; 
        top: 0; 
        bottom: 0; 
        content: "";
    }

    &:before {
        left: 0;
    }
}

.add-links { 
    
    .product & {
        margin-top: 25px;

        .clear { 
            display: none !important; 
        }
    }
    
    .products & {
        white-space: nowrap; 
        overflow: hidden; 
        display: inline-block; 
        visibility: hidden; 
        width: 0; 
        margin-top: 0; 
        margin-left: -3px; 
        vertical-align: top;
        @include transition($addlinks-transition);
    }
    
    .products .hover &,
    .products.list & {
        visibility: visible; 
        margin-left: 8px; 
        width: 35px;
        
        &.show-all {
            visibility: visible; margin-left: 8px; width: 74px;
        }
    }
    
    .products.list & {
        margin-left: 0 !important;
    }
    
    .products.no-hover &,
    body.mobile .products & {
        width: auto !important; 
        margin-left: 8px; 
        visibility: visible;
    }
}

.add-links-item {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top;

    &:first-child {
        margin-left: 0;
    }
}

.yith-wcwl-add-to-wishlist { 
    display: inline-block; 
    margin-top: 0; 
    vertical-align: top;
    margin-rihgt: 4px;

    .show img {
        display: none !important; 
    }
    
    span.ajax-loading { 
        width: 35px !important; 
        height: 35px !important; 
        margin: 0 0 0 -35px !important; 
        padding: 0 !important; 
        background: url(../images/ajax-loader@2x.gif) no-repeat scroll center center / 16px 16px #ffffff; 
        @include opacity(0.6); 
        z-index: 10; 
        position: relative; 
        display: inline-block !important; 
    }
    
    .feedback { 
        display: none; 
    }
}

.yith-wcwl-add-to-wishlist > div > a,
a.compare.button {
    height: 35px;
    line-height: 34px;
}
.yith-wcwl-add-to-wishlist > div > a,
a.compare.button,
.products.use-icon.no-hover .cart-links,
body.mobile .products.use-icon .cart-links,
.products.use-icon .hover .cart-links,
.products .cart-links.added-cart,
.products .cart-links.added,
.products .added_to_cart { 
    display: inline-block; 
    width: 35px; 
    position: relative;
    overflow: hidden; 
    padding: 0; 
    text-indent: -9999px; 
    text-align: center; 
    vertical-align: top;
    
    &:before {
        text-indent: 0; 
        width: 100%; 
        height: 100%; 
        position: absolute; 
        left: 0; 
        font-family: "FontAwesome"; 
        font-size: 15px;
        text-align: center;
    } 
}

.products.grid {
    
    &.no-hover .cart-links,
    .hover .cart-links,
    body.mobile & .cart-links {
        @media #{$screen-large} {
            width: 35px;
            overflow: hidden;
            padding: 0;
            text-indent: -9999px;
            text-align: center;
            vertical-align: top;

            &:before {
                content: "\f06e";
                text-indent: 0;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 1px;
                font-family: "FontAwesome";
                font-size: 17px;
            }
        }
    }

    &.no-hover .product_type_simple,
    .hover .product_type_simple,
    body.mobile & .product_type_simple {
        @media #{$screen-large} {
            &:before {
                content: "\f07a";
                font-size: 17px;
            }
        }
    }
    
    .hover .cart-links {
        @media #{$screen-medium} {
            width: auto; 
            overflow: hidden; 
            padding: 0 12px 0;
            text-indent: 0;
            
            &:before {
                display: none;
            }
        }
    }
    
    &.no-hover .cart-links,
    body.mobile & .cart-links {
        @media #{$screen-medium} {
            width: 35px; 
            padding: 0;
            text-indent: -9999px; 
            vertical-align: top;
            
            &:before {
                display: block;
            }
        }
    }
}

.products.list {
    
    .cart-links {
        margin-right: 8px !important; 
    }
    
    .added_to_cart { 
        margin-left: -8px !important; 
        margin-right: 8px !important; 
    }
}

.products.use-icon.no-hover .cart-links:before,
body.mobile .products.use-icon .cart-links:before,
.products.use-icon .hover .cart-links:before,
.products .cart-links.added-cart:before,
.products .cart-links.added:before {
    content: "\f06e";
    font-size: 17px;
}

.products.use-icon.no-hover .product_type_simple:before,
body.mobile .products.use-icon .product_type_simple:before,
.products.use-icon .hover .product_type_simple:before,
.products .product_type_simple.added-cart:before,
.products .product_type_simple.added:before {
    content: "\f07a";
    font-size: 17px;
}

.products .added_to_cart:before {
    content: "\f090";
    font-size: 17px;
    padding-top: 1px;
}

@media #{$screen-medium} {
    
    .products.use-icon.no-hover .cart-links,
    body.mobile .products.use-icon .cart-links,
    .products.use-icon .hover .cart-links,
    .products .cart-links.added-cart,
    .products .cart-links.added,
    .products.grid .cart-links.added-cart,
    .products.grid .cart-links.added {
        width: 35px; 
        overflow: hidden;
        padding: 0; 
        text-indent: -9999px; 
        text-align: center; 
        vertical-align: top; 
        
        &:before {
            display: block; 
            content: "\f06e";
            font-size: 17px;
        }
    }

    .products.use-icon.no-hover .product_type_simple,
    body.mobile .products.use-icon .product_type_simple,
    .products.use-icon .hover .product_type_simple,
    .products .product_type_simple.added-cart,
    .products .product_type_simple.added,
    .products.grid .product_type_simple.added-cart,
    .products.grid .product_type_simple.added {

        &:before {
            content: "\f07a";
            font-size: 17px;
        }
    }
}

.products.list.use-icon {
    .cart-links {
        width: auto; 
        overflow: hidden; 
        padding: 0 12px 0;
        text-indent: 0;
        text-align: center; 
        
        &:before {
            display: none;
        }
        
        &.added, 
        &.added-cart { 
            display: inline-block; 
            width: 35px; 
            position: relative;
            overflow: hidden; 
            padding: 0; 
            text-indent: -9999px; 
            text-align: center; 
            vertical-align: top;
            
            &:before {
                content: "\f06e";
                display: block;
                text-indent: 0; 
                width: 100%; 
                height: 100%; 
                position: absolute; 
                font-family: "FontAwesome";
                font-size: 17px;
            }
        }
    }
    
    .product_type_simple.added:before,
    .product_type_simple.added-cart:before {
        content: "\f07a";
        font-size: 17px;
    } 
}

.yith-wcwl-add-to-wishlist > div > a:before { 
    content: "\f07c";
    font-size: 15px;
}

.yith-wcwl-add-to-wishlist > div > a.add_to_wishlist:before { 
    content: "\f004";
    font-size: 15px;
}

a.compare.button:before {
    content: "\f00c";
    font-size: 18px;
}

.yith-wcwl-share ul,
.yith-wcwl-share li {
    height: 24px;
}

.yith-wcwl-share li,
.entry-content .yith-wcwl-share li {
    float: left;
}

.yith-wcwl-share li a {
    background-image: none !important;
    width: 28px;
    height: 28px;
    text-align: center;
    display: inline-block;
    margin-right: 3px;

    &:before {
        font-family: "FontAwesome";
        line-height: 28px;
    }

    &.facebook {
        &:before {
            content: "\f09a";
        }

        &:hover,
        &:focus {
            color: #ffffff;
            background-color: #3b5a9a;
            border-color: #3b5a9a;
        }
    }

    &.twitter {
        &:before {
            content: "\f099";
        }

        &:hover,
        &:focus {
            color: #ffffff;
            background-color: #1aa9e1;
            border-color: #1aa9e1;
        }
    }

    &.pinterest {
        &:before {
            content: "\f0d2";
        }

        &:hover,
        &:focus {
            color: #ffffff;
            background-color: #cc2127;
            border-color: #cc2127;
        }
    }

    &.googleplus {
        &:before {
            content: "\f0d5";
        }

        &:hover,
        &:focus {
            color: #ffffff;
            background-color: #dd4b39;
            border-color: #dd4b39;
        }
    }

    &.email {
        &:before {
            content: "\f0e0";
            line-height: 26px;
        }

        &:hover,
        &:focus {
            color: #ffffff;
            background-color: #dd4b39;
            border-color: #dd4b39;
        }
    }
}

.variations { 
    margin-bottom: 20px; 
    
    td {
        padding: 5px;
    }
    
    .label { 
        font-size: inherit; 
        color: inherit; 
        margin: auto; 
        vertical-align: middle; 
        
        label { margin: auto; }
    }
    
    td.label { 
        display: table-cell; 
        padding-left: 0; 
    }
} 

.reset_variations { 
    margin-left: 10px; 
}

.single_variation_wrap .single_variation { 
    margin-bottom: 20px; 
}

.product-meta {
    .summary & {
        margin-top: 25px;
    }
    
    > span {
        display: block; 
        margin: 5px 0; 
        line-height: 1.5;
    }
}

.product .addthis-icons { 
    display: inline-block; 
    width: 330px; 
    margin-left: 40px; 
    
    @media #{$screen-large} {
        width: 285px; 
        margin-left: 10px;
    }
    
    @media #{$screen-small} {
        display: block; 
        margin-left: 0; 
        margin-top: 15px;
    }

    .single-product .column2 & {
        width: 285px;
        margin-left: 10px;

        @media #{$screen-large} {
            display: block;
            margin-left: 0;
            margin-top: 15px;
        }

        @media #{$screen-normal} {
            display: inline-block;
            margin-left: 10px;
            margin-top: 0;
        }

        @media #{$screen-small} {
            display: block;
            margin-left: 0;
            margin-top: 15px;
        }
    }
    
    .share { 
        float: left; 
        line-height: 32px; 
        margin-right: 7px; 
        margin-top: 2px;

        .single-product .column2 & {
            display: none;
        }
        
        @media #{$screen-large} {
            display: none;
        }
    }
    
    .addthis_toolbox { 
        display: inline-block;
        margin-top: 2px; 
    }

    .at-above-post {
        margin-top: 2px;
        margin-bottom: 0;
    }
}

.addthis_32x32_style .addthis_counter.addthis_bubble_style { 
    width: 64px !important; 
}

#comments {
    .star-rating { 
        position: relative; 
        z-index: 1; 
        float: right; 
        margin-bottom: 10px; 
        
        .star { 
            margin-right: 0; 
        }
    }
    
    h2 { 
        text-transform: capitalize; 
        font-size: 24px; 
        margin: 0; 
        padding-bottom: 15px; 
        border-left-width: 0 !important; 
        padding-left: 0; 
    }
    
    .add_review,
    .noreviews { 
        margin: 25px 0 30px; 
    }
}

.commentlist { 
    margin: 0; 
    padding: 0; 
    
    li { 
        list-style: none; 
        margin: 0; 
        padding: 25px 0; 
    }
    
    .avatar { 
        float: left; 
        width: 60px; 
        margin-right: 20px; 
    }
    
    .meta { 
        display: inline-block; 
        font-size: 14px; 
        font-style: italic; 
        margin-bottom: 0; 
    }
    
    .description { 
        margin: 10px 0; 
    }
    
    #comments & .star-rating { 
        display: inline-block; 
        float: none; 
        margin-top: 0; 
        margin-bottom: 0; 
        font-size: 14px; 
        
        .star { 
            font-size: 14px; 
            margin-right: 7px; 
            margin-left: 0; 
        }
    }
}

#review_form_wrapper h3 { 
    font-weight: bold; 
    text-transform: uppercase; 
    margin-bottom: 30px; 
    
    small { 
        font-size: 14px; 
        margin-left: 10px; 
    }
}

.shop_attributes { 
    
    p { 
        margin: 0; 
    }

    th {
        padding: 10px;
        font-weight: normal;
    }

    td { 
        padding: 10px;
        font-weight: bold;
    }
}

.navigation { 
    text-align: right; 
    margin: 20px 0; 

    .nav-previous,
    .nav-next { 
        display: inline-block; 
        margin: 0; 
    }
    
    a { 
        display: inline-block; 
        height: 30px; 
        padding: 0 10px; 
        line-height: 28px; 
        text-align: center; 
    }

    .nav-previous a,
    .nav-next a { 
        width: 35px; 
        padding: 0; 
        font-size: 18px; 
    }
}

#main h2.resp-accordion { 
    border-left-width: 0 !important; 
    padding-left: 0;
    margin-bottom: 0 !important; 
}

.product-slider {
    margin-top: 60px;

    body.single-product #content & {
        margin-top: 90px;
    }

    .shortcode & {
        margin-top: 0;
    }
}

.product-slider,
.content-slider,
.related-slider {
    .owl-controls {
        position: absolute; 
        top: -80px;
        right: 15px; 
        margin-top: 0;

        @media #{$screen-normal} {
            top: -74px;
        }
        
        @media #{$screen-medium} {
            top: -56px;
        }
    }

    &.with-desc {
        .owl-controls {
            top: -89px;

            @media #{$screen-normal} {
                top: -78px;
            }

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

    .product-row .owl-controls {
        right: 10px;
    }
    
    &.single {
        
        .owl-controls {
            right: 0;
        }
    }
}

.single-nav {
    position: absolute; 
    top: 4px;
    right: 15px; 
    
    @media #{$screen-normal} {
        top: 7px;
    }
    
    @media #{$screen-medium} {
        top: 3px;
    }
    
    .single-nav a { 
        float: left; 
    }
}

.product-slider .owl-theme .owl-controls .owl-buttons div,
.related-slider .owl-theme .owl-controls .owl-buttons div,
.content-slider.owl-theme .owl-controls .owl-buttons div { 
    position: static; 
}

.product-slider .owl-theme .owl-controls .owl-buttons div,
.related-slider .owl-theme .owl-controls .owl-buttons div,
.content-slider.owl-theme .owl-controls .owl-buttons div,
.single-nav a span { 
    display: inline-block; 
    text-align: center; 
    margin: 0 1px; 
    padding: 0; 
    width: 50px; 
    height: 40px; 
    font-family: "FontAwesome"; 
    font-size: 28px; 
    line-height: 38px;
    
    @media #{$screen-normal} {
        width: 45px; 
        height: 35px; 
        font-size: 25px; 
        line-height: 33px; 
    }
    
    @media #{$screen-medium} {
        width: 40px; 
        height: 30px; 
        font-size: 20px; 
        line-height: 28px;
    }
}

.single-nav a span {
    margin: 0;
}

.product-slider.notitle .owl-controls,
.related-slider.notitle .owl-controls,
.content-slider.notitle .owl-controls { 
    position: static; 
}

.product-slider.notitle .owl-theme .owl-controls .owl-buttons div,
.related-slider.notitle .owl-theme .owl-controls .owl-buttons div,
.content-slider.notitle.owl-theme .owl-controls .owl-buttons div { 
    position: absolute; 
    margin: auto;
    bottom: 20%;
}

.content-slider.notitle.owl-theme .owl-controls .owl-buttons div { 
    bottom: 0; 
}

.woocommerce > .products { 
    margin-bottom: 60px; 
}

.product-slider.notitle,
.related-slider.notitle,
.content-slider.notitle {
    margin-top: 0;
}

.product-slider.notitle,
.related-slider.notitle {
    &.arrow-top {
        margin-top: 130px;

        @media #{$screen-normal} {
            margin-top: 110px;
        }

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

        .owl-theme .owl-controls .owl-buttons div {
            top: -90px;
            bottom: auto;

            @media #{$screen-normal} {
                top: -80px;
            }

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

            &.owl-prev {
                left: auto;
                right: 50%;
                margin-right: 2px;
            }
            &.owl-next {
                right: auto;
                left: 50%;
                margin-left: 2px;
            }
        }
    }

    &.arrow-bottom {
        margin-bottom: 130px;

        @media #{$screen-normal} {
            margin-bottom: 110px;
        }

        @media #{$screen-medium} {
            margin-bottom: 90px;
        }

        .owl-theme .owl-controls .owl-buttons div {
            bottom: -90px;
            top: auto;

            @media #{$screen-normal} {
                bottom: -80px;
            }

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

            &.owl-prev {
                left: auto;
                right: 50%;
                margin-right: 2px;
            }
            &.owl-next {
                right: auto;
                left: 50%;
                margin-left: 2px;
            }
        }
    }
}

.product-slider.notitle,
.related-slider.notitle {
    &.arrow-top {
        margin-top: 130px;

        @media #{$screen-normal} {
            margin-top: 110px;
        }

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

        &.owl-theme .owl-controls .owl-buttons div {
            top: -90px;
            bottom: auto;

            @media #{$screen-normal} {
                top: -80px;
            }

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

            &.owl-prev {
                left: auto;
                right: 50%;
                margin-right: 2px;
            }
            &.owl-next {
                right: auto;
                left: 50%;
                margin-left: 2px;
            }
        }
    }

    &.arrow-bottom {
        margin-bottom: 130px;

        @media #{$screen-normal} {
            margin-bottom: 110px;
        }

        @media #{$screen-medium} {
            margin-bottom: 90px;
        }

        &.owl-theme .owl-controls .owl-buttons div {
            bottom: -90px;
            top: auto;

            @media #{$screen-normal} {
                bottom: -80px;
            }

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

            &.owl-prev {
                left: auto;
                right: 50%;
                margin-right: 2px;
            }
            &.owl-next {
                right: auto;
                left: 50%;
                margin-left: 2px;
            }
        }
    }
}

.shortcode-products {
    margin: 0;
}

.owl-theme .owl-controls .owl-buttons .owl-prev:before,
.single-nav a span.prev:before { 
    content: "\f104"; 
}

.owl-theme .owl-controls .owl-buttons .owl-next:before,
.single-nav a span.next:before { 
    content: "\f105"; 
}

.yith-wcwl-share { 
    margin-top: 30px;
    
    h4 { 
        display: inline-block; 
    }
    
    ul { 
        display: inline-block; 
        vertical-align: bottom; 
        padding-left: 15px;
        margin-bottom: 10px;

        li {
            margin-right: 3px !important;
        }
    }
}

#yith-wcwl-popup-message { 
    border-radius: 0; 
    border-width: 0; 
    line-height: 23px; 
    font-size: 17px; 
    padding: 18px 30px; 
}

/* Checkout, Cart */

.shop_table { 
    width: 100%; 
    
    th { 
        font-size: 16px; 
        font-weight: bold; 
        padding: 15px; 
        text-transform: uppercase; 
        text-align: left; 
    }
    
    td { 
        font-size: 16px; 
        padding: 15px; 
        text-align: left; 
    }
    
    thead * { 
        font-size: 16px !important; 
    }
    
    thead *,
    tfoot * { 
        font-weight: bold; 
    }

    &.cart {
        tbody tr {
            vertical-align: top; 
        }
        
        tr {
            @media #{$screen-medium} {
                border-left-width: 0 !important; 
                display: block; 
                text-align: center !important;
            }
        }
        
        th, 
        td { 
            padding: 17px; 
            text-align: center; 
            
            @media #{$screen-medium} {
                border-left-width: 0 !important; 
                display: block; 
                text-align: center !important;
            }
        }
        
        tbody {
            .product-wrap {
                text-align: left; 
                padding: 30px;
            }

            .product-name {
                font-size: 20px; 
                font-weight: bold;
            }

            .product-detail {
                padding-left: 210px;
                padding-top: 20px;

                @media #{$screen-normal} {
                    padding: 0;
                }
            }
            
            .product-price { 
                padding-top: 51px; 
                
                .amount { 
                    font-size: 18px;
                    display: inline-block;
                    margin-top: 3px;
                }

                del {
                    .amount {
                        font-size: 16px;
                        text-decoration: line-through;
                        margin-top: 0;
                    }
                }
            }
            
            .product-stock-status { 
                padding-top: 53px; 
            }
            
            .product-subtotal { 
                padding-top: 53px; 
                min-width: 140px;
                
                .amount { 
                    display:inline-block; 
                    font-size: 18px; 
                    line-height: 23px; 
                    vertical-align: middle; 
                } 
                
                @media #{$screen-medium} {
                    .mobile-show { 
                        vertical-align: middle; 
                    } 
                }
            }
            
            .product-add-to-cart { 
                padding-top: 48px; 
            }
            
            td.product-remove { 
                padding-top: 53px; 
            }
            
            .product-quantity { 
                padding-top: 44px; 
            }
            
            div.product-thumbnail { 
                float: left; 
                display: inline-block; 
                width: 180px; 
                
                @media #{$screen-normal} {
                    float: none; 
                    margin-bottom: 20px;
                }
                
                @media #{$screen-medium} {
                    margin-bottom: 25px;
                }
                
                img { 
                    width: 100%; 
                    height: auto; 
                }
            }
            
            div.product-remove { 
                display: inline-block; 
                margin-left: 20px; 
                vertical-align: middle;
                
                @media #{$screen-medium} {
                    display: block; 
                    margin-left: auto; 
                    margin-top: 15px; 
                }
            }
            
            .product-remove .remove { 
                display: inline-block; 
                width: 25px; 
                height: 25px; 
                padding: 0; 
                line-height: 21px; 
                font-size: 23px; 
            }
            
            @media #{$screen-medium} {
                th,
                td { 
                    padding: 10px !important; 
                    border-bottom-width: 0 !important; 
                }
                
                th:first-child, 
                td:first-child { 
                    padding: 30px 10px 10px !important; 
                }
            
                th:last-child,
                td:last-child {
                    padding: 10px 10px 30px !important; 
                    border-bottom-width: 1px !important; 
                }

                th.last-child,
                td.last-child {
                    padding: 10px 10px 30px !important;
                    border-bottom-width: 1px !important;
                }

                th:first-child:last-child,
                td:first-child:last-child {
                    padding: 30px 10px !important; 
                }

                th:first-child.last-child,
                td:first-child.last-child {
                    padding: 30px 10px !important;
                }
            }
        }
        
        thead th,
        thead td,
        tfoot th,
        tfoot td { 
            @media #{$screen-medium} {
                padding: 20px 10px !important; 
            }
        }    
    }
    
    .total th, 
    .total td,
    .order-total th, 
    .order-total td { 
        font-size: 22px; 
        padding: 20px 15px; 
    }
    
    dl { 
        margin: 10px 0 0;
        font-family: Arial,Helvetica,sans-serif;

        dt {
            display: inline-block;
            font-weight: normal;
            font-size: 15px;
        }

        dd {
            display: inline-block;
            font-size: 15px;
            font-weight: bold;
        }
    }
}

.wishlist_table {
    .add-links {
        display: none;
    }
    .add_to_cart.button {
        line-height: 34px !important;
        padding: 0 12px !important;
        height: auto !important;
    }
}

#yith-wcwl-form {
    .blockOverlay {
        background: #fff !important;
        opacity: 0.3 !important;
    }
}

.cart_totals,
.shipping_calculator, 
.coupon-code { 
    margin-top: 70px;
    
    h2 {
        font-size: $subtitle-font-size;
        text-transform: uppercase;
        margin-bottom: 30px;
    }
}

.woocommerce-checkout h3 {
    font-size: $subtitle-font-size;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 35px;
}

.cart_totals {
    
    .shop_table td { 
        font-weight: bold; 
        font-size: 18px; 
    }

    .cart-subtotal .amount { 
        font-size: 18px; 
    }
}

#shipping_method {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 18px;
    padding: 6px;

    label {
        display: inline;
    }
}

.shipping-calculator-form { 
    display: block !important; 
}

.terms label {
    display: inline-block;
    padding-left: 0;
}

form.login,
form.register, 
form.checkout_coupon { 
    padding-bottom: 30px; 
}

#shiptobilling,
#ship-to-different-address { 
    padding-bottom: 20px; 
}

#order_review #payment { 
    margin-top: 40px; 
} 

#payment ul { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
}

#payment .place-order { 
    margin-top: 35px;
}

.payment_methods {
    margin: 30px 0;
    padding: 0;
    list-style: none;

    .payment_method_paypal {
        .input-radio {
            vertical-align: top;
        }
        img,
        .about_paypal {
            display: block;
            margin: 0;
        }
        @media #{$screen-small} {
            img {
                width: 190px;
            }
        }
    }

}

#order_comments_field {
    margin-top: 40px;
}
#ship-to-different-address { 
    margin-top: 60px;
}

.payment_box {
    padding-top: 10px;
}

.proceed-buttons,
.wc-proceed-to-checkout {
    margin-top: 35px;
    text-align: right; 
    
    button,
    .checkout-button {
        margin-bottom: 20px;
        margin-left: 20px;
    }
}

.order_details { 
    font-size: 16px; 
    line-height: 2; 
    list-style: none outside none; 
    margin-bottom: 40px; 
    padding: 0; 
}

.order-thankyou {
    p { 
        margin-bottom: 20px; 
    }
    
    h2 { 
        margin-top: 40px; 
    }
}

.customer_details { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    line-height: 2; 
}

#main .woocommerce {
    .chosen-container,
    .select2-container {
        width: 100% !important;
    }
}

.select2-search {
    padding-top: 4px !important;
}

#main .woocommerce {
    .chosen-container-single .chosen-single,
    .select2-container .select2-choice {
        margin-bottom: 0;
        padding: 0 15px 0 165px;
        width: 100%; 
        font-size: 15px; 
        height: 46px; 
        line-height: 46px;
        width: 100%;
        @include box-shadow(none);
        
        @media #{$screen-normal} {
            padding: 13px 10px 13px 140px;
        }
        
        @media #{$screen-medium} {
            padding: 13px 10px 13px 125px;
        }
        
        div b,
        span b {
            background-position: 0 13px !important; 
        }
    }

    .chosen-container-single .chosen-drop {
        margin-top: 0; 
    }
}

/* My Account */

.myaccount_user,
.order_details { 
    margin-bottom: 40px; 
}

.customer_details {
    dt,
    dd {
        display: inline-block;
        margin: 10px 10px 10px 0;
    }
    
    dd {
        margin-right: 20px;
    }
}

.addresses {
    
    .address {
        h3 {
            display: inline-block;
            margin-right: 20px;
        }
    }
    address {
        line-height: 2;
    }
}

/* Quick View */
.quickview-wrap {
    width: 900px;
    padding: 25px 15px 0;

    @media #{$screen-large} {
        width: 720px;
    }

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

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

    h1.product_title {
        margin-top: 0;
    }

    .product .summary-before,
    .product .entry-summary {
        margin-bottom: 0;
    }
}

/* Yith Plugins, Variations Plugin */
.woocommerce table.wishlist_table tbody td {
    padding: 17px;
}
.products.yith-wcan-loading {
    margin-bottom: 35px;
}
.widget_layered_nav ul.yith-wcan-color,
.widget_layered_nav ul.yith-wcan-label {
    margin-right: -10px;
}
.woocommerce .widget_layered_nav ul.yith-wcan-color li a,
.woocommerce-page .widget_layered_nav ul.yith-wcan-color li a,
.woocommerce .widget_layered_nav ul.yith-wcan-color li span,
.woocommerce-page .widget_layered_nav ul.yith-wcan-color li span {
    width: 35px; min-width: 35px;
    height: 35px; min-height: 35px;
    @include box-shadow(0 1px 3px rgba(0, 0, 0, 0.35));
    border: 2px solid transparent;
    margin: 0 10px 10px 0;
    @include transition(none);
    outline: none;
}
.yit-wcan-select-open {
    margin: 10px 10px 30px;
    border-width: 0;
}
.yith-wcan-select-wrapper {
    max-width: none !important;
    padding: 0 !important;
    left: -1px;
    right: -1px;
    width: auto !important;
}
.yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan,
.woocommerce .widget_layered_nav .yith-wcan-select-wrapper ul,
.woocommerce-page .widget_layered_nav .yith-wcan-select-wrapper ul {
    padding: 10px 0;
}
.yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li,
.yith-wcan-select-wrapper ul.yith-wcan-select.yith-wcan li:hover,
.woocommerce .widget_layered_nav .yith-wcan-select-wrapper ul li.chosen,
.woocommerce-page .widget_layered_nav .yith-wcan-select-wrapper ul li.chosen {
    padding: 0 20px;
    border-width: 0;
    @include box-shadow(none);
}
.woocommerce .widget_layered_nav .yith-wcan-select-wrapper ul li.chosen a,
.woocommerce-page .widget_layered_nav .yith-wcan-select-wrapper ul li.chosen a {
    background-position: right center;
    display: block;
}

table.variations td {
    padding: 0;
    vertical-align: top;
    text-align: left;

    &.label {
        vertical-align: top;
        padding-top: 16px;
        padding-right: 10px;
    }

    select {
        margin: 5px;
        height: 35px;
        padding: 8px;
        line-height: 35px;
    }

    .reset_variations {
        display: inline-block;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .reset_variations_radio,
    .reset_variations_color {
        display: inline-block;
        margin-left: 5px;
        margin-top: 10px;
    }

    fieldset {
        display: inline;
        margin-bottom: 10px;

        label {
            margin: 5px 0 0 5px;

            &:first-child {
                margin-top: 12px;
            }

            &.wcvaswatches {
                margin: 0;
            }
        }
        .wcva_attribute_radio {
            margin: 10px 5px 0;
        }
    }

    .swatchinput {
        margin: 0;
        padding: 0;
    }
}

input[type="radio"] + a,
input[type="radio"] + a.wcvaround,
input[type="radio"] + .wcvaswatchlabel {
    border: 2px solid transparent;
    @include box-shadow(0 1px 3px rgba(0, 0, 0, 0.35));
    @include box-sizing(content-box);
    @include transition(none);
    margin: 5px;
    width: 35px; min-width: 35px;
    height: 35px; min-height: 35px;
    outline: none;
    overflow: hidden;
    vertical-align: top;
}
input[type="radio"] + a img {
    width: 35px; min-width: 35px;
    height: 35px; min-height: 35px;
}
input[type="radio"] + a.wcvaround,
input[type="radio"] + .wcvaswatchlabel {
    border-radius: 3px;
}

/* =Global styles/layout
-------------------------------------------------------------- */
p.demo_store {
    position:fixed;
    top: -4px;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    font-size: 1em;
    color: #eee;
    background: #000;
    padding: 4px 10px 0;
    text-align: center;
    z-index: 99998;
    line-height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;

    @media (max-width:584px) {
        position: absolute;
    }
}

.admin-bar { // Styles applied when the admin bar is present
    p.demo_store {
        top:28px;
        @media #{$screen-medium} {
            top: 42px;
        }
    }
}

body.woocommerce-demo-store {
    padding-top: 28px;
}

.tooltipWrap {
    display: inline-block;
}

#at20mc { display: none !important; }