﻿@import url(../global-paytv.css);
@import url(../paytv/hero.css);
@import url(../paytv/buttons.css);
@import url(../deals/genre.css);
@import url(channels.css);
@import url(../plugins/weavesome-drag-scroll.css);



.bg-1 {
    background-image: url('/Content/images/backgrounds/cignal-load-bg-v2.svg');
    background-size: cover, cover;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
}

/* Fix for Mr-Bean images overlapping in genre-featured-container */
.genre-featured-container {
    width: 100%;
    max-width: 100%;
}

.genre-featured-sub-container {
    width: 100%;
}

.genre-featured-sub-container > img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    object-fit: cover;
    flex: 1 0 0;
    min-width: 0;
}

/* Fix for text truncation in genre list section to prevent overlap with channel logo */
.genre-contents-container .hero-article-swimlane-card-labels {
    width: 100%;
    overflow: hidden;
}

.genre-contents-container .hero-article-swimlane-card-labels .card-label,
.genre-contents-container .hero-article-swimlane-card-labels .card-description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}