/*
The Scoop Stylesheet for Homepage Layouts - Live
Updated: 2023-03-03 16:59
*/

/* NOTES
In WP Theme Editor, currently says there is 1 errors. Related to the use of grids for YTC plugin.

Constant:
#f7fa00 Yellow used for The Scoop
*/


/************************* Home Page: Top Section *************************/
 
/* * Home Page:  *
 * See inc/???.php
 */
.featured-style-7 .scoop-section-header, .featured-style-8 .scoop-section-header,
.featured-style-9 .scoop-section-header,
.scoop-latest .scoop-section-header {

    /* -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    left: -15%;
    right: -15%; */
    margin: auto;
    /* position: absolute;
    top: 0; */
    /* bottom: 0;
    width: 100%;
    z-index: 0; */

}

.featured-style-8 .scoop-section-header.shstyle2 h2,
.featured-style-9 .scoop-section-header.shstyle2 h2 {padding-left:15px}


/* * Home Page: Scoop Sticky Featured * */

.scoop-featured .post figure a:not(.category) {background: none !important;}
.scoop-featured .post figure img {opacity: initial !important;}
.scoop-featured span.entry-subtitle {font-size:20px;line-height:26px}
	/* -- attempt to cover all future styles */

.scoop-featured .featured-style-5 .post figure a,
	.scoop-featured .featured-style-6 .post figure a,
	.scoop-featured .featured-style-7 .post figure a {background: none}
	/* -- not sure if !important needed on live site, on test site doesn't seem to respect stylesheet order */

.scoop-featured .featured-style-5 .post figure img,
	.scoop-featured .featured-style-6 .post figure img,
	.scoop-featured .featured-style-7 .post figure img {opacity: initial}
	/* -- not sure if !important needed on live site, on test site doesn't seem to respect stylesheet order */
	
/* .scoop-featured .featured-style-5 span.entry-subtitle,
	.scoop-featured .featured-style-6 span.entry-subtitle,
	.scoop-featured .featured-style-7 span.entry-subtitle {font-size:20px;line-height:26px} */


/* * * Home Page: Featured/Top Stories
 ***** Style 5: Original Single Featured Story *****/
.scoop-featured .featured-style-5 .post-title h2 {

	line-height: 1.2em;

}

/* * * Home Page: Featured/Top Stories
 ***** Style 6 *****/

.scoop-featured .featured-style-6 .post {
    position: relative;
    margin: 0 0 35px;
}

.scoop-featured .featured-style-6 .post .post-inwrap {
	position: initial;
	box-shadow: none;
	text-align: center;
	padding: 0px;
	margin: 10px 0 0;
}

.scoop-featured .featured-style-6 .post .post-inwrap .post-title h2 a {
    color: initial;
}

	/* Large column */
	
	.scoop-featured .featured-style-6 .trending-column.big .post .post-image img {
		object-fit: cover;
		max-height: 400px;
	}

	/* Small column */
	.scoop-featured .featured-style-6 .trending-column.small .post .post-inwrap .post-title h2 {
		font-size: 16px;
	}

/* * * Home Page: Featured/Top Stories
 ***** Style 7  *****/

.scoop-featured .featured-style-7 .post {
    position: relative;
    margin: 0 0 35px;
}

.scoop-featured .featured-style-7 .post .post-inwrap {
	position: initial;
	box-shadow: none;
	text-align: left;
	padding: 0px;
	margin: 10px 0 0;
}

