@charset "UTF-8";

.cookie-banner {
    position: fixed;
    left: 0;
    bottom: -100%; /*Initially off-screen */
    padding: 15px 15px 0 15px;
    width: 100%;
    border-top: 1px solid #ccc;
    background-color: #eaeaea;
    text-align: left;
    z-index: 100; /* Ensure it stays on top */
    transition: bottom 0.5s ease; /* For smooth slide-in */
}

    .cookie-banner p {
        padding: 0;
        color: #333;
        font-size: .875em;
        line-height: normal;
    }

        .cookie-banner p span {
            display: block;
        }

        .cookie-banner p a {
            color: inherit;
            text-decoration: underline;
        }

        .cookie-banner p em {
            color: inherit;
            font-style: normal;
            text-decoration: underline;
        }

            .cookie-banner p em:hover {
                cursor: pointer;
            }

        .cookie-banner p i {
            color: #000;
        }

    .cookie-banner .fa-xmark {
        position: absolute;
        top: 5px;
        right: 10px;
    }

    .cookie-banner a {
        color: #333;
    }

    .cookie-banner ul {
        float: right;
        display: inline-flex;
        text-align: right;
    }

    .cookie-banner li {
        padding: 0 8px;
    }

    .cookie-banner .btn-primary {
        padding: 5px 20px;
        width: 100px;
        color: #fff;
        font-size: 12px;
        line-height: 1.5;
        background-color: #F28049;
        border-color: #F28049;
    }

        .cookie-banner .btn-primary.active, .cookie-banner .btn-primary:active, .cookie-banner .btn-primary:focus, .cookie-banner .btn-primary:hover {
            color: #fff !important;
            background-color: #E37844 !important;
            border-color: #E37844 !important;
        }

    .cookie-banner .btn-secondary {
        padding: 5px 20px;
        width: 100px;
        color: #333;
        font-size: 12px;
        line-height: 1.5;
        background-color: #fff;
        border-color: #ccc;
    }

        .cookie-banner .btn-secondary.active, .cookie-banner .btn-secondary:active, .cookie-banner .btn-secondary:focus, .cookie-banner .btn-secondary:hover {
            color: #333 !important;
            background-color: #fafafa !important;
            border-color: #ccc !important;
        }

@media screen and (max-width: 1924px) {
    .cookie-banner p span {
        display: inline;
    }
}

@media (min-width:280px) and (max-width:767px) {
    .cookie-banner ul {
        float: none;
        text-align: center;
    }
}