.event-carousel {
    max-width: 90vw;
    margin: auto;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);

    @media all and (min-width: 47em) {
        max-width: 70vw;
    }

    a {
        &:hover {
            text-decoration: none;

            .event-cta {
                color: #00bfff;
                text-decoration: none;
                background-position: calc(140px) 50% !important;
                background-repeat: no-repeat;
                background-size: 20px auto !important;
                padding-right: 20px;
            }
        }

        .event-cta {
            background-position: calc(140px) 50% !important;
            background-repeat: no-repeat;
            background-size: 20px auto !important;
            padding-right: 20px;
        }
    }

    p {
        color: var(--color-neutral-gray-70);
    }

    .event-carousel-container {
        &.row {
            margin: 0;
			background-image:none;
        }
    }

    .event {
        display: block;
    }

    .event-image {
        height: 255px;

        @media all and (min-width: 47em) {
            height: 355px;
        }
    }

    .event-icon {
        display: flex;
        height: 255px;
        padding: 20px;
        background: var(--color-neutral-gray-08);

        @media all and (min-width: 47em) {
            height: 355px;
        }

        img {
            max-width: 184px;
            width: 100%;
            margin: auto;
        }
    }

    .event-info {
        height: 363px;
        padding: 40px;
        overflow: hidden;

        .event-title {
            color: var(--color-title-event);
            font-size: 30px;
            line-height: 35px;
            margin-top: 0;
        }

        .event-date,
        .event-time,
        .event-location {
            color: var(--color-neutral-gray-70);
            font-size: 20px;
            font-weight: 700;
        }

        .event-location {
            clear: left;
        }

        .event-summary,
        .event-summary > p {
            max-height: 150px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .event-cta {
            color: var(--color-neutral-gray-70);
            font-size: 20px;
            font-weight: 700;
            text-transform: uppercase;
        }
    }

    .border-bottom {
        height: 10px;
        width: 100%;
        margin: 10px 0 0;
        position: relative;
        background: var(--background-gradient-color-orange);

        @media all and (min-width: 47em) {
            margin: -10px 0 0;
        }
    }

    /* Carousel specific styles */
    .tns-outer {
        @media all and (max-width: 47em) {
            width: 80vw;
            margin: auto;
        }
    }

    #carousel-events-ow {
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);

        .row {
            margin: 0;
        }

        .tns-controls button[data-controls="next"] {
            margin-top: 147px;
            right: 10vw;

            @media all and (max-width: 47em) {
                margin-top: 261px;
                right: 2vw;
            }

            &:before {
                content: '';
                color: #fff;
                /* background: rgba(255, 255, 255, 0); */
                border-radius: 30px;
                font-size: 25px;
                padding: 10px 26px 15px 29px;
                color: var(--primary-color);
            }

            /* &:hover {
                &:before {
                    
                }
            } */
        }

        .tns-controls button[data-controls="prev"] {
            margin-top: 147px;
            left: 10vw;

            @media all and (max-width: 47em) {
                margin-top: 261px;
                left: 2vw;
            }

            &:before {
                content: '';
                color: #fff;
                border-radius: 30px;
                /* background: rgba(255, 255, 255, 0); */
                font-size: 25px;
                padding: 10px 26px 15px 29px;
                color: #ff5f2f;
            }

            /* &:hover {
                &:before {
                   
                }
            } */
        }
    }
}

.event-carousel-container{
	background:none;
}