/**
* css loads when event carousel is loaded
*/

.widget-event-carousel {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}

.event-heading {
    padding-top: .54rem;
    padding-bottom: .54rem;
}

.event-heading .wp-block-heading::after {
	content: '';
	width: 3em;
	display: block;
	border-width: .14em;
	border-bottom: 1px solid #ED3237;
}

.event-carousel-item {
    min-width: 250px;
    margin: .1em;
    box-shadow: 1px 1px 10px #d0d0d0;
    height: auto;
  position: relative;
}

.event-carousel-item .event-featured-img-wrapper {
    max-width: 250px;
}

.event-featured-container-wrapper {
    padding: 0.46rem;
}

.event-carousel-item .event-featured-img-wrapper img.event-featured-img {
    width: 100%;
    height: 100%;
    max-height: 150px;
}

.event-title {
    padding-bottom: .32em;

}

.event-title h3 {
    /* font-size: .50em; */
    font-weight: bold;
}

.event-excerpt {
    padding-bottom: 1rem;
}

.event-excerpt p {
    /* font-size: .32em; */
}

.event-btn {
/* padding-top: 0.5rem; */
position: absolute;
  bottom: 10px;
}

.event-btn a {
    width: auto;
	height: .65rem;
	background: #384488;
	border: .0125rem solid #ED3237;
    color: #fff;
    /* font-size: .22em; */
    font-weight: bold;
    padding: .18rem;
    cursor: pointer
}

.event-arrow-left {
content: '' attr(data-event-arrow-left);
background-image: url('http://loc-negxy.com/wp-content/uploads/2024/04/arrow-left-solid.png');
width: 32px;
height: 32px;
background-position: center;
position: absolute;
display: block;
margin-top: 3rem;
background-size: contain;
cursor: pointer;
z-index: 999;
}

.event-arrow-right {
content: '' attr(data-event-arrow-right);
background-image: url('http://loc-negxy.com/wp-content/uploads/2024/04/arrow-right-solid.png');
width: 32px;
height: 32px;
background-position: center;
position: absolute;
display: block;
margin-top: 3rem;
background-size: contain;
cursor: pointer;
right: 0;
z-index: 999
}

.dt-event-carousel-row {
    overflow: hidden
}

/* .event-carousel-item {
    counter-increment: event-carousel-item;
}

.event-carousel-item::before {
    content: counter(event-carousel-item)
} */

@media only screen and (max-width: 480px){
    .wp-block-heading {
        /* font-size: .35em */
    }

    .event-excerpt p {
    /* font-size: .28em; */
}
}