.espbp-countdown {
margin: 0;
padding: 0;
}
.espbp-countdown-item {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin: 0 10px 5px 0px;
--espbp-countdown-item-padding: 10px;
--espbp-countdown-item-width: 160px;
--espbp-countdown-item-height: 160px;
--espbp-countdown-item-bdr-radius: 100%;
--espbp-countdown-item-left-margin: 0px;
padding: 20px;
width: 160px;
height: 160px;
border-radius: 100%;
-webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.05);
text-align: center;
--espbp-countdown-separator-color: black;
--espbp-countdown-separator-size: 36px;
--espbp-countdown-separator-position: absolute;
--espbp-countdown-separator-lineheight: 1;
--espbp-countdown-separator-top-pos: calc(50% - 16.5px);
--espbp-countdown-separator-right-pos:-16px;
}
.espbp-countdown-item{
width: var(--espbp-countdown-item-width);
height: var(--espbp-countdown-item-height);
border-radius: var(--espbp-countdown-item-bdr-radius);
margin-left: var(--espbp-countdown-item-left-margin);
padding: var(--espbp-countdown-item-padding);
}
.espbp-countdown-label-right .espbp-countdown-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.espbp-countdown-item .espbp-countdown-label{
position: relative;
top: var(--espbp-countdown-label-top-space);
left: var(--espbp-countdown-label-left-space);
}
.espbp-events-countdown{
text-align: var(--espbp-countdown-alignment);
}
.espbp-countdown .espbp-countdown-item:last-child {
margin-right: 0px;
}
.espbp-countdown-item.espbp-countdown-separator-on {
position: relative;
}
.espbp-countdown-item.espbp-countdown-separator-on .espbp-countdown-separator {
position: var(--espbp-countdown-separator-position);
line-height: var(--espbp-countdown-separator-lineheight);
font-size: var(--espbp-countdown-separator-size);
top: var(--espbp-countdown-separator-top-pos);
right: var(--espbp-countdown-separator-right-pos);
color: var(--espbp-countdown-separator-color);
}
.espbp-countdown-label,
.espbp-countdown-time {
display: block;
color: var(--espbp-countdown-time-label-color);
line-height: 1;
}
.espbp-countdown-number{
color: var(--espbp-countdown-time-color);
}
.espbp-countdown-time {
font-size: 36px;
}
.espbp-countdown-label {
overflow: hidden;
max-width: 100%;
text-transform: uppercase;
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
}
.espbp-countdown-end-action {
display: none;
}
.espbp-countdown-item.espbp-countdown-item-days{
color: var(--espbp-countdown-time-color);
}
.espbp-countdown-item-days .espbp-countdown-label-days{
color: var(--espbp-countdown-time-label-color);
}
.espbp-countdown-item.espbp-countdown-item-hours{
color: var(--espbp-countdown-time-color);
}
.espbp-countdown-item-hours .espbp-countdown-label-hours{
color: var(--espbp-countdown-time-label-color);
}
.espbp-countdown-item.espbp-countdown-item-minutes{
color: var(--espbp-countdown-time-color);
}
.espbp-countdown-item-minutes .espbp-countdown-label-minutes{
color: var(--espbp-countdown-time-label-color);
}
.espbp-countdown-item.espbp-countdown-item-seconds{
color: var(--espbp-countdown-time-color);
}
.espbp-countdown-item-seconds .espbp-countdown-label-seconds{
color: var(--espbp-countdown-time-label-color);
}