/*
Theme Name: 	WeeklyNews Child Theme
Theme URI: 	http://themeforest.net/user/mip/portfolio
Description: 	Child theme made by MipThemes
Version: 	1.0
Author: 	MipThemes
Author URI: 	http://themeforest.net/user/mip/portfolio
Template:       weeklynews
*/

@import url("../weeklynews/style.css");

/**
 * Header desktop
 */

#sticky-header.affix { top: 30px; z-index: 999; }

/**
* Landing Page
*/

.page-list header {
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #dadada;
}

.page-list header h1 {
	font: 400 30px/36px 'Roboto Condensed', sans-serif;
	color: #222;
 	opacity: 1;
 	visibility: visible;
 	-webkit-transition: opacity 0.24s ease-in-out;
 	-moz-transition: opacity 0.24s ease-in-out;
 	transition: opacity 0.24s ease-in-out;
 	margin: 0;
}

/**
 * News Layouts
 */

.news-lay-3 article h3 {
	font-family: 'Roboto';	/* Added on 16/11/2016 */
    font-size: 15px;
    line-height: 18px;		/* Updated on 16/11/2016 */
    font-weight: 700;
    margin: 5px 0 0 0;
}

/**
 * News module
 */

.sidebar .module-news article h3 {	/* Added on 16/11/2016 */
    font: 700 15px/18px 'Roboto', sans-serif;
}

/**
 * Articles
 */

article.linkbox h2 {	/* Added on 16/11/2016 */
    font: bold 30px/34px 'Roboto', sans-serif !important;
}

article.linkbox h3 {	/* Added on 16/11/2016 */
    font: 700 15px/18px 'Roboto', sans-serif !important;
}

article.thumb-lay-two h3 {	/* Added on 16/11/2016 */
	font-family: 'Roboto';
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    margin: 5px 0 0 0;
}

/* Images */
p.lead-img-caption {
	font-size: 13px;
	line-height: 17px;
	background: #dadada;
	padding: 10px 12px;
}

.lead-img-caption-cover {
	font-size: 13px;
	line-height: 17px;
	background: #dadada;
	padding: 10px 12px;
}

.article-post .wp-caption-text {
    font-size: 13px;
    line-height: 17px;
    font-style: normal;
    color: #5c5c5c;
    padding: 5px 0;
    margin-bottom: 15px;
}

.article-post p a {
    text-decoration: none;
	color: #428bca;
}

.article-post p.post-meta { color: #777777; }	/* Added on 16/11/2016 */

.article-post p.post-meta a { color: #777777; }	/* Updated on 16/11/2016 */

.article-post p a:hover {
    text-decoration: underline;
	cursor: pointer;
}

.overlay {
	padding: 8px 15px;
}

#slider-carousel .overlay {
	padding: 8px 15px;
}

#slider-carousel .large .overlay {
	padding: 8px 20px;
}

.large .overlay {
	padding: 8px 20px;
}

.theme, .theme:visited {
	position: absolute;
	top: 10px;
	left: 0;
	font: 700 12px/20px 'Roboto Condensed', sans-serif;
	color: #fff;
	text-transform: uppercase;
	background: #444;
	padding: 0 12px;
}

/**
 * Article page
 */

.article-post header {	/* Added on 16/11/2016, for P.o sharing code */
	padding: 0 0 10px 0;
}

.article-post header h1 {	/* Added on 16/11/2016 */
    font: bold 30px/36px 'Roboto', sans-serif !important;
}

.article-post h5 {	/* Added on 16/11/2016 */
    font-family: 'Roboto' !important;
}

.post-content p {	/* Added on 16/11/2016 */
	font-size: 16px;
	color: #5c5c5c; 	/* #3c3c3c; */
	line-height: 26px;	/* 24px; */
}

.article-post-content p {	/* Added on 16/11/2016 */
	font-size: 16px;
	color: #3c3c3c;
}

/**
 * Horoscope
 */

.horoscope center table { margin-bottom: 0; }
.horoscope center table td { border: none; }
.horoscope center table td.AZ09 { padding: 0; }
.horoscope center table td.AH09 { padding: 0; }

/**
 * TV Guide
 */
.tv-guide-wrapper a{
	margin: 1px;
	display: block;
	float: left;
}

