.events-carousel button.owl-prev{
    left: -60px;
}
.events-carousel button.owl-next{
    right: -60px;
}
.owl-item.active, button.owl-dot.active {
    background: transparent !important;
}
.owl-dots {
    padding-top: 20px;
    text-align: center;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

button.owl-prev, button.owl-next {
    border-radius: 30px;
    position: absolute;
    color: white !important;
    top: 35%;
    line-height: 0!important;
    height: 40px;
    width: 40px;
}
.owl-next i.fa.fa-angle-right, .owl-prev i.fa.fa-angle-left {
    font-weight: 300;
    font-size: 30px;
    color: #fff;
    opacity: .8;
}
.owl-prev i.fa.fa-angle-left {
    margin-right: 4px;
}
.owl-next i.fa.fa-angle-right {
    margin-left: 4px;
}
.carousel-item figure {
    width: fit-content !important;
}
.hp-multimedia-block {
    margin-bottom: 40px;
}
@media only screen and (max-width: 480px) {
.owl-stage{
   right:30px;
}
.owl-item {
   padding-right: 20px;
}
}

/*event only*/
.events-carousel .owl-carousel .owl-item img.wp-block-cover__image-background {
    width: 121px;
    height: 121px;
}
.events-carousel p {
    margin-block-start: 0 !important;
}
.event-date-month {
    margin-bottom: -20px;
}
.hp-event-image {
    width: 121px;
}
#main p.event-date-day {
    margin-bottom: -0.4em !important;
    font-weight: 700;
}
@media only screen and (max-width: 480px) {
.event-date-month {
    font-size: 9px !important;
    margin-bottom: -10px;
    margin-top: 15px;
}
.event-date-day {
    font-size: 26px !important;
}
.hp-event-image {
    align-items: center !important;
}
.events-carousel .owl-carousel .owl-item img.wp-block-cover__image-background,.hp-event-image {
    width: 90px;
    height: 90px;
}
}
#page .events-carousel button.owl-prev, #page .events-carousel button.owl-next{
    background: #23282D;
    top: 22%;
}
#page .events-carousel button.owl-prev:hover, #page .events-carousel button.owl-next:hover{
    background: gray;
}
/*link color*/
.hp-event-block-container a{
	color:black;
}
.hp-event-block-container a:hover{
	color: var(--bb-primary-color);
}