/* Ticker Styling */
#ticker-wrapper.has-js {
    width: 100%;
    display: block;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size: 14px;
}

#ticker {
    width: 100%;
    display: block;
    position: relative;
}

#ticker-title {
    padding-top: 9px;
    text-transform: uppercase;
}

#ticker-content {
    position: absolute;
    width: 94%;
}

    #ticker-content:focus {
    }

    #ticker-content a {
        text-decoration: none;
        color: black;
    }

        #ticker-content a:hover {
            text-decoration: none;
            color: rgb(101 101 101 / 0.95);
        }

#ticker-swipe {
    padding-top: 9px;
    position: absolute;
    top: 0px;
    display: block;
    width: 800px;
    height: 23px;
}

    #ticker-swipe span {
        margin-left: 1px;
        height: 12px;
        width: 7px;
        display: block;
    }

#ticker-controls {
    padding: 8px 0px 0px 0px;
    list-style-type: none;
    float: left;
}

    #ticker-controls li {
        padding: 0px;
        margin-left: 5px;
        float: left;
        cursor: pointer;
        height: 16px;
        width: 16px;
        display: block;
    }

        #ticker-controls li#play-pause {
            background-image: url('../images/controls.png');
            background-position: 32px 16px;
        }

            #ticker-controls li#play-pause.over {
                background-position: 32px 32px;
            }

            #ticker-controls li#play-pause.down {
                background-position: 32px 0px;
            }

            #ticker-controls li#play-pause.paused {
                background-image: url('../images/controls.png');
                background-position: 48px 16px;
            }

                #ticker-controls li#play-pause.paused.over {
                    background-position: 48px 32px;
                }

                #ticker-controls li#play-pause.paused.down {
                    background-position: 48px 0px;
                }

        #ticker-controls li#prev {
            background-image: url('../images/controls.png');
            background-position: 0px 16px;
        }

            #ticker-controls li#prev.over {
                background-position: 0px 32px;
            }

            #ticker-controls li#prev.down {
                background-position: 0px 0px;
            }

        #ticker-controls li#next {
            background-image: url('../images/controls.png');
            background-position: 16px 16px;
        }

            #ticker-controls li#next.over {
                background-position: 16px 32px;
            }

            #ticker-controls li#next.down {
                background-position: 16px 0px;
            }

.js-hidden {
    display: none;
}

#no-js-news {
    padding: 10px 0px 0px 45px;
    color: #F8F0DB;
}

.left #ticker-swipe {
    left: 80px;
}

.left #ticker-controls, .left #ticker-content, .left #ticker-title, .left #ticker {
    float: right;
}

.left #ticker-controls {
    padding-left: 6px;
}

.right #ticker-swipe {
    right: 80px;
}

.right #ticker-controls, .right #ticker-content, .right #ticker-title, .right #ticker {
    float: left;
    padding-bottom: -10px;
}

.right #ticker-controls {
    padding-right: 6px;
}


@media(min-width:300px) and (max-width: 1024px) {
    #ticker-controls {
        visibility: hidden;
    }
}