/* ==========================================================================
   Product Single - Slider shortcode styles - begin
   ========================================================================== */

.edge-pls-holder {
    @include edgeRelativeHolderLayout();

    .edge-pls-outer {
        @include edgeRelativeHolderLayout();
    }

    .edge-pls-title{
        font-family: $heading-font;
        font-size: 16px;
        color: $first-main-color;
    }

    .edge-pls-item {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding: 0;
        z-index: 100;
        overflow: hidden;
        box-sizing: border-box;

        .touch & {
            cursor: pointer;
        }

        .edge-pls-image-outer {
            @include edgeRelativeHolderLayout();

            .edge-pls-image {
                @include edgeRelativeHolderLayout();

                img {
                    display: block;
                    width: 100%;
                }

                .edge-pls-onsale,
                .edge-pls-out-of-stock,
                .edge-pls-new-product {
                    position: absolute;
                    display: block;
                    top: 15px;
                    right: 20px;
                    width: auto;
                    color: $default-heading-color;
                    font-family:$heading-font;
                    font-size: 12px;
                    line-height: 24px;
                    letter-spacing: 1px;
                    text-align: center;
                    z-index: 100;
                    @include edgeTransform(translateZ(0));
                    box-sizing: border-box;
                }

                .edge-pls-new-product {
                    right: auto;
                    left: 20px;
                }
            }
        }

        .edge-pls-title {
            margin: 0;
            text-transform: uppercase;
            font-family: $heading-font;
        }

        .edge-pls-category {
            margin: 0px;
        }

        .edge-pls-excerpt {
            color: $default-text-color;
            margin: 0px;
            font-family: $default-text-font;
            font-size: 18px;
            line-height: 30px;
            font-weight: 300;
        }

        .edge-pls-rating-holder {
            @include edgeRelativeHolderLayout();
            line-height: 1;
            margin: 3px 0 6px;
        }

        .edge-pls-rating {
            position: relative;
            display: inline-block;
            vertical-align: middle;
            font-family: "ElegantIcons";
            font-size: 12px;
            line-height: 1.1em;
            letter-spacing: 6px;
            color: $additional-color;
            overflow: hidden;
            -webkit-font-smoothing: antialiased;

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

            span {
                position: absolute;
                top: 0;
                left: 0;
                overflow: hidden;

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

        .edge-pls-price {
            display: inline-block;
            color: $additional-color;
            font-size: 14px;
            font-family: $heading-font;
            opacity: 1;
            @include edgeTransition(all 0.3s ease);
            will-change: transform;

            * {
                font-size: inherit;
                line-height: inherit;
            }

            del {
                margin: 0 5px 0 0;
            }

            ins {
                text-decoration: none;
            }
        }

        .edge-pls-link {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            width: 100%;
            height: 100%;
            z-index: 9;
            visibility: hidden;
        }

        .edge-pls-text-wrapper {
            @include edgeTableLayout();
            text-align: left;
            top: 50%;
            @include edgeTransform(translateY(-50%));
            position: absolute;

            &.edge-pls-text-left-type{
                left: 50px;

                .edge-pls-category{
                    font-family: $heading-font;
                    font-size: 16px;
                    line-height: 47px;
                    text-transform: uppercase;
                    font-weight: 400;

                    a{
                        color: $additional-color;
                    }
                }

                .edge-pls-title{
                    font-size: 30px;
                    line-height: 34px;
                    font-weight: 400;
                    color: $first-main-color;
                }

                .edge-pls-price{
                    font-size: 30px;
                    line-height: 34px;
                    color: $default-text-color;
                    margin-top: 11px;
                }
            }

            &.edge-pls-text-right-type{
                left: 60%;
                width: 40%;

                .edge-pls-category{
                    font-family: $additional-text-font;
                    font-size: 40px;
                    line-height: 40px;
                    margin-bottom: 10px;
                }

                .edge-pls-button{
                    margin-top: 45px;
                    a{
                        text-transform: uppercase;
                    }
                    span{
                        color: $first-main-color;
                    }
                }
            }
        }

        &.edge-product-slider-light-skin{

            .edge-pls-category{
                color: $default-background-color;
                a{
                    color: $default-background-color;
                }
            }
            .edge-pls-button span{
                color: $default-background-color;
            }
            .edge-pls-text-right-type{
                .edge-pls-button span{
                    color: $default-background-color;
                }
            }

        }
        &.edge-product-slider-dark-skin{

            .edge-pls-category{
                color: $first-main-color;
                a{
                    color: $first-main-color;
                }
            }
            .edge-pls-button span{
                color: $first-main-color;
            }

            .edge-pls-text-right-type{
                .edge-pls-button span{
                    color: $first-main-color;
                }
            }

        }
    }

    .edge-owl-slider .owl-nav{
        position: absolute;
        top: 50%;
        width: 100%;
        @include edgeTransform(translateY(-50%));
        z-index: 5;

        .owl-next,
        .owl-prev {
            @include edgeTransform(none);

            .edge-prev-icon,
            .edge-next-icon {
                span {
                    font-family: "Linearicons-Free";
                    font-size: 30px;
                    color: $additional-color;
                }
            }
        }

        .owl-prev {
            left: 30px;

            .edge-prev-icon span:before{
                content: "\e879";
            }
        }

        .owl-next{
            right: 30px;

            .edge-next-icon span:before{
                content: "\e87a";
            }
        }
    }

	&.edge-pls-nav-light-skin {
		
		.owl-nav {
			
			.owl-prev,
			.owl-next {
				
				&:hover {
					
					.edge-prev-icon,
					.edge-next-icon {
						color: $header-light-hover-color;
					}
				}
			}
			
			.edge-prev-icon,
			.edge-next-icon {
				color: $header-light-color;
			}
		}
	}
	
	&.edge-pls-pag-inside-slider {
		
		.owl-prev,
		.owl-next {
			@include edgeTransform(translateY(-50%));
		}
		
		.owl-dots {
			position: absolute;
			left: 50%;
            @include edgeTransform(translateX(-50%));
			bottom: 30px;
			margin: 0;
            z-index: 9;
		}
	}
	
	&.edge-pls-pag-light-skin {
		
		.owl-dots {
			
			.owl-dot {

				span {

					&:after {
						background-color: $header-light-hover-color;
					}
				}

				&:hover,
				&.active {

					span {

						&:after {
							background-color: $header-light-color;
						}
					}
				}
			}
		}
	}

    &.edge-pls-pag-with-numbers{
        .owl-dots {
            .owl-dot{
                font-family: $heading-font;
                font-size: 18px;
                color: $default-text-color;
                width: 30px;
                position: relative;
                padding: 0;
                margin: 0 7px;

                &:before{
                    content: '';
                    height: 1px;
                    width: 100%;
                    background-color: $first-main-color;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    opacity: 0;
                    @include edgeTransition(opacity 0.3s ease-in-out);
                }
                &.active{
                    color: $first-main-color;
                    &:before{
                        opacity: 1;
                    }
                }
            }
        }
    }
}
/* ==========================================================================
   Product Single - Slider shortcode styles - end
   ========================================================================== */