.scoop-featured .featured-style-7 .post .post-inwrap .post-title h2 a {
    color: #111;
}

	/* Large column */
	
	/* .scoop-featured .featured-style-7 .trending-column.big .post .post-image img */
	.scoop-featured .featured-style-7 .trending-column.big figure.post-image img {
		object-fit: cover;
	}

	.scoop-featured .featured-style-7 .trending-column.big .post .post-cat ul li a {
		margin-top: 5px;
	}

	/****** Style with box on right ******/
	.scoop-featured .featured-style-7 .trending-column.big .trending-big-wrapper {
		font-size: 14px;
		position: absolute;
		top: 0;
		width: 30%;
		margin-left: 70%;
		height: 400px;
		padding: 8px 20px;
		overflow: hidden;
	}
	.scoop-featured .featured-style-7 .trending-column.big span.entry-subtitle {
		line-height: 25px;
		padding: 10px 0px;
	}
	.scoop-featured .featured-style-7 .trending-column.big .post .post-content p {
		display: none;
		/* font-size: 16px;
		line-height: 25px;
		color: black; */
	}
	
	/****** If box is yellow ******/
	.scoop-featured .featured-style-7 .trending-column.big .trending-big-wrapper {
		background: yellow;
	}
	.scoop-featured .featured-style-7 .trending-column.big span.entry-subtitle {
		color: black;
	}
	.scoop-featured .featured-style-7 .trending-column.big .post .post-date {
		color: rgba(60,60,60,.8);
	}
	/* disabled if using grey/black box instead; see below
	.scoop-featured .featured-style-7 .trending-column.big .post .post-cat ul li a {
		background: black;
		color: white;
		font-weight: 600;
        margin-top: 15px;
	} */
	
	/****** If box is grey ******/
	.scoop-featured .featured-style-7 .trending-column.big .trending-big-wrapper {
		background: #3a3a3a;
	}
	.scoop-featured .featured-style-7 .trending-column.big .post .post-inwrap .post-title h2 a {
		color: white;
		font-weight: normal;
	}
	.scoop-featured .featured-style-7 .trending-column.big span.entry-subtitle {
		color: white;
	}
	.scoop-featured .featured-style-7 .trending-column.big .post .post-date {
		color: white;
	}
	
	/****** If box is black ******/
	.scoop-featured .featured-style-7 .trending-column.big .trending-big-wrapper {
		background: #111; /* For a darker shade: #0c0c0c */
	}
	
	/****** Style with grey box on top and excerpt in transparent box overlaying image ******/
	/* doesn't seem right, refer to screenshot in email end of Aug 2018 */
	/* .scoop-featured .featured-style-7 .trending-column.big .trending-big-wrapper {
		background: #ffffffeb;
		padding: 8px 10px;
		font-size: 14px;
		color: lightgray;
		position: absolute;
		top: 0;
		/* width: 30%; */
		/* margin-left: 70%; */
		/* max-height: 400px; */ /*
		height: 400px;
    } */
    
    /****** Style with box on left ******/
	.scoop-featured .featured-style-7 .trending-column.big .trending-big-wrapper {
		margin-left: initial;
	}

	/* Top Stories - all thumbs */

	.scoop-featured .featured-style-7 .trending-column.small {
		max-width: 50%;
	}
	.scoop-featured .featured-style-7 .trending-column.small .post-cat ul {padding-top: 2px;}
	.scoop-featured .featured-style-7 .trending-column.small .post .post-inwrap .post-title h2 {
		font-size: 22px;
	}
	.scoop-featured .featured-style-7 .trending-column.small span.entry-subtitle {
		color: #111;
	}
	.scoop-featured .featured-style-7 .trending-column.small .post .post-content p {
		display: none;
	}

	/* Top Stories - top right thumb */

	.scoop-featured .featured-style-7-toprow .trending-column.small span.entry-subtitle {
		font-size: 17px;
		line-height: 22px;
		padding-top: 10px;
	}

	/* Top Stories - bottom thumbs */

	.scoop-featured .featured-style-7-bottomrow .trending-column.small span.entry-subtitle {
		font-size: 17px;
		line-height: 22px;
		padding-top: 10px;
	}
	.scoop-featured .featured-style-7-bottomrow figure img {
		object-fit: cover;
	}


	
	/* ~~~ */
	/***** Style 7: Style with box on right  *****/
	
	.scoop-featured .featured-style-7, .scoop-featured .featured-style-8,
	.scoop-featured .featured-style-9 {
		padding-top: 30px;
		padding-bottom: 15px;
		max-width: 100%;
		/* max-height: 800px; */
	}

		/* Large column */
	
		.scoop-featured .featured-style-7 .trending-column.big .post .post-inwrap {
			padding-top: 5px;
		}
		/* .scoop-featured .featured-style-7 .trending-column.big .post .post-image img */
		.scoop-featured .featured-style-7 .trending-column.big figure.post-image img {
			margin-left: 30%;
			max-width: 590px;
		}
		
		.scoop-featured .featured-style-7 .trending-column.big .post .post-inwrap .post-title h2 {
			font-size: 26px;
		}
		.scoop-featured .featured-style-7 .trending-column.big .post .post-inwrap .post-title h2 a {
			font-family: 'balto-medium' !important;
			letter-spacing: initial;
		}
		.scoop-featured .featured-style-7 .trending-column.big span.entry-subtitle {
			font-size: 18px; }
	
		/* Promo */
	
		.featured-style-7 .trending-column.small.col-md-3 .thesc_promo {			
			padding: 10px 15px;
		}
		.featured-style-7 .trending-column.small.col-md-3 .thesc_promo img {
			height: 100px;
			float: left;
			padding-right: 10px;
		}
		.featured-style-7 .trending-column.small.col-md-3 .thesc_promo h2 {margin-top: 5px;}
		
		/* Bottom thumbs */

		.scoop-featured .featured-style-7-bottomrow figure img {
			height: 190px;
		}
		.scoop-featured .featured-style-7-bottomrow .trending-column.small.col-md-4 figure img {
			height: 250px;
		}
		
		/***** Style 7 ********** 1200px */
		@media only screen and (min-width: 1200px) {
	
			/* 
			 * for 4:3 ratio - height: 400px
			 * for 5:3 ratio - height: 490px
			 */
		 
			.scoop-featured .featured-style-7 .trending-column.big .trending-big-wrapper {
				height: 400px;
				/* height: 490px; */
			}
	
			/* .scoop-featured .featured-style-7 .trending-column.big .post .post-image img */
			.scoop-featured .featured-style-7 .trending-column.big figure.post-image img {
				max-height: 400px;
				/* max-height: 490px; */
			}
		
		}
	
		/***** Style 7 ********** 991px */
		@media only screen and (max-width: 991px) {
	
		/* Home Page: Featured, Style 7 */
		
		.scoop-featured .featured-style-7, .scoop-featured .featured-style-8,
		.scoop-featured .featured-style-9 {
			padding-top: 50px;
		}
	
			/* Main Sticky */
			.scoop-featured .featured-style-7 .trending-column.big {
			/*	width: 66.6667%; /* i.e. col-md-8 */
				width: 100%;
			}
	
			/* Top Stories - Right of Main Sticky */
	
			.scoop-featured .featured-style-7-toprow .trending-column.small {
			/*	width: 33.3333%; /* i.e. col-md-4 */
				width: 100%;
				max-width: 100%;
				margin-bottom: 40px;
			}

			.scoop-featured .featured-style-7-toprow .trending-column.small figure.post-image {
				float: left;
				max-width: 55%;
			}
		
				/* Thumbs in col-md-3 (i.e. 4-thumbs) */
			.scoop-featured .featured-style-7-bottomrow .col-md-3 figure img {
				height: 230px;
			}

			.scoop-featured .featured-style-7-toprow .trending-column.small .post .post-inwrap {
				float: right;
				max-width: 45%;
				padding: 15px;
			}

			/* Large column */

			/* Top Stories - bottom thumbs */
			.scoop-featured .featured-style-7 .trending-column.small .post .post-inwrap .post-title h2 {
				line-height: 26px;
			}
		
		/* * Home Page, Style 7: Thumbnail for Promo Content (LegCo, Magazine, etc) next to Sticky * */

		.sc_homethumb_container {padding: 10px 0px;}
		.sc_homethumb_container h2 {margin-top:20px;}
		.sc_homethumb_image img, .sc_legcothumb_image img {max-width:50%;}

			/* Temporary May 2019: Ramadhan Food Guide 2019 */
			.sc_homethumb_image {height: initial;margin-top: 0px;margin-bottom:20px}
			.sc_homethumb_image img {max-width:100%;}
			
		}
	
		/***** Style 7 ********** 650px */
		@media only screen and (max-width: 650px) {

		/* Home Page: Featured, Style 7 */
	
		.scoop-featured .featured-style-7, .scoop-featured .featured-style-8,
		.scoop-featured .featured-style-9 {margin-top: 180px; padding-top: initial}
	
			/* Section Header Style on live site: DISABLED (none) or ENABLED (inline) */
			.featured-style-7 .scoop-section-header {display:inline}
	
			/* Main Sticky */
			.scoop-featured .featured-style-7 .trending-column.big figure.post-image img {
				max-width: initial !important;
				margin-left: 0px !important;
				max-height: 350px;
				height: auto;
			}
			.scoop-featured .featured-style-7 .trending-column.big .trending-big-wrapper {
				width: 100%;
				height: auto;
				top: -180px;
			}	
		
				/* * Reset mobile style to match Style 5 * */
			
				.scoop-featured .featured-style-7, .scoop-featured .featured-style-8,
				.scoop-featured .featured-style-9 {margin-top: initial;}
			
				.scoop-featured .featured-style-7 .trending-column.big .trending-big-wrapper {
					background: none;
					position: relative;
					top: 0;
					padding: initial;
				}
				.scoop-featured .featured-style-7 .trending-column.big .post .post-inwrap {
					margin-top: 0px;
				}
				.scoop-featured .featured-style-7 .trending-column.big .post .post-inwrap .post-title h2 a {
					color: #111;
				}
			.scoop-featured .featured-style-7 .trending-column.big span.entry-subtitle {
			color: #111;
				font-size: 22px; }
			
			
	
			/* Top Stories - Right of Main Sticky */
		
			.scoop-featured .featured-style-7-toprow .trending-column.small figure.post-image {
				max-width: 100%;
				width: 100%;
				float: none;
				padding: 30px 30px 0px;
				margin: initial;
			}
			.scoop-featured .featured-style-7-toprow .trending-column.small .post .post-inwrap {
				max-width: 100%;
				float: none;
			}
		
				/* * Reset mobile style to match Style 5 * */
		
				.scoop-featured .featured-style-7-toprow .trending-column.small figure.post-image {
					padding: initial;
				}
				.scoop-featured .featured-style-7-toprow .trending-column.small .post .post-inwrap .post-title h2 a {
					font-size: 24px;
					font-weight: normal;
				}
				.scoop-featured .featured-style-7 .trending-column.small span.entry-subtitle {
					line-height: 25px;
				}
			
				.scoop-featured .featured-style-7-bottomrow .trending-column.small span.entry-subtitle
				{font-size:22px}
			

		/* Home Page & Archive Pages: Grey card styles for Featured Stories, Latest Stories,
		 * and posts on Archive Pages (category, author, tag) */
	 
		/* -- local -- */
	
		.scoop-featured .post .post-content p {display:none}
	
		.scoop-featured .full-width span.entry-subtitle,
		.scoop-featured .list-style span.entry-subtitle {line-height:25px;}
	
		}

		/***** Style 7 ********** 500px */
		@media only screen and (max-width: 500px) {
		
			/* Home Page: Featured, Style 7 */
	
				/* Main Sticky */
				.scoop-featured .featured-style-7 .trending-column.big figure.post-image img {
					max-height: 290px;
				}
		
				/* Top Stories - bottom thumb */
				.scoop-featured .featured-style-7 .trending-column.small {
					max-width: initial;
				}
	
					/* * Reset mobile style to match Style 5 * */
					.scoop-featured .featured-style-7-bottomrow .post-image {
						margin-left: initial; margin-right: initial;
					}
					/* See standardisation efforts below under Scoop Latest */
					/* *  .scoop-featured .featured-style-7-bottomrow .trending-column.small span.entry-subtitle {
						font-size: 22px;
					/*	color: #111; */
					/* } */
			
		
					/* Thumbs in col-md-3 (i.e. 4-thumbs) */
					.scoop-featured .featured-style-7-bottomrow .col-md-3 figure img {
						max-height: 250px
					}
		
		}
		
		/***** Style 7 ********** 400px */
		@media only screen and (max-width: 400px) {

			/* Homepage: Top Stories & The Latest */
	
			.featured-style-3 .scoop-section-header.shstyle2 h2:before,
			.featured-style-7 .scoop-section-header.shstyle2 h2:before,
			.featured-style-8 .scoop-section-header.shstyle2 h2:before,
			.featured-style-9 .scoop-section-header.shstyle2 h2:before,
			.scoop-latest .scoop-section-header.shstyle2 h2:before {max-width:45vw;}/*250px;*/
		
			/* Home Page: Featured, Style 7 */
	
				/* Main Sticky */
				.scoop-featured .featured-style-7 .trending-column.big figure.post-image img {
					max-height: 250px;
				}
		
			/* Home Page: Featured, Style 8 */
	
			.scoop-featured .featured-style-8 .post.sticky .post-title h2,
			.scoop-featured .featured-style-9 .post.sticky .post-title h2 {
				font-size: 27px;
				line-height: 29px;
			}
			.scoop-featured .featured-style-8 .post.sticky span.entry-subtitle,
			.scoop-featured .featured-style-9 .post.sticky span.entry-subtitle {
				font-size: 21px;
				line-height: 26px;
			}
		}

