[class~=hurrytimer-campaign] {
  line-height: normal;
  text-align: center;
  padding: 10px 0;
}
[class~=hurrytimer-campaign] * {
  line-height: normal;
}

.hurryt-loading {
  display: none !important;
}

.hurrytimer-timer {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
}

.hurrytimer-timer-digit {
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

.hurrytimer-headline {
  color: #333;
  display: block;
  margin: 5px auto;
  overflow: hidden;
}

.hurrytimer-timer-block {
  position: relative;
  display: flex;
  margin-right: 5px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  margin-bottom: 10px;
  margin-left: 5px;
}
.hurrytimer-timer-block:last-child {
  margin-right: 0;
}
.hurrytimer-timer-block:first-child {
  margin-left: 0;
}

.hurrytimer-sticky {
  margin: auto !important;
  width: 100%;
  background: #fff;
  left: 0;
  right: 0;
  z-index: 9999;
  position: fixed;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
}
.hurrytimer-sticky.is-off {
  position: relative;
  z-index: 0;
}

.admin-bar:not(.wp-admin) .hurrytimer-sticky {
  z-index: 999999;
}

.hurrytimer-sticky-inner {
  max-width: 1200px;
  margin: auto;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

.hurrytimer-button {
  display: inline-block;
  text-decoration: none;
  outline: none;
}

.hurrytimer-sticky-close {
  right: 10px;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  width: 13px;
  height: 13px;
  cursor: pointer;
  display: flex;
}
.hurrytimer-sticky-close svg {
  fill: #333;
  width: 100%;
  height: 100%;
}
.hurrytimer-sticky-close:hover {
  opacity: 1;
  background: none;
}
.hurrytimer-campaign-1762{
    text-align: center;
    display: inline;
}

.hurrytimer-campaign-1762 .hurrytimer-timer-digit,
.hurrytimer-campaign-1762 .hurrytimer-timer-sep{
    color: #ffffff;
    display: block;
    font-size: 15px;
}

.hurrytimer-campaign-1762 .hurrytimer-timer{
    display: inline-flex;
    vertical-align: middle;
}.hurrytimer-campaign-1762 .hurrytimer-timer-label{
    font-size: 6px;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
}



.hurrytimer-campaign-1762 .hurrytimer-timer-block{
    border: 0px solid #3d6d21;
    border-radius: 7px;
    background-color: #dd3333;
    padding: 0px;
    margin-left: 3px;
    margin-right: 3px;
        width: 31px;
    height: 31px;
        }
.hurrytimer-campaign-1762 .hurrytimer-timer-block:last-child{
    margin-right: 0;
}
.hurrytimer-campaign-1762 .hurrytimer-timer-block:first-child{
    margin-left: 0;
}



.hurrytimer-campaign-1762 .hurrytimer-headline{
    font-size: 12px;
    color: #000;
    margin-right: 5px;

    display:inline-block;
    vertical-align:middle;
}

.hurrytimer-campaign-1762 .hurrytimer-button-wrap{
    margin-left: 5px;

    display:inline-block;
    vertical-align:middle;
}
.hurrytimer-campaign-1762 .hurrytimer-button{
    font-size: 15px;
    color: #fff;
    background-color: #000;
    border-radius: 3px;
    padding: 10px 15px;
}

@media(max-width:425px) {
.hurrytimer-campaign-1762 .hurrytimer-button-wrap,
.hurrytimer-campaign-1762 .hurrytimer-headline
{
    margin-left: 0;
    margin-right: 0;
}
}

.hurrytimer-campaign-1754{
    text-align: left;
    display: block;
}

.hurrytimer-campaign-1754 .hurrytimer-timer-digit,
.hurrytimer-campaign-1754 .hurrytimer-timer-sep{
    color: #ffffff;
    display: block;
    font-size: 27px;
}

.hurrytimer-campaign-1754 .hurrytimer-timer{
justify-content:flex-start}.hurrytimer-campaign-1754 .hurrytimer-timer-label{
    font-size: 10px;
    color: #ffffff;
    text-transform: uppercase;
    display: block;
}



.hurrytimer-campaign-1754 .hurrytimer-timer-block{
    border: 4px solid transparent;
    border-radius: 7px;
    background-color: #dd3333;
    padding: 0px;
    margin-left: 3px;
    margin-right: 3px;
        width: 42px;
    height: 42px;
        }
.hurrytimer-campaign-1754 .hurrytimer-timer-block:last-child{
    margin-right: 0;
}
.hurrytimer-campaign-1754 .hurrytimer-timer-block:first-child{
    margin-left: 0;
}



.hurrytimer-campaign-1754 .hurrytimer-headline{
    font-size: 1px;
    color: #000000;
    margin-bottom: 5px;

}

.hurrytimer-campaign-1754 .hurrytimer-button-wrap{
    margin-top: 5px;

}
.hurrytimer-campaign-1754 .hurrytimer-button{
    font-size: 15px;
    color: #fff;
    background-color: #000;
    border-radius: 3px;
    padding: 10px 15px;
}

@media(max-width:425px) {
.hurrytimer-campaign-1754 .hurrytimer-button-wrap,
.hurrytimer-campaign-1754 .hurrytimer-headline
{
    margin-left: 0;
    margin-right: 0;
}
}
/* --- Custom CSS for HurryTimer --- */

/* 
   注意: 下面的选择器是通用的，它们会尝试应用于所有 HurryTimer 实例。
   如果你的 HurryTimer 插件的自定义 CSS 区域是针对特定活动 (campaign) 的，
   或者你希望只针对特定活动，你可能需要调整选择器，
   例如在前面加上类似 .hurrytimer-campaign-1754-YOUR_ID 的特定活动类名。
   但是，如果是在插件全局自定义CSS区域，以下通用选择器应该能工作。
*/

/* --- 样式化倒计时器数字部分 --- */
.hurrytimer-cell-digits {
    background-color: #000000 !important; /* 黑色背景 */
    color: #FFFFFF !important;           /* 白色文字 */
    padding: 10px 15px !important;       /* 上下10px，左右15px的内边距 (根据需要调整) */
    border-radius: 5px !important;       /* 轻微的圆角 (根据需要调整) */
    /* 如果需要，可以添加更多样式，如字体大小、粗细等 */
    /* font-size: 24px !important; */
    /* font-weight: bold !important; */
}

/* --- 样式化倒计时器标签部分 (Days, Hours, Mins, Secs) --- */
.hurrytimer-cell-label {
    background-color: #000000 !important; /* 黑色背景 */
    color: #FFFFFF !important;           /* 白色文字 */
    padding: 5px 10px !important;        /* 上下5px，左右10px的内边距 (根据需要调整) */
    border-radius: 5px !important;       /* 轻微的圆角 (根据需要调整) */
    margin-top: 5px !important;          /* 与数字之间的间距 (根据需要调整) */
    font-size: 12px !important;          /* 标签字体大小 (根据需要调整) */
    text-transform: uppercase !important; /* 如果希望标签大写 */
}

/* --- 可选: 调整整个时间块之间的间距 --- */
/* 
.hurrytimer-timer-block {
    margin-left: 8px !important;
    margin-right: 8px !important;
}
*/

/* --- 可选: 调整 "Hurry Up!" 标题的样式 (如果存在且类名为 .hurrytimer-headline) --- */
/*
.hurrytimer-headline {
    color: #FF0000 !important;  /* 例如，红色标题 */
    /* font-size: 28px !important; */
    /* margin-bottom: 15px !important; */
/* }
*/

/* --- 可选: 如果有行动号召按钮 (Call to Action button) --- */
/*
.hurrytimer-button {
    background-color: #0073aa !important; /* 示例按钮颜色 */
    /* color: #FFFFFF !important; */
    /* padding: 10px 20px !important; */
    /* border-radius: 5px !important; */
    /* text-decoration: none !important; */
/* }
*/

/* --- 确保数字和标签垂直对齐良好 (如果需要) --- */
/*
.hurrytimer-timer-block {
    align-items: center; /* 确保内部元素在交叉轴上居中 */
/* }
*/