/**
 * Iframes
 */

#main.article p iframe { width: 700px; margin: 0 auto; }
#main.article .wpb_video_wrapper { width: 100% !important; height: 100% !important; padding-bottom: 20px; }
#main.article iframe#contact-map { width: 100%; }

/**
 * General
 */

.ads_txt { font-size: 11px; text-align: center; text-transform: uppercase; margin-top: 5px; }
.ads_txt_leadbottom { font-size: 11px; text-align: center; text-transform: uppercase; margin-top: 5px; margin-bottom: 20px;}
.lead_bottom { margin: 20px; }
.title-events-highlights{
    margin: 0 0 6px 0;
    font: 700 15px/18px 'Roboto Condensed', sans-serif;
}

.col-md-3 .widget { float:left; margin-right: 20px; }
.ad { overflow: visible; }	/* Added on 14/07/2015 by Wahidah */

/**
 * Branding
 */

#header-branding {
    overflow: inherit;
    background: #2c2c2c;
    border-top: none; /* Added on 23/06/2016 to hide the border on the header */
    /*border-top: 5px solid #2c2c2c;	Commented on 23/06/2016 */
}

.masthead { /* Star2 Festival Masthead 1500x104 approach, added on 16/5/2018 Christy */
	/* background: url(images/star2-masthead-ramadan-2018.png) center no-repeat #2c2c2c !important;*/
}

.ads_desktop_ribbon {	/* Added for Ribbon Ad on 19/12/2018 */
	text-align: center;
	margin-top: 5px;
}

.mobile_leaderboard, .ads_leaderboard_res { display: none; }

.row-billboard {
	z-index: 6;
}

.billboard {
	width:940px;
	margin:0 auto;
	text-align:center;
}

.row-billboard div div {
	margin-top:20px;
	padding-bottom:20px;
}

#header-navigation { background: #363636; }
#header-navigation .subnav-container { z-index : 999; }

/**
 * Contact form 7
 */

div.wpcf7 {
  margin-top: 40px;
  padding: 30px;
  width: 100%;
  background-color: #f2f2f2;
}

div.wpcf7 input { width: 60%; height: 35px; padding: 0 5px; }
div.wpcf7 textarea { width: 60%; padding: 0 5px; }
div.wpcf7 input.wpcf7-submit { width: 150px; }
div.wpcf7-response-output { margin-left: 0; }
div.wpcf7-validation-errors { background-color: #ff0000; border: none; color: #fff; }
div.wpcf7-mail-sent-ng { background-color: #ff0000; border: none; color: #fff; }
div.wpcf7-mail-sent-ok { background-color: #398f14; border: none; color: #fff; }

.article-post .progress{
	height:auto;
}

span.skill-text.pull-left {
	line-height: 14px;
	width: 78%;
	text-align: left;
	margin-bottom: 7px;
	min-height: 26px;
}

/**
 * Star2 Festival Masthead, updated on 31/05/2019
 */

 /** Star2 Festival Masthead 1500x104 approach, commented on 16/5/2018 Christy
  * refer #header-branding .masthead 
  */

.container.masthead {
	background: url(images/star2-masthead-raya2019.png) no-repeat left top;
}

.header-padding {	/* add to the container div permanently, added on 23/06/2016 */
 padding: 5px 0 4px 0;
}

/**
 * Media Queries
 */

@media (min-width: 768px) {

	#page-slider .col-sm-8 article,
    #page-slider .col-sm-3 article {
        height: 395px;
        margin: 0;
    }

    #page-slider .col-sm-8 article img,
    #page-slider .col-sm-3 article img {
        height: 395px;
    }

    #page-slider .col-sm-4 article {
        height: 197px;
    }

    #page-slider .col-sm-4 article img {
        height: 197px;
    }

	#search-form-mobile { top: 32px; }		/* Added on 20/10/2015 */

	.ads_res { display: none !important; }  /*  Added on 1/8/2018 */
}

@media (min-width: 992px) {

	#header-navigation ul.subnav-menu li{
		width: 249px;
	}

	#search-form-mobile { top: 32px; }	/* Added on 20/10/2015 */
}

