HOME

Mini Shell 1.0
DIR:/proc/self/root/home/amritharmonium.com/www/wp-content/themes/porto/scss/theme/shop/
Current File : //proc/self/root/home/amritharmonium.com/www/wp-content/themes/porto/scss/theme/shop/_product.scss
.product_title {
    color: if-light(#555, #fff);
    font-size: 2em;
    font-weight: $font-weight-semibold;
    margin-bottom: 0.5em;
    a {
        color: if-light(#555, #fff);
        text-decoration: none;
    }
}
.woocommerce-product-rating {
    color: #bdbdbd;
    margin-bottom: 1.4286em;
    margin-top: .7143em;
    .star-rating {
        font-size: 1.2857em;
        display: inline-block;
        vertical-align: text-top;
        margin-#{$right}: .7143em;
    }
    .review-link {
        display: inline-block;
        a:first-child {
            padding-#{$left}: 0;
        }
    }
    a {
        color: #bdbdbd;
        display: inline-block;
        vertical-align: bottom;
        padding: 0 .7143em;

        &:hover,
        &:active {
            color: #888;
        }
    }
    &.noreview {
        a {
            padding: 0;
        }
    }
}
.product-summary-wrap {
    .summary-before,
    .summary {
        margin-bottom: 3em;
    }
    .summary {
        @media #{$screen-medium} {
            margin-#{$right}: 0;
        }
    }
    .description {
        margin-bottom: 1.7857em;
        font-size: 1.1429em;
        p {
            margin-bottom: 0;
        }
    }
    .price {
        margin-bottom: .5556em;
    }
    .cart {
        border-top: if-light(1px solid #ebebeb, 1px solid $color-dark-3);
        border-bottom: if-light(1px solid #ebebeb, 1px solid $color-dark-3);
        padding: 1.7857em 0;
        margin-bottom: 1.7857em;
    }
    .quantity {
        vertical-align: top;
    }
    .single_add_to_cart_button {
        height: 2.7143em;
        padding: 0 2.1429em;
        text-shadow: none;
        @media #{$screen-normal} {
            padding: 0 1.4286em;
        }
        @media #{$screen-small} {
            padding: 0 .7143em;
        }
        &:before {
            display: inline-block;
            content: $fa-var-shopping-cart;
            font-family: "FontAwesome";
            margin-#{$right}: .7143em;
        }
        &.readmore {
            &:before {
                content: $fa-var-sign-in;
            }
        }
    }
    a.single_add_to_cart_button {
        line-height: 2.5714em;
    }
    .stock {
        font-size: 1.1429em;
        font-weight: 600;
    }
    .yith-wcwl-add-to-wishlist {
        margin-#{$right}: 1em;
        margin-bottom: 1em;
        position: relative;
    }
    .yith-wcwl-add-to-wishlist {
        a,
        span {
            width: auto;
            text-indent: 0;
            overflow: visible;
            padding-#{$left}: 2.8em;
            border: none;
            background: transparent;
            color: inherit;
            border-radius: 0;

            &:before {
                border: 1px solid #ed4949;
                color: #ed4949;
                border-radius: $border-normal;
                width: 2em;
                top: 0;
                bottom: 0;
            }

            &:hover,
            &:focus {
                color: #ed4949;

                &:before {
                    color: #fff;
                    background-color: #ed4949;
                }
            }
        }
    }
    /*.compare.button {
        width: auto;
        text-indent: 0;
        padding-left: 2.8em;
        margin-bottom: 1em;
        border: none;
        background: transparent;
        color: inherit;
        border-radius: 0;

        &:before {
            border: 1px solid #52b9b5;
            color: #52b9b5;
            border-radius: $border-normal;
            width: 2em;
            top: 0;
            bottom: 0;
        }

        &:hover {
            color: #52b9b5;

            &:before {
                color: #fff;
                background-color: #52b9b5;
            }
        }

        &.loading:after {
            width: 2.2em;
            border: 1px solid #52b9b5;
        }

        > * {
            width: 2.2em !important;
            right: auto;
            border: 1px solid #52b9b5 !important;
            border-radius: $border-normal;
        }
    }*/

    .product_meta {
        margin: 1.2143em 0 0;
        span {
            span,
            a {
                display: inline-block;
            }
        }
    }
    .share-links {
        margin: 2.2143em 0 0;
    }
    .posted_in,
    .sku_wrapper,
    .tags {
        display: block;
        margin-bottom: .5em;
    }
    .share-links {
        margin-bottom: 1.0714em;
    }

    #product-tab {
        margin-bottom: 1.7857em;

        .description {
            margin-bottom: 0;
        }

        hr {
            display: none;
        }
    }
}

#product-tab {
    margin-bottom: 3em;

    .tab-content h2 {
        margin-bottom: 0.7em;
    }
}

