/* Breaking News Alert - ICON ONLY SET */
.rayos-alerts.breaking-news .rayos-alerts-article,
.rayos-alerts .rayos-alerts-article.breaking-news {
  background: #B30013!important;
}

.rayos-alerts.breaking-news .rayos-alerts-article:before,
.rayos-alerts .rayos-alerts-article.breaking-news:before {
  content:" ";
  background:#860505 url(png/breaking-news-icon.png);
  background-repeat:no-repeat;
  background-position:center;
}

.rayos-alerts.breaking-news .rayos-alerts-article .rayos-alerts-message,
.rayos-alerts .rayos-alerts-article.breaking-news .rayos-alerts-message {
  color: #fff;
}

.rayos-alerts.breaking-news .rayos-alerts-article a.rayos-alerts-message:hover,
.rayos-alerts .rayos-alerts-article.breaking-news a.rayos-alerts-message:hover {
  color:#ecd1d1;
}




/* Severe Weather Alert - ICON ONLY SET */
.rayos-alerts-type-rotating .rayos-alerts-article.severe-weather .entry-content-wrap:after {
    background: none !important;
}
.rayos-alerts-type-single.severe-weather .rayos-alerts-article,
.rayos-alerts .rayos-alerts-article.severe-weather {
  background: #403f3f!important;
 }

.rayos-alerts.severe-weather .rayos-alerts-article:before,
.rayos-alerts .rayos-alerts-article.severe-weather:before {
  content:" ";
  background:#b30303 url(png/alert-banner-styles-icon.png);
  background-repeat:no-repeat;
  background-position:center;
}
.rayos-alerts.severe-weather .rayos-alerts-article .rayos-alerts-message,
.rayos-alerts .rayos-alerts-article.severe-weather .rayos-alerts-message {
  color: #ffffff;
}
.rayos-alerts.severe-weather .rayos-alerts-article a.rayos-alerts-message:hover,
.rayos-alerts .rayos-alerts-article.severe-weather a.rayos-alerts-message:hover {
  color:#ffc909;
}



/* Traffic - ICON ONLY SET */
.rayos-alerts.traffic .rayos-alerts-article,
.rayos-alerts .rayos-alerts-article.traffic {
  background: #000000!important;;
}

.rayos-alerts.traffic .rayos-alerts-article:before,
.rayos-alerts .rayos-alerts-article.traffic:before{
  content:" ";
  background:#e47603 url(png/trffic-alert-icon.png);
  background-repeat:no-repeat;
  background-position:center;
}
.rayos-alerts.traffic .rayos-alerts-article .rayos-alerts-message,
.rayos-alerts .rayos-alerts-article.traffic .rayos-alerts-message {
  color: #ffffff;
}
.rayos-alerts.traffic .rayos-alerts-article a.rayos-alerts-message:hover,
.rayos-alerts .rayos-alerts-article.traffic a.rayos-alerts-message:hover {
  color:#e47603;
}



/* Winter Weather Alert - ICON ONLY SET */
.rayos-alerts.winter-weather .rayos-alerts-article,
.rayos-alerts .rayos-alerts-article.winter-weather {
  background: #0b5869!important;
}

.rayos-alerts.winter-weather .rayos-alerts-article:before,
.rayos-alerts .rayos-alerts-article.winter-weather:before{
  content:" ";
  background:#0392b3 url(png/winter-weather-alert-icon.png);
  background-repeat:no-repeat;
  background-position:center;
 }
.rayos-alerts.winter-weather .rayos-alerts-article .rayos-alerts-message,
.rayos-alerts .rayos-alerts-article.winter-weather .rayos-alerts-message {
  color: #fff;
 }
.rayos-alerts.winter-weather .rayos-alerts-article a.rayos-alerts-message:hover,
.rayos-alerts .rayos-alerts-article.winter-weather a.rayos-alerts-message:hover {
  color:#a5eeff;
}	



/* Silver Alert - ICON ONLY SET */
.rayos-alerts.silver-alert .rayos-alerts-article,
.rayos-alerts .rayos-alerts-article.silver-alert {
  background: #444!important;;
}

