/* FEATURED SLIDER STYLING */
	
.featured-slider-content {
	position: relative;
	height: 100%;
}

.featured-slider,
.highlights-slider,
.featured-articles-slider,
.channels-home-slider {
	visibility: hidden;
}

.featured-slider.slick-initialized, 
.highlights-slider.slick-initialized,
.featured-articles-slider.slick-initialized,
.channels-home-slider.slick-initialized {
	visibility: visible;
}

.featured-slider .item {
	padding: 0 15px;
	position: relative;
}

.featured-slider-content a h3 {
	font-family: 'GilroyExtraBold', Arial, Helvetica, sans-serif;
    line-height: 1.25;
    font-size: 32px;
    color: #000;
}

.highlights_top{
	padding-top: 15px;
}

.featured-slider-content p {
	font-family: 'GilroyMedium', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.25;
	margin-top: 1.5rem;
}

.featured-slider-content p::first-letter {
	font-family: 'GilroyExtraBold', Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: 50px;
    margin-top: -7px;
    float: left;
    padding-right: 10px;
    line-height: 1;
    color: #ff0000;
}

.featured-slider-image {
	height: 25em;
	border-radius: 10px;
	width: 100%;
    object-fit: cover;
    object-position: center;
}

.featured-slider-content img {
	height: 8%;
	position: absolute;
	bottom: 15px;
}

.featured-slider .slick-dots {
	text-align: right;
	padding-right: 1rem;
	bottom: 5px;
}

.slick-dots li {
	width: 25px;
	height: 15px;
}

/* HIGHLIGHTS STYLING */
.highlights-slider-channel {
	text-align: center;
	padding: 1.3rem 1rem;
}

.highlights-slider-channel img {
	max-height: 50px;
}

.highlights-slider-featured {
	height: 250px;
	background-size: cover;
	background-position: center;
}

.highlights-slider-title {
	height: 200px;
	padding: 1rem 1.5rem;
}

.highlights-slider-title a {
	margin: 0;
	font-family: 'GilroyMedium', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 23px !important;
	line-height: 30px !important;
}

.highlights-slider-footer div {
	background: #000;
	color: #fff;
	padding: .25rem 1.5rem;
}

.highlights-slider .item {
	border-radius: 15px;
	border: 1px solid #d1d1d1;
	overflow: hidden;
}

.highlights-slider .slick-dots {
	bottom: 0px;
}

.highlights-header h3,
.featured-articles-container h3,
.trending-articles-container h3,
.channel-stories-container h3 {
	font-family: 'GilroyBold', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #000;
	margin-bottom: -10px;
}

.highlights-heartbeat {
	width: 100%;
	height: 30px;
	background-position: right;
	background-size: cover;
}

/* OUR CHANNELS STYLING */
.channel-list h3 {
	margin-bottom: 1.5rem;
	text-align: center;
	font-family: 'GilroyBold', Arial, Helvetica, sans-serif;
	color: #000;
}

.our-channels-link .item {
	margin: 3px;
	border: 1px solid rgba(0,0,0,.125);
	height: auto;
	padding: 1rem;
	border-radius: 15px;
}

.about-channel-item img,
.about-channel-logo {
	width: 100%;
	object-fit: contain; 
}

.about-channel-item img {
	border-radius: 5%;
	padding-bottom: 0;
	height: auto;
}

.about-channel-logo {
	height: 50px;
	margin: 1rem 0;
}

.channels-home-slider > .slick-list > .slick-track {
	display: flex;
}

.channels-home-slider > .slick-list > .slick-track > .slick-slide {
	height: inherit;
}

.channels-home-slider > .slick-list > .slick-track > .slick-slide > div,
.channels-home-slider > .slick-list > .slick-track > .slick-slide > div > a,
.channels-home-slider > .slick-list > .slick-track > .slick-slide > div > a > .item {
	height: 100%;
}

