/*----------------------
    Carousel
-----------------------*/
[data-nav="false"] .owl-nav,
[data-dots="false"] .owl-dots {
    display: none;
}

.owl-carousel {
    .owl-item {
        img {
            width: 100%
        }
    }
}

.carousel-dots {
    .owl-dots {
        margin-top: 10px;
        text-align: center;

        .owl-dot {
            margin: 0 5px;
        }

        .owl-dot span {
            position: relative;
            height: 12px;
            width: 12px;
            border-radius: 50%;
            background-color: transparent;
            border: 4px solid #1b1a1a;
            margin: 0;
            display: inline-block;
        }

        .owl-dot.active span {
            background-color: transparent;
            border-color: $color-theme;
        }
    }
}


.carousel-dots-white .owl-dots .owl-dot span {
    background-color: $color-white;
    border-color: $color-white;
}

.carousel-dots-white .owl-dots .owl-dot.active span {
    border-color: $color-white;
}

.carousel-dots-white .owl-dots .owl-dot.active span:before {
    background-color: $color-white;
}

.carousel-arrows {
    .owl-nav {

        .owl-prev,
        .owl-next {
            position: absolute;
            top: 50%;
            width: 50px;
            color: #333333;
            font-size: 0;
            font-weight: 400;
            text-align: center;
            background-color: transparent;
            cursor: pointer;
            padding: 0;
            border-radius: 0;
            transform: translateY(-50%);
            @include prefix(transition, all 0.3s ease, webkit moz ms o);

            &:hover {
                color: $color-theme;
                background-color: transparent;
            }
        }

        .owl-prev {
            left: 0;

            &:before {
                font-family: 'icomoon';
                content: "\e96a";
                font-size: 55px;
            }
        }

        .owl-next {
            right: 0;

            &:before {
                font-family: 'icomoon';
                content: "\e96b";
                font-size: 55px;
            }
        }
    }

    .owl-dots {
        position: absolute;
        bottom: 20px;
        width: 100%;
        line-height: 1;
    }
}

/* Extra Small Devices */
@include xs-sm-screens {

    .carousel-arrows .owl-nav .owl-prev:before,
    .carousel-arrows .owl-nav .owl-next:before {
        font-size: 40px;
    }
}