File: /home/confeduphaar/public_html/wp-content/plugins/ova-framework/assets/css/_ova_time_countdown.scss
.ova_time_countdown {
background-color: #2a2c37;
padding: 26px 20px 26px 50px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
.ova-button{
@media(max-width:767px){
flex: 0 0 100%;
margin-top: 20px;
}
a{
display: inline-block;
font-size: 17px;
font-weight: 400;
letter-spacing: 0.3px;
color: #2a2c37;
background: #fff;
padding: 0 20px;
height: 50px;
line-height: 50px;
&:hover{
color: #fff;
}
}
}
.due_date {
@media(max-width:767px){
flex: 0 0 100%;
}
.countdown-section {
display: inline-block;
text-align: left;
&:not(:last-child) {
padding-right: 50px;
}
&:nth-child(1) {
display: none;
}
&:nth-child(2) {
display: none;
}
&:nth-child(3) {
display: none;
}
&:nth-child(4) {
display: none;
margin-right: 0;
}
.countdown-amount {
display: block;
font-size: 36px;
line-height: 40px;
font-weight: 400;
color: #ffffff;
margin-bottom: 5px;
}
.countdown-period {
display: block;
font-size: 16px;
line-height: 1.2;
font-weight: 500;
letter-spacing: 0.2px;
color: #ffffff;
text-transform: capitalize;
}
}
}
&.version_2{
background: transparent;
justify-content: center;
padding: 0;
max-width: 600px;
margin: 0 auto;
@media(max-width: 991px){
text-align: center;
justify-content: center;
}
.due_date {
.countdown-section {
text-align: center;
position: relative;
display: inline-block;
padding:0 60px 0 0;
@media(max-width: 767px){
padding: 0 30px;
}
&:last-child{
padding: 0;
@media(max-width: 767px){
padding: 0 30px;
}
}
&:not(:last-child){
&:after{
content: ":";
display: inline-block;
position: absolute;
top: 24px;
right: 25px;
font-size: 50px;
color: #868686;
@media(max-width: 767px){
display: none;
}
}
}
.countdown-amount {
font-size: 60px;
line-height: 1.2;
color: #202b5d;
font-weight: 400;
}
.countdown-period {
font-size: 17px;
line-height: 1.2;
letter-spacing: 0.2px;
color: #62718d;
font-weight: 400;
padding: 0 20px;
@media(max-width: 767px){
padding: 0 10px;
}
}
}
}
}
}
@media (max-width: 767px) {
.ova_time_countdown {
.due_date {
.countdown-section {
&:not(:last-child) {
margin-bottom: 10px;
}
.countdown-amount {
font-size: 40px;
}
.countdown-period {
font-size: 18px;
}
}
}
}
}