/**
 * T4B News Ticker Plugin - Frontend CSS
 *
 * This file contains the styles used to control the appearance and layout of the
 * T4B News Ticker plugin on the frontend. It ensures that the ticker is visually
 * appealing, responsive, and seamlessly integrates with the website's design.
 *
 * Note: This CSS file is loaded on the frontend to style the news ticker output.
 *
 * @package T4B News Ticker Pro - v1.5- 12 March, 2025
 * @link https://www.realwebcare.com/
 */

/* Notification Box */
.t4bnt_notice{margin:0;padding:15px;border-radius:5px;margin-bottom:10px;background-color:#f0f0f0;border:1px solid #dddddd;color:#333333;font-size:15px;line-height:1.6em}
.t4bnt_notice a{color:#007bff;text-decoration:none!important}
.t4bnt_notice.success{background-color:#e5f9e0;border-color:#80c780;color:#378037}
.t4bnt_notice.info{background-color:#e7f4fd;border-color:#5da4ff;color:#007bff}
.t4bnt_notice.warning{background-color:#fff3d1;border-color:#e6b800;color:#b58c00}
.t4bnt_notice.error{background-color:#f9d4d4;border-color:#e66464;color:#b63737}
h3.t4bnt_notice{font-size:16px}
p.t4bnt_notice{background-color:#FFF;padding:15px 20px;font-size:18px;line-height:24px;border-left:4px solid #7ad03a;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-shadow:2px 2px 5px 2px rgba(0,0,0,.1);display:inline-block}

/* Initial */
.t4b-news-ticker{font-family:'Open Sans',sans-serif;background:#fff;display:block;width:100%;border:solid 1px #fff;height:40px;box-sizing:border-box;position:relative;line-height:40px;overflow:hidden;border-radius:2px;text-align:auto;font-size:14px}
.t4b-news-ticker *{box-sizing:border-box}
.t4b-news-ticker.t4b-fixed-top{position:fixed;left:0;right:0;top:0}
.t4b-news-ticker.t4b-fixed-bottom{position:fixed;left:0;right:0;bottom:0}

/* Title */
.t4b-news-ticker .t4b-label{font-family:'Roboto Condensed',serif;left:0;top:0;bottom:0;height:100%;position:absolute;background-color:#fff;text-align:center;color:#000;font-weight:700;z-index:3;margin:0;padding:0 15px;white-space:nowrap}

/* Content */
.t4b-news{position:absolute;left:0;top:0;bottom:0;height:100%;right:0;margin:0 5px;overflow:hidden}
.t4b-news ul{display:block;height:100%;list-style:none;padding:0;margin:0;left:0;bottom:0;width:100%;position:absolute}
.t4b-news ul li{font-family:'Open Sans',sans-serif;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;text-decoration:none;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;position:absolute;width:100%;display:none;line-height:40px;font-size:14px;color:#696969}
.t4b-news ul li:before{content:"\f101";font-family:"Font Awesome 6 Free","Font Awesome 6 Brands";font-style:normal;font-weight:700;line-height:1;float:left;margin:0 10px;position:relative;top:14px;left:5px}
.t4b-news ul li .t4b-date,
.scroll-news ul li .t4b-date{margin:0 5px 0 0;padding:2px 7px;background:#ddd;font-size:12px;font-weight:600;border-radius:3px}
.t4b-news ul#ticker li a{font-family:'Open Sans',sans-serif;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;padding:0;color:#696969;font-size:14px;position:relative;display:inline;overflow:hidden}
.t4b-news ul li:hover,
.t4b-news ul#ticker li a:hover{color:#1e73be!important}
.t4b-loader-text{padding:0 10px}
.t4b-separator{float:left;margin-left:10px;margin-right:8px;max-width:32px;min-width:16px;height:auto;background-position:center;background-size:contain;background-repeat:no-repeat;position:relative}
.t4b-separator.t4b-news-dot{margin-right:0}
.t4b-separator.t4b-news-dot:after{content:'';position:absolute;width:8px;height:8px;background:#333;border-radius:50%;top:50%;margin-top:-4px;left:50%;margin-left:-4px}
.t4b-prefix{color:#d65d7a;margin-right:15px;padding-left:10px}
.t4b-positive{color:#0b8457;font-weight:700}
.t4b-negative{color:#dc2f2f;font-weight:700}

/* Controls */
.t4b-controls{width:auto;right:0;top:0;bottom:0;height:100%;position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.t4b-controls button{width:26px;float:left;height:100%;cursor:pointer;border:none;border-radius:0;text-align:center;background-color:#fff;outline:none;padding:0 6px}
.t4b-arrow,
.t4b-action{margin:0;display:inline-block;position:relative;top:-1px;font-size:18px}
.t4b-arrow.t4b-prev::after,
.t4b-arrow.t4b-next::after,
.t4b-play::after,
.t4b-pause::after{content:"\f053";font-family:"Font Awesome 6 Free","Font Awesome 6 Brands";font-style:normal;font-weight:700;margin:0;position:relative;top:1px;right:0}
.t4b-arrow.t4b-next::after{content:"\f054"}
.t4b-arrow.t4b-prev,
.t4b-arrow.t4b-next,
.t4b-action.t4b-pause,
.t4b-action.t4b-play{left:0}
.t4b-pause::after,
.t4b-play::after{left:-1px}
.t4b-action.t4b-pause::after{content:"\f28b"}
.t4b-action.t4b-play::after{content:"\f144"}

/* RTL */
.t4b-direction-rtl{direction:rtl}
.t4b-direction-rtl .t4b-label{left:auto;right:0}
.t4b-direction-rtl .t4b-controls{right:auto;left:0;border-left:none;border-right:solid 1px #EEE}
.t4b-direction-rtl .t4b-separator{margin-left:15px;margin-right:0;float:right}
.t4b-direction-rtl .t4b-prefix{margin-left:15px;margin-right:0;padding-left:0;padding-right:10px}
.t4b-direction-rtl .t4b-arrow.t4b-prev,
.t4b-direction-rtl .t4b-arrow.t4b-next,
.t4b-direction-rtl .t4b-action.t4b-pause,
.t4b-direction-rtl .t4b-action.t4b-play{left:auto;right:-1px}
.t4b-direction-rtl .t4b-news ul li:before{content:"\f100";float:right;top:14px;margin:0 20px 0 0}

/* Scroll */
.t4b-effect-scroll .t4b-news ul{display:block;margin:0;width:100%;position:relative}
.t4b-effect-scroll .t4b-news ul li{display:list-item;float:left;position:relative;width:auto;margin:0!important}
.t4b-effect-scroll .t4b-news ul li .t4b-date{margin:0 5px}
.t4b-effect-scroll.t4b-direction-rtl .t4b-news ul li{float:right}

/*********************************/
/*********************************/

/*!
 * T4B Scroll Ticker
 * Scroll start from right corner
 * @link https://www.realwebcare.com//
 */

/* Initial */
*{margin:0;padding:0}
*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}
a{text-decoration:none;-webkit-transition:all .5s ease-in-out 0;-o-transition:all .5s ease-in-out 0;transition:all .5s ease-in-out 0}
a:hover{text-decoration:none}

/* Scroll */
.t4b-scroll-ticker{font-family:'Open Sans',sans-serif;background:#fff!important;position:relative!important;height:41px!important;border:1px solid #1974d2;margin:0 auto!important;width:100%!important;max-width:100%!important}
@media (min-width: 768px) {
.t4b-scroll-ticker{margin-top:0}
}
.t4b-scroll-label{position:relative;background:#dd3737;padding:0 10px;width:auto;max-width:100%!important;height:40px;line-height:40px;float:left;margin-right:15px;color:#fff}
@media (max-width: 575px) {
.t4b-scroll-label{position:absolute;top:-45px}
}
.scroll-news{height:100%;padding:0;overflow:hidden}
@media (max-width: 575px) {
.scroll-news{padding-left:10px;padding-right:120px}
}
.scroll-news ul{width:100%;list-style-type:none!important;padding:0;margin:0;height:40px;line-height:40px}
.scroll-news ul li{list-style-type:none;margin:0;padding:0;line-height:normal;color:#696969;display:none}
.scroll-news ul li a{text-decoration:none}
.scroll-news ul li a:hover{color:#1974d2}
.scroll-news ul li .attachment-sep-wide{display:inline-block;vertical-align:middle;margin-right:8px;margin-top:-2px;max-width:32px;min-width:16px;height:auto;background-position:center;background-size:contain;background-repeat:no-repeat;position:relative}
.scroll-news ul li:before{content:"\f101";font-family:"Font Awesome 6 Free","Font Awesome 6 Brands";font-style:normal;font-weight:600;line-height:1;margin:0 10px;position:relative;display:inline-block;vertical-align:middle;left:5px}
.t4b-scroll-ticker-controls{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;height:100%;right:0;top:0}
.t4b-scroll-ticker-controls span{height:100%;background:#f6f6f6;padding:0;width:40px;border-color:#eee;border-style:solid;border-width:0 0 0 1px;cursor:pointer;display:inline-block}
.t4b-scroll-ticker-controls span:hover{background:#eee}
.t4b-scroll-ticker-controls span.t4b-scroll-ticker-arrow{margin:0;display:inline-block;position:relative}
.t4b-scroll-ticker-controls span.t4b-scroll-ticker-arrow:after{border-color:#999;border-bottom-style:solid;border-bottom-width:2px;border-right-style:solid;border-right-width:2px;content:'';display:inline-block;height:8px;left:50%;position:absolute;top:50%;width:8px}
.t4b-scroll-ticker-controls span.t4b-scroll-ticker-pause{position:relative;display:inline-block}
.t4b-scroll-ticker-controls span.t4b-scroll-ticker-pause:before{position:absolute;content:"";width:10px;height:10px;border-color:#999;border-style:solid;border-width:0 2px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%}
.t4b-scroll-ticker.t4b-ticker-pause .t4b-scroll-ticker-controls span.t4b-scroll-ticker-pause:before{display:none}
.t4b-scroll-ticker.t4b-ticker-pause .t4b-scroll-ticker-controls span.t4b-scroll-ticker-pause:after{position:absolute;content:"";width:0;height:0;border-color:transparent transparent transparent #999;border-style:solid;border-width:5px 0 5px 8px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%}
.t4b-scroll-ticker-controls.t4b-scroll-ticker-horizontal-controls span.t4b-scroll-ticker-prev:after{-webkit-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}
.t4b-scroll-ticker-controls.t4b-scroll-ticker-horizontal-controls span.t4b-scroll-ticker-next:after{-webkit-transform:translate(-50%,-50%) rotate(315deg);-ms-transform:translate(-50%,-50%) rotate(315deg);transform:translate(-50%,-50%) rotate(315deg)}
.t4b-scroll-ticker-controls.t4b-scroll-ticker-vertical-controls span.t4b-scroll-ticker-prev:after{-webkit-transform:translate(-50%,-50%) rotate(225deg);-ms-transform:translate(-50%,-50%) rotate(225deg);transform:translate(-50%,-50%) rotate(225deg)}
.t4b-scroll-ticker-controls.t4b-scroll-ticker-vertical-controls span.t4b-scroll-ticker-next:after{-webkit-transform:translate(-50%,-50%) rotate(405deg);-ms-transform:translate(-50%,-50%) rotate(405deg);transform:translate(-50%,-50%) rotate(405deg)}
/*# sourceMappingURL=t4b-scroll-ticker.css.map */