/*
/*
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/

.article {
    font-weight: normal;
}

.article img {
    max-width: 100%;
    max-height: 80vh;
    display: block;
    margin: auto;
}

.article strong,
.article b {
    font-weight: bold;
}


/* Banner css */
.offer-banner {
    position: sticky;
    top: 0;
    z-index: 1055;
    background: linear-gradient(90deg, #192d35, #027b69);
    color: #fff;
    padding: 10px 0;
    font-size: 15px;
}


#offerBanner.sticky-top {
    z-index: 1055;
}


.offer-banner .highlight {
    color: #ffe600;
}

/* .offer-banner .offer-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
} */

.offer-banner .btn-close {
    opacity: 0.8;
}

.offer-banner .btn-close:hover {
    opacity: 1;
}

/* Optional animation */
.offer-banner {
    animation: slideDown 0.4s ease-out;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}


.ticker {
    overflow: hidden;
    position: relative;
}

.ticker-content {
    display: inline-block;
    white-space: nowrap;
    animation: tickerMove 15s linear infinite;
}

@keyframes tickerMove {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(180%);
    }
}