.featured-events-carousel{background:#000}
.featured-events-header h1{font-size:34px;line-height:36px}
.hero-carousel-section{position:relative;margin:0 auto;color:#fff}
.hero-carousel-section h2,.hero-carousel-section h3,.hero-carousel-section a,.hero-carousel-section p{color:#fff}
.promoted-event-image{position:relative}
.promoted-event-details{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.hero-carousel-section h3{font-size:14px;line-height:16px}
.hero-carousel-section h2{font-size:30px;line-height:30px}
.hero-carousel-section .event-description{height:72px;overflow:hidden}
.hero-carousel-section .event-description p{font-size:20px;line-height:24px}
.hero-carousel-section .event-date-place p{font-size:16px;line-height:20px}
.hero-carousel-section .add-cal,.events-list-section .add-cal{font-size:12px;line-height:14px}
.hero-carousel-section .add-cal i,.events-list-section .add-cal i{font-size:20px;line-height:21px}
.hero-carousel-section .view-details{font-size:16px;line-height:22px}
.hero-carousel-section .view-details a{border-bottom:1px solid #fff;padding-bottom:6px}
.hero-carousel-section a:hover,.events-list-section a:hover{text-decoration:none;color:inherit}
.featured-events-list{background:#f0f0f0}
.events-list-section{margin:0 auto}
.events-list-section .event-details{background:#fff}
.events-list-section h3{font-size:14px;line-height:16px;color:#888}
.events-list-section h2{font-size:20px;line-height:24px}
.events-list-section .event-description p{font-size:16px;line-height:22px;max-height:66px;color:#000;display:-webkit-box;height:93px;margin:0 auto;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.events-list-section .event-date-place p{font-size:16px;line-height:22px}
.events-list-section .view-details{font-size:16px;line-height:19px}
.events-list-section .view-details a{border-bottom:1px solid #000;padding-bottom:6px}
.featured-events-list .load-all-events .btn-black{height:50px}
.non-promoted-event-list{padding-left:15px !important;padding-right:15px !important}
.load-all-events a:hover{color:#fff;text-decoration:none}
.load-all-events span{font-size:16px;line-height:19px}
@media only screen and (min-width:320px) and (max-width:767px){.promoted-event-details{position:initial;transform:none}
.hero-carousel-section h2,.featured-events-header h1{font-size:24px;line-height:28px}
.hero-carousel-section .event-description p{font-size:16px;line-height:19px}
.hero-carousel-section .event-date-place p{font-size:14px;line-height:16px}
}
@media(max-width:767px) and (min-width:567px){.container{max-width:100%}
}