.rayos-alerts.silver-alert .rayos-alerts-article:before,
.rayos-alerts .rayos-alerts-article.silver-alert:before{
  content:" ";
  background:#eaeaea url(png/silver-alert-icon.png);
  background-repeat:no-repeat;
  background-position:center;
  
}
.rayos-alerts.silver-alert .rayos-alerts-article .rayos-alerts-message,
.rayos-alerts .rayos-alerts-article.silver-alert .rayos-alerts-message{
  color: #FFF;
  }
.rayos-alerts.silver-alert .rayos-alerts-article a.rayos-alerts-message:hover,
.rayos-alerts .rayos-alerts-article.silver-alert a.rayos-alerts-message:hover {
  color:#ffc909 !important;
}



/* Amber Alert - ICON ONLY SET */
.rayos-alerts.amber-alert .rayos-alerts-article,
.rayos-alerts .rayos-alerts-article.amber-alert {
  background: #ffd607!important;;
}

.rayos-alerts.amber-alert .rayos-alerts-article:before,
.rayos-alerts .rayos-alerts-article.amber-alert:before{
  content:" ";
  background:#000000 url(png/amber-alert-icon.png);
  background-repeat:no-repeat;
  background-position:center;
  
}
.rayos-alerts.amber-alert .rayos-alerts-article .rayos-alerts-message,
.rayos-alerts .rayos-alerts-article.amber-alert .rayos-alerts-message{
  color: #000;
}
.rayos-alerts.amber-alert .rayos-alerts-article a.rayos-alerts-message:hover,
.rayos-alerts .rayos-alerts-article.amber-alert a.rayos-alerts-message:hover {
  color:#b51901 !important;
}



/* Livestream - ICON ONLY SET */
.rayos-alerts.livestream .rayos-alerts-article,
.rayos-alerts .rayos-alerts-article.livestream {
  background: #dcdce6!important;;
  border:1px solid #c8c8e4;
}

.rayos-alerts.livestream .rayos-alerts-article:before,
.rayos-alerts .rayos-alerts-article.livestream:before{
  content:" ";
  background:#08075a url(png/livestream-tv-icon.png);
  background-repeat:no-repeat;
  background-position:center;
}
.rayos-alerts.livestream .rayos-alerts-article .rayos-alerts-message,
.rayos-alerts .rayos-alerts-article.livestream .rayos-alerts-message{
  color: #07065b;
}
.rayos-alerts.livestream .rayos-alerts-article a.rayos-alerts-message:hover,
.rayos-alerts .rayos-alerts-article.livestream a.rayos-alerts-message:hover {
  color:#1542af;
}


/* Happening now- ICON ONLY SET */
.rayos-alerts.happening-now.rayos-alerts-article,
.rayos-alerts .rayos-alerts-article.happening-now {
  background: #dcdce6!important;;
  border:1px solid #c8c8e4;
}

.rayos-alerts.happening-now.rayos-alerts-article:before,
.rayos-alerts .rayos-alerts-article.happening-now:before{
  content:" ";
  background:#08075a url(png/livestream-tv-icon.png);
  background-repeat:no-repeat;
  background-position:center;
}
.rayos-alerts.happening-now .rayos-alerts-article .rayos-alerts-message,
.rayos-alerts .rayos-alerts-article.happening-now .rayos-alerts-message{
  color: #07065b;
}
.rayos-alerts.happening-now .rayos-alerts-article a.rayos-alerts-message:hover,
.rayos-alerts .rayos-alerts-article.happening-now a.rayos-alerts-message:hover {
  color:#1542af;
}

/*-- Rotating Banner Styles --*/
.rotating-alerts-banner-nav .left {
	left: 5px !important;
}
.rotating-alerts-banner-nav .right {
	right: 5px !important;
}
.rayos-alerts[data-type="rotating"] .rayos-alerts-article .entry-content-wrap {
    overflow-x: unset!important;
}
.rayos-alerts[data-type="rotating"] .rayos-alerts-article .entry-content-wrap:after {
		right:0 !important;

}