/* * * Home Page: Featured/Top Stories
 ***** Style 8 *****/

.scoop-featured .featured-style-8 .post .post-inwrap,
.scoop-featured .featured-style-9 .post .feat9-sticky-titlecol .post-inwrap,
.scoop-featured .featured-style-9 .feat9-stories .post .post-inwrap {
	text-align: left;
	padding: 0px;
	margin: 10px 0 20px;
}

.scoop-featured .feat-style8-bottomrow .post-inwrap:before {
	content:"";
    display: block;
    margin: 0 0 30px;
    padding-top: 10px;
    border-bottom: 1px #222 solid;
}

/*
.scoop-featured .feat-style8-toprow .post-inwrap:after {
	content:"";
    display: block;
    padding: 10px 0;
    border-bottom: 1px #222 solid;
}
*/

.scoop-featured .featured-style-8 .post .post-title,
.scoop-featured .featured-style-9 .post .post-title {margin: 20px 0; color:#111}

/* .scoop-featured .featured-style-8 .trending-column.small .post .post-inwrap .post-title h2 { */
.scoop-featured .featured-style-8 .post:not(.sticky) .post-inwrap .post-title h2,
.scoop-featured .featured-style-9 .post:not(.sticky) .post-inwrap .post-title h2 {
	font-size: 22px;
    line-height: 23px;
    font-weight: normal;
}
	/* Using .trending-column.small instead of .top-row so that sticky column isn't effected */


/* .scoop-featured .trending-column.small .feat-style8-bottomrow figure.post-image {display:none} */
.scoop-featured .feat-style8-bottomrow figure.post-image {display:none}
	
.scoop-featured .featured-style-8 .trending-column.small .feat-style8-bottomrow .post-inwrap .post-title h2 {
	/* font-size: 20px;
    line-height: 19px;
    
    Replaced with below, 24 Oct 2019 */
    line-height: 21px;
}

.scoop-featured .featured-style-8 span.entry-subtitle,
.scoop-featured .featured-style-9 span.entry-subtitle {
	/* font-size:18px;line-height:23px;
	
	Replaced with below, 24 Oct 2019 */
	font-size:16px; line-height: 19px;
	font-family:Georgia !important;font-style:italic;
}
		/* ^-- For the top-left and top-right stories */
	
.scoop-featured .featured-style-8 .post.sticky span.entry-subtitle,
.scoop-featured .featured-style-9 .post.sticky span.entry-subtitle {
	/* font-size: 23px;line-height: 29px;
	
	Replaced with below, 24 Oct 2019 */
	font-size: 19px;
    line-height: 22px;}
.scoop-featured .featured-style-8 .feat-style8-bottomrow span.entry-subtitle {
	/* font-size:17px;line-height:21px
	
	Replaced with below, 24 Oct 2019 */
	font-size:15px; line-height: 18px;}

/* .scoop-featured .featured-style-8 .post:not(.sticky) .post-meta {display:none} */

/****** Style 8: Hidden Sticky Row for Mobile (see 991px) vs Big Sticky Block for Desktop **/

.scoop-featured .featured-style-8 .sc-top-sticky-mobile {display:none}
.scoop-featured .featured-style-8 .sc-top-sticky-desktop {display:block}


/****** Style 8: Big/Sticky Column **/

.scoop-featured .featured-style-8 .trending-column.big .post .post-inwrap,
	.scoop-featured .featured-style-8 .sc-top-sticky-mobile .post .post-inwrap {text-align:center}

/* * * Home Page: Featured/Top Stories - Style 8: Post under Sticky */

.scoop-featured .trending-column.big .feat-style8-bottomrow {margin:35px 0}
.scoop-featured .trending-column.big .feat-style8-bottomrow .post-inwrap {margin:0}
.scoop-featured .trending-column.big .feat-style8-bottomrow .post-cat {margin: 10px 0}
.scoop-featured .trending-column.big .feat-style8-bottomrow .post-title {margin-top:0px}

.scoop-featured .feat-style8-bottomrow .feat-style8-sidethumb figure.post-image {display:block}
.scoop-featured .featured-style-8 .trending-column.big .post .feat-style8-sidethumb .post-inwrap {text-align:left}


	/* 991px is a specific size; in Full-Width Layout articles, related posts resizes;
	on Home Page, the Tiled posts stack into two rows */
	@media only screen and (max-width: 991px) {
		
	/* Home Page: Featured, Style 8 */

	.scoop-featured .feat-style8-bottomrow figure.post-image {display:block}
	/* .scoop-featured .trending-column.small .feat-style8-bottomrow figure.post-image {display:block} */
	
	.scoop-featured .featured-style-8 .post:not(.sticky),
	.scoop-featured .featured-style-9 .post:not(.sticky)
	{margin-top:4em}
	
		/****** Style 8: Section Header Style on live site: DISABLED (none) or ENABLED (inline) **/
		.featured-style-8 .scoop-section-header,
		.featured-style-9 .scoop-section-header
		{display:inline}

		/****** Style 8: Hidden Sticky Row for Mobile vs Big Sticky Block for Desktop **/
		.scoop-featured .featured-style-8 .sc-top-sticky-mobile {display:block}
		.scoop-featured .featured-style-8 .sc-top-sticky-desktop {display:none}
		
			.scoop-featured .featured-style-8 .sc-top-sticky-mobile .post .post-cat,
			.scoop-featured .featured-style-9 .post.sticky .post-cat
				{margin-top:15px}
			.scoop-featured .featured-style-8 .sc-top-sticky-mobile .post-inwrap:after,
			.scoop-featured .featured-style-9 .post.sticky .feat9-sticky-titlecol .post-inwrap:after {
				content:"";
				display: block;
				padding: 10px 0;
				border-bottom: 1px #222 solid;
			}
		
		.sc-top-sticky-mobile .sc_homebanner_showbelowsticky .container {width:100%}
			/* --making this default for 991px and below*/
		.sc-top-sticky-mobile .sc_homebanner_showbelowsticky .sc_homebanner_mobile {
			display:block;
			height: auto;
			width: auto;
			max-height: 250px;
			/*
			object-fit: cover;
			object-position: center center;
			height: 125px;
			width: 400px;
				-- Edited 26 Nov 2020 to accommodate a squarer 300x250 size */
			/*
			height: 100px; width: 470px;
			margin: 40px -15px 0px;
				-- Used these when the given banner has no mobile size,
				-- but actual mobile banner size is 400x125
			*/
			margin: 40px auto 0;
		}
			/* ^-- Esp. for tablet sizes between 768px and 991px */
		.sc_homebanner_showbelowfeatured .sc_homebanner_mobile {display:none}
			/* ^-- Switch block/none accordingly for these two,to show the banner 
			 *     either below Sticky (Mobile) only or below Featured Stories only */
		.sc-top-sticky-mobile .sc_homebanner_showbelowsticky .blog-banner img {
			max-height:unset;
			/* --Default styling limits it to 120px */
		}
		
		/****** Style 8: Dividers between posts: Hide on tablet/mobile **/	
		.scoop-featured .feat-style8-bottomrow .post-inwrap:before {
			content:"";
			display: initial;
			padding: initial;
			margin: initial;
			border-bottom: initial;
		}
		
		/*
		.scoop-featured .feat-style8-toprow .post-inwrap:after {
			content:"";
			display: initial;
			padding: initial;
			border-bottom: initial;
		}
		*/
	
		/****** Style 8: Featured Images **/
		.scoop-featured .featured-style-8 .post-image,
		.scoop-featured .featured-style-9 .post-image
		 {margin-left:0;margin-right:0}
		
			
			/* * Reset mobile style to match Style 5 (except Sticky) * */
			
			.scoop-featured .featured-style-8 .trending-column.small .post .post-inwrap .post-title h2,
			.scoop-featured .featured-style-8 .post:not(.sticky) .post-inwrap .post-title h2,
			
			.scoop-featured .featured-style-9 .trending-column.small .post .post-inwrap .post-title h2,
			.scoop-featured .featured-style-9 .post:not(.sticky) .post-inwrap .post-title h2 {
				font-size: 24px; line-height: 27px;
			}
			
			.scoop-featured .featured-style-8 .post:not(.sticky) span.entry-subtitle,
			.scoop-featured .featured-style-9 .post:not(.sticky) span.entry-subtitle {
				font-size: 19px;line-height: 23px;
			}
	
		/****** Style 8: Post under Sticky **/
		
		.scoop-featured .featured-style-8 .trending-column.big .post .feat-style8-sidethumb .post-inwrap {
			padding: 0 15px;
		}
		.scoop-featured .featured-style-8 .trending-column.big .feat-style8-bottomrow {margin-bottom:0}
		.scoop-featured .featured-style-8 .trending-column.big .feat-style8-bottomrow .post-inwrap {text-align:left}

	}


	/***** 768px, but really 767px as the max break-point *****/
	@media only screen and (max-width: 767px) {

		/****** Style 8: Hidden Sticky Row for Mobile vs Big Sticky Block for Desktop **/
		
		/*.sc-top-sticky-mobile .sc_homebanner_showbelowsticky .container {width:100%}*/
		.sc-top-sticky-mobile .sc_homebanner_showbelowsticky .sc_homebanner_mobile {
			display: block;
			/*
			width: 100%;
				-- Used this when the given banner has no mobile size,
				-- but actual mobile banner size is 400x125
			*/
			margin-left: auto;
			margin-right: auto;
		}
		.sc_homebanner_showbelowfeatured .sc_homebanner_mobile {display:none !important}
			/* ^-- Switch block/none accordingly for these two,to show the banner 
			 *     either below Sticky (Mobile) only or below Featured Stories only */
		
	}

	/***** 500px *****/
	@media only screen and (max-width: 500px) {

		/****** Style 8: Hidden Sticky Row for Mobile vs Big Sticky Block for Desktop **/
		
		.sc-top-sticky-mobile .sc_homebanner_showbelowsticky .container div {
			margin-left: -15px; margin-right: -15px;
			padding: 0;
		}

		/***** Style 8: Featured Images */

		.scoop-featured .featured-style-8 .post-image
			{margin-left:-15px;margin-right:-15px}	
					
	}

	/***** 400px *****/
	@media only screen and (max-width: 400px) {

		/****** Style 8: Hidden Sticky Row for Mobile vs Big Sticky Block for Desktop **/
		
		.sc-top-sticky-mobile .sc_homebanner_showbelowsticky .sc_homebanner_mobile { */
			width: 100%;
			height: auto;
		}
		.sc-top-sticky-mobile .sc_homebanner_showbelowsticky .container div {
			margin-left: auto; margin-right: auto;
		}
		.sc-top-sticky-mobile .sc_homebanner_showbelowsticky .blog-banner img {
			max-height:unset;
			/* --Default styling limits it to 120px */
		}
		
	}
	
	
/* * * Home Page: Featured/Top Stories
 ***** Style 9 *****/
			
.scoop-featured .featured-style-9 .feat9-stories {margin-top:30px;}

		/***** 991px *****/
		@media only screen and (max-width: 991px) { 
		
			.scoop-featured .featured-style-9 .post.sticky {
				display: flex;
				flex-direction: column-reverse;
				flex-wrap: wrap;
			}
			
		}

		/***** 768px, but really 767px as the max break-point *****/
		@media only screen and (max-width: 767px) {
	
			.scoop-featured .featured-style-9 .feat9-storiescol.col-sm-8 {padding-right: 0; padding-left: 0;}
					
			.scoop-featured .featured-style-9 .post.sticky .feat9-sticky-titlecol .post-inwrap {text-align:center}
			
			.scoop-featured .featured-style-9 .feat9-stories {margin-top:0;}
	
		}

		/***** 500px *****/
		@media only screen and (max-width: 500px) {
	
			/***** Style 9: Featured Images */

			.scoop-featured .featured-style-9 .post-image
				{margin-left:-30px;margin-right:-30px}	
			
		}
	
		
	/****** Style 9: Ad Column **/

	.feat9-adcol.widget-nomargin {
/* 	background: #f8f8f8; */
	text-align: center;}
	.feat9-adcol .thesc-iklan-adlabel:not(:first-child) {margin-top: 1vw;}
	.feat9-adcol img {margin-left: auto; margin-right: auto;}
	
	.feat9-adcol.iklan-size-sky img {width: 160px;}
	.feat9-adcol.iklan-size-medium img {width: 100%; max-width: 300px;}
	.feat9-adcol.iklan-size-medium .thesc-iklan-adlabel {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
    }

	.feat9-adcol.mobile .thesc-iklan-adlabel,
	.feat9-adcol.desktop .thesc-iklan-adlabel {text-align: center;}
	

/************************* Home Page: Middle Section *************************/

/* * Middle Section - Style 5, News *
 * See inc/loops/category-articles-layout-style-5.php
 * See also properties under Default Screen
 */



.news-style-5 .post-content.post-entry {display:none}

.news-style-5 .post .post-title {margin-bottom:20px;}

.news5-left .post .post-meta {
	padding-top: 10px;
}

.news5-right-top {
    padding: 0 0 20px;
    border-bottom: 1px #222 solid;
}

.news5-right-top .post .post-title h2, .news5-right-bottom .post .post-title h2
	{font-size: 22px; line-height: 26px;}

.news5-right-bottom {
    padding: 20px 0 0;
}

.scoop-latest.news-style-5 span.entry-subtitle, .scoop-latest.news-style-5 p.entry-subtitle,
.scoop-latest.latest-style-2 span.entry-subtitle, .scoop-latest.latest-style-2 p.entry-subtitle {		
	font-family:Georgia !important;font-style:italic;
}

.scoop-latest.news-style-5 .news5-right-bottom span.entry-subtitle,
	.scoop-latest.news-style-5 .news5-right-bottom p.entry-subtitle {display:none}


			.scoop-latest.news-style-5 .news5-right-bottom article figure.post-image {display:none}

	
		/* Defaults over 1200px */

		/*.news5-left span.entry-subtitle, .news5-right span.entry-subtitle {
			font-size: 19px;
		}*/

		.scoop-latest.news-style-5 .news5-left span.entry-subtitle, .scoop-latest.news-style-5 .news5-left p.entry-subtitle,
		.scoop-latest.latest-style-2 .news5-left span.entry-subtitle, .scoop-latest.latest-style-2 .news5-left p.entry-subtitle {
			font-size: 19px; line-height: 22px;
		}
		
		.scoop-latest.news-style-5 .news5-right span.entry-subtitle, .scoop-latest.news-style-5 .news5-right p.entry-subtitle,
		.scoop-latest.latest-style-2 .news5-right span.entry-subtitle, .scoop-latest.latest-style-2 .news5-right p.entry-subtitle {
			font-size:16px; line-height: 19px;
		}
	
		/***** Middle Section - Style 5, News ********** 991px */
		@media only screen and (max-width: 991px) {
		
			.scoop-latest.news-style-5 .news5-right .post .post-cat ul li {margin-top:5px}
		
			.news5-right-top .post .post-title h2 {font-size: 22px; line-height: 26px;}
	
			.scoop-latest.news-style-5 .news5-right span.entry-subtitle {display:none}
		
		}

		/***** Middle Section - Style 5, News ********** 767px */
		@media only screen and (max-width: 767px) {
	
			.news5-right-top .post .post-title h2 {font-size: 30px; line-height: 26px;}
			.scoop-latest.news-style-5 .news5-right span.entry-subtitle {display:block}
		
		}

		/***** Middle Section - Style 5, News ********** 650px */
		/***** Middle Section - Style 6, Latest 2 ********** 650px */
		@media only screen and (max-width: 650px) {
		
			/* * Grey Cards for the Middle Section *
			 * Sep 2020 - With some overlap with Middle Style 6 aka Latest Style 2
			 * Feb 2020 - Some changes started here for new homepage redesign; might need to clean up or integrate
			*/
			.scoop-latest.news-style-5 .row,
			/*.scoop-latest.latest-style-2 .latest2-blog-posts .row,*/
			.scoop-latest.latest-style-2 .blog-posts article .row,
			.latest-style-2 .scoop-home-cartoons {background:whitesmoke;}
		
				/* legacy-ish naming, Scoop Latest - could break off into its own style, or nah? */
				.blog-main.scoop-latest article {
					position: initial;
					height: auto;
				}
				.blog-main.scoop-latest .sc-row-cats {
					max-height: 45px;
					background: -webkit-linear-gradient(top, #ddd 0%,#eee 47%,whitesmoke 100%);
					margin-bottom: 5px;
					padding-top: 5px;
				}
				.blog-main.scoop-latest article {
					height: 210px;
					border-top: 3px #ddd solid;
				}
				.blog-main.scoop-latest .sc-row-cats .post-cat
					{margin:15px; width: 95vw;} /* to review */
				.blog-main.scoop-latest article .post-inwrap
					{ padding-top: 15px; }

			.scoop-latest.news-style-5 article .post-inwrap,
			.scoop-latest.latest-style-2 article .post-inwrap {
				width: 50%;
				left: 0;
				top: 10px;
			}
			.scoop-latest.news-style-5 .news5-right-bottom article .post-inwrap,
			.scoop-latest.latest-style-2 .news5-right-bottom article .post-inwrap {
				width: 100%;
				padding: 0 15px;
			}
			.scoop-latest.news-style-5 .post-inwrap .post-cat,
			.scoop-latest.latest-style-2 .post-inwrap .post-cat {display:none}
			/* .scoop-latest.news-style-5 .news5-right-bottom .post-inwrap .post-cat {display:block} */
		
		
			.scoop-latest.news-style-5 article figure.post-image,
			.scoop-latest.latest-style-2 article figure.post-image {float:left;}
		
			.news5-left .post .post-title h2,
			.news5-right-top .post .post-title h2,
			.news5-right-bottom .post .post-title h2
				{font-size:24px;}
			.scoop-latest.news-style-5 .news5-left span.entry-subtitle,
			.scoop-latest.news-style-5 .news5-right-top span.entry-subtitle,
			.scoop-latest.news-style-5 .news5-right-bottom span.entry-subtitle,
			.scoop-latest.latest-style-2 span.entry-subtitle {
				font-size: 17px;
				line-height: 20px;
			}
			.scoop-latest.news-style-5 .news5-right-bottom span.entry-subtitle,
			.scoop-latest.latest-style-2 .news5-right-bottom span.entry-subtitle {display:block}
			.news5-right-top {
				padding-bottom: 0;
				border-bottom: 0;
			}
		
			.scoop-latest.news-style-5 .scoop-section-more {display:block;
				text-align: center;
				margin-top: 20px;
				margin-bottom: 30px;
			}
		}

/* ----------- */

/* * Middle Section - Style 5, Categories *
 * See inc/loops/category-articles-layout-style-5.php
 * See also properties under Default Screen
 */
 
.scoop-home-categories {display:none}
 

/* ----------- */

/* Home Page, Mix and Match Elements (whoa) */


.scoop-home-sponsored, .scoop-home-socialbar, .scoop-home-cartoons {
	/* background: #eee; */
	background: #f8f8f8;
    padding-top: 40px;
    padding-bottom: 30px;
    margin-top: 20px;
	margin-bottom: 30px;
}

.scoop-home-sponsored {padding-bottom:0}
.scoop-home-cartoons  {margin: 0 -20px 0 20px; padding: 5px 30px 40px !important;}
	/*-- More styling for cartoons under Mix and Match, Cartoons Thumbnail
	 */
	
		@media only screen and (max-width: 768px) {
			.scoop-home-cartoons  {margin: auto} 
		}
		
.scoop-home-socialbar.schome_socialbar1 {padding-top: 0; padding-bottom: 0}
.scoop-home-socialbar h2, .scoop-home-socialbar h3 {text-align:center}


/* * * Home Page, Mix and Match
 ***** Sponsored Bar *****/

.scoop-home-sponsored .post .post-entry {display: none} /* Not span.entry-subtitle ? */

.scoop-home-sponsored .post.list-style .post-title h2 {
    font-size: 20px;
    line-height: 23px;
	font-weight: normal;
}

		@media only screen and (max-width: 1024px) {
		
			/* .scoop-home-sponsored .col-md-5, .scoop-home-sponsored .col-md-7 { */
			.scoop-home-sponsored .post-image, .scoop-home-sponsored .post-inwrap {
				width:70%; margin-left: 15%;
			}
			.scoop-home-sponsored .post .post-cat ul li {margin-top:10px}
			
			.scoop-home-sponsored .post.list-style .post-title h2 {
				font-size: 18px;
				line-height: 22px;
			}
		
		}

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

			.scoop-home-sponsored {margin-top: 3em; padding-top: 3em;}
			
			/* .scoop-home-sponsored .col-md-5, .scoop-home-sponsored .col-md-7 { */
			.scoop-home-sponsored .post-image, .scoop-home-sponsored .post-inwrap {
				width: initial;
				margin-left: initial;
			}
		
		}

		@media only screen and (max-width: 767px) {
		
			.scoop-home-sponsored .post-image {width:42%;}
			.scoop-home-sponsored .post-inwrap {
					width:58%;
					margin-top: 0 !important;
			}
			.scoop-home-sponsored .post .post-cat ul li {margin-top:0}
			.scoop-home-sponsored .post.list-style .post-title h2 {
				font-size: 19px;
				line-height: 26px;
			}
			
		}

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

			.scoop-home-sponsored {padding-top: 3.5em;}
			.scoop-home-sponsored .container {padding-right: 0;padding-left: 0;}
			
			.scoop-home-sponsored .post-image {padding-right:0}
			.scoop-home-sponsored .post-inwrap {padding-left:20px}
			
		}