.articles-city {
	color: #fff;
	font-family: 'GilroyReg', Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
}

.articles-channel-image,
.articles-city {
	text-align: center;
	padding: 0.5rem 3rem;
}

.articles-channel-image img {
	max-height: 50px;
	max-width: 100%;
}

.articles-featured-image {
	height: 200px;
	background-size: cover;
	background-position: center;
}

.articles-featured-image-2{
    height: 220px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.channel-stories-cards,
.channel-stories-left {
	border-radius: 15px;
	overflow: hidden;
}

.channel-stories-right {
	color: #000;
	padding-top: 2.5rem !important;
}

.channel-stories-right a,
.featured-articles a {
	font-family: 'GilroyBold', Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000;
	line-height: 1;
}

.channel-stories-right a {
	font-size: 23px !important;	
}

.channel-stories-right a:hover,
.featured-articles a:hover {
	color: #ff0000;
	text-decoration: none;
}

.channel-stories-right p {
	font-size: 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 24px;
}

.channel-stories-right span {
	font-family: 'Cambria', Arial, Helvetica, sans-serif;
	position: absolute;
	bottom: 0.5rem;
	text-transform: uppercase;
}

.channel-stories-right span a {
	font-family: 'Cambria', Arial, Helvetica, sans-serif;
    font-size: 16px !important;
}

.channel-stories-right p {
	font-family: 'GilroyReg', Arial, Helvetica, sans-serif;
}

.featured-articles img {
	max-height: 31px;
	width: auto;
	min-height: 24px;
	margin-bottom: 0.75rem !important;
}

.featured-articles-container,
.trending-articles-container {
	background: #fff;
	border: 1px solid #d1d1d1;
	border-radius: 15px;
	padding: 2rem;
}

.featured-articles-container {
	padding-top: 1rem !important;
}

.trending-articles-container {
	padding: 2rem 0;
}

.trending-articles-container h3 {
	padding: 0 2rem;
}

.trending-articles-container hr {
	margin: 1rem 2rem;
}

.trending-articles {
	padding: 0 2rem 1.5rem 1rem;
}

.trending-articles span {
	margin-right: 0.5rem;
	font-family: 'GilroyExtraBold', Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 17px;
}

.trending-articles .trending-image {
	min-width: 90px;
	height: 90px;
	border-radius: 15px;
	background-size: cover;
	background-position: center;
	margin-top: 3px;
}

.trending-articles .trending-title a {
	padding-left: 1rem;
	color: #000;
	font-family: 'GilroyReg', Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 24px;
}

.trending-articles .trending-title a:hover {
	color: #ff0000;
	text-decoration: none;
}

.highlights-slider .slick-list{
	overflow: hidden;
}

.featured-slider .slick-list {
	overflow: visible;
}

.highlights-slider {
	overflow: hidden;
}

.highlights-slider .slick-arrow {
	display: none !important;
}

.highlights-slider .slick-prev:before, 
.highlights-slider .slick-next:before {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 40px;
	color: #000;
	font-weight: bold;
}

.highlights-slider .slick-prev {
	left: 5%;
	justify-content: end;
}

.highlights-slider .slick-next {
	right: 15px;
}

.highlights-slider .slick-prev:before {
	content: '\f104';
}	

.highlights-slider .slick-next:before {
	content: '\f105';
}

.slick-next{
	height: auto;
}

.side-section-info > span {
	font-family: 'GilroyExtraBold', Arial, Helvetica, sans-serif;
	font-size: 30px;
}

.side-section-read-more {
	font-family: 'GilroyBold', Arial, Helvetica, sans-serif;
	background: #ff0000;
	border: 2px solid #ff0000;
	transition: 0.2s;
}

.side-section-read-more:hover {
	background: transparent;
}

.highlights-slider-footer {
	background-color: #000;
	color: #fff;
}

.channel-stories-cards {
	overflow: visible;
}

.channel-stories-bookmark {
	position: absolute;
    top: -25px;
    right: 0;
    z-index: 2;
    font-size: 26px;
}

.highlights_top .channel-stories-bookmark {
	top: -10px;
	right: 10px;
}

.home-load-more {
	text-align: center;
}

.home-load-more span {
	background: #000;
	color: #fff;
	padding: .5rem 3rem;
	border-radius: 50px;
	font-family: 'GilroyReg', Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	transition: 0.2s;
	border: 2px solid #000;
}

.home-load-more span:hover {
	background: transparent;
	border: 2px  solid #000;
	color: #000;
	cursor: pointer;
}

.channel_posts_footer a:hover {
	color: #ff0000;
}

.side-section-info {
	background-image: url(/assets/V3/thebeat/images/AD_The_Beat_Blank.webp);
	background-size: cover;
	background-position: center;
	border-radius: 15px;
	background-repeat: no-repeat;
}

.side-section-read-more {
	font-family: 'GilroyBold', Arial, Helvetica, sans-serif;
	background: #000;
	border: 2px solid #000;
	transition: 0.2s;
	border-radius: 20px;
	letter-spacing: 2px;
}

.side-section-social-media {
	display: flex;
	align-items: center;
	justify-content: end;
	flex-direction: column;
	font-size: 22px;
}

.side-section-social-media a:hover {
	background-color: transparent;
	border-color: transparent;
	color: #ff0000 !important;
}

.side-section-info > span {
	font-family: 'GilroyHeavy', Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: italic;
	text-transform: uppercase;
	line-height: 0.7;
}

.bottom-sides-container {
	position: sticky;
	top: 128px;
}

.highlights-slider-channel .sub_category{
    font-family: QuicksandBold;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    padding-top: 10px;
	display: block;
}

.asia_home_slider{
	padding-top: 3rem;
}

@media(min-width: 992px) {
	/*.featured-slider-content p{
	    overflow: hidden;
	    height: 91px;
	}*/
}


@media(max-width: 991px) {
	.featured-slider-content img {
		margin-top: 3em;
		position: relative;
	    bottom: revert;
	    height: 30px;

	}
}


@media(max-width: 768px) {
	.channel-list h3 {
		text-align: left;
	}

	.featured-slider-image {
		height: 15em;
		margin-bottom: 1em;
	}

	.featured-slider-content img {
		position: relative;
		bottom: revert;
		height: 30px;
	}

	.featured-slider-content {
		height: revert;
	}
	
	.channel-stories-right span {
		position: relative;
	}

	.featured-articles-container,
	.trending-articles-container {
		border: none;
		border-radius: 0px;
	}

	.highlights-slider .slick-list {
		width: 100%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
		margin: 0 auto;
	}

	.highlights-slider .slick-arrow {
		display: flex !important;
	}

	.featured-slider .slick-dots {
		text-align: center;
	}

	.channel_posts .container h3 span {
		margin-top: 10px;
		margin-bottom: 20px;
		display: flex;
		align-items: center;
		padding: 0;
	}

	.channel_posts .container h3 span img {
		padding: 0 0.5rem
	}

	.asia_home_slider{
		padding-top: 0.5rem;
	}
}

@media(max-width: 281px) {
	.highlights-header h3,
	.featured-articles-container h3,
	.trending-articles-container h3,
	.channel-stories-container h3,
	.channel-list h3 {
		font-size: 1.5em;
	}

	.bottom-sides-container {
		padding: 1.5rem 1rem;
	}

	.highlights-heartbeat {
		height: 25px;
	}

	.highlights-slider-footer,
	.sides-follow-us {
		flex-direction: column;
	}

	.highlights-slider-footer p {
		text-align: left !important;
	}

	.featured-slider-content a h3 {
		font-size: 28px;
	}

	.highlights-slider-title a {
		font-size: 18px;
	}

	.side-section-info > span {
		font-size: 26px;
	}
}