/* Tomasz Starts */
.rayos-alerts .rayos-alerts-article{top:18px !important}
.rayos-alerts .thumb-wrap a,
.rayos-alerts .thumb-wrap a img {
  display:none;
}

.rayos-alerts-article {display: grid !important;grid-template-columns: 75px auto;margin: 0 !important;padding: 0 !important}
.rayos-alerts-article *{position: relative !important;height: auto !important;width: auto !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;padding: 0 !important;margin:0 !important;}
.rayos-alerts .rayos-alerts-article .rayos-alerts-message{display: block !important;margin-left: 0 !important;}
.rayos-alerts .rayos-alerts-article,
.rayos-alerts .rayos-alerts-article {font-weight:600;font-size:1.2em; line-height:1.2em;font-family: 'Roboto',sans-serif}

@media (max-width:768px) {
.rayos-alerts .rayos-alerts-article,
.rayos-alerts .rayos-alerts-article {font-size:1em; line-height:1.3em;}
}	

@media screen and (min-width: 769px){
    .rayos-alerts .rotating-alerts-banner-wrapper .rayos-alerts-article .rayos-alerts-message{margin-right:100px !important}
}

.rayos-alerts .rayos-alerts-article .entry-content-wrap{padding: 10px !important;align-self: center !important;}
.rayos-alerts .rayos-alerts-article::before{background-size: auto 35px !important; padding: 0 !important;;display: block !important;height: 100% !important;width: 100% !important;position: relative !important;float: none !important;}
#rotating-alerts-banner{width: auto !important;position: relative}


/* Tomasz Edits for Happening Now */
.rayos-alerts .rayos-alerts-article.happening-now {border:2px solid #991314 !important ;grid-template-columns: 220px auto;align-items: center !important;grid-template-rows:auto;height:45px}
.rayos-alerts .rayos-alerts-article.happening-now:before{content: 'Happening Now';display: block;background: #991314;z-index: 10;justify-self: center;color: #fff;font-weight: bold;font-size: 16px;text-transform: uppercase;clip-path: polygon(0 0, 190px 0, 190px 10px, 200px 20px, 190px 30px,190px 100%, 0% 100%);border: 0 !important;text-indent: 20px !important;align-self: center;height: 100% !important;width: 100%;line-height: 44px;padding: 0 !important;max-height: 42px}
.rayos-alerts .rayos-alerts-article.happening-now {background: none !important}
.rayos-alerts .rayos-alerts-article.happening-now .rayos-alerts-message {color: black;font-size: 14px;font-weight: normal;}
.rayos-alerts .rayos-alerts-article.happening-now .rayos-alerts-message{display:inline-block !important;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  max-width: 90%;}
.rayos-alerts .rayos-alerts-article.happening-now .entry-content-wrap{padding: 0 !important;display: flex;align-items: center;min-height: 41px}
.rayos-alerts .rayos-alerts-article.happening-now .entry-content-wrap::after {background: rgb(255,255,255);/*background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(153,19,20,1) 100%);*/height: 100% !important;width:100px;margin-top: -1px}

@media screen and (max-width: 768px){
    .rayos-alerts .rayos-alerts-article.happening-now .entry-content-wrap::after{display: none}
    .rayos-alerts .rayos-alerts-article.happening-now {grid-template-columns: 150px auto}
    .rayos-alerts .rayos-alerts-article.happening-now:before{font-size: 13px;clip-path: polygon(0 0, 115px 0, 115px 10px, 125px 20px,115px 30px,115px 100%, 0% 100%);text-transform: none;text-indent: 5px !important;line-height: 40px}
}





/* Arrow changes */
.rotating-alerts-banner-nav .nav {padding: 5px 0 0!important; background: #f6f6f6!important; border: solid 1px #eee!important;}
.rotating-alerts-banner-nav i {color: #999!important; font-size: 14px!important;}
.rotating-alerts-banner-nav .count {display: none!important;}
.rotating-alerts-banner-nav { width: 50px!important;}