/* * * Home Page, Mix and Match
 ***** Social Bars 1 & 2
 * Oct 2019: These replace the sidebar in the old Category Posts layout, and are meant to go with 'Scoop. Middle Section'
 */

.scoop-home-socialbar {margin-top:30px;}


	/** IG using Smash Balloon plugin **/

	.thesc-sb-igfeed-desktop {display:block;}
	.thesc-sb-igfeed-mobile {display:none;}

			@media only screen and (max-width: 768px)  {
				.thesc-sb-igfeed-desktop {display:none;}
				.thesc-sb-igfeed-mobile {display:block;}
			}

	/* No need for this. Gets overwritten anyway by plugin CSS. Use 'Custom CSS' on the plugin options page: https://thescoop.co/wp-admin/admin.php?page=sb-instagram-feed&tab=customize
	 */ 
	/* .schome_socialbar_ig #sb_instagram .sbi_follow_btn a {
		background: #f7fa00;
		padding: 5px 15px;
		font-size: 14px;
	} */
    
    /** Videos using YouTube Channel plugin 
     *
     * Note: On localhost, this plugin couldn't be downloaded normally;
     * 	Had to be downloaded manually as a ZIP from developer website.
     *
     **/
    
		@media only screen and (max-width: 767px) and (min-width: 501px) {
			/* don't remove the min-width */
			.schome_video .ytc_video_container{
				max-width: 80% !important;
				margin-left: 10%;
			}
		}
    
		@media only screen and (max-width: 550px) {
			.schome_video { padding-bottom: 20px }
		}
    
    .schome_video .ytc_video_container {
		padding-top: 10px;
		padding-bottom: 20px;
	}

	.schome_video h5.ytc_title {font-size:14px}
			/* In Articles, it's h3 */

	.schome_video .ytc_link {
		margin-bottom: 20px;
		text-align: center;
	}

		@media only screen and (min-width: 768px)  {
			/* don't change to max-width */

				.schome_video .ytc_display_thumbnail {	
					display: inline-grid;
					grid-template-columns: repeat(3, 1fr);
					grid-column-gap: 30px;
					grid-row-gap: 20px;
				}
				.schome_video h5.ytc_title {
					height: 50px; /*30px;*/
				}
		}	

		@media only screen and (max-width: 550px) {
	
			.schome_video .ytc_display_thumbnail {
				padding-left: 15px;
				padding-right: 15px;
			}
		
			.schome_video h5.ytc_title {font-size:15px}
		}
		
		
	/** Thumbnail: LegCo, Magazine, or other Promos **/

	.scoop-home-socialbar .sc_homethumb_container h2 {
		/* overrides sidebar Thumbnail styling and resets some values */
		margin-top: 20px;
		font-family: 'balto-medium' !important;
		font-style: normal;
		font-size: 24px;
		/*text-align: left;*/
		color: #111;
		color: inherit; 
	}

	.scoop-home-socialbar .sc_homethumb_image {height:auto;margin-top:20px}
		/* overrides sidebar Thumbnail styling and resets some values */
		
	.scoop-home-socialbar .sc_homethumb_label {margin-top:20px}
	
	
			@media only screen and (min-width: 1200px) {
				.scoop-home-socialbar .sc_homethumb_image img {width: 90%;}
			}
	
			@media only screen and (max-width: 991px) {
				.scoop-home-socialbar .sc_homethumb_image img {width: 350px;}
			}
	
			@media only screen and (max-width: 550px) {
				.scoop-home-socialbar .sc_homethumb_container {border-top: 1px #777 solid;}
			}	

			@media only screen and (max-width: 400px) {
				.scoop-home-socialbar .sc_homethumb_image img {width: 250px;}
			}
			
	/** Misc styles - to override others **/

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

				.scoop-home-socialbar h2, .scoop-home-socialbar h3 {text-align:center}

			}


