Default DoStuff Embeddable Events Widget CSS

<style>
.ds-home-link a,
.ds-featured-venue-events {
font-family:inherit;/*add your font family*/
}
.ds-events-widget {
position:relative;
text-transform: capitalize;/*uppercase lowercase etc*/
}
.ds-events-widget::-webkit-scrollbar {
display: none;
}
ol.ds-featured-venue-events {
list-style: none !important;
}
.ds-home-link {
position:relative;
width:100%;
display:block;
z-index: 9;
}
.ds-home-link a {
font-family: inherit;
font-size: 1rem;
width:100%;
display:block;
text-transform: uppercase;
letter-spacing: 0px;
font-weight: inherit;
font-style: normal;
color: #fff;
background-color: rgba(28,21,19,.86);
border-color: rgba(28,21,19,.86);
text-decoration: none;
padding: 13px 26px;
}
.ds-events-widget a {
color:#fff !important;
}
.ds-events-widget ol,
.ds-events-widget ul {
list-style: none !iimportant;
padding:0;
margin:0;
}
li.ds-featured-venue-event {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
background-color: rgba(255,255,255,0.8);
margin-top: 1px;
z-index: 2;
position: relative;
margin-left:0;
margin-right:0;
}
.ds-featured-venue-event .ds-cover-image {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-color: #282828;
background-position: 50% 50%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1 !important;
}
.ds-featured-venue-event .ds-cover-image:after {
background: #000 !important;
opacity: .5 !important;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.ds-featured-venue-event:hover .ds-cover-image:after {
opacity:0.2 !important;
}
.ds-featured-venue-event a {
padding: 35px 25px 35px 62px;
display: block;
color: #ffffff;
text-decoration: none;
}
.ds-featured-venue-event .ds-event-date {
position: absolute;
top: 35px;
left: 15px;
}
.ds-featured-venue-event .ds-event-date .ds-day,
.ds-featured-venue-event .ds-event-date .ds-month {
display: block;
text-align: center;
}
.ds-featured-venue-event .ds-event-date .ds-day {
vertical-align: text-top;
font-size: 28px;
line-height: 28px;
font-family: inherit;
font-style: normal;
font-weight: 700;
-webkit-font-smoothing: antialiased;
}
.ds-featured-venue-event .ds-event-meta {
line-height: 1rem;
}
.ds-featured-venue-event .ds-event-meta .ds-title {
vertical-align: text-top;
font-size: 18px;
line-height: 24px;
display: block;
margin-bottom: 5px;
margin-bottom: 0.3rem;
}
.ds-featured-venue-event .ds-event-meta .ds-time,
.ds-featured-venue-event .ds-event-meta .ds-extra {
font-size: 16px;
line-height: 16px;
margin-right: 10px;
}
</style>