/* SPOTLIGHT TOPIC */


.spotlight_topic .main{
	width: 100%;
	background: #F3F3F0;
}
.spotlight_topic .g-new-podcast-posts-block{
	max-width: 960px;
    margin: auto;
}
.spotlight_topic .spotlight-topic-header{
	min-height: 450px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
	flex-direction: column;
    align-items: center;
    justify-content: center;

}


.spotlight-topic-headline{ font-size: 42px;
	letter-spacing: 0;
	line-height: 50px;
	text-align: center;
	color: #FFFFFF;
	max-width: 960px;
	margin-bottom: 10px;
	font-weight: bold;
	font-family:neue-haas-grotesk-display,sans-serif;
}
.spotlight-topic-description{
	font-size: 14px;
	letter-spacing: 0;
	max-width: 600px;
	line-height: 19px;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 25px;
	font-weight: bold;
	font-family:neue-haas-grotesk-display,sans-serif;
}
.spotlight_topic .spotlight_topic-avatar img{
	height: 150px;
	width: 150px;
	border-radius: 50%;
}

.spotlight_topic .spotlight_topic-avatar {margin-top: 100px;margin-bottom: 20px;}
.spotlight_topic .spotlight-topic-label{margin: 30px auto 30px auto; color: #f47963;
	font-family:neue-haas-grotesk-display,sans-serif;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 19px;
	text-align: center;
    font-weight: bold;}

