/* Master Addons: Countdown Timer Start */ .jltma-widget-countdown .jltma-countdown-wrapper { position: relative; } .jltma-widget-countdown .jltma-countdown-wrapper .jltma-countdown-value { font-size: 4.5em; font-weight: bold; line-height: 1.2em; } .jltma-widget-countdown .jltma-countdown-wrapper .jltma-countdown-title { font-size: 0.875em; font-weight: 500; color: #888; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-inline, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-inline-table { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-inline .jltma-countdown-item, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-inline-table .jltma-countdown-item { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 0.9375em 1.875em; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-inline .jltma-countdown-seperator, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-inline-table .jltma-countdown-seperator { padding: 0.9375em; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-inline-table .jltma-countdown-item { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-block, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-block-table { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-block .jltma-countdown-item, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-block-table .jltma-countdown-item { text-align: center; padding: 1.875em; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-block .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-block .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-block-table .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-block-table .jltma-countdown-value { display: block; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-block-table .jltma-countdown-item, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-block-table .jltma-countdown-seperator { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } /* Master Addons: Countdown Timer Presets */ .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-card, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-flip, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-circle, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-gradient, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neon, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-glass, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-minimal, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-outline, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neumorphic { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: center; gap: 15px; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-card .jltma-countdown-item, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-flip .jltma-countdown-item, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-circle .jltma-countdown-item, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-gradient .jltma-countdown-item, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neon .jltma-countdown-item, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-glass .jltma-countdown-item, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-minimal .jltma-countdown-item, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-outline .jltma-countdown-item, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neumorphic .jltma-countdown-item { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-card .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-card .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-flip .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-flip .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-circle .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-circle .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-gradient .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-gradient .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neon .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neon .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-glass .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-glass .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-minimal .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-minimal .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-outline .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-outline .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neumorphic .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neumorphic .jltma-countdown-title { display: block; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-card .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-flip .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-circle .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-gradient .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neon .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-glass .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-minimal .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-outline .jltma-countdown-value, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neumorphic .jltma-countdown-value { font-size: 3.5em; line-height: 1.1; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-card .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-flip .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-circle .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-gradient .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neon .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-glass .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-minimal .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-outline .jltma-countdown-title, .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neumorphic .jltma-countdown-title { margin-top: 8px; text-transform: uppercase; letter-spacing: 1px; } /* Preset: Card */ .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-card .jltma-countdown-item { min-width: 90px; padding: 25px 30px; background: #ffffff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-card .jltma-countdown-value { color: #1f2937; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-card .jltma-countdown-title { color: #9ca3af; } /* Preset: Flip */ .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-flip .jltma-countdown-item { min-width: 90px; padding: 22px 28px; background: #1f2630; border-radius: 8px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25); } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-flip .jltma-countdown-value { position: relative; display: inline-block; color: #ffffff; padding-bottom: 2px; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-flip .jltma-countdown-value::after { content: ""; position: absolute; left: -8px; right: -8px; top: 50%; height: 2px; background: rgba(0, 0, 0, 0.45); } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-flip .jltma-countdown-title { color: #9ca3af; } /* Preset: Circle */ .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-circle .jltma-countdown-item { width: 120px; height: 120px; padding: 0; border-radius: 50%; border: 3px solid #6e00e9; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-circle .jltma-countdown-value { font-size: 2.6em; color: #1f2937; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-circle .jltma-countdown-title { margin-top: 2px; font-size: 0.75em; color: #888888; } /* Preset: Gradient */ .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-gradient .jltma-countdown-item { min-width: 90px; padding: 25px 30px; background: linear-gradient(135deg, #6e00e9 0%, #c724b1 100%); border-radius: 14px; box-shadow: 0 12px 24px rgba(110, 0, 233, 0.25); } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-gradient .jltma-countdown-value { color: #ffffff; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-gradient .jltma-countdown-title { color: rgba(255, 255, 255, 0.85); } /* Preset: Neon */ .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neon .jltma-countdown-item { min-width: 90px; padding: 25px 30px; background: #0b0f1a; border: 1px solid #1fb6ff; border-radius: 10px; box-shadow: 0 0 18px rgba(31, 182, 255, 0.5), inset 0 0 12px rgba(31, 182, 255, 0.15); } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neon .jltma-countdown-value { color: #1fb6ff; text-shadow: 0 0 12px rgba(31, 182, 255, 0.8); } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neon .jltma-countdown-title { color: #7fd4ff; letter-spacing: 2px; } /* Preset: Glassmorphism */ .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-glass .jltma-countdown-item { min-width: 90px; padding: 25px 30px; background: rgba(255, 255, 255, 0.25); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 16px; -webkit-backdrop-filter: blur(10px) saturate(160%); backdrop-filter: blur(10px) saturate(160%); box-shadow: 0 8px 32px rgba(31, 38, 135, 0.15); } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-glass .jltma-countdown-value { color: #1f2937; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-glass .jltma-countdown-title { color: rgba(31, 41, 55, 0.65); } /* Preset: Minimal */ .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-minimal { gap: 40px; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-minimal .jltma-countdown-item { padding: 0 10px; position: relative; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-minimal .jltma-countdown-value { font-size: 4em; color: #1f2937; padding-bottom: 10px; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-minimal .jltma-countdown-value::after { content: ""; position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); width: 30px; height: 3px; border-radius: 3px; background: #6e00e9; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-minimal .jltma-countdown-title { color: #9ca3af; } /* Preset: Outline */ .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-outline .jltma-countdown-item { min-width: 90px; padding: 25px 30px; background: transparent; border: 2px solid #6e00e9; border-radius: 12px; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-outline .jltma-countdown-value { color: #6e00e9; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-outline .jltma-countdown-title { color: #6e00e9; opacity: 0.7; } /* Preset: Neumorphic */ .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neumorphic .jltma-countdown-item { min-width: 90px; padding: 25px 30px; background: #e0e5ec; border-radius: 18px; box-shadow: 8px 8px 16px #b8bcc2, -8px -8px 16px #ffffff; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neumorphic .jltma-countdown-value { color: #4b5563; } .jltma-widget-countdown .jltma-countdown-wrapper.jltma-countdown-skin-neumorphic .jltma-countdown-title { color: #9ca3af; } /* Master Addons: Countdown Timer End */