/*general styles for the page */
.masrawyContainer,
.content {
    background-color: black !important;
}
.showListing .eventEntryPoint .ttl p a {
    color: white !important
}

.billboardDiv .adTtl, .showcaseDiv .adTtl:not(.ivbsDescription p) {
    background: #1D1D1D;
    color: white !important
}

.billboardDiv .billboard,
.showcaseDiv .showcase.sc1,
.showcaseDiv .showcase.sc2{background:#000}

/*main title section title*/
.showListing .main-title {
    margin: 20px 0;
    border-bottom: 1px solid #333333;
    color: #FFF;
    font-size: 30px;
    font-family: DroidKufiBold,, arial;
    text-align: right;
}


@media (max-width: 992px) {
    .showListing .main-title {
        font-size: 28px;
    }
}


@media (max-width: 768px) {
    .showListing .main-title {
        font-size: 26px;
    }
}


@media (max-width: 480px) {
    .showListing .main-title {
        font-size: 24px;
    }
}


/*all episodes section title*/
.showListing .allEpisodes-title {
    margin: 16px 0;
    border-bottom: 1px solid #333333;
    color: #FFF;
    font-size: 22px;
    font-family: DroidKufiBold;
    text-align: right;
}


@media (max-width: 992px) {
    .showListing .allEpisodes-title {
        font-size: 20px;
    }
}


@media (max-width: 768px) {
    .showListing .allEpisodes-title {
        font-size: 18px;
    }
}


@media (max-width: 480px) {
    .showListing .allEpisodes-title {
        font-size: 16px;
    }
}



/*all episodes section */
.showListing .cd-gallery li {
    background: #1D1D1D;
    border: 1px solid #222;
}

.showListing .cd-gallery li .desc h2 {
        color:white
    }


.showListing .cd-gallery li .time {
        color: #B8B8B8;
    }


/* news section style  */
.showListing .akhbarThemak {
    border: 1px solid #222;
}

.showListing .akhbarThemak .ttl .icons .icon-setting:before, .showListing .akhbarThemak .ttl .icons .icon-notify:before {
        display: none
    }

.showListing .akhbarThemak ul {
    background: #1D1D1D;
}

.showListing .akhbarThemak li {
    border-bottom: 1px solid #333;
}

    .showListing .akhbarThemak li h2, .showListing .akhbarThemak li .descField {
        color: white
    }



/*entry point style */
.showListing .eventEntryPointSlider .flickity-button:disabled {
    background: black;
    border: 1px solid #333333;
}

.showListing .eventEntryPointSlider .flickity-button:disabled::before {
        color: #333333 !important
    }


.showListing .eventEntryPointSlider .flickity-page-dots .dot {
    background: #333333
}