@media only screen and (max-width: 700px) {		/* Added on 20/01/2016 by Wahidah */
	.es-widget { display: none; }
}

@media only screen and (max-width: 767px) {

	.ads_leaderboard { display: none; }
    .ads_leaderboard_res { display: block; text-align: center; }
	.ads_leaderboard_res .sas_leaderboard, .ads_leaderboard_res .sponsored-rec img { width: 100%; } /* Added on 20/7/2018 by Wahidah */
	.ads_sponsored_leaderboard_res .ads_leaderboard_res .sponsored-rec img { width: auto; } 	/* Added for sponsored mobile lead on 20/12/2018 */

    #page-header-mobile .row.affix { top: 0px !important; }

	span.skill-text.pull-left {
		line-height: 14px;
		width: 80%;
		text-align: left;
		margin-bottom: 7px;
		min-height: 26px;
	}

	.progress-bar {
		width:100% !important;
	}

	.article-post .progress{
		height:auto;
	}

}

@media only screen and (max-width: 799px) {

	/* Disable Star2 Skinner */
	.skinner, .landing-skinner, .default-skinner, .story-skinner   { display: none; }
}

@media (min-width: 768px) and (max-width: 991px) {
	#page-header-mobile .row.affix { top: 30px !important; }
	.mobile_leaderboard .ads_leaderboard_res { display: block; }
	.ads_sponsored_leaderboard_res .ads_leaderboard_res { display: none; } 	/* Added to hide the sponsored mobile lead, on 20/12/2018 */
}

@media (max-width: 991px) {

	.mobile_leaderboard { display: block; margin: 10px 0; }
	.row-billboard { display: none; }
	.ads_desktop_ribbon { display: none; }	/* Added for Ribbon Ad on 19/12/2018 */
}

/* Styling for Star2 Skinner, added on 22/05/2015 */
.skinner {
    width: 160px;
    height: 700px;
    z-index: 1;
    position: fixed;
    top: 185px;
    /*background:#000;*/
}

.landing-skinner, .default-skinner{
    width: 160px;
    height: 700px;
    z-index: 1;
    position: fixed;
    top: 226px;
    /*background:#000;*/
}

.story-skinner {
    width: 160px;
    height: 700px;
    z-index: 1;
    position: fixed;
    top: 216px;
    /*background:#000;*/
}

.skinner-left {
    margin-left:-745px;
    left: 50%;
}

.skinner-right {
    margin-right:-745px;
    right:50%;
}

/* Embedding graphic interactive video, added on 23/02/2016 */
.iframe-container {
    position: relative;
    padding-bottom: 60.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
	margin-bottom: 20px;
}

.iframe-container iframe {
    position: absolute;
    display: block;
    top:0;
    left: 0;
    width: 1px;
    height: 100%;
    min-width:100%;
}

/* Comments customisation - last updated 11/05/2016 */
.comment-disclaimer {
	margin-bottom: 10px;
}

/*************************
******* SAS & GAM ********
**************************/
.gam_display {	/* Added on 27/12/2018 */
	display: block;
}

.gam_1x1 {	/* Added on 27/12/2018 */
	width: 1px;
	height: 1px;
}

.gam_sto {	/* Added on 27/12/2018 */
	display: block;
	width: 1024px;
	height: 600px;
}

.sas_display {
	display: block;
}

.sas_1x1 {
	width: 1px;
	height: 1px;
}

.sas_rectangular {
	width: 300px;
	height: 250px;
}

.sas_leaderboard {
	width: 728px;
	height: 90px;
	margin: 0 auto;
}

.sas_videoinread {
	width: 1px;
	height: 1px;
}

.sas_mobile_leaderboard {
	width: 300px;
	height: 50px;
	margin: 0 auto;
}

.sas_mobile_videoinread {
	width: 300px;
	height: 50px;
}

/*.gpt_display {
	display: none;
}*/

.platform {
  --breakpoint:mobile;
}

@media all and (min-width: 25em) {
  .platform {
		--breakpoint:tablet;
  }

  .sas_1x1 {
	  display:none;
  }

  .gam_1x1 {	/* Added on 27/12/2018 */
	  display:none;
  }

  .gam_sto {	/* Added on 27/12/2018 */
	  display:none;
  }
}

