.fusion-countdown { --awb-background: var(--countdown_background_color, var(--awb-color5)); --awb-background-size: auto; --awb-border-radius: 0; --awb-counter-box-spacing: calc(var(--countdown_counter_box_spacing, 10px) / 2); --awb-counter-box-color: var(--countdown_counter_box_color, var(--awb-color7)); --awb-counter-padding-top: var(--countdown_counter_padding-top, 0.6em); --awb-counter-padding-right: var(--countdown_counter_padding-right, 1.1em); --awb-counter-padding-bottom: var(--countdown_counter_padding-bottom, 0.6em); --awb-counter-padding-left: var(--countdown_counter_padding-left, 1.1em); --awb-counter-border-size: var(--countdown_counter_border_size, 0); --awb-counter-border-color: var(--countdown_counter_border_color, var(--awb-color7)); --awb-counter-border-radius: var(--countdown_counter_border_radius, 4px); --awb-counter-font-size: var(--countdown_counter_font_size, 18px); --awb-counter-text-color: var(--countdown_counter_text_color, var(--awb-color1)); --awb-label-font-size: var(--countdown_label_font_size, 18px); --awb-label-color: var(--countdown_label_color, var(--awb-color1)); --awb-heading-font-size: var(--countdown_heading_font_size, 18px); --awb-heading-text-color: var(--countdown_heading_text_color, var(--awb-color1)); --awb-subheading-font-size: var(--countdown_subheading_font_size, 14px); --awb-subheading-text-color: var(--countdown_subheading_text_color, var(--awb-color1)); --awb-link-text-color: var(--countdown_link_text_color, var(--awb-color1)); --awb-element-margin-top: 0; --awb-element-margin-right: 0; --awb-element-margin-bottom: 0; --awb-element-margin-left: 0; padding: 30px; background: var(--awb-background); background-size: var(--awb-background-size); border-radius: var(--awb-border-radius); margin-top: var(--awb-element-margin-top); margin-right: var(--awb-element-margin-right); margin-bottom: var(--awb-element-margin-bottom); margin-left: var(--awb-element-margin-left); } .fusion-countdown.fusion-no-bg { padding: 0; } .fusion-countdown .fusion-countdown-wrapper { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center; margin: 0 -7.5px; } .fusion-countdown .fusion-countdown-heading-wrapper, .fusion-countdown .fusion-countdown-counter-wrapper, .fusion-countdown .fusion-countdown-link-wrapper { margin: 0 7.5px; } .fusion-countdown .fusion-countdown-heading { font-weight: bold; letter-spacing: 2px; line-height: 1.2em; font-size: var(--awb-heading-font-size); color: var(--awb-heading-text-color); } .fusion-countdown .fusion-countdown-subheading { letter-spacing: 1px; line-height: 1.2em; font-size: var(--awb-subheading-font-size); color: var(--awb-subheading-text-color); } .fusion-countdown .fusion-countdown-counter-wrapper { display: flex; flex-wrap: wrap; justify-content: center; overflow: hidden; text-align: center; margin: 0 calc(7.5px - var(--awb-counter-box-spacing)); font-size: var(--awb-counter-font-size); color: var(--awb-counter-text-color); } .fusion-countdown .fusion-countdown-counter-wrapper.awb-flex-grow { flex-grow: 1; } .fusion-countdown .fusion-dash-wrapper { display: inline-block; padding: var(--awb-counter-box-spacing); } .fusion-countdown .fusion-dash { display: flex; align-items: center; justify-content: center; line-height: 1; background-color: var(--awb-counter-box-color); padding-top: var(--awb-counter-padding-top); padding-right: var(--awb-counter-padding-right); padding-bottom: var(--awb-counter-padding-bottom); padding-left: var(--awb-counter-padding-left); border: calc(var(--awb-counter-border-size) * 1px) solid var(--awb-counter-border-color); border-radius: var(--awb-counter-border-radius); } .fusion-countdown .fusion-digit-wrapper { display: flex; justify-content: center; } .rtl .fusion-countdown .fusion-digit-wrapper { direction: ltr; } .fusion-countdown .fusion-digit > div { margin: 0 -0.23em; width: 1em; } .fusion-countdown .fusion-hundred-digit, .fusion-countdown .fusion-thousand-digit { display: none; } .fusion-countdown .fusion-dash-title { min-width: 46px; font-size: var(--awb-label-font-size); color: var(--awb-label-color); } .ltr .fusion-countdown .fusion-dash-title { padding-left: 0.25em; } .rtl .fusion-countdown .fusion-dash-title { padding-right: 0.25em; direction: rtl; } .fusion-countdown .fusion-countdown-link { letter-spacing: 2px; color: var(--awb-link-text-color); } .fusion-countdown .fusion-countdown-link:hover { opacity: 0.7; } .fusion-countdown.fusion-countdown-has-heading .fusion-countdown-subheading { margin-bottom: 0.4em; } .fusion-countdown.fusion-countdown-stacked .fusion-countdown-wrapper { flex-direction: column; } .fusion-countdown.fusion-countdown-stacked .fusion-countdown-heading-wrapper { text-align: center; } .fusion-countdown.fusion-countdown-stacked.fusion-countdown-has-heading .fusion-countdown-counter-wrapper { margin-top: 1em; } .fusion-countdown.fusion-countdown-stacked.fusion-countdown-has-link .fusion-countdown-counter-wrapper { margin-bottom: 1em; } .fusion-countdown.fusion-countdown-label-top .fusion-dash, .fusion-countdown.fusion-countdown-label-bottom .fusion-dash { flex-direction: column; } .fusion-countdown.fusion-countdown-label-top .fusion-dash-title, .fusion-countdown.fusion-countdown-label-bottom .fusion-dash-title { width: 100%; } .fusion-countdown.fusion-countdown-label-top .fusion-digit-wrapper { order: 2; } .fusion-countdown.fusion-countdown-label-top .fusion-dash-title { order: 1; padding: 0 0 0.25em 0; } .fusion-countdown.fusion-countdown-label-bottom .fusion-dash-title { padding: 0.25em 0 0 0; }