/* News ticker styling */

.news-item {
  position:relative;
  display: inline-block;
  /*border: 2px solid #053E65;*/
  /*border: 2px solid rgba(0,0,0,.5);*/
  width: 100%;
  height:40px;
  overflow: hidden;
  white-space: nowrap;
  /*outline: none;*/
}

#right-fade { 
  position: absolute; 
  bottom: 0; 
  right: 0;
  width: 20%; 
  text-align: center; 
  margin: 0px 0px 0px 40px;
  padding: 40px 0px 0px 60px; 
  background-image: linear-gradient(to right, transparent, white);
  /*outline: none;*/
}

.news-title {
  position: relative;  
  color:#FFF;
  background-color:#053E65;
  /*background-color:rgba(0,0,0,.9);*/
  width:110px;
  /* min-width: 110px;
  max-width: 110px; */  
  text-align:  center;
  height:100%;   
  margin:0;
  vertical-align: middle;
  padding-top:8px;
  display: inline-block;
  /*outline: none;*/
}

.news-title:after {
  content:"";
  vertical-align: middle;   
  position: absolute;  
  left: 100%;
  top:10px;
  width:100%;
  height:0px;
  /* triangle */
  border-top:10px solid transparent;
  border-left:10px solid #053E65;
  /*border-left:10px solid rgba(0,0,0,.9);*/
  border-bottom:10px solid transparent;
  /*outline: none;*/
}

span.text {
  padding-top: 30px;
  padding-left: 10px;
  /*outline: none;*/
}

.news-title i.fa {
  margin-left:5px;
  margin-right:5px;
  outline: none;
}

.ticker {
  /*border: 2px solid #053E65;*/
  padding:0px 10px 10px 10px;
  border-radius: 6px;
  min-height: 250px;
  outline: none;
}


.ticker .news-item a {color: rgb(70,70,70);}
.ticker .news-item:active a,
.ticker .news-item:focus a,
.ticker .news-item:hover a {text-decoration: none;color: black;}
.ticker .news-item {background: white;}
.ticker .news-item:hover {
  background-color: rgba(170,170,170,0.6);
}
.ticker .news-item:hover #right-fade {
  background-image: none;
}