
.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;
    }
	&.show-product-nav{
		width: calc(100% - 52px);
	}
}
.product-nav {
	position: absolute;
	height: 30px;
	top: 0;
	/*#{$right}: ($grid-gutter-width / 2);*/
	#{$right}: 10px;
	@include clearfix;

	.product-prev,
	.product-next {
		display: inline-block;
		float: $left;

		&:hover {
			.product-popup {
				display: block;
			}
		}
	}

	a {
		display: block;
	}

	.product-link {
		font-size: 1.1429em;
		width: 26px;
		height: 30px;
		display: inline-block;
		text-align: center;
		text-decoration: none;

		&.disabled {
			cursor: default;
			opacity: .5;
			filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
			filter: gray;
			-webkit-filter: grayscale(30%);
		}

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

	.product-prev {
		.product-link {
			&:before {
				content: if-ltr($fa-var-chevron-right, $fa-var-chevron-left);
			}
		}

		.product-popup {
			&:before {
				#{$right}: 6px;
			}
		}
	}

	.product-next {
		.product-link {
			&:before {
				content: if-ltr($fa-var-chevron-left, $fa-var-chevron-right);
			}
		}

		.product-popup {
			&:before {
				#{$right}: 32px;
			}
		}
	}

	.featured-box {
		display: block;
		margin: 0;
		text-align: $left;
		border-width: 0;
		box-shadow: $menu-narrow-box-shadow;

		.box-content {
			display: block;
			padding: 10px;
			@include clearfix;
		}
	}

	.product-popup {
		display: none;
		position: absolute;
		top: 30px;
		#{$right}: 0;
		width: 250px;
		font-size: .9286em;
		z-index: 999;

		&:before {
			border-bottom: 7px solid #ccc;
			border-left: 7px solid transparent !important;
			border-right: 7px solid transparent !important;
			content: "";
			position: absolute;
			top: -5px;
		}

		.product-image {
			padding: $widget-product-image-padding;
			border-radius: $border-normal;
			float: $left;
			width: 90px;

			img {
				width: 100%;
				height: auto;
				border-radius: $border-thin;
			}
		}

		.product-details {
			float: $right;
			width: 130px;

			.product-title {
				display: block;
			}

			.amount {
				color: $color-price;
				font-size: 1.0714em;
				font-weight: $font-weight-semibold;
				line-height: 1;
				vertical-align: middle;
				.currency,
				.decimal {
					font-size: .75em;
					font-weight: $font-weight-normal;
				}
				.currency {
					.decimal {
						font-size: 1em;
					}
				}
			}
			ins {
				text-decoration: none;
				vertical-align: baseline;
			}
			del,
			.from {
				color: $color-old-price;
				font-size: .8em;
				margin-#{$right}: 3px;
				vertical-align: baseline;
				.amount {
					color: $color-old-price;
				}
			}
		}
	}
}
.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: "\e87f";
			font-family: "Porto";
			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;
    }
}

/* Tabs Styles */
.woocommerce-tabs.style-2 {
	.tab-content {
		border: none;
		border-top: solid 1px #dae2e6;
		box-shadow: none;
		padding: 32px 0;
		p {
			font-size: 14px;
			font-weight: 400;
			letter-spacing: 0.005em;
			line-height: 27px;
		}
	}
	.resp-tabs-list {
		border-bottom: none;
		li {
			font-weight: 700;
			color: #818692 !important;
			text-transform: uppercase;
			background: transparent !important;
			border: none !important;
			border-bottom: 2px solid #fff !important;
			padding: 10px 0 !important;
			&.resp-tab-active {
				color: #21293c !important;
			}
			&:hover {
				text-decoration: underline;
			}
		}
	}
}
.resp-htabs.style-2 .resp-tabs-list li {
	margin-right: 35px;
}
.resp-vtabs.style-2 {
	.resp-tabs-container {
		border: none;
		box-shadow: none;
	}
	ul.resp-tabs-list {
		padding-right: 5% !important;
		padding-left: 5% !important;
	}
	.resp-tabs-list li {
		text-align: right;
		&:first-child {
			border-top-width: 0 !important;
		}
		&:last-child {
			border-bottom-width: 0 !important;
		}
	}
}
.resp-easy-accordion.style-2 {
	.tab-content.resp-tab-content {
		border-top: none;
	}
	h2.resp-accordion {
		position: relative;
		margin-bottom: 5px;
		border: none;
		&.resp-tab-active {
			color: #ffffff;
		}
		&:first-child {
			border-top: none !important;
		}
		&:after {
			content: "\e814";
			position: absolute;
			top: 50%;
			right: 20px;
			margin-top: -10px;
			font-family: porto;
		}
	}
	.resp-accordion.resp-tab-active:after {
		content: "\e80b";
		color: #fff;
	}
}