.featured-rotator-widget {
    background-color: #f0efed;
    color: #575a5d;
    padding: 30px 20px;
    @media (max-width: 767px) {
        border-bottom: 10px solid #fff;
    }
    @media (min-width: 768px) {
        padding: 30px 50px;
    }
    .slide {
        @media (max-width: 767px) {
            padding: 0 0 40px 0;
        }        
    }
    h2 {
        color: #000;
        margin: 20px 0 40px 0;
    }
    h4 {
        font-weight: 300;
        margin: 0 0 20px 0;
        line-height: 1.25em;
    }
    a {
        color: #575a5d;
        text-decoration: none;
        &:hover {
            color: #999;
            text-decoration: none;
        }
    }
    p {
        font-weight: 600;
        margin: 0;
    }
    img {
        padding-bottom: 20px;
        width: 100%;
    }
    .item {
        p {
            line-height: 22px;
            margin-bottom: 10px;
        }
    }
    .video-thumb {
        img {
            padding-bottom: 20px;
            width: 100%;
            height: auto;
        }
        .play-button {
            &:after {
                transition: opacity 0.4 ease;
                bottom: 0;
                background-image: url("../images/play-button.svg");
                height: 72%;
                left: 0;
                margin: 0 auto;
                opacity: 0.5;
                padding: 0;
                position: absolute;
                right: 0;
                text-align: center;
                top: 25%;
                width: 20%;
            }
            &:hover {
                &:after {
                    bottom: 0;
                    background-image: url("../images/play-button.svg");
                    height: 72%;
                    left: 0;
                    margin: 0 auto;
                    opacity: 1;
                    padding: 0;
                    position: absolute;
                    right: 0;
                    text-align: center;
                    top: 25%;
                    width: 20%;
                }
            }
        }
    }
    h3 {
        font-family: Arial, sans-serif;
        margin: 10px 0 30px 0;
        line-height: 1.15rem;
        @media (min-width: 768px) {
            margin: 0;
        }
    }
    .carousel {
        .carousel-control {
            &.left {
                &.featured-arrow-left {
                    background-color: #8fd400 !important;
                    background-repeat: repeat-x;
                    background-image: none !important;
                    left: auto;
                    height: 50px;
                    width: 50px;
                    top: 5%;
                    z-index: 100;
                    transition: opacity 0.5s ease;
                    opacity: 1;
                    right: 52px;
                }
            }
            &.right {
                &.featured-arrow-right {
                    background-color: #8fd400 !important;
                    background-repeat: repeat-x;
                    background-image: none !important;
                    left: auto;
                    right: 0px;
                    height: 50px;
                    width: 50px;
                    top: 5%;
                    z-index: 100;
                    transition: opacity 0.5s ease;
                    opacity: 1;
                }
            }
            .glyphicon-chevron-left, 
            .glyphicon-chevron-right, 
            .icon-next, 
            .icon-prev {
                width: 20px;
                height: 20px;
                margin-top: -16px;
                margin-left: -10px;
            }
            .icon-prev:before {
                background-image: '';
                content: url(../images/arrow-left.svg) !important;
                height: 20px;
                background-repeat: no-repeat;
                display: block;
                color: #ffffff;
            }
            .icon-next:before {
                background-image: '';
                content: url(../images/arrow-right.svg) !important;
                height: 20px;
                background-repeat: no-repeat;
                display: block;
                color: #ffffff;
            }
        }
        .light-gray_2 {
            &--background {
                width: 100%;
                background-position: center;
                background-size: cover;
            }
        }
    }
    .carousel-caption {
        &.mobile-slider {
            &.feature-rotator {
                padding: 0 !important;
                width: 100% !important;
                text-align: center !important;
                font-size: 1.5em;
                bottom: 0 !important;
                left: inherit !important;
                right: inherit !important;
                position: relative !important;
            }
        }
    }
    .carousel-indicators {
        &.mobile-indicators-featured-rotator {
            li {
                display: inline-block;
                width: 10px;
                height: 10px;
                margin: 1px;
                text-indent: -999px;
                border: none;
                border-radius: 10px;
                cursor: pointer;
                background-color: #d1d1d0;
                &.active {
                    display: inline-block;
                    width: 10px;
                    height: 10px;
                    margin: 1px;
                    text-indent: -999px;
                    border: none;
                    border-radius: 10px;
                    cursor: pointer;
                    background-color: #575a5d;
                }
            }
        }
    }
}


@media (max-width: 767px) {
    .featured-rotator-widget {
        .carousel {
            &.featured-rotator-widget {
                min-height: 560px;
                padding: 0;
                h3 {
                    line-height: 1.25em;
                    padding: 30px 0 20px 0px;
                    color: #000;
                }
                h5 {
                    font-weight: 600;
                    margin: 0px;
                }
                p {
                    font-weight: 100;
                    margin-bottom: 60px;
                }
            }
        }
    }
}