/* Scrolling Text
------------------------------ */

/* Donate Button
------------------------------- */
.donate-btn-span {
    display: flex;
    align-items: center;
}
.donate-btn {
    background-color: #FFD552;
    border-radius: 5px;
    color: #282762;
    padding: 0 1.618em;
    margin: 0 1.618em;
}
.donate-btn:hover {
    background-color: #807DA8;
}
a.donate-btn {
    font-size: 2rem;
    text-decoration: none;
}
a:hover.donate-btn {
    color: #FFD552;
}

@media screen and ( min-width: 861px ) {
    #noticecontent .widgettitle.widget-title {
        display: none;
    }
    .notice-bar .wrap {
        width: 100% !important;
        max-width: 100% !important;
    }
    #noticecontent {
        display: initial;
        justify-content: unset;
        align-items: unset;
    }
    #noticecontent .textwidget {
        height: 44px;
        overflow: hidden;
        position: relative;
    }

    #noticecontent .textwidget p {
        font-size: 3rem;
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        line-height: 40px;
        /*text-align: center;*/
        /* Starting position */
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        /* Apply animation to this element */
        -moz-animation: textwidget 15s linear infinite;
        -webkit-animation: textwidget 15s linear infinite;
        animation: textwidget 15s linear infinite;
    }

    #noticecontent .widget-wrap img {
        display: none;
    }

    .notice-bar.top-notice-bar .wrap {
        padding: 1.618rem 0 !important;
    }


    /* Move it (define the animation) */
    @-moz-keyframes textwidget {
        0% {
            -moz-transform: translateX(100%);
        }
        100% {
            -moz-transform: translateX(-100%);
        }
    }
    @-webkit-keyframes textwidget {
        0% {
            -webkit-transform: translateX(100%);
        }
        100% {
            -webkit-transform: translateX(-100%);
        }
    }
    @keyframes textwidget {
        0% {
            -moz-transform: translateX(100%); /* Firefox bug fix */
            -webkit-transform: translateX(100%); /* Firefox bug fix */
            transform: translateX(100%);
        }
        100% {
            -moz-transform: translateX(-100%); /* Firefox bug fix */
            -webkit-transform: translateX(-100%); /* Firefox bug fix */
            transform: translateX(-100%);
        }
    }
}

@media screen and (max-width: 860px ) {
    #noticecontent p {
        text-align: center;
        font-size: 2.5rem;
    }
    #noticecontent .widgettitle.widget-title {
        display: none;
    }
    .donate-btn-span {
        display: block;
        text-align: center;
        margin: 0;
    }
    a.donate-btn {
        width: 83% !important;
        display: block;
        font-size: 2rem;
    }
}