/* Moved from inline <style> in WEB-INF/views/cms/acpPublic/layout/publicHeadLines.jsp (CSP: no inline styles) */

/* line 6 */

.scroll-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;
}
.scroll-content {
  display: inline-block;
  animation: scroll-text 25s linear infinite;
}
@keyframes scroll-text {
  0% { transform: translateX(50%); }
  100% { transform: translateX(-100%); }
}
.scroll-container.paused .scroll-content {
  animation-play-state: paused;
}
.mq_a {
  color: #004080;
  text-decoration: none;
  margin-right: 2rem;
}
.mq_a:hover,
.mq_a:focus {
  text-decoration: underline;
}
.marq-btn {
  background: none;
  border: 1px solid #ccc;
  border-radius: 50%;
  padding: 4px 8px;
  cursor: pointer;
}
.marq-btn:focus {
  outline: 2px solid #000;
}
.scroll-container:hover .scroll-content,
.scroll-container:focus-within .scroll-content {
  animation-play-state: paused;
}
.mrg-lft {
    width: 100%; overflow:hidden;
}
.bt_marq
 {
    top: 5px;
}.scroll-container {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
}
.ann_sec{clear: both;}
.scroll-content {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
}

.mq_a {
  color: #004080;
  text-decoration: none;
  margin-right: 2rem;
  font-size: 1rem;
}

/* The banner slider's dot list (absolute, bottom:-40px) is taller than its dots and lay over this
   ticker, so hover-pause and clicks never reached the announcements. Only the dots take the mouse now. */
.flex-control-nav { pointer-events: none; }
.flex-control-nav li { pointer-events: auto; }
.ann_sec { position: relative; }
/* paused while the mouse / keyboard focus is on the ticker (set by the script below) */
.scroll-container.hover-paused .scroll-content { animation-play-state: paused; }

/* PDF announcements: show that the item opens a document */
.mq_pdf { text-decoration: underline; }
.mq_pdf_icon { width: 16px; height: 16px; vertical-align: -3px; margin-left: 4px; }
.mq_pdf_txt { font-size: .85em; }

.marq-btn {
  background: none;
  border: 1px solid #666;
  border-radius: 50%;
  padding: 6px 10px;
  cursor: pointer;
}