#reviews {
    .commentlist {
        li {
            position: relative;
            padding-#{$left}: 115px;
            @media #{$screen-small} {
                padding-#{$left}: 0;
            }
            .img-thumbnail {
                position: absolute;
                #{$left}: 0;
                top: 0;

                img {
                    max-width: 80px;
                    height: auto;
                }

                @media #{$screen-small} {
                    position: static;
                    margin: side-values(0 12px 10px 0);
                    float: $left;

                    img {
                        max-width: 60px;
                    }
                }
            }
            .comment-text {
                min-height: 90px;

                &:before {
                    content: "";
                    border-bottom: 15px solid transparent;
                    border-#{$right}: if-light(15px solid #f5f7f7, 15px solid $color-dark-3);
                    #{$left}: -15px;
                    border-top: 15px solid transparent;
                    height: 0;
                    position: absolute;
                    top: 28px;
                    width: 0;

                    @media #{$screen-small} {
                        display: none;
                    }
                }
            }
            .star-rating {
                float: $right;
                @media #{$screen-small} {
                    float: none;
                }
            }
        }
    }
}

div.products {
    margin-bottom: 3em;
}

.summary-before {
    @media #{$screen-normal} {
        max-width: 462px;
        margin-left: auto;
        margin-right: auto;
    }

    .labels {
        position: relative;
        line-height: 1;
        color: $color-white;
        font-weight: $font-weight-bold;
        text-transform: uppercase;
        margin: 0;
        z-index: 10;

        .onhot,
        .onsale {
            position: absolute;
            z-index: 1;
            top: .8em;
            border-radius: $border-base;
            font-size: .8571em;
            padding: .5833em .6333em;
        }

        .onhot {
            background: $hot-bg;
            #{$left}: .8em;
        }

        .onsale {
            background: $sale-bg;
            #{$right}: .8em;
        }
    }
}

.product-images {
    position: relative;

    .zoom {
        border-radius: 100%;
        bottom: 4px + $thumbnail-padding;
        cursor: pointer;
        color: #FFF;
        display: block;
        height: 30px;
        padding: 0;
        position: absolute;
        #{$right}: 4px + $thumbnail-padding;
        text-align: center;
        width: 30px;
        opacity: 0;
        @include transition(all 0.1s);
        z-index: 1000;
        i {
            font-size: 14px;
            line-height: 28px;
        }
    }

    &:hover {
        .zoom {
            opacity: 1;
        }
    }
}

.product-image-slider.owl-carousel {
    margin-bottom: 10px;

    .img-thumbnail {
        width: $thumbnail-slide-width;
        padding: $image-slider-padding;
    }
    .owl-nav {
        [class*="owl-"], [class*="owl-"]:hover, [class*="owl-"]:active {
            background: transparent !important;
            font-size: 22px;
        }
        .owl-prev {
            #{$left}: 0;
        }
        .owl-next {
            #{$right}: 0;
        }
    }
    .owl-item {
        cursor: grab;
        line-height: 1;
    }
}

.product-thumbs-slider.owl-carousel {
    margin-bottom: 0;

    .img-thumbnail {
        width: $thumbnail-slide-width;
        padding: $image-slider-padding;
    }

    .thumb-nav {
        opacity: 0;
        @include transition(opacity 0.3s ease 0s);
        top: 50%;
        position: absolute;
        margin-top: -20px;
        width: 100%;
        .thumb-prev, .thumb-next {
            cursor: pointer;
            display: inline-block;
            position: absolute;
            font-size: 15px;
            width: 30px;
            height: 30px;
            text-align: center;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            margin: 5px;
            padding: 4px 7px;
            @include user-select(none);
        }
        .thumb-prev {
            #{$left}: -5px;
            &:before {
                font-family: FontAwesome;
                content: if-ltr($fa-var-chevron-left, $fa-var-chevron-right);
                position: relative;
                #{$left}: -1px;
                top: 0;
            }
        }
        .thumb-next {
            #{$right}: -5px;
            &:before {
                font-family: FontAwesome;
                content: if-ltr($fa-var-chevron-right, $fa-var-chevron-left);
                position: relative;
                #{$left}: 1px;
                top: 0;
            }
        }
    }

    &:hover {
        .thumb-nav {
            opacity: 1;
        }
    }
    .owl-item {
        cursor: pointer;

        img {
            opacity: .5;
            @include transition(opacity 0.3s ease 0s);
        }
        &.selected,
        &:hover {
            img {
                opacity: 1;
            }
        }
    }
}

.variations {
    td > br {
        display: none;
    }
    .label {
        font-size: 1em;
        color: inherit;
        text-align: $left;
    }
    .reset_variations {
        display: block;
        padding: 1em 0 0;
        text-decoration: none;
    }
    select {
        margin-top: -5px;
        margin-bottom: 15px;
    }
    tr {
        td {
            padding-top: 5px;

            label {
                padding-top: 10px;
            }
        }
    }
    tr:last-child {
        select {
            margin-bottom: 0;
        }
    }
}
.single_variation_wrap {
    .stock {
        margin-bottom: 0;
    }
    .price {
        display: block;
        margin-bottom: 0;
    }
    .variations_button {
        margin-top: 1.4286em;
    }
    .woocommerce-variation {
        > div {
            margin-bottom: 1.4286em;
            &:first-child {
                margin-top: -1.4286em;
            }
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
}

.wcml_currency_switcher {
    margin-bottom: 15px;
}

.group_table {
    th, td {
        vertical-align: middle;
        display: table-cell;
    }
    .label,
    .price {
        font-size: 1.2em;
    }
}