/* @charset "utf-8"; */
/* /* CSS Document */ */

.breakingNews{width: 100%;height: 40px;position: relative; overflow: hidden; margin: 0; background-color: #fff;}
.breakingNews>.bn-title{width:auto; height:40px; display:inline-block; background:var(--sp-primary); position:relative;z-index: 1;}
.breakingNews>.bn-title>h5{display:inline-block; margin:0; padding:0 20px; line-height:40px; font-size:20px; color:#FFF; height:40px; box-sizing:border-box;}
.breakingNews>.bn-title>span{width: 0;position:absolute;right:-10px;top:10px;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent var(--sp-primary);}

.bn-large>.bn-title{height:50px;}
.bn-large>.bn-title>h5{line-height:50px; font-size:26px;}
.bn-large>.bn-title>span{top:15px;}

.bn-small>.bn-title{height:30px;}
.bn-small>.bn-title>h5{line-height:30px; font-size:18px;}
.bn-small>.bn-title>span{top:5px;}

/* /*color styles -----------------------------*/ */
/* .bn-red{border-color:#f44a56;} */
.bn-red>.bn-title{background:#f44a56;}
.bn-red>.bn-title>span{border-left-color:#f44a56;}
/* .bn-red>ul>li>a:hover,.bn-red>ul>li>a>span{color:#f44a56;} */

/* .bn-green{border-color:#27ae60;} */
.bn-green>.bn-title{background:#27ae60;}
.bn-green>.bn-title>span{border-left-color:#27ae60;}
/* .bn-green>ul>li>a:hover,.bn-green>ul>li>a>span{color:#27ae60;} */

/* .bn-purple{border-color:#795aac;} */
.bn-purple>.bn-title{background:#795aac;}
.bn-purple>.bn-title>span{border-left-color:#795aac;}
.bn-purple>ul>li>a:hover,.bn-purple>ul>li>a>span{color:#795aac;}

.bn-turquoise{border-color:#1fb5ad;}
.bn-turquoise>.bn-title{background:#1fb5ad;}
.bn-turquoise>.bn-title>span{border-left-color:#1fb5ad;}
.bn-turquoise>ul>li>a:hover,.bn-turquoise>ul>li>a>span{color:#1fb5ad;}

.bn-orange{border-color:#f46e27;}
.bn-orange>.bn-title{background:#f46e27;}
.bn-orange>.bn-title>span{border-left-color:#f46e27;}
.bn-orange>ul>li>a:hover,.bn-orange>ul>li>a>span{color:#f46e27;}

.bn-black{border-color:#333;}
.bn-black>.bn-title{background:#333;}
.bn-black>.bn-title>span{border-left-color:#333;}
.bn-black>ul>li>a:hover,.bn-black>ul>li>a>span{color:#333;}

.bn-yellow{border-color:#d3ac23;}
.bn-yellow>.bn-title{background:#d3ac23;}
.bn-yellow>.bn-title>span{border-left-color:#d3ac23;}
.bn-yellow>ul>li>a:hover,.bn-yellow>ul>li>a>span{color:#d3ac23;}

.bn-light{border-color:#DDD;}
.bn-light>.bn-title{background:#DDD;}
.bn-light>.bn-title>h5{color:#333;}
.bn-light>.bn-title>span{border-left-color:#DDD;}
.bn-light>ul>li>a:hover,.bn-light>ul>li>a>span{color:#DDD;}

.bn-pink{border-color:#d65aac;}
.bn-pink>.bn-title{background:#d65aac;}
.bn-pink>.bn-title>span{border-left-color:#d65aac;}
.bn-pink>ul>li>a:hover,.bn-pink>ul>li>a>span{color:#d65aac;}

.bn-darkred{border-color:var(--sp-primary);}
.bn-darkred>.bn-title{background:var(--sp-primary);}
.bn-darkred>.bn-title>span{border-left-color:var(--sp-primary);}
.bn-darkred>ul>li>a:hover,.bn-darkred>ul>li>a>span{color:var(--sp-primary);}

.bn-bordernone{border:none;}
.bn-italic>ul>li>a{font-style:italic;}
.bn-bold>ul>li>a{font-weight:bold;}

.breakingNews>.bn-navi,
.breakingNews>ul>li>a,
.breakingNews>.bn-navi>span{transition: .25s linear;-moz-transition: .25s linear;-webkit-transition: .25s linear;}


.breakingNews-box .breakingNewss a{
  text-decoration: none;
  font-weight: normal;
  padding-left: 20px;
}
.breakingNews-box .breakingNewss a::before {
    content: "\f0a9";
    font-family: FontAwesome;
    font-size: 18px;
    margin-right: 4px;
    color: #fb3c4e;
}
.breakingNews-box .breakingNewss {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  left: 200px;
  top: 10px;
  right: 40px;
  height: 40px;
  font-size: 16px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  white-space: nowrap;
  box-sizing: border-box;
  z-index: 50;
}