.eb-countdown-9pnrsvp.eb-cd-wrapper{ max-width:500px; transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; } div.eb-countdown-9pnrsvp.eb-cd-wrapper{ margin-left: auto; margin-right: auto; } .eb-countdown-9pnrsvp.eb-cd-wrapper:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper:before{ transition: background 0.5s, opacity 0.5s, filter 0.5s; } .eb-countdown-9pnrsvp.eb-cd-wrapper:hover:before{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner { display: flex; justify-content: center; flex-direction: row; } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box { position:relative; display: flex; width: 100%; background-color: rgba(35,120,157,1); transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s ; padding-top: 20px; padding-bottom: 20px; border-radius: 10px; flex-direction: column; align-items: center; } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box span { display: block; } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { font-size: 40px; color: rgba(255,255,255,1); } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { font-size: 18px; color: rgba(255,255,255,1); } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box + .box { margin: 0; margin-left:5px; } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-day span.eb-cd-label{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-day span.eb-cd-digit{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour span.eb-cd-label{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour span.eb-cd-digit{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute span.eb-cd-label{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute span.eb-cd-digit{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-second{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-second:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-second span.eb-cd-label{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-second span.eb-cd-digit{ }  @media(max-width: 1024px){ .eb-countdown-9pnrsvp.eb-cd-wrapper{ } .eb-countdown-9pnrsvp.eb-cd-wrapper:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper:before{ } .eb-countdown-9pnrsvp.eb-cd-wrapper:hover:before{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box { } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box + .box { } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-second{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-second:hover{ } } @media(max-width: 767px){ .eb-countdown-9pnrsvp.eb-cd-wrapper{ } .eb-countdown-9pnrsvp.eb-cd-wrapper:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper:before{ } .eb-countdown-9pnrsvp.eb-cd-wrapper:hover:before{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box { } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-digit { } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label { } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box + .box { } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-day{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-day:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-hour:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-minute:hover{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-second{ } .eb-countdown-9pnrsvp.eb-cd-wrapper .eb-cd-inner .box.cd-box-second:hover{ } }