/*Start Timer CSS and JavaScript*/

/* Timer specific look */
.timer-panel #countdown {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 40px;
  letter-spacing: 4px;
  color: #F1F2F3;
  text-shadow: 0 0 6px rgba(0,240,255,0.35), 0 0 1px rgba(0,240,255,0.65);
}

#countdown .separator {
  color: #a8c8d5;
  text-shadow: 0 0 6px rgba(168,200,213,.45);
}

.timer-panel .title{
  display: block;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #e6f3f9;	
}
/*End Timer CSS and JavaScript*/

/*Styling Attention block*/

.iu-panel h2 {
  color: #e6f3f9;
	font-size: 32px;
}

/*Like and Repost counter styling*/


.iu-countbar .iu-act {
  background: transparent;
  border: none;
  color: inherit;
  font: inherit;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 8px;
  transition: transform .05s ease;
}

.iu-countbar .iu-act:active { transform: scale(0.98); }
.iu-countbar .cnt { min-width: 1.6em; display: inline-block; text-align: right; }

.iu-act .iu-icon {
  width: 1.5em;               /* scale with font size */
  height: 1.5em;
  fill: currentColor;       /* use the parent's text color */
  vertical-align: middle;   /* line up with text */
  margin-right: 6px;        /* some spacing before numbers */
}


/* Keep the far-right menu item’s submenu on-screen (desktop) */
@media (min-width: 921px) {
  .ast-desktop .main-header-menu > .menu-item:last-child > .sub-menu {
    left: auto;         /* ignore default left alignment */
    right: 0;           /* anchor to the right edge of the parent */
  }
  /* If you have 2nd-level flyouts from that submenu, flip them left */
  .ast-desktop .main-header-menu > .menu-item:last-child > .sub-menu .menu-item.menu-item-has-children > .sub-menu {
    left: auto;
    right: 100%;
  }
}