.ywpc-countdown,
.ywpc-sale-bar {
font-family: 'Open Sans', sans-serif;
background: #fafafa;
border: 1px solid #dbd8d8;
padding: 25px 18px 15px 18px;
text-align: center;
margin: 0 0 18px 0;
font-size: 0;
text-transform: uppercase;
clear: both;
}
.ywpc-countdown > .ywpc-header,
.ywpc-sale-bar > .ywpc-header,
.ywpc-countdown > .ywpc-timer,
.ywpc-sale-bar > .ywpc-bar {
vertical-align: middle;
display: inline-block;
}
.ywpc-countdown > .ywpc-header,
.ywpc-sale-bar > .ywpc-header {
font-size: 25px;
font-weight: bold;
color: #707070;
padding: 10px 20px 20px 20px;
word-wrap: break-word;
}
.ywpc-sale-bar > .ywpc-header {
width: 40%;
}
.ywpc-sale-bar > .ywpc-bar {
width: 60%;
}
.ywpc-countdown > .ywpc-timer > .ywpc-days,
.ywpc-countdown > .ywpc-timer > .ywpc-hours,
.ywpc-countdown > .ywpc-timer > .ywpc-minutes,
.ywpc-countdown > .ywpc-timer > .ywpc-seconds {
display: inline-block;
width: 110px;
margin: 0;
}
.ywpc-countdown > .ywpc-timer > div > .ywpc-label {
color: #606060;
font-size: 12px;
}
.ywpc-sale-bar > .ywpc-bar > .ywpc-label {
color: #606060;
font-size: 15px;
}
.ywpc-countdown > .ywpc-timer > div > .ywpc-amount {
background: #bebebe;
height: 60px;
width: 80px;
margin: 0 15px;
}
.ywpc-countdown > .ywpc-timer > div > .ywpc-amount > span {
line-height: 60px;
color: #ffffff;
font-weight: bold;
font-size: 40px;
}
.ywpc-sale-bar > .ywpc-bar > .ywpc-back,
.ywpc-sale-bar > .ywpc-bar > .ywpc-back > .ywpc-fore {
display: block;
height: 20px;
}
.ywpc-sale-bar > .ywpc-bar > .ywpc-back {
width: 100%;
background: #e6e6e6;
margin: 5px 0;
}
.ywpc-sale-bar > .ywpc-bar > .ywpc-back > .ywpc-fore {
width: 0;
background: #707070;
} .ywpc-countdown-loop,
.ywpc-sale-bar-loop {
font-family: 'Open Sans', sans-serif;
text-align: center;
margin: 10px 0;
font-size: 0;
text-transform: uppercase;
clear: both;
}
.ywpc-countdown-loop > .ywpc-header,
.ywpc-sale-bar-loop > .ywpc-header,
.ywpc-countdown-loop > .ywpc-timer,
.ywpc-sale-bar-loop > .ywpc-bar {
display: block;
}
.ywpc-countdown-loop > .ywpc-header,
.ywpc-sale-bar-loop > .ywpc-header {
font-size: 15px;
font-weight: bold;
color: #707070;
word-wrap: break-word;
}
.ywpc-countdown-loop > .ywpc-timer > .ywpc-days,
.ywpc-countdown-loop > .ywpc-timer > .ywpc-hours,
.ywpc-countdown-loop > .ywpc-timer > .ywpc-minutes,
.ywpc-countdown-loop > .ywpc-timer > .ywpc-seconds {
display: inline-block;
width: 54px;
margin: 5px 0;
}
.ywpc-countdown-loop > .ywpc-timer > div > .ywpc-label {
color: #606060;
font-size: 10px;
}
.ywpc-sale-bar-loop > .ywpc-bar > .ywpc-label {
color: #606060;
font-size: 15px;
font-weight: bold;
}
.ywpc-countdown-loop > .ywpc-timer > div > .ywpc-amount {
background: #bebebe;
height: 50px;
width: 50px;
margin: 0 2px;
}
.ywpc-countdown-loop > .ywpc-timer > div > .ywpc-amount > span {
line-height: 50px;
color: #ffffff;
font-weight: bold;
font-size: 15px;
}
.ywpc-sale-bar-loop > .ywpc-bar > .ywpc-back,
.ywpc-sale-bar-loop > .ywpc-bar > .ywpc-back > .ywpc-fore {
display: block;
height: 12px;
}
.ywpc-sale-bar-loop > .ywpc-bar > .ywpc-back {
width: 100%;
background: #e6e6e6;
margin: 5px 0;
}
.ywpc-sale-bar-loop > .ywpc-bar > .ywpc-back > .ywpc-fore {
width: 0;
background: #707070;
}
.block-editor .ywpc-shortcode-products li{
list-style: none;
width: max-content;
}