/**
 * MISTER FAST LiveMapChat WEB V3.5.3.1
 * News ticker inside the existing header tools strip.
 */

/* Do not create a separate ticker row. Keep the approved header height. */
:root{
  --mf218-header-h:96px!important;
}

.mf218-web-header.mf353-header-with-ticker{
  min-height:96px!important;
  height:96px!important;
  padding-bottom:0!important;
  overflow:visible!important;
}

/* Place ticker in the existing lower/header-tools strip, ending before tools. */
.mf353-news-ticker{
  position:absolute!important;
  left:18px!important;
  right:178px!important;
  top:auto!important;
  bottom:0!important;
  z-index:30!important;
  display:flex!important;
  height:56px!important;
  min-width:0!important;
  align-items:center!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid #e5edf7!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#173b6f!important;
  pointer-events:auto!important;
  opacity:1!important;
  visibility:visible!important;
}

.mf353-news-label{
  height:100%!important;
  padding:0 14px 0 2px!important;
  background:#fff!important;
  font-size:13px!important;
}

.mf353-news-viewport{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
}

.mf353-news-track{
  display:flex!important;
  align-items:center!important;
  min-height:100%!important;
  animation-duration:32s!important;
}

/* Keep the existing header tool buttons above and to the right. */
.mf218-web-header [data-mf343-header-tools],
.mf218-web-header .mf343-header-tools,
.mf218-web-header .mf218-header-tools,
.mf218-web-header .mf-header-tools{
  position:absolute!important;
  right:10px!important;
  bottom:7px!important;
  z-index:40!important;
}

@media (max-width:1180px){
  :root{--mf218-header-h:94px!important}
  .mf218-web-header.mf353-header-with-ticker{height:94px!important;min-height:94px!important}
  .mf353-news-ticker{left:12px!important;right:168px!important;height:54px!important}
}

@media (max-width:900px){
  :root{--mf218-header-h:148px!important}
  .mf218-web-header.mf353-header-with-ticker{height:148px!important;min-height:148px!important}
  .mf353-news-ticker{left:10px!important;right:10px!important;height:34px!important;bottom:0!important}
  .mf353-news-label{font-size:11px!important;padding-right:8px!important}
}

@media (max-width:560px){
  :root{--mf218-header-h:142px!important}
  .mf218-web-header.mf353-header-with-ticker{height:142px!important;min-height:142px!important}
  .mf353-news-ticker{height:32px!important}
}