.spotlight_topic .spotlight-topic-header .social li a::before{color: #fff;font-size: 36px;}
.spotlight_topic .spotlight-topic-header .social{margin-bottom: 40px;}

.spotlight_topic .spotlight-topic-header .social li.facebook a::before{ content: "\e910";}
.spotlight_topic .spotlight-topic-header .social li.twitter a::before{content: "\e90e";}
.spotlight_topic .spotlight-topic-header .social li.instagram a::before{content: "\e952";}
.spotlight_topic .spotlight-topic-header .social li.website a{background: var(--spotlight-topic) no-repeat scroll;display: block;width: 36px;height: 36px;}
.spotlight_topic .spotlight-topic-header .social li.website a::before{content: "";}





.spotlight_topic .g-new-podcast-post-item {margin-left: 30px;position: relative;flex-basis: 300px;margin-bottom: 30px;box-shadow: 0 1px 10px 0 rgba(0,0,0,0.15);display: flex;}
.spotlight_topic .g-new-podcast-post-item:first-child, .g-new-podcast-post-item:nth-child(3n+1) {margin-left: 0;}
.spotlight_topic .g-new-podcast-posts-block {display: flex;flex-wrap: wrap;padding-bottom: 80px;}
.spotlight_topic .g-new-podcast-post {position: relative;height: calc(100% - 300px);padding: 0 10px;text-align: center;}
.spotlight_topic .g-new-podcast-post {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
}
.spotlight_topic .g-new-podcast-posttitle {
	font-size: 24px;line-height: 28px;font-weight: bold;margin-bottom: 10px;margin-top: 15px;
	display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #101114;
  font-family: neue-haas-grotesk-display,sans-serif;

}
.spotlight_topic .g-new-podcast-posttitle a, .g-new-podcast-post-exerpt a {
	display: block;
}
.spotlight_topic .g-new-podcast-post-exerpt {
	font-size: 15px;
    line-height: 21px;
    letter-spacing: 0.5px;
	margin-bottom: 20px;
	font-family: neue-haas-grotesk-display,sans-serif;
	min-height: 63px;
	max-height: 63px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
	color: #525252;
	font-weight: 500;
    -webkit-box-orient: vertical;

}


.spotlight_topic .g-new-podcast-post-date { font-size: 15px;line-height: 21px;margin-bottom: 10px;letter-spacing: 0.5px;font-family: neue-haas-grotesk-display,sans-serif;font-weight: bold;color: #000;}
.spotlight_topic .g-new-podcast-post-share-buttons {justify-content: center;margin-bottom: 25px;align-items: center;}
.spotlight_topic .g-new-podcast-post-share-buttons li {font-size: 20px;margin: 0 10px;color: #fff;}
.spotlight_topic .g-new-podcast-post-share-buttons li a::before {color: #fff !important;font-size: 24px !important;}
.spotlight_topic .g-new-podcast-post-short-text {height: auto;min-height: auto;display: flex;flex-direction: column;justify-content: space-between;}



.spotlight_topic .g-new-podcast-see-all {display: flex;align-items: center;justify-content: center;}
.spotlight_topic .g-new-podcast-see-all a {display: block;width: 150px;height: 40px;border: solid 1px #484848;border-radius: 40px;font-size: 14px;line-height: 40px;color: #000;text-align: center;letter-spacing: 1px;font-family: 'Roboto Condensed', sans-serif;font-weight: 400;}


.spotlight_topic .g-new-podcast-post-item .media {position: relative;width: 100%;float: none;clear: both;min-height: 300px;margin-bottom: 0;}

.g-new-podcast-post-player {justify-content: space-between;align-items: center;padding: 0 12px;display: flex;position: absolute;z-index: 1;bottom: 12px;left: 0;}
.g-new-podcast-post-player::after {
	content: "\e91f";
	font-weight: 400;
	font-family: 'Toi-new';
	font-size: 20px;
	color: #fff;
	margin-left: 10px;
	display: block;
}
.g-new-podcast-post-item .media .video-wrap {position: unset;padding: 0;height: auto;}
.g-new-podcast-post-item .media iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}


.g-new-podcast-promote-link {text-align: center;margin-top: 30px;}
.g-new-podcast-promote-link a {display: inline-block;font-size: 16px;line-height: 19px;font-family:"Roboto Condensed","Arial Narrow",sans-serif;text-transform: uppercase;text-align: center;font-weight: bold;color: #fff;background-color: #3B8BEA;border-radius: 100px;padding: 18px 32px 15px;}
.g-new-podcast-promote-link a::before {content: "\e91f";font-family: 'Toi-new';font-weight: 400;margin-right: 10px;}
.mobile .g-new-podcast-promote-link a {padding: 7px 32px;}
.mobile .g-new-podcast-promote-link a span{display: block;}
.mobile .g-new-podcast-promote-link a::before {content: none;}

/*load more*/
.g-tag-load-more-wrapper {position: relative;width: 100%;flex-basis: 100%;display: flex;align-items: center;justify-content: center;}
.g-tag-load-more {width: 100%;}
/*.g-tag-load-more a {height: 100%;color: #E70000;background-color: #fff;text-align: center;max-width: 108px;height: 36px;border-radius: 3px;border: solid 1px #E70000;display: block;font-family: var(--font-family-regular);font-size: 14px;line-height: 36px;margin: auto;}*/


/* more loader */
.gi_loading .lds-facebook {display: block;}
.gi_loading .g-tag-load-more {display: none;}
.lds-facebook {
  display: none;
  position: relative;
  clear: both;
  margin: auto;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #d1d1d1;
  /*background: #E70000;*/
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}

@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}


/*MOBILE*/
.mobile.sticky-header.g-new-podcast-page.page .new-header-toi-mobile.header .mob-header-wrapper {border: none;background: transparent;}
.mobile.sticky-header.g-new-podcast-page.page .new-header-toi-mobile.header {position: fixed;}
.g-new-podcast-page .new-header-toi .new-account ul.new-list .a-profile>a {background-color: #fff;color: #000;}

.mobile .g-new-podcast-page-header {min-height: 400px;padding: 75px 30px 25px;max-height: none !important;}
.mobile .g-new-podcast-page-header-title {font-size: 48px;line-height: 58px;letter-spacing: 1.5px;}
.mobile .g-new-podcast-page-header-description {font-size: 14px;line-height: 16px;letter-spacing: 0.75px;margin-bottom: 30px;}
.mobile .g-new-podcast-page-header-description pre {display: block;text-align: center;white-space: normal;}
.mobile .g-new-podcast-page-header-albums-wrapper {background-color: unset;padding: 0;}
.mobile .g-new-podcast-page-header-albums {flex-wrap: wrap;justify-content: center;}

.mobile .g-new-podcast-page-header-albums.albums-count-4 {max-width: 220px;}
.mobile .g-new-podcast-page-header-albums.albums-count-4 .g-new-podcast-page-header-album {margin: 0 10px 12px;}

.mobile .g-new-podcast-page-header-album {width: 100%;margin-right: 20px;margin-bottom: 25px;max-width: calc(33.33333% - 13.5px);flex-basis: calc(33.333% - 13.5px);}
.mobile .g-new-podcast-page-header-album:last-child,
.mobile .g-new-podcast-page-header-album:nth-child(3n) {margin-right: 0;}
.mobile .g-new-podcast-section {padding: 60px 20px;}
.mobile .g-new-podcast-section.g-new-podcast-color {padding-bottom: 40px;}
/* .g-new-podcast-section:nth-child(even) {padding-bottom: 40px;} */
.mobile .g-new-podcast-section:last-child {padding-bottom: 30px;}
.mobile .g-new-podcast-section-headline {font-size: 32px;line-height: 38px;}
.mobile .g-new-podcast-section-underline {margin-bottom: 25px;}
.mobile .g-new-podcast-section-providers {margin-bottom: 35px;}
.mobile .g-new-podcast-post-item {margin: 0;margin-bottom: 20px;flex-basis: 100%;}
.mobile .g-new-podcast-post-item .media {max-height: 335px;}
.mobile .g-new-podcast-post-exerpt {font-size: 14px;line-height: 18px;}
.mobile .g-new-podcast-posttitle {line-height: 26px;}
.mobile .g-new-podcast-post-share-buttons li {margin: 0 12px;}
.mobile .g-new-podcast-post-share-buttons li a::before {font-size: 28px !important;}
.mobile .promoted .g-new-podcast-post-share-buttons li {margin: 0 10px;}
.mobile .podcast-listen-btn a {line-height: 20px;}
.mobile .promoted .g-new-podcast-post-exerpt {display: block;}
.mobile .g-new-podcast-page-header-album span {font-size: 10px;line-height: 14px;margin-top: 10px;}
.mobile .g-new-podcast-post-short-text {min-height: auto;}

.mobile .g-new-podcast-topic-header {margin-bottom: 0;padding-bottom: 35px;}
.mobile .g-new-podcast-topic-image {margin-bottom: 20px;}
.mobile .g-new-podcast-topic-image img {max-width: 90px;}
.mobile.g-new-podcast-topic .g-new-podcast-section-providers {margin-bottom: 0;}

body.tag .g-new-podcast-post-player {box-sizing:border-box;}

/*{TOI} Fix podcast cover image size on mobile*/
.mobile .g-new-podcast-page-header {padding: 90px 20px 54px;min-height: 300px;}
.mobile .g-new-podcast-page-header-description {margin-bottom: 0;}
.mobile .g-new-podcast-page-header-title {margin-bottom: 10px;}
.mobile .g-new-podcast-page-header-icon {margin-bottom: 25px;}
.mobile .g-new-podcast-page-header-albums {width: 100%;max-width: 255px;margin: 45px auto 0;}
.mobile .g-new-podcast-sections-wrapper .g-new-podcast-section:first-child {padding-top: 28px;}
.mobile .g-new-podcast-section.g-new-podcast-color {background-color: unset;padding-bottom: 0;}
.mobile .g-new-podcast-section {padding-bottom: 0;}
.mobile .g-new-podcast-page-header-album {margin: 0;margin-right: 15px;max-width: 75px;flex-basis: unset;margin-bottom: 12px;}
.mobile .g-new-podcast-page-header-album span {margin-top: 5px;}

.g-new-podcast-sections-wrapper .g-new-podcast-section:first-child {padding-top: 60px;}
/*{TOI} Corrections to Podcasts page*/
body.spotlight_topic .g-social-podcast-page {right: 5px;position: absolute;top: 12px;}
    
body.spotlight_topic .social-header.social li {margin-right: 0;width: 50px;}

.mobile .g-new-podcast-page-header-title {font-size: 46px;}


.mobile .spotlight-topic-header{max-height: 100%;padding: 0 20px 0 20px;}
.mobile.spotlight_topic .g-new-podcast-posts-block{padding: 0 20px 60px 20px;}
.mobile.spotlight_topic.sticky-header.small-header{padding-top:0}
/* .mobile.spotlight_topic.sticky-header .new-header-toi-mobile.header .mob-header-wrapper{background: linear-gradient(180deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);} */
.mobile.spotlight_topic.sticky-header .new-header-toi-mobile.header .mob-header-wrapper{border: none;background: linear-gradient(180deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);}
    
.mobile.spotlight_topic .spotlight_topic-avatar img{max-height: 120px;max-width: 120px;}
.mobile.spotlight_topic { max-width: 335px;
	color: #FFFFFF;
	font-size: 32px;
	letter-spacing: 0;
	line-height: 36px;
	text-align: center;}

	.spotlight_topic .footer{background-color: #1e1e1e;border: none;}
	.spotlight_topic  .footer .newsletter input{border: solid 1px #fff;
		border-right: none;
		background: transparent;
		color: #fff;
	}
	.spotlight_topic  .footer .newsletter input::placeholder{color: #fff;}
	.spotlight_topic .footer .newsletter .submit{background: #1e1e1e;border: 1px solid #fff;}


	.spotlight_topic.sticky-header.small-header{
	padding-top: 0;
    padding-bottom: 0;
	}


	.mobile.spotlight_topic .spotlight-topic-headline{ 
		font-size: 32px;
		letter-spacing: 0;
		line-height: 36px;
	}
	.mobile.spotlight_topic .spotlight-topic-description{ font-size: 14px;
		letter-spacing: 0;
		line-height: 18px;
		margin-bottom: 25px;
	}
	.mobile.spotlight_topic .spotlight_topic-avatar{margin-top: 80px;}
	.mobile.spotlight_topic .spotlight-topic-header .social{margin-bottom: 30px;align-items: center;}
	.mobile.spotlight_topic .spotlight-topic-header .social li a::before{font-size: 28px;}
	.mobile.spotlight_topic .spotlight-topic-header .social li.website a{height: 28px;width: 28px;background-size: contain;}
	.mobile.spotlight_topic .spotlight-topic-header {background: inherit;}
	.mobile.spotlight_topic .g-new-podcast-post-exerpt{max-height:90px;-webkit-line-clamp: 4;}
	.mobile.spotlight_topic .g-new-podcast-post-player{width: 100%;box-sizing: border-box;}
	.mobile.spotlight_topic .spotlight-topic-label{margin: 20px auto 20px auto;padding: 0 20px;}
	.mobile.spotlight_topic .g-tag-load-more-wrapper{min-height: auto;}
	.mobile.spotlight_topic .g-new-podcast-post-item {display: block;}
	.mobile.spotlight_topic .spotlight-topic-header{min-height: auto;}

   .spotlight-topic-posts-block .g-new-podcast-post-inner .media.video a::after{  
		color: rgb(255, 255, 255);
		font-family: Toi-new;
		font-size: 24px;
		content: "";
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		height: 60px;
		width: 60px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: auto;
		border-radius: 50%;
		border-width: 2px;
		border-style: solid;
		border-color: rgb(255, 255, 255);
		border-image: initial;
	}
	.spotlight-topic-posts-block .g-new-podcast-post-inner .media a::before{
		content: "";
		background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
		position: absolute;
        height: 100%;
        width: 100%;
		left: 0;
	}

	.sticky-header .new-header-toi.header.spotlight-topic .wrap-wide1,
	.sticky-header .new-header-toi.header.spotlight-topic .menu-control{
		background: linear-gradient(180deg, #000000 0%, rgba(0,0,0,0) 99.98%);
	}

	.spotlight_topic .g-new-podcast-post-full-text {
	height: 100%;
    min-height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;	
	}