/*!
Theme Name: cityfm89
Theme URI: http://underscores.me/
Author: Aagha Abdul Waheed
Author URI: http://underscores.me/
Description: CityFM89 is a Pakistani radio station network broadcast from Karachi, Lahore, Islamabad and Faisalabad. It was established in 2004 and is a subsidiary company of the Dawn Media Group CityFM89 is Pakistan’s No.1 FM Network. Our broadcast network comprises four stations in the cities of Karachi, Lahore, Islamabad, and Faisalabad, with a combined audience of no less than one million households across the nation. CityFM89 was launched in July 2004 with an objective to set a trend of radio listener-ship in Pakistan. Where tapes and CDs were the usual source of music entertainment in cars, homes and public outlets, CityFM89 was born to establish an entertainment medium to transcend the boundaries that other radio channels had restricted themselves to. Clustered around the urban metropolises of Karachi, Lahore, Islamabad and Faisalabad, CityFM89 can be found not only on radios at home or in cars, but is at restaurants and shopping outlets as well. It is headquartered in Karachi.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cityfm89
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

cityfm89 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Teko:400,500,700');

.pt-15{
    padding-top:15px;
}
.mol-teaser-html-video{
    width: 100%;

}
@media screen and (max-width: 640px){
    .price{
        display:none;
    }

}
@media screen and (min-width: 1366px) {
    .radio-add .img-place-cover img{
        height:100%;
    }
}

.mol-tab-description{
    font-size: 14px;
    font-family: "Ubuntu", sans-serif;
    color: #ffffff;
    opacity: .5;
    line-height: 24px;
    text-align: center;
    margin-bottom: 18px;
    font-weight: 300;
    letter-spacing: .4px;
    display: flex;
    align-content: center;
    height: 100%;
    align-items: center;

}


.youtube-player div#u_0_e{
    background: linear-gradient(to bottom, rgba(20, 22, 26, .7), rgba(20, 22, 26, 0));
    position: absolute;
    bottom:0;
    z-index:999;
    padding: 16px;
    width:100%;
}
.youtube-player ._1vx9{
    color: #fff;
    display: block;
    font-family: 'helvetica neue', helvetica, arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-shadow: 0 0 3px rgba(20, 22, 26, .7);
}



/* ISOTOP */

.filter-btn-cont{
    padding: 20px 10px;
    text-align:center;
}
.filter-btn-cont a{

    padding: 7px 0 2px 0;
    background-color: #363636 ;
    font-size: 23px;
    font-family: bebasnBold;
    display: block;
}

.filter-btn-cont a:hover,.filter-btn-cont a:focus{
    color:#fff;
    background-color: #b4332f;
}


.long-banner{
    width:100%;
}

.social-in-footer li a:hover{
    color:red !important;
}
.swiper-slide {
    text-align: center;
}
.show-banner-imgContainer{
    position: relative;
}
.show-banner-text-block{
    position: absolute;
    bottom: 5px;
    left: -3px;
    background-color: #3f3f3f;
    color: white;
    padding-left: 10px;
    padding-right: 9px;
    height: 42px;
    border-radius: 4px;
    /* text-align: center; */
}
.show-banner-text-block p{
    margin-top:8px;
    font-weight: bolder;
    font-family: "bebas Nue bold";
    font-size: 20px;
}

.showDetailcont{
    margin: 15px;
    padding: 40px 20px 20px 40px;
    width: 100%;
}
.showdetailtitle{
    font-family: bebasnBold;
    color: #fff;
    font-size: 2rem;
}
.showdetaildescription h3{
    font-family: bebasnBold;
    color: #fff;
    font-size: 2rem;
    padding-top: 3rem;
}
.showdetaildescription p{
    font-family: Roboto,sans-serif;
    color: #fff;
    font-size: 1rem;
    padding-top: .4rem;
}
.show-detail-spacer{
    min-height: 15rem;
}

table tbody{
    border: none;
    background-color: transparent;

}
.show-page-time{
    font-size: 23px;
    font-family: bebasnBold;
    text-align: center;
    background-color: #29292a;
}

.bg-black{
    background: #0a0b0f;

}
.bg-white-quiz{
background-color: #fff;

padding-bottom: 1px;

margin-bottom: 10px;

position: relative;
}


.hdq_question{
    text-align: center;
    background:transparent !important;
    border-bottom: 2px solid #000 !important;
}
.quiz-body{
     background-image: url("https://www.cityfm89.com/wp-content/uploads/2019/06/Quiz-EmiratesMiddle.jpg");
     background-repeat: repeat-y;
     background-size: 100%;
}
.bg-header{
    background-image: url("https://www.cityfm89.com/wp-content/uploads/2019/06/Quiz-Emiratesheader2.jpg");
    background-repeat: no-repeat;
  background-size: 100%;
    height: 236px;
}

.bg-footer{
    background-image: url("https://www.cityfm89.com/wp-content/uploads/2019/06/Quiz-EmiratesFooter.jpg");
    background-repeat: no-repeat;
  background-size: 100%;
    height: 560px;
}

.hdq-options-check input[type="checkbox"]:checked + label::before
{

    background: #c62126 !important;
    box-shadow: inset 0px 1px 1px rgba(84, 152, 140, 0.5) !important;

}

.hdq-options-check label::before{
    background: #373737 !important;
}

.hdq_button{
    background: #c62126 !important;
}

.hdq_quiz_wrapper h3 {
    font-size: 1.3rem;}

.showdetaildescription h2{
    font-family: bebasnBold;
    color: #fff;
    font-size: 2rem;
}

.showdetail-add-margin-right p{
    margin-right: 5% !important;
}

.showFeaturedImage {
	width: 836px;
	height: 324px;
}