/* UX Countdown Shortcode Styles 
.ux-timer{
	width:100%;
	position:relative;
	border-spacing: 5px;
	margin: .3em 0 .2em;
	font-size: 300%;
	display: table;
  table-layout: fixed;
}
.ux-timer span{
	display:table-cell;
	font-weight: bolder;
	text-align: center;
	color:#FFF;
	line-height: 80%;
	padding: .4em .1em .1em;
	margin:0 .05em .2em;
	border-radius: 5px;
	background-color: rgba(0,0,0,.85);
}
.ux-timer span strong{
	font-family: 'Helvetica' Sans-serif;
	font-size: 30%;
	opacity: .7;
	text-transform: uppercase;
	display: block;
}
.ux-timer.light span{
	background-color: rgba(255,255,255,.85);
	color: #000;
}
.ux-timer-text span{
	font-weight: bolder;
	display: inline-block;
	margin: 0 .35em
}
.ux-timer-text strong{
	margin-left: .2em
} */

/* Countdown wrapper - dùng flex d? chia dòng ? mobile */
.ux-timer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 1rem;
}

/* M?i ô */
.ux-timer > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  background-color: #255900; /* xanh d?m */
  color: #fff;
  border-radius: 6px;

  /* C? desktop */
  width: 100px;
  height: 100px;
  font-size: 38px;
  font-weight: bold;
}

/* Text nh?: DAYS, HOURS,... */
.ux-timer > span small {
  font-size: 14px;
  font-weight: 600;
  margin-top: 5px;
  display: block;
}

/* C? v?a (tablet) */
@media (max-width: 991px) {
  .ux-timer > span {
    width: 80px;
    height: 80px;
    font-size: 30px;
  }

  .ux-timer > span small {
    font-size: 12px;
  }
}

/* C? nh? (mobile) */
@media (max-width: 575px) {
  .ux-timer > span {
    width: 48%;
    height: 80px;
    font-size: 28px;
  }

  .ux-timer > span small {
    font-size: 12px;
  }
}

.ux-timer span strong{
	font-family: 'Helvetica' Sans-serif;
	font-size: 30%;
	opacity: .7;
	text-transform: uppercase;
	display: block;
}
.ux-timer.light span{
	background-color: rgba(255,255,255,.85);
	color: #000;
}
.ux-timer-text span{
	font-weight: bolder;
	display: inline-block;
	margin: 0 .35em
}
.ux-timer-text strong{
	margin-left: .2em
}