@media all and (min-width: 50em) {
  .platform {
		--breakpoint:desktop;
  }

  .sas_1x1 {
	  display:none;
  }

  .gam_1x1 {	/* Added on 27/12/2018 */
	  display:none;
  }

  .gam_sto {	/* Added on 27/12/2018 */
	  display:none;
  }
}

img[src^="https://content.thestar.com.my/smg/settag/name=lotame/tags="] {
	display:none;
} 
/*** SAS & GAM ***/

/* Tweaks position overlay on mobile, on 07/09/2017 */
@media only screen and (max-width: 480px) {
	.head-image .overlay {
		position: static;
	}
}
	.ads_res { display: block !important; }		/* Added on 1/8/2018 by Christy */

	/**GSC**/
	
	.gsc-widget-2019{
		margin: 30px 0;
		max-width: 770px;
		width: 100%;
		display: block;
		overflow: hidden;
	}

	.gsc-widget-content {
		position: relative;

	}

	.headline {
		position: relative;
		border-bottom: 1px solid #d6d6d6;
		padding-bottom: 6px;
		margin-bottom: 18px;
		overflow: hidden;
	}

	.headline h4 {
		font: 400 17px/17px 'Roboto Condensed', sans-serif;
		color: #222;
		text-transform: uppercase;
		padding-bottom: 0;
	}

	span.gsc-borderline {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 30px;
		height: 1px;
		background: #222;
	}

	span.gsc-logo img {
		max-height: 38px !important;
		width: auto;
		float: right;
		margin-top: 5px;
	}

	.flexbox{
		display:flex;
		flex-wrap: wrap;
		margin-top: 30px;
	}


	.flexbox-info{
		margin:10px auto;
	}


	.button-view a {
		color: #444;
		border: 2px solid #444;
		background: transparent;
		text-transform: capitalize;
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
		padding: 6px 10px;
		border-radius: 6px;
	}

	.button-view a:hover {
		text-decoration: none;
	}


	.button-view,
	.see-all {
		margin: 0 auto;
		display: block;
		overflow: hidden;
		padding: 10px 0;
		margin-top: 10px;
	}

	p.flexlist-num {
		font-weight: 700;
		color: #bfbfbf;
		font-size: 22px;
		font-family: 'Roboto Condensed', sans-serif;
	}


	ol.flexlist {
		padding: 0;
	}

	ol.flexlist li {
		list-style-type: none!important;
		list-style: none;
		margin: 0;
	}
	ol.flexlist li h3 {
		line-height: 1.2em;
		margin-bottom: 5px;
		margin-top: 1px;
	}

	ol.flexlist li:nth-child(2) {
		padding-right: 15px;
	}

	 .flexlist p {
		margin-bottom: 5px;
	}

	.weekly-date {
		font-size: 18px !important;
		color: #747474 !important;
	}

	.movie-name {
		font-size: 18px !important;
		font-weight: 700 !important;
	}

	.release-date {
		font-size: 14px !important;
		color: #747474 !important;
	}

	.mob-only{
			display:none;
	}


	/*----Media Queries----*/
	@media only screen and (max-width : 767px) {

	.gsc-widget-content {
		position: relative;
	}

	.headline {
		position: relative;
		border-bottom: 1px solid #d6d6d6;
		padding-bottom: 6px;
		overflow: hidden;
	}
		
		.flexbox{
		display:flex;
		flex-wrap: wrap;
		margin-top: 30px;
		padding: 0 15px;
	}
		
		
	.see-all a {
		color: #fff;
		background: #444;
		display: inline-block;
		border-radius: 6px;
		padding: 10px 25px;
	}
	.see-all {
		z-index:99 !important;
		text-align: center;

	}
	.flexbox-info:nth-child(n+6) {
		display: none;
	}

		.mob-only{
			display:block;
		}

		ol.flexlist li {
		list-style-type: none !important;
		list-style: none;
		margin: 0;
		padding: 0;
	}
		
		.overlay-trend.absolute {
		height: 40%;
		bottom: 55px;
		left: 0;
		width: 105%;
		position: absolute;
		display: block;
	}
	.overlay-trend {
		background: -moz-linear-gradient(top,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(top,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(top,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
		overflow: hidden;
	}

	
}