:root {
--wpem-primary-color: #0096ff;
--wpem-dark-color: #111111;
--wpem-gray-color: #555555;
--wpem-white-color: #ffffff;
--wpem-gray-border-color: #e4e4e4;
--wpem-gray-bg-color: #f5f5f5;
} .event-countdown {
display: flex;
border: 1px solid var(--wpem-gray-border-color);
border-radius: 4px;
max-width: 400px;
width: 100%;
padding: 10px;
margin-top: 5px;
}
.wpem-countdown-col {
text-align: center;
font-size: 12px;
text-transform: uppercase;
width: 100%;
border-right: 1px solid var(--wpem-gray-border-color);
line-height: normal;
}
.wpem-countdown-col b {
display: block;
font-size: 24px;
font-weight: bold;
}
.wpem-countdown-col:last-of-type {
border: 0;
}
.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-left-content .wpem-single-event-body-content .wpem-countdown-section {
margin-bottom: 15px;
}
.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-left-content .wpem-single-event-body-content .wpem-ticket-information-wrapper .wpem-countdown-section {
margin-top: 15px;
margin-bottom: 0;
}
.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-body-sidebar .wpem-countdown-section {
margin-bottom: 10px;
}
.wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-countdown-section {
margin-top: 10px;
}  .wpem-countdown-progress {
width: 100%;
height: 5px;
background-color: var(--wpem-gray-bg-color);
border-radius: 10px;
position: relative;
overflow: hidden;
}
.wpem-countdown-progress-bar-row {
display: flex;
align-items: center;
}
.wpem-countdown-progress span {
background-color: var(--wpem-primary-color);
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.wpem-countdown-progress-detail {
display: flex;
align-items: center;
justify-content: space-between;
width: 65px;
flex: 0 0 65px;
margin-left: 15px;
}
.wpem-countdown-progress-detail b {
margin-right: 15px;
}  .wpem-countdown-circle {
display: flex;
margin-top: 10px;
}
.wpem-countdown-circle-col {
position: relative;
padding: 0 5px;
max-width: 80px;
}
.wpem-countdown-circle-col canvas {
width: 100%;
}
.wpem-countdown-circle-label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.wpem-countdown-circle-label span {
display: block;
font-size: 16px;
font-weight: bold;
line-height: normal;
}
.wpem-countdown-circle-label small{
font-size: 12px;
}
.wpem-countdown-circle-expired .wpem-countdown-circle-col canvas {
border: 3px solid var(--wpem-gray-border-color);
border-radius: 100px;
}