/* * * Home Page, Mix and Match
 ***** Cartoons Thumbnail *****/
 
.scoop-home-cartoons .sc_homethumb_label {text-align: left}
.scoop-home-cartoons .su-post-thumbnail img {margin-bottom: 30px}
.scsu-imgmed-single {margin-top: 30px}
	/*-- in the event the Heading is hidden */
.scsu-imgmed-single	.su-post  {max-width: 600px;margin: auto;}


		/***** 768px, but really 767px as the max break-point *****/
		@media only screen and (max-width: 767px) {
	
			.scoop-home-cartoons {width: 80%;margin: 0 auto 5vw;}
			/*.scoop-home-cartoons .su-post-thumbnail img {*/
			.scoop-latest .scoop-home-cartoons img.wp-post-image {
				width: 300px;
				margin-left: auto;
				margin-right: auto;
				text-align: center;
			}
			.scoop-home-cartoons .sc_homethumb_label {text-align: center;}
		
		}

		@media only screen and (max-width: 650px) {
		
			/* As part of Latest Style 2 */
		
			.latest-style-2 .scoop-home-cartoons {
				background: -webkit-linear-gradient(top, #ddd 0%,#eee 20%,whitesmoke 100%) !important;
				width: 100%;
				height: 300px;
				max-height: 300px;
				margin-bottom: 0;
			}
			.latest-style-2 .scoop-home-cartoons figure.post-image {width: 100%;}
			.scoop-latest .scoop-home-cartoons img.wp-post-image {width:200px}
			.latest-style-2 .scoop-home-cartoons .su-post-thumbnail {float:left}
			.latest-style-2 .scoop-home-cartoons .post-meta {float: left;padding-left: 15px;}
		
		}

		@media only screen and (max-width: 500px) {
		
			/* As part of Latest Style 2 */
			
			.latest-style-2 .scoop-home-cartoons .post-meta {width:45%;}
			.latest-style-2 .scoop-home-cartoons {	
				height: auto; /*350px;*/
				max-height: 350px;
				padding: 5px 15px !important;
			}
			.latest-style-2 .scoop-home-cartoons figure.post-image {
				display: flex;
				align-items: flex-start;
			}
			.latest-style-2 .scoop-home-cartoons .su-post-thumbnail {
				float: none;
				display: inline-flex;
			}
			.latest-style-2 .scoop-home-cartoons .post-meta {float: none; width: auto; max-width: 50%;}
			.latest-style-2 .scoop-home-cartoons .post-meta p {margin-top: 2vw;}
			
		}

		@media only screen and (max-width: 375px) {
		
			/* As part of Latest Style 2 */
			
			.latest-style-2 .scoop-home-cartoons {	
				padding: 5px 15px 25px !important;
				max-height: none;
			}
			.latest-style-2 .scoop-home-cartoons figure.post-image {flex-direction: column;}
			.scoop-latest .scoop-home-cartoons img.wp-post-image {width:auto;}
			.latest-style-2 .scoop-home-cartoons .post-meta { 
				width: 100%;
				max-width: unset;
				padding-left: 2vw;
			}
			.latest-style-2 .scoop-home-cartoons .post-meta p {width:100%;}
			
		}


/* ----------- */

/* PLACED HERE COS BUILDS ON SOCIALBAR STYLING */

/* * Middle Section - Style 6, or Latest Style 2 *
 * See inc/loops/category-layout-style-6.php
 */
 
.latest-style-2 .scoop-latest-first {display:inline-block}

		/***** 768px, but really 767px as the max break-point *****/
		@media only screen and (max-width: 767px) {

			.latest-style-2 .post.list-style {
				/* margin-left: 0; 15px;				margin-right: -30px;  15px; */
				margin-left: -15px;
				margin-right: -15px;
				border-top: 3px #ddd solid;
			}
	
		}

		@media only screen and (max-width: 650px) {
		
			.latest2-blog-posts {
				margin-left: -15px;
				margin-right: -15px;
				width: 105% !important;
			}
			.blog-main.scoop-latest.latest-style-2 .sc-row-cats
				{background: -webkit-linear-gradient(top, #ddd 0%,#eee 47%,whitesmoke 100%) !important;}		
			.blog-main.scoop-latest.latest-style-2 .scoop-latest-first article {
				border-top: 3px #ddd solid; height: 300px;}
			.blog-main.scoop-latest.latest-style-2 .post .post-inwrap {
				margin-top: 10px;
			}
			.latest-style-2 .post .post-title h2,
			.blog-main.scoop-latest.latest-style-2 .post .post-title h2 span.entry-title-primary
				{font-size:23px !important; /* 23px */}
			.blog-main.scoop-latest.latest-style-2 .post .post-title h2 a {font-weight:400;}
				/*-- this is for posts without subheadings i.e. no child span */
			.scoop-latest.latest-style-2 article figure.post-image {max-width:45%}
			.blog-main.scoop-latest.latest-style-2 .post .post-inwrap {
				margin-left: -15px;
				padding: 0 1em 0 0;
				width: 45%;
				margin-top: 5px;
			}
			.blog-main.scoop-latest.latest-style-2 .scoop-latest-first .post .post-inwrap {
				margin-left: 0;
			}
			.scoop-latest.latest-style-2 span.entry-subtitle {display:none}
		
		}

		@media only screen and (max-width: 600px) {
		
			.latest2-blog-posts {width: 110% !important;}
			
		}
		@media only screen and (max-width: 500px) {
		
			.blog-main.scoop-latest.latest-style-2 .scoop-latest-first article {height: 270px;}
			
		}
		@media only screen and (max-width: 400px) {
		
			.latest-style-2 .post .post-title h2,
			.blog-main.scoop-latest.latest-style-2 .post .post-title h2 span.entry-title-primary
				{font-size:21px !important; /* 22px */}
			/*.blog-main.scoop-latest.latest-style-2 .post .post-inwrap {
				margin-left: -5px;
			}*/
		}

.latest-style-2 .scoop-home-socialbar {margin-bottom: 4vw;}
.latest-style-2 .schome_socialbar2 .container {
	width:auto;
	padding-left: 40px;
    padding-right: 40px;
}

.latest-style-2 .scoop-home-socialbar .schome_video h3,
.latest-style-2 .scoop-home-socialbar .sc_homethumb_container h2
{margin-top:0}

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

			.latest-style-2 .schome_video .ytc_display_thumbnail {	
				display: inline-grid;
				grid-template-columns: repeat(2, 1fr);
				grid-column-gap: 10px;
				grid-row-gap: 10px;
			}
			.latest-style-2 .schome_video .ytc_video_container.ytc_video_last {display:none}
			
		}

		@media only screen and (max-width: 650px) {
		.latest-style-2 .scoop-home-socialbar {    margin: 7vw 5vw 5vw;
    padding: 5vw 0;}
    .latest-style-2 .schome_socialbar2 .container {padding-left: 2vw;
    padding-right: 2vw;}
		.latest-style-2 .scoop-home-socialbar .sc_homethumb_image img {
    height: 250px;
    width: auto;}
		}

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

			.latest-style-2 .schome_video .ytc_display_thumbnail {	
				grid-template-columns: repeat(1, 1fr);
				}
		}

.scoop-home-layout-2 .category-posts .post.full-width .post-inwrap .post-title .entry-subtitle {
	font-family: Georgia;
	font-style: italic;
	font-weight: bold;
}


/* ----------- */


/* * * Home Page, Ads
 ***** Styling for AdSense
 * Jun 2020: Centering doesn't seem to work for the iframe directly, but for its div parent instead
 */

.home .thesc-iklan-front-above-footer .thesc-iklan-front-above-footer div > div,
.home .thesc-iklan-front-below-top-tiled .thesc-iklan-front-below-top-tiled div > div,
.home .thesc-iklan-front-below-top-tiled .thesc-iklan-front-below-top-tiled > div:nth-child(2),
.home .thesc-iklan-front-above-footer-mobile .thesc-iklan-front-above-footer-mobile div > div,
.home .thesc-iklan-front-above-footer .thesc-iklan-front-above-footer div:nth-child(2)
	{text-align:center; margin-bottom: 2vw}
	/* class is stacked twice by Adv Ads
	some of them div differently hence the child(2) is targeted	*/