﻿@font-face
{
    font-family: Melt;
    src: url('../../../fonts/emeachannelsites/meltv1.eot');
    src: url('../../../fonts/emeachannelsites/meltv1.eot') format("embedded-opentype"),url('../../../fonts/emeachannelsites/meltlv1-webfont.woff') format("woff"),url('../../../fonts/emeachannelsites/meltlv1.ttf') format("truetype");
    font-weight: 400;
    font-style: normal
}

h1.melt-font, h2.melt-font, h3.melt-font, h4.melt-font, h5.melt-font, h6.melt-font, button.melt-font, a.melt-font
{
    font-family: 'Melt', sans-serif !important;
}

.text-muted
{
    font-weight: 400;
    margin: 0;
    color: #828282;
    font-size: .75em;
    line-height: 1.3333333333em;
    text-transform: uppercase;
}

.fw-bold
{
    font-size: 1.25em;
    line-height: 1.2em;
    font-family: 'BBC Reith Sans Bd';
}

a.melt-font
{
    padding: .75em 1.1em .65em;
}

h4.melt-font
{
    font-family: 'Melt', sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: none;
}

h2.melt-font
{
    font-size: 32px;
    line-height: 36px;
    letter-spacing: normal;
    text-transform: none;
    color: #583f87;
    font-weight: 400;
}

.description-section p
{
    color: rgba(0, 0, 0, .6) !important;
    font-family: 'BBC Reith Serif';
    font-weight: 300;
}

.description-section p strong
{
    color: rgba(0, 0, 0, .6) !important;
    font-family: 'BBC Reith Sans';
    font-weight: 600;
}

.bluey-heading-color
{
    color: #583f87 !important;
}

.ticket-section-wrapper
{
    background-color: #f3f3f3;
}

.channels-article-block header
{
    margin-bottom: 8px;
}

.ticket-box
{
    background-color: #fff;
    border-radius: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.ticket-box:hover
{
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    transform: translateY(-3px);
}

.description-section
{
    background-color: #e8e8e8;
    color: #333;
    border-radius: 6px;
}

.description-wrapper
{
    background-color: #e8e8e8;
    width: 100vw;
}

.description-section
{
    color: #333;
    border-radius: 6px;
    background-color: transparent;
    padding: 1rem 1.5rem;
}

.polska-cBeebies-bg
{
    background: #79d8ef !important;
    color: #583f87 !important;
}

.btn-white-square.btn-green-square.cBeebies-btn
{
    background-color: #ffffff !important;
}

.polska-small-carousel .program-card.bottom-border-blk
{
    border-bottom: 2px solid #080808 !important;
}

.btnactive
{
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.channel-bar-logo
{
    height: 75px;
    width: 172px;
    margin-right: 40px;
    background-size: contain;
}

.channel-bar-wrapper.bbc-nl
{
    background-color: #000;
}


@media (max-width: 767.98px)
{
    #main-title,
    .ticket-box
    {
        text-align: center;
    }
}

.production-navbar-items .nav-link
{
    color: #2d073c;
}

.channel-bar-buttons .button-group .button.btnactive
{
    background-color: #ffffff !important;
    color: #000000 !important;
    border-radius: 0 !important;
    font-family: "Melt", sans-serif !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
}


.channel-bar-buttons .button-group .button.btnactive span
{
    color: #0d2459 !important;
    font-family: "Melt", sans-serif !important;
}


.channel-bar-buttons .button-group .button.btnactive svg path
{
    fill: #000000 !important;
}

.channel-bar-buttons .button-group .button.btnactive svg
{
    display: none !important;
}

.brightcoveplayercontainer
{
    z-index: 2;
}

.channel-finder
{
    background-color: #79d8ef !important;
    color: #583f87 !important;
}

.channel-finder p,
.channel-finder h6,
.channel-finder span,
.channel-finder a
{
    color: #583f87 !important;
}

.channel-finder a
{
    color: #583f87 !important;
    text-decoration: none;
}

.channel-finder svg path
{
    fill: #583f87 !important;
}

.channel-finder ul li
{
    color: #583f87 !important;
}

.channel-finder .channel-provider
{
    background-color: #ffffff !important;
    color: #583f87 !important;
}

.channel-finder .channel-logo
{
    width: 172px;
    height: auto;
}

.button-link
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 2px solid #6a3d9a;
    padding: 6px 12px;
    text-decoration: none;
    color: #6a3d9a;
    font-family: 'Melt', sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: background-color 0.3s, color 0.3s;
}

.button-link svg
{
    margin-right: 8px;
    width: 16px;
    height: 16px;
    fill: #000;
}

.button-link:hover
{
    background-color: #6a3d9a;
    color: #fff;
}

.button-link:hover svg
{
    fill: #3b1759;
}

.button
{
    background-color: white;
    color: #000;
    border: none;
    cursor: pointer;
}

.button-link:hover
{
    background-color: rgba(59, 23, 89, .1);
    color: #3b1759;
}


.polska-small-carousel .program-card
{
    border-bottom: 2px solid #0095c9;
}

.polska-small-carousel .program-title
{
    font-family: 'Melt', sans-serif;
}


.slick-next
{
    background: #000 !important;
}

.title-carousel .slick-prev, .slick-next
{
    top: 40% !important;
}

.polska-section-heading
{
    font-family: 'Melt', sans-serif;
    padding-left: 14px;
    letter-spacing: 3px !important;
    font-size: 32px;
    line-height: 36px;
    text-transform: none;
}

.polska-section-heading::before
{
    content: none;
    display: none;
    border: none;
}

@media(min-width:260px) and (max-width:599px)
{

    .channel-bar-wrapper .container
    {
        align-items: normal !important;
    }

    .channel-bar-wrapper .container .channel-bar-description .channel-bar-text .headline
    {
        margin: 10px 0;
    }

    .channel-bar-wrapper .button-group .btnactive
    {
        margin: 20px 0;
        display: block;
    }

    .display-4.fw-bold {
    font-size: 20px;
    }
}
