/* Remove new blackquote for single-features-special */

/* Cookieconsent */
.cc-popup {
	transform: translateY(110%);
	transition: transform .7s ease-in-out;

	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 16px 20px;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
	line-height: 1.7;
	color: #fff;
	background-color: #525252;
    z-index: 9999;
}
.cc-popup.open {
	transform: translateY(0);
}
.cc-popup-message {
	max-width: 990px;
	margin-right: 20px;
}
.cc-popup-message a {
	text-decoration: underline;
}
.cc-popup-button {
	cursor: pointer;
	min-width: 140px;
	padding: 9px 14px;
	font-size: 12px;
	line-height: 1.65;
	letter-spacing: 0.5px;
	font-weight: 700;
	color: #000;
	border-radius: 5px;
	border: none;
	background-color: #fff;
}

/* NEW LIVE BLOG CLOSE BUTTON */
.article.liveblog {position: relative;}
.wrap-article.liveblog.article-popup {cursor: pointer;}
.wrap-article.liveblog.article-popup .article {height: 100%;overflow: unset;margin-top: 75px;}
.wrap-article.liveblog.article-popup .article .article-wrap {cursor: auto;height: calc(100% - 120px);overflow-y: scroll;overflow-x: hidden;}
.article.liveblog .article-popup-close {
	float: none;
	position: absolute;
	font-family:"Roboto",sans-serif;
  top: -35px;
  right: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  font-size: 16px;
  color: #fff;
}

.article.liveblog .article-popup-close::before {
	content: "\e924";
	color: #fff;
	margin-left: 8px;
	font-size: 30px;
	margin-top: -2px;
}

.article.liveblog .article-popup-close::after{
	content: "Close";
  font-family: "Roboto",sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
}

.open-comments {text-align:center;padding-bottom:15px;padding-bottom:15px;border-bottom:1px solid #E9EBEE;}
.open-comments button {padding:5px 10px 5px 15px;border-radius:27.5px;background-color:#4862A3;color:#FFFDFD;font-family:"Roboto",sans-serif;font-size:16px;font-weight:bold;line-height:20px;text-align:center;border:0;}
.open-comments .arrow::before{font-family:'Toi-new';content:"\ea16";font-weight:400;margin-left:2px;}
#comments.open .open-comments .arrow::before{content:"\ea14";}
#comments.open .open-comments .text-off,
.open-comments .text-on {display:none;}
#comments.open .open-comments .text-on {display:inline-block;}
#comments.toggle-module .fb-comments {max-height:0;overflow:hidden;transition:.2s all;display:block;}
#comments.toggle-module.open .fb-comments {max-height: none;}
.show-onready {display:none;}
body:not(.responsive-site).single-features-special.sticky-header.single-spotlight .above-headline.stat_position {margin-top:50px;}

/*fix media animation*/
.cols4 .template3.features .media {height: 100%;}
.cols4 .template3.features.bgcolor .media a::after {height: 100%;}
.mobile .block.cols4 .template3.features.bgcolor .media a::after {height: 100%;}

/*fix home top banner*/
/*.home .banner.HP_Top {min-height: 250px;} */
/*fix home top banner*/
/*.home.main-toi .banner:first-of-type, .main-toi .article > .banner:first-of-type {*/
/*	height: 250px !important;*/
/*	width: 100%;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  overflow: hidden !important;*/
/*  max-height: none;*/
/*  max-width: none;*/
/*} */

.main-toi .article > .banner:first-of-type {
	padding: 30px 0;
	box-sizing: unset;
}

body.home.main-toi .hp_section#hp_section_1 {margin-top: 30px;}

/*SPOTLIGHT ORDERING*/
.archive .item.spotlight, .item.spotlight:first-child {
	position: relative;
	box-sizing: border-box;
	padding: 39px 20px 20px;
	background-color: #FDF5F1;
}

.archive .item.spotlight .s-label {
	color: #F47963;
	font-family:"Roboto Condensed","Arial Narrow",sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	position: absolute;
  top: 16px;
  left: 20px;
}

.archive .item.spotlight .media {
	width: 280px;
	height: auto;
}

.archive .item.spotlight .media img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.archive .item.spotlight .media + .item-content {
	width: 300px;
}

.archive .item.spotlight .byline a, .item.spotlight .byline span {
	color: #F47963;
}

.mobile.archive .item.spotlight, .mobile .item.spotlight:first-child {
	padding: 39px 10px 15px;
}

.mobile.archive .block.cols4 .item.spotlight.news .media {
	width: 110px;
}

.mobile.archive .block.cols4 .item.spotlight.news .media + .item-content {
	width: calc(100% - 126px);
}

.mobile.archive .item.spotlight .s-label {
	left: 10px;
}

.term-header.has-sala + .main .cols6 > div:last-child:not(.topics-tabs):not(.bgcolor)::after {
	display:block;float:left;width:100%;margin-top:60px;content:" ";border-bottom:4px solid;
}

.mobile.archive .items .banner + .item {margin-top: 0;}

/*isarel unlocked template*/
body.page .landing-page-template .article-content {padding:0;border:none;margin:60px auto;max-width:740px;float:none;width:100%;overflow:hidden;}
body.mobile .landing-page-template .article-content {margin:0;}
body.page .landing-page-template .the-content .link-btn,
body.page .landing-page-template .the-content .button {margin: 0;background: none;text-align: center;}
body.page .landing-page-template .the-content .button a {max-width: none !important; width: auto !important;display:inline-block !important;color:#FFFFFE !important;font-family:"trade-gothic-next-condensed",sans-serif !important;font-size:18px !important;line-height:20px !important;text-transform:uppercase !important;margin:25px auto !important;padding:20px 38px 17px !important;border-radius:300px !important;background-color:#0E4E97;}
body.mobile .landing-page-template .the-content .link-btn,
body.mobile .landing-page-template .the-content .button {padding:20px;font-size:4.8vw;}

/*{TOI} design and develop browser push notification*/
.new-header-toi{z-index:999999}
.push-notification-widget__top{background: var(--push-icon) no-repeat center;height: 25px;width: 16px;margin: 20px auto 15px;}
.push-notification-widget__close{color:#fff;font-size: 13px;letter-spacing: 0;line-height: 18px;border: none;background: none;margin: 16px 0 18px 0;cursor: pointer;font-family:"Roboto",sans-serif;/* opacity: 0.75; */}
#push-notification-widget {height: 250px;width: 320px;border-radius: 0 0 0 20px;background-color: #3B8BEA;box-shadow: 0 0 25px 0 rgba(0,0,0,.5);color: #fff;position: absolute;top: 149px;right: 0;text-align: center;z-index:999;}
body.sticky-header #push-notification-widget{position: fixed;top: 50px;z-index: 99;}
.push-notification-widget__title {color: #FFFFFF;font-family:"Roboto Condensed",sans-serif;font-size: 24px;font-weight: bold;letter-spacing: 0;line-height: 28px;text-align: center;text-transform: uppercase;margin: 0 20px 5px 20px;}
.push-notification-widget__subtitle{color: #FFFFFF;font-family:"Roboto",sans-serif;font-size: 14px;font-weight: 500;letter-spacing: 0;line-height: 18px;text-align: center;margin-bottom: 15px;}
.push-notification-widget__button{height: 32px;width: 135px;border-radius: 16px;background-color: #011D56;box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);color:#fff;border:none;font-family: "Roboto",sans-serif;font-weight: bold;font-size: 14px;text-transform: uppercase;line-height: 18px;cursor: pointer;}
.push-notification-widget_hidden,
.push-notification-widget__success,
.push-notification-widget_subscribed .push-notification-widget__title,
.push-notification-widget_subscribed .push-notification-widget__control {display: none;}
.push-notification-widget_subscribed .push-notification-widget__success {display: block;}

/*{TOI} Reduce padding in partners' geomodule**/
#div-gpt-ad-Partners_LB{height: auto!important;}
#div-gpt-ad-HP_Top{height: 250px!important;}


/* {TOI} Change geomodule behaviour */
#div-gpt-ad-Partners_LB{margin-top:0}
#div-gpt-ad-Partners_LB > div:empty{display:none!important}
#div-gpt-ad-Partners_LB > div{margin-top:45px;}
#div-gpt-ad-HP_Top{margin-bottom:45px;}

/* {TOI} Fix issue with in-article newsletter subscription */
.the-content p ~ .wp-caption{margin-bottom:20px;}


/*{TOI} Redesign newsletter sign-up module {10h}*/
/*.community-member .newsletter-article, .registered-member .newsletter-article {display: none !important;}*/
.newsletter-article .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.newsletter-article {visibility: hidden;min-height: 100px;overflow: hidden;border-top: solid 1px #CC2729;border-bottom: solid 1px #CC2729;padding: 28px 0 8px;margin: 26px 0;box-sizing: border-box;width: 100%;clear: both;float: none;font-family:"Roboto",sans-serif;}
.anonim-member .newsletter-article {visibility: visible;}
.community-member .newsletter-article, .registered-member .newsletter-article {display: none;}
.newsletter-article * {margin: 0;padding: 0;float: none;clear: both;box-sizing: border-box;font-family:"Roboto",sans-serif;}
.newsletter-article button, .newsletter-article input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  background: unset;
  outline: none;
  padding: 0;
  margin: 0;
}
.newsletter-article-inner {display: flex;width: 100%;}
.newsletter-article-part {width: 100%;}
.newsletter-article-form-wrapper {flex-basis: 280px;}
.newsletter-article-text {flex-basis: calc(100% - 280px);font-size: 16px;line-height: 22px;font-weight: bold;color: #CC2729;}
.newsletter-article-text span {display: block;}
.newsletter-article-terms {opacity: 0.75;text-align: center;color: #CC2729;font-size: 10px;line-height: 14px;margin-top: 8px;}
.newsletter-article-terms a {color: #CC2729 !important;text-decoration: underline;}
.newsletter-article-form {width: 100%;height: 40px;display: flex;justify-content: space-between;}
.newsletter-article-form .newsletter-article-input {height: 100%;display: block;width: 100%;border: solid 1px #CC2729;}
.newsletter-article-input.submit {position: relative;cursor: pointer;background-color: #CC2729;font-weight: bold;color: #fff;font-size: 12px;line-height: 14px;text-transform: uppercase;min-width: 90px;width: 90px;}
.newsletter-article .newsletter-article-input.email-address {border-right: none;font-size: 12px !important;line-height: 14px;letter-spacing: 0.25px;padding-left: 14px;}
.newsletter-article .newsletter-article-input.email-address::placeholder {color: #CC2729;opacity: 0.75;}
.newsletter-article .newsletter-article-input.email-address:focus::placeholder {color: transparent;}
.newsletter-article .newsletter-article-input.email-address:active::placeholder {color: transparent;}
.newsletter-error.newsletter-article-error {font-size: 14px;line-height: 20px;/*color: #CC2729;*/color: #000;padding: 0 15px;margin-top: 10px;}
.newsletter-article .thank-you {text-align: center;color: #CC2729;font-weight: bold;font-size: 16px;line-height: 22px;}

/*{TOI} Design and develop Startup Daily newsletter sign-up module */
.newsletter-article.newsletter-article-startup {border-color: #00695f;}
.newsletter-article.newsletter-article-startup .newsletter-article-text {color: #00695f;}
.newsletter-article.newsletter-article-startup .newsletter-article-terms {color: #00695f;}
.newsletter-article.newsletter-article-startup .newsletter-article-terms a {color: #00695f !important;;}
.newsletter-article.newsletter-article-startup .newsletter-article-form .newsletter-article-input {border-color: #00695f;}
.newsletter-article.newsletter-article-startup .newsletter-article-input.submit {background-color: #00695f;}
.newsletter-article.newsletter-article-startup .newsletter-article-input.email-address::placeholder {color: #00695f;}
.newsletter-article.newsletter-article-startup .thank-you {color: #00695f;}
.community-member .newsletter-article.newsletter-article-startup, .registered-member .newsletter-article.newsletter-article-startup {display: block;visibility: visible;}

/*.newsletter-article .thank-you p {margin: 0;}*/
.newsletter-article.loader .newsletter-article-input.submit span {display: none;}
.newsletter-article.loader .submit::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 33px;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 3px rgba(255,255,255,0.5);
  border-top: 3px solid transparent;
  -webkit-animation: load-animate infinite linear 1s;
  animation: load-animate infinite linear 1s;
}

.mobile .newsletter-article {padding: 25px 0 20px !important;min-height: 100px;}
.mobile .newsletter-article-inner {flex-wrap: wrap;flex-direction: column;align-items: center;}
.mobile .newsletter-article-part {flex-basis: 100%;}
.mobile .newsletter-article-text {font-size: 18px;line-height: 25px;margin-bottom: 15px;text-align: center;}
.mobile .newsletter-article-form-wrapper {flex-basis: unset;max-width: 300px;}
.mobile .newsletter-article-terms {margin-top: 15px;font-size: 12px;}
.mobile .newsletter-error.newsletter-article-error {margin-top: 18px;}
.mobile .newsletter-article .thank-you {font-size: 14px;line-height: 24px;}
.mobile .newsletter-article .thank-you p {margin: 0;}
.mobile .newsletter-article .thank-you .big {font-size: 18px;}




/*{TOI} Add 'advertisement' above in-article banners {9h}*/
.banner-placeholder .banner-label{
    font-family: "Roboto",sans-serif;
    font-size: 11px;
    letter-spacing: 0.5px;
    line-height: 11px;
    text-align: center;
    /* color: #878787; */
    text-transform: uppercase;
    margin-bottom:8px;
    margin-top:8px;
    display: inline-block;
}
.banner-placeholder{text-align: center;}


.article .banner-placeholder.placeholder-top{background-color:#f3f3f0; margin-bottom:0;height: 270px;position: relative;padding-top: 30px;padding-bottom:30px;}
.banner-placeholder.placeholder-top .banner-label{margin-top:0}
.banner-placeholder.non-visible{display: none}
.banner-placeholder.placeholder-top.placeholder-gray .banner-label{color:#787878}
.banner-placeholder.placeholder-top{ margin-bottom:0;height: 270px;position: relative;padding-top: 0;padding-bottom:45px;}
/*body.single .Partners_LB {background-color:#f3f3f0;margin-top:0;padding-top:45px;}*/
/*.cols2 .banner:not(:first-child) {margin-top:45px;margin-bottom:0;}*/

.banner-placeholder{
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    min-height: 277px; /* 250 + .banner-label height 11px + 8px .banner-label margin-top + 8px .banner-label margin-bottom*/
    clear: both;
    width: 100%;
    margin-bottom: 24px;
    display: inline-block;
}
.banner-placeholder .banner {
    margin: 0 auto 15px auto;
}
.sticky-sidebar-wrap .banner-placeholder:first-child{margin-bottom: 0}
.sticky-sidebar-wrap .banner-placeholder:first-child .banner{margin-bottom: 0}

.banner-placeholder.placeholder-top{border: none}

.banner-placeholder.HP_Middle_1{min-height: 90px;margin-top:26px;}

.article-content .banner-placeholder {
    border-top: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
}
.banner-placeholder.HP_300x600_Sidebar_Right_1{min-height: 600px;}

.banner-placeholder.HP_300x250_Sidebar_Right_1,
.banner-placeholder.HP_300x600_Sidebar_Right_1,
.banner-placeholder.HP_300x250_Sidebar_Right_1 .banner,
.banner-placeholder.HP_300x250_Sidebar_Right_1 .banner{margin-bottom: 0}

.banner-placeholder.HP_300x250_Sidebar_Right_1,
.banner-placeholder.HP_300x600_Sidebar_Right_1{margin-top:24px;}


/*{TOI} Update section + topic + writer + latest ad units*/
.tax-writers .banner-placeholder.placeholder-top,
.page-template-latest .banner-placeholder.placeholder-top{ margin-bottom:0;height: 270px;position: relative;padding-top: 30px;padding-bottom:30px;}
.tax-writers  .sticky-sidebar-wrap .banner-placeholder:first-child,
.page-template-latest .sticky-sidebar-wrap .banner-placeholder:first-child{margin-bottom: 24px;}

.page-template-latest-alerts #vidazoo-widget,
.tax-writers #vidazoo-widget,
.archive #vidazoo-widget,
.page-template-latest #vidazoo-widget,
.page-template-latest-alerts #gpt-passback,
.tax-writers #gpt-passback,
.archive #gpt-passback,
.page-template-latest #gpt-passback{ float: left;margin-bottom: 0!important;margin-top: 30px!important;max-width: 65%;}
.page-template-latest .term-header{padding-bottom:0}
.archive .sticky-sidebar-wrap .banner-placeholder:first-child{margin-bottom: 24px;}
.TimesofIsrael_Billboard{border:none!important;}
/*find and remove from live*/
/*body.tag .banner.Top {margin-top:45px;}*/

.the-content > #vidazoo-widget{margin-bottom: 26px !important;}
.article-content .banner-wrap #vidazoo-widget{padding: 0;margin: 0;}

@media (max-width: 1024px) {
	.archive #vidazoo-widget,
	.page-template-latest #vidazoo-widget{
		max-width: 100%;
	}
}


body.home .placeholder-HP_Top_m{padding-bottom: 0;margin-top:0}

/*.HP_Top_m-wrap, .Top_m-wrap {background-color:#f3f3f0;display:flex;align-items:center;justify-content:center;}*/

/*.banner-placeholder:last-of-type{margin-top:26px;}*/

/*{TOI} Update section + topic + writer + latest ad units*/
/*find and update on live*/
.archive .hp_section .banner > div {float: left;width: 100%;}

.archive .sticky-sidebar-wrap .banner-placeholder{margin-top: 0}


/*{TOI} Add padding below Omny embed*/
.the-content .omny-wrapper{
    margin-bottom:26px;
}


/*{TOI} Design & develop Streetwise Hebrew for TOIC */
.landing-page-template .the-content ul {margin-top: 20px;list-style: disc;margin-bottom: 0;}
body.page .landing-page-template .article-content {margin-bottom: 0;}
/*.podcast-embed-player {float: none;clear: both;position: relative;width: 100%;box-sizing: border-box;margin-top: 45px;margin-bottom: 60px;padding-bottom: 60px;border-bottom: solid 1px #D8D8D8;}*/
.podcast-embed-player {float: none;clear: both;position: relative;width: 100%;box-sizing: border-box;margin-top: 45px;margin-bottom: 60px;}
.guest-card {color: #000;display: flex;align-items: center;position: relative;box-sizing: border-box;float: none;clear: both;margin: 45px 0;width: 100%;padding: 30px 20px 30px 15px;background-color: #F9F9F9;}
.guest-card-label {font-size: 16px;line-height: 26px;font-style: italic;margin-bottom: 5px;}
.guest-card-name {font-size: 20px;line-height: 32px;font-weight: bold;margin-bottom: 10px;text-transform: uppercase;}
.guest-card-description {font-size: 18px;line-height: 26px;}
.guest-card-text {flex-grow: 1;}
.guest-card-image {margin-right: 15px;}
.guest-card-image img {width: 100%;width: 102px;height: 102px;border: solid 1px #3D3D3D;border-radius: 102px;max-width: none;object-fit: cover;}
.top-image.streetwise {margin-bottom: 60px;width: 100%;float: none;clear: both;box-sizing: border-box;}
.top-image.streetwise img {display: block;width: 100%;max-width: 100%;}

.users-popup-bg-lock {overflow: hidden;}
.users-popup-bg * {box-sizing: border-box;}
.users-popup-bg.users-popup-bg-show {display: flex;}
.users-popup-bg {box-sizing: border-box;padding: 0 20px;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0,0.6);height: 100vh;width: 100%;z-index: 9999999;display: none;align-items: center;justify-content: center;}
.forusers-popup {position: relative;overflow: hidden;box-shadow: 0 0 20px 0 rgba(0,0,0,0.5);border-radius: 4px;color: #000;width: 100%;max-width: 640px;z-index: 101;text-align: center;}
.forusers-popup-text {background-color: #fff;font-family: "trade-gothic-next", sans-serif;padding: 40px 60px 42px;}
.forusers-popup-header {padding: 40px 0 33px;background-color: #0E4E97;width: 100%;}
.forusers-popup-header img {display: inline-block;width: 100%;max-width: 260px;height: auto;}
.forusers-popup-close {font-size: 16px;cursor: pointer;line-height: 1;color: #fff;position: absolute;right: 15px;top: 15px;z-index: 102;}
.forusers-popup-close::before {
    font-family: 'Toi-new';
    content: "\e924";
}
.forusers-popup-headline {margin-bottom: 15px;color: #1E1E1E;font-size: 40px;line-height: 48px;font-weight: bold;}
.forusers-popup-underline {margin-bottom: 20px;color: #000;font-size: 18px;line-height: 26px;font-weight: 300;}
.forusers-popup-button {margin-bottom: 15px;display: inline-block;font-weight: bold;font-family: "trade-gothic-next-condensed",sans-serif;font-size: 24px;line-height: 59px;text-transform: uppercase;color: #fff;background-color: #2B8CF3;height: 60px;text-align: center;padding: 0 30px;border-radius: 60px;}
.forusers-popup-login {font-size: 16px;line-height: 20px;letter-spacing: 0.5px;color: #505050;}
.forusers-popup-login a {color: #2B8CF3;}

.mobile .forusers-popup-text {padding: 30px 15px 40px;}
.mobile .forusers-popup-headline {font-size: 30px;line-height: 36px;}
.mobile .forusers-popup-button {padding: 0 20px;}
.mobile .guest-card {/*padding-top: 45px;*/flex-wrap: wrap;justify-content: center;text-align: center;}
.mobile .guest-card-image {margin-right: 0;margin-bottom: 15px;}
/*.mobile .guest-card-label {position: absolute;width: 100%;top: 10px;left: 0;}*/
.mobile .top-image.streetwise {margin-bottom: 30px;}

@media (max-width: 360px) {
  .mobile .forusers-popup-headline {font-size: 26px;line-height: 30px;}
  .mobile .forusers-popup-underline {font-size: 16px;line-height: 22px;}
  .mobile .forusers-popup-button {font-size: 22px;}
  .mobile .forusers-popup-header img {max-width: 200px;}
  .mobile .forusers-popup-header {padding: 30px 0 20px;}
}


/*{TOI} Fit the featured image to both mobile and desktop*/
.features-full .article-header .media {height: 100vh;/*max-height: 800px;*/}
.features-full .article-header .media img {display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
/*.features-full .article-header {max-height: none;}*/
.responsive-site .features-half.features-special .article-header .media img,
.responsive-site .features-full .article-header .media img{object-position: var(--fi-pos);}
.responsive-site .features-full .article-header .media{height: calc(100vh - 160px);margin-bottom: 0;}
.mobile.sticky-header.small-header.single-features-special .features-half .article-header {max-height: none;}
.mobile.sticky-header.small-header.single-features-special .features-full .article-header {max-height: none;height: auto;}
body:not(.responsive-site).mobile .features-half .article-header .media {max-height: 250px;}
body:not(.responsive-site).mobile .features-full .article-header .media {max-height: 235px;}
body:not(.responsive-site).mobile .features-full .article-header .media img {position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;transform: none;}
.mobile .features-full .article-header {margin: 0;}
body:not(.responsive-site).mobile .features-full .article-header .header-content {padding: 15px 0 15px;bottom: auto;position: relative;background-color: #fff;box-sizing: border-box;}
/* .mobile .features-full .article-header + .container {margin-top: 0;} */
body:not(.responsive-site).mobile .features-full .article-header .header-content * {color: #000 !important;}
body:not(.responsive-site).mobile .features-full .article-header .header-content .label + .overline::before {color: #000 !important;}
body:not(.responsive-site).mobile .features-special.article.features.features-full .header-content .headline {color: #000;}
body:not(.responsive-site).mobile .features-special.article.features .underline {font-size: 18px;line-height: 24px;color: #777;font-weight: 300;margin-bottom: 20px;}
.mobile .article.features.features-full .under-headline > div .byline {max-width: none;width: 100%;text-align: center;text-transform: uppercase;margin-bottom: 5px;}
.mobile .article.features.features-full .under-headline > div .date {line-height: 16px;text-transform: uppercase;margin-right: 10px;}
.mobile .article.features.features-full .under-headline > div .date::before {content: none;}
.mobile:not(.app) .article.features.features-full .under-headline > div .comments::before {content: none;}
.mobile .article.features.features-full .under-headline > div .comments a::before {margin-top: -1px;}
.mobile .article.features.features-full .article-header .media .rslides li::after, 
.mobile .article.features.features-full .article-header .media::after {content: none;}
.mobile .article.features.features-full .above-headline {display: block;}
.mobile .article.features.features-full .above-headline.empty {display: none;}
body:not(.responsive-site).mobile .article.features.features-full .article-header {max-height: none !important;}

/*{TOI} Add padding below video player on article pages*/
#gpt-passback +p{margin-top:26px;}

/*{TOI} Create a News Feed for Startup Israel {4h}*/
.widget.live_updates.live_updates_startup {background-color: #00695f;}
.widget.live_updates.live_updates_startup .widget-header {display: flex;align-items: center;}
/*.widget.live_updates.live_updates_startup .widget-header::before {color: #00695f;}*/
.widget.live_updates.live_updates_startup .widget-header::before {content: none !important;}
.tech-rss-logo {width: 100%;max-width: 48px;height: 48px;display: block;margin-right: 10px;}

/*{TOI} Change Startup Israel to Tech Israel*/
.category-tech-israel .slider .arrows {top:0;}
.category-tech-israel .slider .arrows a {height:249px;}
.category-tech-israel .slider-viewport {height:249px;}
.category-tech-israel .term-header .name > img {width:400px;}
.category-tech-israel .slider {margin-bottom:0;}
.category-tech-israel .term-header .btn {font-size:12px;font-family:"Roboto",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;border:none;border-radius:0;padding:14px;margin-top:20px;display:inline-block;}



/* Design and develop video article template  */

  
.article-video .video-wrap{max-height:720px;display:flex;margin:30px auto 30px auto;position:relative;box-sizing:border-box;max-width:1340px}
.responsive-site .article-video .video-wrap{max-width: 1280px;}
.responsive-site .article-video .writer-details{margin-bottom: 20px;}
.article-video .video-wrap .media{width:100%;height:100%}
.article-video .container{width:100%}.article-video .article-content{float:none;margin:auto}
.article-video .video-article-content{max-width:1280px;margin:auto}
.article-video .social.social-top{width:100%;justify-content:center;margin:30px 0 57px 0}
.article-video .underline{color:#777;font-family:"Roboto Slab",serif;font-size:24px;font-weight:300;letter-spacing:0;line-height:32px;text-align:center;max-width:980px;margin:0 auto 30px auto}
.article-video .wrap-byline{margin-bottom:12px;text-align:center}
.article-video .byline>a{color:#0E4E97;font-family:Roboto,sans-serif;font-size:12px;font-weight:700;letter-spacing:0;line-height:16px;text-transform:uppercase;}
.article-video .media-wrap{width:100%;height:100%;padding:0 30px}
.article-video .wrap-byline .byline{display: block;}
.responsive-site article .writer-details,
.article-video .writer-details{ display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; max-width: 600px; margin: 0 auto; padding-right: 0; display: none; }
.responsive-site article .writer-details{max-width: 640px;}
.article-video .social-small.social-writer{justify-content: center;}
.article-video .wrap-byline span{color:#505050;font-family:"Roboto Condensed",sans-serif!important;font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;text-transform:uppercase;}
.article-video .headline{color:#fff;font-family:neue-haas-grotesk-display,sans-serif;font-size:90px;letter-spacing:0;line-height:90px;text-align:center;font-weight:900;padding:0 30px;margin:0 30px 10px 30px}
.article-video .video-wrap img{width:100%;height:100%;max-height:720px;object-fit:cover}.article-video .video-open-button{box-sizing:border-box;height:150px;width:150px;border:2px solid #fff;background:0 0;border-radius:50%;cursor:pointer;margin-bottom:47px}
.article-video .video-open-button:after{color:#fff;font-family:Toi-new;font-size:75px;letter-spacing:0;content:""}
.article-video .video-cover-text{position:absolute;bottom:0;padding-bottom:70px;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.article-video .overline{color:#fff;font-family:neue-haas-grotesk-display,sans-serif;font-size:30px;letter-spacing:0;line-height:34px;text-align:center;font-weight:500}
.article-video .video-light-box{max-height:719.88px;max-width:67%;align-items:center;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}
.article-video .video-light-box-overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:999}
.article-video .video-light-box iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.article-video .video-wrapper{position:relative;padding-bottom:56.25%;height:0}
.article-video .video-close-button{height:40px;width:35px;display:block;border:none;cursor:pointer;position:absolute;top:50px;right:50px;background:0 0;padding:0}
.article-video .video-close-button:after{color:#fff;font-family:Toi-new;font-size:40px;content:""}
.article-video .video-length{font-family:neue-haas-grotesk-display,sans-serif;font-size:20px;letter-spacing:0;line-height:24px;text-align:center;margin-bottom:10px}
.article-video .video-length .label{color:#fff!important}
.article-video-template .container.outbrain-wrapper{width:600px;max-width:100%}.single .main{width:100%;min-width:auto}
.single-spotlight .article-video .video-wrap, .responsive-site.single-spotlight .article-video .video-wrap {margin-top:0}
.single-spotlight.article-video-template .above-headline.stat_position {margin:0;padding: 15px 0;}
.single-spotlight.article-video-template .above-headline.stat_position .container{display: flex;justify-content: center;align-items: center;} 
.single-spotlight.article-video-template.sticky-header.single-spotlight .above-headline {
    width: 100%;
    height: 50px;
    padding: 15px 0;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
}
.mobile.sticky-header.small-header.single-spotlight.article-video-template .above-headline.stat_position {
    margin-top: 5px;
}
.single-spotlight.article-video-template.sticky-header .above-headline img{margin: 0 20px;}
.single-spotlight.article-video-template.sticky-header .above-headline .label,
.single-spotlight.article-video-template.sticky-header .above-headline .overline{color: #F47963;}
.single-spotlight.article-video-template.sticky-header.single-spotlight .above-headline .overline, .single-spotlight.article-video-template.sticky-header.single-spotlight .above-headline .label{font-family: "Roboto Condensed";font-size: 14px;font-weight: bold;letter-spacing: 2px;line-height: 14px;}
/*{TOI} Design and develop new section page for Startup Israel*/
.category-tech-israel .widget.live_updates .widget-body {min-height: 740px;}
.category-tech-israel .bgcolor .label, .category-tech-israel .bgcolor .media-ico::before, .start-up-israel .bgcolor .label, .start-up-israel .bgcolor .media-ico::before {color: #fff;}
.category-tech-israel .tech-main {max-width: 980px !important;min-width: 0 !important;}
.category-tech-israel .g-new-podcast-page-header {min-height: 600px;width: 100%;background-size: cover;padding: 20px;display: flex;align-items: center;}
.category-tech-israel .g-new-podcast-page-header::before {background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 100%);}
.category-tech-israel .g-new-podcast-page-header-title {display: flex;justify-content: center;}
.category-tech-israel .g-new-podcast-page-header-title span {margin: 0 12px;}
.tech-israel .cols6.block > .item.template3.negative :first-child {border-top: none;padding-top: 0;}
.category-tech-israel .cols6.block > .item.template3.negative:first-child {border-top: none;padding-top: 0;}
.tech-israel .cols6.block > .item.template4.negative:first-child {border-top: none;padding-top: 0;}
.category-tech-israel .cols6.block > .item.template4.negative:first-child {border-top: none;padding-top: 0;}

.tech-main {margin-top: 60px;}
.tech-israel-button {color: #1E1E1E;font-family: "neue-haas-grotesk-display",sans-serif;font-size: 16px;background-color: #91E1D2;text-transform: uppercase;display: inline-block;padding: 0 30px;height: 60px;text-align: center;border-radius: 60px;letter-spacing: 0.5px;line-height: 60px;font-weight: 700;}
.tech-israel-button::before {content: "\e919";font-family: 'Toi-new';font-weight: normal;display: inline-block;margin-right: 10px;}
.tech-linkdin-btn {width: 100%;float: none;clear: both;text-align: center;margin-bottom: 45px;}
.category-tech-israel .tech-linkdin-btn .tech-israel-button {font-size: 16px;font-family: "Roboto Condensed";height: 52px;line-height: 52px;letter-spacing: normal;padding: 0 35px;}
.category-tech-israel .tech-linkdin-btn .tech-israel-button::before {content: "\e91b";font-size: 20px;}
.category-tech-israel .g-new-podcast-page-header-icon {margin-bottom: 5px !important;}

.mobile.category-tech-israel .widget.live_updates .widget-body {min-height: auto;}
.mobile.category-tech-israel .block.cols6 > .item:first-child::before, .mobile .start-up-israel .block.cols6 > .item:first-child::before {content: none;}
.mobile.category-tech-israel .widget.live_updates.live_updates_startup {margin-top: 10px;}
.mobile .topics-tabs-wrapper {display: none;}
.mobile.category-tech-israel .g-new-podcast-page-header {min-height: 400px;padding-right: 0;padding-left: 0;} 
.mobile.category-tech-israel .g-new-podcast-page-header-title {font-size: 46px;line-height: 48px;text-align: center;}
.mobile.category-tech-israel .g-new-podcast-page-header-icon img {width: 60px;height: 60px;}
.mobile.category-tech-israel .g-new-podcast-page-header-description {margin-bottom: 20px;}
.mobile .tech-israel-button {font-size: 14px;line-height: 45px;height: 45px;padding: 0 20px;}
.mobile.category-tech-israel .tech-main {margin-top: 40px;}
.mobile.category-tech-israel .g-new-podcast-page-header-title span {margin: 0 7px;}
.mobile .tech-linkdin-btn {margin-bottom: 20px;}


/*{TOI} Design and develop Real Estate Israel section page*/
.category-real-estate-israel .block .item.negative.type-spotlight, 
.category-real-estate-israel .item.spotlight, 
.category-real-estate-israel .item.spotlight:first-child {background-color: #FEF6E3;}
.category-real-estate-israel .block .item.negative.type-spotlight .label, 
.category-real-estate-israel .item.spotlight .s-label, 
.category-real-estate-israel .item.spotlight:first-child .s-label,
.category-real-estate-israel .item.spotlight .byline a, 
.category-real-estate-israel .item.spotlight .byline span,
.category-real-estate-israel .negative:not(.analysis):not(.special) .label, 
.category-real-estate-israel .negative:not(.analysis):not(.special) .media-ico::before {color: #D7A514;}
.category-real-estate-israel .topics-tabs .count {color: #D7A514;}
.category-real-estate-israel .topics-tabs {border-top-color: #D7A514;}
.category-real-estate-israel .tech-israel-button {background-color: #D7A514;}
body.home .hp_section.start-up-israel.real-estate-israel .section-header,
body.home .hp_section.start-up-israel.real-estate-israel .section-header .title {color: #D7A514;border-top-color: #D7A514;}
.page.category-real-estate-israel .streetwise-module2 {margin-bottom: 0 !important;}
.category-real-estate-israel .currency {margin-bottom: 25px;}
.category-real-estate-israel .text .big,
.real-estate-signup  .text .big {font-family: inherit;font-size: 42px;line-height: 1;}
.real-estate-signup-page.nl-signup-page:not(.popup) .widget.nlsignup .big {font-size: 54px;font-family: inherit;line-height: 1;}


.category-real-estate-israel .widget.live_updates .widget-body {min-height: 740px;}
.category-real-estate-israel .bgcolor .label, .category-real-estate-israel .bgcolor .media-ico::before, .start-up-israel .bgcolor .label, .start-up-israel .bgcolor .media-ico::before {color: #fff;}
.category-real-estate-israel .tech-main {max-width: 980px !important;min-width: 0 !important;}
.category-real-estate-israel .g-new-podcast-page-header {min-height: 600px;width: 100%;background-size: cover;padding: 20px;display: flex;align-items: center;}
.category-real-estate-israel .g-new-podcast-page-header::before {background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 100%);}
.category-real-estate-israel .g-new-podcast-page-header-title {display: flex;justify-content: center;}
.category-real-estate-israel .g-new-podcast-page-header-title span {margin: 0 12px;}

.start-up-daily-signup.real-estate-signup,.term-header.has-sala.real-estate {background-color:#D7A514;}
.start-up-daily-signup.real-estate-signup input[type="email"] {color:#D7A514;}
.start-up-daily-signup.real-estate-signup input[type="email"]:-ms-input-placeholder {color:#D7A514;}
.start-up-daily-signup.real-estate-signup input[type="email"]:-moz-placeholder {color:#D7A514;}
.start-up-daily-signup.real-estate-signup input[type="email"]::-webkit-input-placeholder {color:#D7A514;}
.start-up-daily-signup.real-estate-signup input[type="email"]::-moz-placeholder {color:#D7A514;}
.start-up-daily-signup.real-estate-signup input[type="submit"] {background-color:#000;}

.tech-main {margin-top: 60px;}
.tech-israel-button {color: #1E1E1E;font-family: "neue-haas-grotesk-display",sans-serif;font-size: 16px;background-color: #91E1D2;text-transform: uppercase;display: inline-block;padding: 0 30px;height: 60px;text-align: center;border-radius: 60px;letter-spacing: 0.5px;line-height: 60px;font-weight: 700;}
.tech-israel-button::before {content: "\e919";font-family: 'Toi-new';font-weight: normal;display: inline-block;margin-right: 10px;}

.tech-linkdin-btn {width: 100%;float: none;clear: both;text-align: center;margin-bottom: 45px;}
.category-real-estate-israel .tech-linkdin-btn .tech-israel-button {font-size: 16px;font-family: "Roboto Condensed";height: 52px;line-height: 52px;letter-spacing: normal;padding: 0 35px;}
.category-real-estate-israel .tech-linkdin-btn .tech-israel-button::before {content: "\e91b";font-size: 20px;}
/*.category-real-estate-israel .g-new-podcast-page-header-icon {margin-bottom: 5px !important;}*/

.mobile.category-real-estate-israel .widget.live_updates .widget-body {min-height: auto;}
.mobile.category-real-estate-israel .block.cols6 > .item:first-child::before, .mobile .start-up-israel .block.cols6 > .item:first-child::before {content: none;}
.mobile.category-real-estate-israel .widget.live_updates.live_updates_startup {margin-top: 10px;}
.mobile .topics-tabs-wrapper {display: none;}
.mobile.category-real-estate-israel .g-new-podcast-page-header {min-height: 400px;padding-right: 0;padding-left: 0;} 
.mobile.category-real-estate-israel .g-new-podcast-page-header-title {font-size: 46px;line-height: 48px;text-align: center;flex-wrap: wrap;}
.mobile.category-real-estate-israel .g-new-podcast-page-header-description {margin-bottom: 20px;}
.mobile .tech-israel-button {font-size: 14px;line-height: 45px;height: 45px;padding: 0 20px;}
.mobile.category-real-estate-israel .tech-main {margin-top: 40px;}
.mobile.category-real-estate-israel .g-new-podcast-page-header-title span {margin: 0 7px;}
.mobile .tech-linkdin-btn {margin-bottom: 20px;}

/*{TOI} Design and develop Real Estate Israel newsletter*/
.newsletter-article.newsletter-article-estate {border-color: #D7A514;}
.newsletter-article.newsletter-article-estate .newsletter-article-text {color: #D7A514;}
.newsletter-article.newsletter-article-estate .newsletter-article-terms {color: #D7A514;}
.newsletter-article.newsletter-article-estate .newsletter-article-terms a {color: #D7A514 !important;;}
.newsletter-article.newsletter-article-estate .newsletter-article-form .newsletter-article-input {border-color: #D7A514;}
.newsletter-article.newsletter-article-estate .newsletter-article-input.submit {background-color: #D7A514;}
.newsletter-article.newsletter-article-estate .newsletter-article-input.email-address::placeholder {color: #D7A514;}
.newsletter-article.newsletter-article-estate .thank-you {color: #D7A514;}
.widget .thank-you.almost .big {font-size: 24px;margin-bottom: 15px;}

.real-estate-signup-page .nl-signup-page-wrap {background-color: #D7A514;}
.nl-signup-page.real-estate-signup-page .newsletter-error {color: #fff;}

.re-image-sponsored{font-family: "Roboto Condensed";text-transform: uppercase;font-size: 11px;letter-spacing: 1px;line-height: 15px;margin-top:15px;display: block;text-align: center;color: #fff;opacity: 0.85;}
.mobile .re-image-sponsored{margin-top:12px;}
.category.category-real-estate-israel .g-new-podcast-page-header-icon img{height: 90px;width: 141.03px;}
.mobile.category-real-estate-israel .g-new-podcast-page-header-icon img {width: 94.02px; height: 60px;}
.category-real-estate-israel .g-new-podcast-page-header-icon{text-align: center;}

/* {TOI} Finalize design and develop 2-col for Israel Story */
.israel-story-widget{background-position: center!important; background-repeat: no-repeat!important;background-size: cover!important; height: 300px;color: #fff;font-family:"neue-haas-grotesk-display",sans-serif;font-weight: bold;float: left;font-size: 20px;line-height: 24px;box-sizing: border-box;width: 100%; border: 0;padding: 0;position: relative;}
.israel-story-wrapper{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;padding: 25px;height: 100%;box-sizing: border-box;}
.israel-story-wrapper .israel-story-title{font-family:"neue-haas-grotesk-display",sans-serif;font-size: 32px;line-height: 36px;font-weight: 800;padding-bottom: 30px;}
.israel-story-wrapper .israel-story-subtitle{font-family:"neue-haas-grotesk-display",sans-serif;font-size: 20px;line-height: 24px;font-weight: 800;max-width: 170px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.israel-story-wrapper .israel-story-widget-title{font-family:"neue-haas-grotesk-display",sans-serif;font-size: 32px;line-height: 36px;max-width: 250px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;margin-bottom: 10px;font-weight: 800;}
.israel-story-wrapper .israel-story-link{color: #FFFFFF;font-family: "Roboto Condensed";font-size: 14px;line-height: 14px;font-weight: bold;text-transform: uppercase;border-radius: 18px;background-color: #00519C;display: flex;justify-content: center;align-items: center;align-self: center;margin-top: auto;padding: 11px 18px 10px;margin-right: auto;z-index: 100;}
.cols2 .israel-story-widget .israel-story-link a::before{margin-right:8px;content:"\e91f";font-size:16px;font-family:"Toi-new";}
.israel-story-wrapper .israel-story-header{display: flex;align-items: center;margin-bottom: 10px;}
.israel-story-wrapper .israel-story-header p{color: #FFFFFF;font-family: "Roboto Condensed";font-size: 12px;font-weight: bold;letter-spacing: 0;line-height: 14px; margin: 0 10px 0 10px;}
.israel-story-widget .i-s-hand{height: 125px; width: auto;position: absolute;bottom: 40px;right: 0;}

/* Tote Bags Module */
.widget.tote-bags-widget{
    background:#D2E4F5;overflow:hidden;container-type:inline-size;display: inline-block;border: 0;
    .tote-bags-inner{display:flex;flex-direction:column;padding-inline:16px;text-decoration:none;height:100%;box-sizing:border-box;gap:10px;}
    .tote-bags-title{color:#0E4E97;text-align:center;font-family:neue-haas-grotesk-display,sans-serif;font-size:30px;font-weight:700;line-height:30px;}
    .tote-bags-body{display:grid;grid-template-columns:3fr 2fr;align-items:center;gap:10px;}
    .tote-bags-image img{width:100%;height:auto;display:block;}
    .tote-bags-text{color:#0E4E97;text-align:center;font-family:trade-gothic-next,sans-serif;font-size:16px;line-height:18px;}
    .tote-bags-cta{border-radius:40px;background:#F66B01;color:#FFF;text-align:center;font-family:"Roboto Condensed",sans-serif;font-size:14px;font-weight:700;line-height:14px;text-transform:uppercase;padding:10px 20px;display:inline-block;align-self:center;}
    .tote-bags-title a,.tote-bags-text a,.tote-bags-cta a{color:inherit;text-decoration:none;}
    @container (min-width: 340px){
        .tote-bags-inner{padding-inline:20px;}
        .tote-bags-text{font-size:18px;line-height:20px;}
        .tote-bags-body{gap:20px;}
    }
}
.tote-bags-4-wrapper{display: inline-block;margin-top: 30px;}

/* {TOI} Design and develop 'Daily Briefing' module */
.daily-briefing-widget{background-image:var(--daily-briefing-bg);background-position: center; background-repeat: no-repeat;background-size: cover; height: 300px;color: #0E4F97;font-family:"neue-haas-grotesk-display",sans-serif;font-weight: bold;float: left;box-sizing: border-box;width: 100%; border: 0;padding: 0;}
.daily-briefing-wrapper{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;padding: 25px;height: 100%;box-sizing: border-box;}
.daily-briefing-wrapper .daily-briefing-title{font-family:"neue-haas-grotesk-display",sans-serif;font-size: 32px;line-height: 36px;font-weight: 800;padding-bottom: 30px;}
.daily-briefing-wrapper .daily-briefing-subtitle{font-family:"neue-haas-grotesk-display",sans-serif;font-size: 20px;line-height: 24px;font-weight: 800;max-width: 220px;}
.daily-briefing-wrapper .daily-briefing-link{color: #FFFFFF;font-family: "Roboto Condensed";font-size: 14px;line-height: 14px;font-weight: bold;text-transform: uppercase;border-radius: 18px;background-color: #00519C;display: flex;justify-content: center;align-items: center;align-self: center;margin-top: auto;}
.daily-briefing-wrapper .daily-briefing-link a{padding: 10px 20px;}
.daily-briefing-widget .daily-briefing-link a::before {content: "\e91f";font-size: 16px;font-family: Toi-new;padding-right: 8px;font-weight: 400;}
.sticky-sidebar-wrap-right .BeTeavon-module2-wrapper:not(:first-child),
.sticky-sidebar-wrap-right .streetwise-module2:not(:first-child){margin-top:40px; margin-bottom: 0;}
.cols2 .daily-briefing-widget + .latest-split{float:left}
.sticky-sidebar-wrap-right .widget.crm-promotion.cols2,
.sticky-sidebar-wrap-right a{margin-bottom: 0 !important;}
.sticky-sidebar-wrap-right > a:not(:first-child){float: left; margin-top:30px !important;}
.sticky-sidebar-wrap-right .BeTeavon-module2-wrapper:not(:first-child),
.sticky-sidebar-wrap-right .streetwise-module2-wrapper:not(:first-child),
.sticky-sidebar-wrap-right .latest-split:not(:first-child){float: left; margin-top:30px;}
.sticky-sidebar-wrap-right .BeTeavon-module2-wrapper,
.sticky-sidebar-wrap-right .streetwise-module2-wrapper,
.sticky-sidebar-wrap-right .widget.live_updates,
.sticky-sidebar-wrap-right .widget.full-coverage,
.sticky-sidebar-wrap-right .widget.latest_blogs,
.sticky-sidebar-wrap-right .widget.nlsignup.daily-edition-signup,
.sticky-sidebar-wrap-right .widget.jclock{display: inline-block;}
.sticky-sidebar-wrap-right .coronavirus_module{margin-bottom: 0;}



/* {TOI} Design and develop Video page and video topic pages */
.article-video .video-wrap,
.video-page-wrapper .video-wrap{margin:60px auto 60px auto}
.video-page-wrapper .widget.full-coverage{border-top:6px solid #101114;background:0 0;padding-top:25px;position:relative}
.video-page-wrapper .widget-header{padding:0;position:relative}
.video-page-wrapper .widget-header h1{color:#101114!important;font-family:neue-haas-grotesk-display,sans-serif;font-size:42px;letter-spacing:0;line-height:50px;text-transform:none;font-weight:900;margin-bottom:5px}
.video-page-wrapper .widget-header .all-videos{font-size:14px;letter-spacing:1px;position:absolute;right:0;top:23px;line-height:14px;text-align:center;color:#000;float:right;font-weight:400;font-family:"Roboto Condensed",sans-serif!important}
.video-page-wrapper .widget-header .all-videos:after{font-family:Toi-new;content:"\";font-size:14px;margin-left:10px}
.video-page-wrapper .media+.item-content{width:auto;margin-left:0}.video-page-wrapper .widget-body ul{display:flex;margin-top:25px}
.video-page-wrapper .item{border:none;width:304px;display:inline-block;clear:none;margin-right:26px;padding-top:0;margin-top:0;box-sizing:border-box}
.latest-items-wrap .item{border:none;width:304px;min-height:304px;display:inline-block;clear:none;margin-right:26px;padding-top:0;margin-top:0;box-sizing:border-box}
.topic-page-wrapper.item .headline,.video-page-wrapper .item .headline{margin-bottom:0;color:#101114;font-family:neue-haas-grotesk-display,sans-serif;font-size:24px;letter-spacing:0;line-height:28px;font-weight:700}
.video-page-wrapper .item:last-of-type{margin-right:0}.latest-items-wrap .item .media,.video-page-wrapper .item .media,
.video-tags-wrap .item .media{width:304px;height:171px;position:relative}
.video-page-wrapper .item .media,.video-tags-wrap .item .media{position:relative}
.latest-items-wrap .item .media:after,.topic-video-section .item .media:after,
.video-page-wrapper .item .media a:after,
.video-page-wrapper .latest-videos-wrap .item .media:after{color:#fff;font-family:Toi-new;font-size:24px;content:"";position:absolute;margin:auto auto;width:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;height:60px;box-sizing:border-box;height:60px;width:60px;border:2px solid #fff;top:50%;left:50%;transform:translate(-50%,-50%)}
.page-template-video_page .media img,.topic_is_video .media img{display:block;width:100%;height:100%}
.topic-page-wrapper .item a,.video-page-wrapper .item a{display:initial}
.video-page-wrapper .widget-header h3{color:#101114;font-family:neue-haas-grotesk-display,sans-serif;font-size:14px;letter-spacing:0;line-height:19px;text-transform:none;font-weight:700}
.page-template-video_page .footer,.topic_is_video .footer{background:#1e1e1e;border-color:#323232}
.page-template-video_page .footer .newsletter .submit,
.topic_is_video .footer .newsletter .submit{background:0 0;border:1px solid #fff}
.page-template-video_page .footer .newsletter input,.topic_is_video .footer .newsletter input{border:solid 1px #fff;border-right:none;background:0 0;color:#fff}
.page-template-video_page .footer .newsletter #newsletter-email-address::placeholder,.topic_is_video .footer .newsletter #newsletter-email-address::placeholder{color:#fff}
.video-page-wrapper .video-wrap{max-height:720px;display:flex;position:relative;box-sizing:border-box;max-width:1340px}
.video-page-wrapper .video-wrap .media{width:100%;height:100%}
.video-page-wrapper .container{width:100%}
.video-page-wrapper .article-content{float:none;margin:auto}
.video-page-wrapper .video-article-content{max-width:1280px;margin:auto}
.video-wrap .underline{color:#777;font-family:"Roboto Slab",serif;font-size:24px;font-weight:300;letter-spacing:0;line-height:32px;text-align:center;max-width:980px;margin:0 auto 30px auto}
.video-page-wrapper .wrap-byline{margin-bottom:30px;text-align:center}.video-page-wrapper .byline>a{color:#1e1e1e;font-family:Roboto,sans-serif;font-size:12px;font-weight:700;letter-spacing:0;line-height:16px;text-transform:uppercase;margin-right:6px}
.article-video .media-wrap,.video-page-wrapper .media-wrap{width:100%;height:100%;padding:0;display:flex;align-items:center;justify-content:center}
.video-page-wrapper .wrap-byline span{color:#505050;font-family:"Roboto Condensed",sans-serif!important;font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;text-transform:uppercase}
.article-video .video-wrap .headline,.video-page-wrapper .video-wrap .headline{color:#fff;font-family:neue-haas-grotesk-display,sans-serif;font-size:80px;letter-spacing:0;line-height:80px;text-align:center;font-weight:900;padding:0 30px;margin:0 30px 15px 30px}
.video-page-wrapper .video-wrap img{width:100%;height:100%;max-height:720px;object-fit:cover}
.article-video .video-open-button,
.video-page-wrapper .video-open-button{box-sizing:border-box;height:120px;width:120px;border:2px solid #fff;border-radius:50%;cursor:pointer;background-color:rgba(0,0,0,.15);left:50%;position:absolute;transform:translateX(-50%);margin-bottom:0}
.article-video .video-open-button:after,
.video-page-wrapper .video-open-button:after{color:#fff;font-family:Toi-new;font-size:61px;letter-spacing:0;content:""}
.article-video .video-cover-text,.video-page-wrapper .video-cover-text{position:absolute;bottom:0;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:30px;background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%)}
.video-wrap .overline{color:#fff;font-family:neue-haas-grotesk-display,sans-serif;font-size:26px;letter-spacing:.5px;line-height:34px;text-align:center;font-weight:500}.video-page-wrapper .video-light-box{max-height:719.88px;max-width:67%;align-items:center;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}
.video-page-wrapper .video-light-box-overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:2}
.video-page-wrapper .video-light-box iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.video-page-wrapper .video-wrapper{position:relative;padding-bottom:56.25%;height:0}
.video-page-wrapper .video-close-button{height:40px;width:35px;display:block;border:none;cursor:pointer;position:absolute;top:50px;right:50px;background:0 0;padding:0}
.video-page-wrapper .video-close-button:after{color:#fff;font-family:Toi-new;font-size:40px;content:""}
.latest-items-wrap .video-length,.video-page-wrapper .video-length,
.video-tags-wrap .video-length{font-family:neue-haas-grotesk-display,sans-serif;font-size:20px;letter-spacing:0;line-height:24px;text-align:center;margin-bottom:10px}
.article-video .video-wrap .video-length,.page-template-video_page .video-page-wrapper .video-wrap .video-length{margin-bottom:15px;margin-top:0}
.video-page-wrapper .video-length .label{color:#fff!important}
.article-video-template .container.outbrain-wrapper{width:600px;max-width:100%}
.article-video-template .main,.page-template-video_page .main{width:1280px;margin:0 auto;float:none}
.responsive-site.article-video-template .main{max-width: 1280px;width: 100%;}
.page-template-video_page .sections-wrap{max-width:960px;margin:80px auto 0 auto}
.page-template-video_page .sections-wrap.video-section_1{margin:auto!important}
.video-page-wrapper .widget-body .item b.video-length,
.video-tags-wrap .item b.video-length{font-size:14px;letter-spacing:0;line-height:24px;color:#000;margin:15px 0 10px 0;display:inline-block}
.topic-page-wrapper{max-width:964px;margin:auto}
.topic-video-section{max-width:100%}
.topic-page-wrapper .latest-videos-bg,
.video-page-wrapper .latest-videos-bg{width:100vw;background:#323232;margin:50px auto 0 auto;margin-left:0;position:relative;left:50%;transform:translateX(-50%)}
.topic-page-wrapper .latest-videos-wrap,
.video-page-wrapper .latest-videos-wrap{max-width:960px;margin:auto}.topic-page-wrapper .latest-videos-wrap .latest-videos-header,.video-page-wrapper .latest-videos-wrap .latest-videos-header{padding-top:60px;margin-bottom:25px;position:relative}
.topic-page-wrapper .latest-videos-wrap h1,
.video-page-wrapper .latest-videos-wrap h1{color:#fff;font-family:neue-haas-grotesk-display,sans-serif;font-size:42px;letter-spacing:0;line-height:50px;font-weight:900}
.topic-page-wrapper .latest-videos-wrap ul,.video-page-wrapper .latest-videos-wrap ul{display:flex}
.topic-page-wrapper .latest-videos-wrap .item .headline,.video-page-wrapper .latest-videos-wrap .item .headline{color:#fff;font-size:24px;letter-spacing:0;line-height:28px;font-weight:900}
.topic-page-wrapper .latest-videos-wrap .item .video-length,
.video-page-wrapper .latest-videos-wrap .item .video-length{color:#fff;font-size:14px;letter-spacing:0;line-height:24px;margin:15px 0 10px 0;display:inline-block}
.topic-page-wrapper .all-latest-videos,
.video-page-wrapper .all-latest-videos{color:#fff;font-family:"Roboto Condensed","Arial Narrow",sans-serif;font-size:14px;letter-spacing:1px;line-height:14px;text-align:center;position:absolute;right:0;bottom:7px;text-transform:uppercase}
.topic-page-wrapper .all-latest-videos:after,.video-page-wrapper .all-latest-videos:after{content:"\";font-family:Toi-new;font-size:14px;letter-spacing:1px;line-height:14px;text-align:center;margin-left:10px}
.video-section-headline{color:#000;font-family:neue-haas-grotesk-display,sans-serif;font-size:75px;letter-spacing:0;line-height:75px;text-align:center;margin-top:60px;font-weight:900;margin-bottom:10px}
.latest-items-wrap{display:flex}.video-section-underline{color:#000;font-family:neue-haas-grotesk-display,sans-serif;font-size:26px;letter-spacing:.5px;line-height:34px;text-align:center;font-weight:700;margin-bottom:25px}
.video-tags-wrap .item{border:none;max-width:304px;clear:none;padding-top:0;margin-top:0;box-sizing:border-box;position:relative;margin-right: 26px}
.video-tags-wrap .item:nth-child(1),.video-tags-wrap .item:nth-child(2),.video-tags-wrap .item:nth-child(3){margin-top:0}
.video-tags-wrap .item{margin-top:60px}.video-tags-wrap .items-wrap{display:flex;flex-wrap:wrap}
.video-tags-wrap{border-top:6px solid #101114;margin:45px 0;padding-top:40px;display:flex;flex-wrap:wrap;max-width:964px;}
.topic_is_video .video-count{height:22px;width:123px;font-size:18px;letter-spacing:1px;line-height:22px;text-align:center;margin:auto}
.topic_is_video .video-count span{color:#000;font-family:"Roboto Condensed","Arial Narrow",sans-serif;text-transform:uppercase}
.topic_is_video .video-count::before{content:"\";font-family:Toi-new;font-size:22px;color:#000}
.video-tags-wrap .video_row{margin-top:60px}
.article-video .caption{display:none}
.video-tags-wrap .media + .item-content{margin-left: 0;width: auto;}
.video-tags-wrap .item:nth-child(3n){margin-right: 0;}
.single-spotlight.article-video-template:not(.mobile) .article-video .video-wrap .headline{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} 
.salamandra-popup .widget.videos.full-coverage .widget-body .byline,
.salamandra-popup .widget.videos.full-coverage .widget-body .underline,
.salamandra-popup .widget.videos.full-coverage .widget-body .item.widget-footer,
.salamandra-popup.preview .page-template-video_page .cols2{
display: none;
}	

.responsive-site .article-video .video-wrap{margin-top: 32px;margin-bottom: 30px;}
.responsive-site .article-video .video-wrap .headline{font-size: 70px;line-height: 1;margin-bottom: 0}
.responsive-site .article-video .video-open-button{width: 128px;height: 128px;background-color: transparent;border: 0;padding: 0;z-index: 2;position: relative;transform: unset;left: auto;top: auto;margin-bottom: 90px;}
.responsive-site .article-video .video-open-button:hover:after{transform: scale(0.9);}
.responsive-site .article-video .video-open-button:after{content: '';background-image: url(../images/play-large.svg);display: block;width: 100%;height: 100%;transition: all 0.2s ease;background-size: 100%;}
.responsive-site .article-video .video-wrap .video-length{display: flex;align-items: center;justify-content: center;margin-bottom: 20px;}
.responsive-site .article-video .video-wrap .video-length .sep{margin-inline: 10px;color: #fff;font-size: 24px;display: inline-block;}
.responsive-site .article-video .video-cover-text{padding-bottom: 40px;background: transparent;}
.responsive-site .article-video .media-wrap:after{background:linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.30) 40%, rgba(0, 0, 0, 0.00) 60%, rgba(0, 0, 0, 0.00) 100%);content:'';position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block}
.responsive-site .byline{margin-bottom: 5px;}

.responsive-site .article.features-full .underline,
.responsive-site .article.features-half .underline,
.responsive-site .article-video .underline
{font-size: 20px;line-height: 26px;color: inherit;font-weight: 300;}

.responsive-site .features-half.features-special .image-caption.featured-mobile-caption{display: none;}

@media (max-width: 1279px){
	.responsive-site .article-video .video-wrap{margin-top: 0;}
	.responsive-site .article-video .video-open-button{width: 96px;height: 96px;margin-bottom: 70px;}
	.responsive-site .article-video .video-wrap .headline{font-size: 54px;}
	.responsive-site .article-video .video-cover-text{padding-bottom: 30px;}
	.responsive-site .features-full.article.features .under-headline {max-width: 640px;}
	.responsive-site .article-video .underline{max-width: 640px;font-size: 20px;line-height: 26px;letter-spacing: -0.06px;}

	.responsive-site .features-half.article.features .article-header .headline{font-size: 44px;line-height: 52px;}
	.responsive-site .features-half .article-header > div.header-content .container{padding-inline: 40px;}
}

@media (max-width: 991px){
	.responsive-site .article-video .video-open-button{width: 72px;height: 72px;margin-bottom: 35px;}
	.responsive-site .article-video .video-open-button:after{background-image: url(../images/play-small.svg)}
	.responsive-site .article-video .video-wrap .headline{font-size: 45px;padding: 0 20px;margin-inline: 0;}
	.responsive-site .article-video .underline{margin-bottom: 20px;}

	.responsive-site .features-special.article.features .article-header .headline {font-size: 38px;line-height: 46px;}
	.responsive-site .features-full .article-header .header-content{padding: 100px 0 30px;}

	.responsive-site .features-half .article-header{height: auto;flex-direction: column;border-bottom: 0;}

	.responsive-site .features-half .article-header > div{width: 100%;float: none;}

	.responsive-site .features-half.features-special .article-header .media img{aspect-ratio: 1/1;position: unset;transform: unset;}
	.responsive-site .features-half .article-header > div.header-content .container{transform: unset;padding-inline: 20px;max-width: 680px;}
	.responsive-site .features-half.features-special .article-header .media{margin-bottom: 0;}

	.responsive-site .features-half.features-special .image-caption.featured-desktop-caption{display: none;}
	.responsive-site .features-half.features-special .image-caption.featured-mobile-caption{display: block;text-align: start;}

	.responsive-site .features-half .article-header > div.header-content .container{margin-top: 30px;}

	 .responsive-site .features-half .article-header.dark .header-content{padding-bottom: 32px;}
}	

@media (max-width: 767px){
	.article-video .video-wrap img{height: 60vh;}
	.responsive-site .article-video .video-wrap .headline{font-size: 38px;padding: 0 16px}
	.responsive-site .article-video .video-cover-text{padding-bottom: 20px;}
	.responsive-site .article-video .video-wrap .video-length{font-size: 14px;line-height: 18px;margin-bottom: 10px;}

	.responsive-site .article.features-full .underline,
	.responsive-site .article.features-half .underline,
	.responsive-site .article-video .underline{font-size: 18px;line-height: 24px;padding: 0 16px;}
	.responsive-site .article-video .video-wrap .video-length .sep{font-size: 18px;}
	.responsive-site .article-video .video-open-button{margin-bottom: 70px;}

	.responsive-site .features-special.article.features .article-header .headline {font-size: 30px;line-height: 36px;}
	.responsive-site .features-special .the-content .size-fullscreen.alignnone{margin-left: calc(((100vw - 100%) / 2) * -1);}
	
	.responsive-site .features-special .the-content .size-fullscreen.alignnone .wp-caption-text,
	.responsive-site .features-special .the-content .size-fullwidth.alignnone .wp-caption-text{margin-inline: 16px !important; width: auto !important;}

	.responsive-site .features-special .the-content div.size-fullwidth{margin-left: calc(((100vw - 100%) / 2) * -1);}
	.responsive-site article.article .underline{font-size: 18px;line-height: 22px;}
	.responsive-site .image-caption.featured-caption{padding-inline: 16px;}
	.responsive-site .the-content blockquote:not(.twitter-tweet){padding: 30px 0 30px 30px;}
	.responsive-site .the-content blockquote:not(.twitter-tweet) p{font-size: 24px;line-height: 30px;}
	.responsive-site .features-full.features-special .article-header .media img{object-position: center center;}

	.responsive-site .features-half .article-header > div.header-content .container{padding-inline:30px;}
	.responsive-site .article.features .headline{font-size: 30px;line-height: 32px;}

}	

/* {TOI} Fix formatting issues in HP sidebar module */
.sidebar .coronavirus_module .column_type_data:nth-child(1) .stats_cases{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
} 
.sidebar .slider .section-header .title span{
    word-break: break-all;
}

/* {TOI} Fix image alignment in spotlight */
.spotlight-template-default .aligncenter img,
.spotlight-template-default img.aligncenter{height: auto;display: block;margin: 0 auto 26px auto;}


/* latest alerts page */
.page-template-latest-alerts .item .media {width:180px;height:auto;}
.page-template-latest-alerts .headline {font-size:16px;line-height:18px;margin-bottom:5px;}
.page-template-latest-alerts .underline {font-size:16px;line-height:22px;color:inherit;}



/*{TOI} Font changes to Real Estate Israel sign-up page*/
.start-up-daily-signup.real-estate-signup input[type="email"] {color:#000;font-size: 14px;}
.start-up-daily-signup.real-estate-signup input[type="email"]:-ms-input-placeholder {color:#000;}
.start-up-daily-signup.real-estate-signup input[type="email"]:-moz-placeholder {color:#000;}
.start-up-daily-signup.real-estate-signup input[type="email"]::-webkit-input-placeholder {color:#000;}
.start-up-daily-signup.real-estate-signup input[type="email"]::-moz-placeholder {color:#000;}
.start-up-daily-signup.real-estate-signup input[type="submit"] {font-size: 14px;}

/* {TOI} Design and develop ToI@10 public page */
/* {TOI} Develop ToI@10 Community Only page */
.page-template-toi10-community .ctcg_87158,
.page-template-toi10-public-page .ctcg_87158{height:0 !important;}
.page-template-toi10-community .main,
.page-template-toi10-public-page .main{width: 100%;}
.page-template-toi10-community .toi-10-header,
.page-template-toi10-public-page .toi-10-header{background-image: var(--toi-10-header-bg);background-repeat: no-repeat;background-position:center;width: 100%;background-size: cover;box-shadow: inset 0 5px 5px 0 rgba(0,0,0,0.26);display: flex;flex-direction: column; justify-content: center;align-items: center;}
.page-template-toi10-community .logo-wrapper,
.page-template-toi10-public-page .logo-wrapper{margin: 65px auto 15px;}
.page-template-toi10-community .logo-wrapper img,
.page-template-toi10-public-page .logo-wrapper img{width:100% ;}
.page-template-toi10-community .header-underline,
.page-template-toi10-public-page .header-underline{color: #FFFFFF;font-family: Montserrat,sans-serif;font-size: 40px;font-weight: 600;letter-spacing: 0;line-height: 44px;text-align: center;margin-bottom: 55px;max-width: 740px;}
.page-template-toi10-community .header-underline p,
.page-template-toi10-public-page-php .header-underline p{font-family: Montserrat,sans-serif;font-size: 40px;font-weight: 600;letter-spacing: 0;line-height: 44px;}
/* {TOI} Design and develop multiple Podcast Salamandra modules*/
/* 6 cols */
.multi-podcast-wrapper{
	font-family:"Roboto Condensed","Arial Narrow",sans-serif;
	background-color: #101114;
	color: #fff;
	padding: 30px 40px 40px 40px;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: center;
	overflow: hidden;
	position: relative;
}
.header-wrapper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
	text-align: center;
}
.multi-podcast-wrapper .podcast-logo{
	color: #FFFFFF;
	height: 35px;
	width: 66px;
	margin-bottom: 15px;
}
.multi-podcast-wrapper .podcasts-header{
	color: #FFFFFF;
	font-size: 40px;
	font-weight: bold;
	line-height: 47px;
	text-transform: uppercase;
	margin-bottom: 13px;
}
.multi-podcast-wrapper .podcasts-underline{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
}
.multi-podcast-wrapper .podcast-card-wrapper{
	font-family: "neue-haas-grotesk-display",sans-serif;
	display: flex;
	justify-content: center;
	align-content: center;
	gap: 20px;
}
.multi-podcast-wrapper .podcast-card{
	padding: 15px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-content: center;
	text-align: center;
}
.multi-podcast-wrapper .podcast-img{
	height: 180px;
	width: 180px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
	margin-bottom: 20px;
}
.multi-podcast-wrapper .podcast-img img{
	width: 100%;
	height: 100%;
}
.multi-podcast-wrapper .podcast-header{
	font-family: "neue-haas-grotesk-display",sans-serif;
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 5px;
	font-weight: 800;
}
.multi-podcast-wrapper .postcard-desc{
	font-family: "neue-haas-grotesk-display",sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}
.multi-podcast-wrapper .postcard-promoted-wrapper{
	margin-top: auto;
}
.multi-podcast-wrapper .postcard-promoted{
	opacity: 0.75;
	color: #FFFFFF;
	font-family:'Roboto',sans-serif;
	font-size: 11px;
	letter-spacing: 0.5px;
	line-height: 15px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 10px;
}
.mobile-fade-right{
	display: none;
}
.mobile-fade-left{
	display: none;
}
.nevigator-button-wrapper{
	justify-content: center;
	align-items: center;
	gap: 5px;
	margin-top: 25px;
	display: none;    
}
.nevigator-button{
	height: 10px;
	width: 10px;
	background-color: #666666;
	border-radius: 50%;
}
.nevigator-button.current{
	background-color: #fff;
}

/* 2 cols */
.widget.multi-podcast-sidebar-wrapper {float: left;display: flex;justify-content: center;align-items: center;}
.multi-podcast-sidebar-wrapper {overflow: hidden;background: radial-gradient(circle, #09318E 0%, #014067 29.38%, #133340 52.4%, #0F1414 72.54%, #0F1414 100%);padding: 20px 15px 25px;}
.multi-podcast-sidebar-wrapper .header-wrapper {display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 20px;text-align: center;}
.multi-podcast-sidebar-wrapper .podcast-logo {margin-bottom: 6px;}
.multi-podcast-sidebar-wrapper .podcasts-header {color: #FFFFFF;font-family: "neue-haas-grotesk-display",sans-serif;font-weight: 800;font-size: 20px;letter-spacing: 1px;line-height: 24px;text-align: center;text-transform: uppercase;}
.multi-podcast-sidebar-wrapper .podcast-card-wrapper {display: flex;/* justify-content: center; */justify-content: flex-start;align-items: baseline;position:relative;height: 147px;}
.multi-podcast-sidebar-wrapper .podcast-img {height: 120px;width: 120px;box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);margin-bottom: 25px;}
.multi-podcast-sidebar-wrapper .podcast-img img{width: 100%;height: 100%;}
.multi-podcast-sidebar-wrapper .podcast-card-wrapper .podcast-slide-card{position:absolute;transition: all 1000ms ease-in;}
.multi-podcast-sidebar-wrapper .podcast-card-wrapper .podcast-slide-card.current {position:absolute;z-index: 10;/* pointer-events:auto; */opacity: 1;transform: scale(1) translateX(0);}

.multi-podcast-sidebar-wrapper .podcast-slide-card.left-card ,
.multi-podcast-sidebar-wrapper .podcast-slide-card.right-card {  position: absolute;      box-shadow: 0 0 20px 0 rgba(0,0,0,0.4);opacity: 0.25;z-index: 0;  }
.multi-podcast-sidebar-wrapper .podcast-slide-card.left-card a ,
.multi-podcast-sidebar-wrapper .podcast-slide-card.right-card  a{  pointer-events: none !important;}
.multi-podcast-sidebar-wrapper .podcast-slide-card.left-card{transform: scale(0.83) translateX(-85%);}
.multi-podcast-sidebar-wrapper .podcast-slide-card.right-card {transform: scale(0.83) translateX(85%);}
.multi-podcast-sidebar-wrapper .podcast-slide-card.hide-card {opacity: 0;z-index: 0;transform: scale(0) translateX(0);}

.multi-podcast-sidebar-wrapper .listen-btn.blur{
	animation: blur-btn 1000ms ease-in-out forwards;
}
@keyframes blur-btn { 0%{opacity: 1;}5% ,90%{opacity: 0.25;}100%{opacity: 1;} }

.multi-podcast-sidebar-wrapper .listen-btn.blur1{
	animation: blur-button 1000ms ease-in-out forwards;
}
@keyframes blur-button { 0%{opacity: 1;}5% ,90%{opacity: 0.25;}100%{opacity: 1;} }

.multi-podcast-sidebar-wrapper .listen-btn {border: 1px solid #FFFFFF;border-radius: 15px;color: #FFFFFF;font-family: "Roboto Condensed";font-size: 13px;letter-spacing: 1px;line-height: 14px;padding: 8px 19px;text-transform: uppercase;display: block;}
.space{height: 20px;}

/* {TOI} Fix image alignment in ToI@10 page */
.page-template-toi10-public-page .aligncenter img,
.post-template-default .aligncenter img{margin: 0 auto; display: block;}
/* {TOI} Fix image alignment in ToI@10 page */
.wp-caption.aligncenter .wp-caption-text{text-align: center;}
/* {TOI} Develop Daily Briefing module for the newsletter */
.salamandra-popup.preview .daily-briefing-newsletter .two-columns{	text-align: start !important;}
.salamandra-popup.preview .daily-briefing-newsletter .two-columns .column2 .data-wrapper p{margin-bottom: 28px !important;}

/* {TOI} Implement Cloud Wrapper - Prebid */
.home .banner-placeholder.pb-slot-right-1,
.home .banner-placeholder.pb-slot-right-2,
.home .banner-placeholder.pb-slot-content-2{margin-top:24px;}
.home .banner-placeholder.pb-slot-content-2{min-height:120px;}

/* {TOI} Design and develop 2col Video post Salamandra module */
.widget.article-video-module-wrapper{ background-color: #fff; float: left;padding-bottom: 0;border-top:1px solid}
.article-video-module-wrapper .media-wrapper{ position: relative; width: 100%; height: 100%; padding: 0; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; }
.article-video-module-wrapper .media-wrapper a{ display: flex; align-items: center; justify-content: center; }
.article-video-module-wrapper .media{ width: 100%; height: auto; }
.article-video-module-wrapper .article-module-title{ font-family: "Roboto Condensed","Arial Narrow",sans-serif; color: #CD2729; font-size: 16px; font-weight: bold; line-height: 16px; text-transform: uppercase; margin-bottom: 15px; }
.article-video-module-wrapper .headline{ font-family: neue-haas-grotesk-display, sans-serif; color: #101114; font-size: 32px; line-height: 36px; font-weight: bold; margin-bottom: 0;}
.article-video-module-wrapper .media-wrapper .video-button{pointer-events: none;box-sizing:border-box;height:60px;width:60px;border:2px solid #fff;border-radius:50%;cursor:pointer;background-color:rgba(0,0,0,.15);left:50%;position:absolute;transform:translateX(-50%);margin-bottom:0;}
.article-video-module-wrapper .media-wrapper .video-button::after{color:#fff;font-family:Toi-new;font-size:25px;letter-spacing:0;content:""}

/* {TOI} Develop a Most Popular in-article module {14 or 24} */
.article-content .widget.most .widget-body {padding: 0 20px;}
.article-content .widget.most .widget-body ul{display: flex; flex-wrap: wrap; justify-content: center; align-content: center; gap:18px }
.article-content .widget.most .item {width:126px;margin-top:0px;border-top-style:dotted;}
.article-content .widget.most .headline { font-size: 14px; line-height: 16px; font-weight: 500; margin-bottom: 9px; color: #1e1e1e;}
.article-content .widget.most .item .media {width:128px;height:94px;margin-bottom:10px;}
.article-content .widget.most .item .media {width:128px;height:94px;margin-bottom:10px;margin-top: 0;}
.article-content .widget.most .widget-header {padding: 0 20px 20px;}
.article-content .widget.most .media {width:100%;height:91px;margin-bottom:10px;}
.article-content .widget.most .under-headline {display: none;}
.article-content .widget.most .media > .number, .most-slider-small .media > .number{bottom: 3px;}


.template4.big.negative {position:relative;background: #333;width: calc(100% - 40px);padding: 20px;}
 .template4.big.negative .media + .item-content{position: static;background-image: none;padding:0;pointer-events:all;}
 .cols4 .template4.big.negative .media {order:2;margin-bottom:0;margin-top:25px;}
 .template4.big.negative .above-headline .label,
 .template4.big.negative .above-headline .overline{color: #fff;font-family:"Roboto Condensed","Arial Narrow",sans-serif;font-size: 14px;letter-spacing: -0.22px;}
 .template4.big.negative .above-headline .label{ font-weight: bold;letter-spacing: 0.04px;}
	
 /* {TOI} Implement Sellwild widget on the homepage */
 .sellwild-label .banner-label{ font-family: "Roboto",sans-serif; font-size: 11px; letter-spacing: 0.5px; line-height: 11px; text-align: center; color: #878787; text-transform: uppercase; margin-bottom: 8px; margin-top: 40px; display: flex; justify-content: center; align-items: center; }

/* {TOI} Develop Salamandra modules for Paralyzed Nation - HP and Newsletter */
.cols2 .widget.paralyzed_nation{padding:25px 20px;background-color:#004BFF;color:#FFFFFF;font-family:"neue-haas-grotesk-display",sans-serif;font-weight:bold;background-size:160px;background-repeat:no-repeat;background-position:right 30px;border:0;float:left;}
.cols2 .widget.paralyzed_nation .paralyzed_nation-logo{margin:0 auto 25px!important;display:block;text-align:center}
.cols2 .widget.paralyzed_nation .paralyzed_nation-logo img{display:inline-block;width:100px;}
.cols2 .widget.paralyzed_nation .paralyzed_nation-headline{font-size:32px;line-height:36px;margin-bottom:10px!important;display:block;}
.cols2 .widget.paralyzed_nation .paralyzed_nation-underline{font-size:18px;line-height:20px;margin-bottom:23px!important;display:block;}
.cols2 .widget.paralyzed_nation .paralyzed_nation-btn{font-family:"Roboto Condensed","Arial Narrow",sans-serif;font-size:14px;line-height:14px;display:block;}
.cols2 .widget.paralyzed_nation .paralyzed_nation-btn-link::before{margin-right:8px;content:"\e91f";font-size:16px;font-family:"Toi-new";}
.cols2 .widget.paralyzed_nation .paralyzed_nation-btn-link{display:inline-block;border-radius:18px;background-color:#1E1E1E;padding:11px 18px 10px;text-transform:uppercase;}
/* Responsive: */
.cols2 .widget.paralyzed_nation .paralyzed_nation-logo img{width:calc(33.3% + 13.43px);}
.cols2 .widget.paralyzed_nation{background-position:right 19%;background-size:53.3%;}

/* {TOI} Fix audio strip bug on old podcasts */
.topic_is_podcast .g-new-podcast-post-inner .media img{object-fit: cover; height: 100%}
.topic_is_podcast .g-new-podcast-post-inner .media a{height: 100%;}

.sellwild-widget{clear:both;}


/* {TOI} Fix 'aligncenter' bug in WYSIWYG */ 
img.aligncenter{display:block;}


/* {TOI} Fix comment numbers dropping to second line on desktop, mobile and app */

.spot-im-replies-count{ display:flex; max-width:12px;margin:0px;float:right;}
.spotim-light{   display:flex;max-width:12px;}
.responsive-site .article-content .banner-placeholder.openweb-ad .spotim-light{display:flex;max-width:100%;}
.messages-count{ display:flex;}
.ow-comments-inner-a .messages-count a:hover{ text-decoration:none !important;}
.messages-count a:hover{ text-decoration:none;}
.ow-comments-inner-a{display:inline-block;}

/* {TOI}-Add-time-zone-indicator-on-newsletter-scheduling-calendar */
.time_zone{margin-left:5px;}

/* {TOI} Remove TOI_VideoPlayer_Test + add video code on dev post */
.vjs-pip-container{margin-bottom:26px;}

/* {TOI} Fix comments counter on video template */
.article-video .under-headline > div .comments a.ow-comments-inner-a::before{font-family: 'Toi-new';content: "\e911";margin-right: 5px; }
.article-video .under-headline > div .comments::before { content: "|"; margin: 0 8px }
.article-video .wrap-byline span{ line-height:7.5px; }

/* {TOI} Design and develop 2-col sponsored Salamandra module for Sheba */
.sheba-widget.widget{  border: 0;display: inline-block; padding-bottom: 0; background-color: #2A2C6C; }
.sheba-widget .sheba-wrapper{ display: grid; height: 100%; align-items: center; }
.sheba-widget .widget-top{ padding-inline: 20px; color: #FFFFFF; font-family: "neue-haas-grotesk-display",sans-serif; }
.sheba-widget .widget-logo{ max-width: 90px; margin-bottom: 20px; }
.sheba-widget .widget-title{ font-size: 28px; font-weight: 800; line-height: 32px; margin-bottom: 5px; }
.sheba-widget .widget-subtitle{ font-size: 20px; font-weight: 700; letter-spacing: 0.5px; line-height: 24px; margin-bottom: 7px; }
.sheba-widget .widget-bottom{ align-self: end;display: grid; grid-template-columns: repeat(2,1fr); font-family:"Roboto Condensed","Arial Narrow",sans-serif; padding-left: 16px; text-transform: uppercase; }
.sheba-widget .widget-button{ border-radius: 20px; background-color: #FFFFFF; color: #2A2C6C; font-size: 14px; font-weight: bold; letter-spacing: 0.5px; line-height: 14px; text-align: center; padding: 14px 30px 12px; }
.sheba-widget .bottom-left{ margin-top: 8px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; }
.sheba-widget .sponser{ opacity: 0.75; color: #FFFFFF; font-size: 11px; font-weight: 300; letter-spacing: 0.5px; line-height: 13px; margin-bottom: 15px; } 
.sheba-widget .seventy-five-logo{ justify-self: end; line-height: 0; }

/* {TOI} Design and develop a more compact topic list in articles */
.article-topics.compact-topic-list{display: block;margin-right:12px; margin-top:20px;}
 .article-topics.compact-topic-list div{float:left; white-space: nowrap;margin-right: 6px; color: #1E1E1E !important;font-family: "Roboto Condensed"; font-size: 13px; font-weight: bold; letter-spacing: 0; line-height: 18px;margin-bottom:0px;}
 .article-topics.compact-topic-list ul li a{color: #525252; font-family: Helvetica !important; font-size: 13px !important; letter-spacing: 0; line-height: 18px !important; vertical-align:top; position: relative;}
 .article-topics.compact-topic-list ul li::before { content: "\00B7"; float: left; font-size: 31px; line-height: 20px; margin-right: 3px;color: #525252;}
 .article-topics.compact-topic-list ul li{margin-right:0px;margin-top: -2px;}
 .single-post .article-content.compact-topic-list + .social.bottom{margin-top:15px; border-top:0px;}
 .article-topics.compact-topic-list ul li:first-child::before {display: none;}
 .article-topics.compact-topic-list ul li:not(:first-child)::before { content: "\00B7"; float: left; font-size: 31px; line-height: 20px; margin-right: 3px; color: #525252; }
 .article-topics.compact-topic-list ul, .article-topics ul li::before{line-height: unset;}
 .article-topics.compact-topic-list ul li a::after { content: ""; display: none; position: absolute; bottom: -1px; left:0px; width: 0%; height: 0.9px; background-color: #525252; }
 .article-topics.compact-topic-list ul li a:hover::after { display: block; width: 100%; }
.article-content .banner-placeholder{ padding-bottom:25px; }


/* {TOI} Fix extra space above photo captions bug on an article */
.alignleft img, .alignright img { margin-bottom: 0 !important;width: 100%;height: auto; }

/* {TOI} Design and develop a more compact topic list in articles */

.article-topics.compact-topic-list{display: block;margin-right:12px; margin-top:20px;}
 .article-topics.compact-topic-list span{padding-top:4.1px; padding-bottom:1.5px; float:left; white-space: nowrap;margin-right: 6px; color: #1E1E1E !important;font-family: "Roboto Condensed"; font-size: 13px; font-weight: bold; letter-spacing: 0; margin-bottom:0px; text-transform: uppercase;}
 .article-topics.compact-topic-list ul li a{color: #525252; font-family: Helvetica !important; font-size: 13px !important; letter-spacing: 0; line-height: 18px !important; vertical-align:top; position: relative;}
 .article-topics.compact-topic-list ul li::before { content: "\00B7"; float: left; font-size: 31px; line-height: 20px; margin-right: 3px;color: #525252;}
 .article-topics.compact-topic-list ul li{margin-right:0px;}
 .single-post .article-content.compact-topic-list + .social.bottom{margin-top:15px; border-top:0px;}
 .article-topics.compact-topic-list ul li:first-child::before {display: none;}
 .article-topics.compact-topic-list ul li:not(:first-child)::before { content: "\00B7"; float: left; font-size: 31px; line-height: 20px; margin-right: 3px; color: #525252; }
 .article-topics.compact-topic-list ul, .article-topics ul li::before{line-height: unset;}
 .article-topics.compact-topic-list ul li a::after { content: ""; display: none; position: absolute; bottom: -1px; left:0px; width: 0%; height: 0.9px; background-color: #525252; }
 .article-topics.compact-topic-list ul li a:hover::after { display: block; width: 100%; }
.article-content .banner-placeholder{ padding-bottom:25px; }
.article-topics.compact-topic-list ul{ padding-top:1.5px; padding-bottom:1.5px;}


/* {TOI} Main, Blogs | Develop email alerts: changes to writer and blogger pages */
.features-special.features-full .container .under-headline .underline{width:100%; text-align: center;}
.email-follow-block{display: inline-block;margin-left: 2px;}
.add-after ~ .email-follow-block{margin-left: 8px;}
body:not(.responsive-site) .features.features-special.features-half .email-follow-block .email-follow-button{background: none;color: #fff;border:1px solid #fff}
body:not(.responsive-site) .features.features-special.features-half .email-follow-block .email-follow-button.loading{color: transparent;}
body:not(.responsive-site) .features.features-special.features-half .email-follow-block .email-follow-button.following{background: #0F4E97;}
.email-follow-block .email-follow-button{background: #fff;color: #0F4E97;font-size: 12px;line-height: 16px;text-transform: uppercase;border: 1px solid #0F4E97;border-radius: 3px;padding: 0 4px;cursor: pointer;font-family:"Roboto Condensed",sans-serif;display: inline-flex;align-items: center;justify-content: center;}
.email-follow-block .following-note,
.email-follow-block .unfollowing-note{position: absolute;border: 1px solid #3C3C3C;border-radius: 3px;background-color: #F5F5F3;padding: 16px 20px 12px 16px;margin-top:5px;display: none;z-index: 100;margin-right: 16px;text-align: left;}	
.email-follow-block .following-note span,
.email-follow-block .unfollowing-note span{white-space: normal;text-transform: none;display: inline-block;font-size: 12px;font-family:"Roboto",sans-serif;color: #3C3C3C;line-height: 16px;font-weight: normal;max-width: 300px;}
.email-follow-block .unfollowing-note span a,
.email-follow-block .following-note span a{text-transform: none;display: inline-block;font-size: 12px;font-family:"Roboto",sans-serif;line-height: 16px;color: #0F4E97!important;text-decoration: underline;font-weight: normal;font-family:"Roboto",sans-serif;}
.email-follow-block .unfollowing-note .unfollowing-note-close:after,
.email-follow-block .following-note .following-note-close:after{content: "";font-family:"Toi-new";font-size: 16px;color: #3C3C3C;}
.email-follow-block .following-note .following-note-close,
.email-follow-block .unfollowing-note .unfollowing-note-close{position: absolute; right: 10px;top: 10px;border:none;cursor: pointer;background: none;line-height: 12px;padding: 0;}
.email-follow-block .email-follow-button.following{color: #fff;background: #0F4E97;}  
.email-follow-block .new-email-alerts-note{position: absolute;max-width: 237px;border: 1px solid #3C3C3C;background-color: #0F4E97;margin-top:5px;z-index: 100;margin-right: 16px;border-radius: 3px;text-align: left;}
.email-follow-block .new-email-alerts-note .new-email-alerts-text{white-space: normal;text-transform: none;font-size: 12px;font-family:"Roboto",sans-serif;color: #fff;line-height: 16px;font-weight: normal;padding: 15px 18px 12px 15px;max-width: 204px;}
.email-follow-block .top-text{display: inline;white-space: nowrap;text-transform:none;font-weight: normal;color: #fff;}	
.tax-writers .email-follow-block{margin-top: 20px; margin-bottom: 5px;}
.tax-writers .social .email-follow-block{margin-top: 0px; margin-bottom: 0px;}
.tax-writers .follow-block-wrap .email-follow-block{margin-right: 0;margin-left: 0;}
.email-follow-block .new-email-alerts-text span{text-transform:none;font-weight: normal;color: #fff;}
.tax-writers .email-follow-block .email-follow-button{padding: 4px 8px;font-size: 16px;}
.wrap-byline .byline >a{display: inline-block;color: #0E4E97;}
.wrap-byline .byline-link.link-with-b-margin{margin-bottom: 5px;}
.wrap-byline .comments{display: none;}
@media only screen and (max-width: 480px) {
	.email-follow-block .new-email-alerts-note,
	.email-follow-block .following-note, 
	.email-follow-block .unfollowing-note {
		width: 234px;
		left: 50%;
		transform: translateX(-50%);
	}
}


.wrap-byline .byline a:last-child {margin-bottom:0}
.email-follow-block .new-email-alerts-note .new-email-alerts-text .text-new {margin-left: 0;display: inline-block!important;font-weight: bold;color: #fff;}
.tax-writers .item-content .email-follow-block .email-follow-button,
.under-headline .email-follow-block .email-follow-button{padding: 0 4px;font-size: 12px;line-height: 16px;height: 17px;}
.tax-writers .follow-block-wrap{margin-top:15px;text-align: center;}
@media only screen and (max-width: 374px) {
	.email-follow-block .top-text {
		white-space: normal;
	}
}
.tax-writers .term-header .social {margin-top: 15px;}
.tax-writers .term-header .description{margin-top: 15px;}
.archive.tax-writers dialog.toi-crm-popup{top:20%}
  
.email-follow-button:not(.following):hover + .new-email-alerts-note{display: block}
.background-overlay {position: fixed; inset: 0px;z-index: 100;background: rgba(0, 0, 0, 0.1);}	
 body:not(.mobile) .email-follow-button:not(.following):hover + .new-email-alerts-note{display: block!important}
.email-follow-button.loading:before {content: ""; position: absolute;width: 12px; height: 12px;border: #0e4f97 3px solid; border-left-color: transparent;border-radius: 50%;animation: rotating 0.85s linear infinite;}
.email-follow-button.following.loading:before {content: "";	border: #fff 3px solid;border-left-color: transparent;}
/* .article.features .email-follow-button.loading:before{width: 8px;height: 8px;border: #fff 2px solid; border-left-color: transparent;} */
.article.features .email-follow-button.loading:before{width: 8px;height: 8px;}
.wrap-article .email-follow-button.loading:before{width: 8px;height: 8px;border: #0e4f97 2px solid; border-left-color: transparent;}
.wrap-article .email-follow-button.following.loading:before {content: "";border: #fff 2px solid;border-left-color: transparent;}
.email-follow-block .email-follow-button.loading{color: transparent;}

/* {TOI} Reduce padding after bottom ad in article pages by 50% on desktop */
.article-content .banner-placeholder.openweb-ad{padding-bottom:9.375px;margin-bottom:4.875px;}
.article-topics.compact-topic-list{margin-top: 3.5px;}
.article-content .social.bottom{margin: 7.5px 0 0px;}

.responsive-site .article-content .banner-placeholder.openweb-ad > div{display: flex;width: 100%;justify-content: center;}
.responsive-site .article-content .banner-placeholder.openweb-ad > div > div{margin-left: -1px;}

/* {TOI} Fix padding in Features Spotlight footer  */
.single.single-features-special .article .article-content .social.bottom{ margin-bottom:25px; }

/* {TOI} Replace Brightcove video player code on dev article pages */
/* {TOI} Fix extra space issue after video player in articles */
.cnx-main-container{margin-bottom: 26px;}

/* {TOI} Remove OpenWeb comments from liveblog articles */
body.single.app article.liveblog .wrap-byline .comments,
article.liveblog .article-content-container .comments,article.liveblog .article-content-container .social-comments{display:none;}

/* {TOI} Design and develop 2-col Salamandra module for Hidden Gems */
.hidden-gems-widget.widget{  border: 0;display: inline-block; padding: 0;}

/* {TOI} Add taxonomy term image to Slider taxonomy */
.tax-sliders .term-header.add-border{
	padding-bottom: 20px;
}
.tax-sliders .slider-img{
	position: relative;
	margin-bottom: 50px;
}
.tax-sliders .slider-img img{
	max-width: 100%;
}
.tax-sliders .slider-img .caption-wrapper{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);
}
.tax-sliders .slider-img .caption{
	font-family:"Roboto",sans-serif;
    color: rgba(255,255,255,0.6);
	font-size: 12px;
    line-height: 14px;
	padding: 50px 20px 15px 20px;
}

/* {TOI} Design and develop 2-col, 4-col Salamandra module for Those We Have Lost */
/* {TOI} Design and develop 2-col, 4-col Salamandra module for Those We Are Missing */
.those-we-lost{
	--image-path:url('https://static-cdn.toi-media.com/www/images/Those_We_Have_Lost_BG.png');
}
.those-we-missing{
	--image-path:url('https://static-cdn.toi-media.com/www/images/Those_We_Are_Missing_-_BG_HP.png');
}
.those-widget{	background-image: var(--image-path), url('https://static-cdn.toi-media.com/www/images/Those_We_Have_Lost_BG.png');background-position: center; background-repeat: no-repeat;background-size: cover; height: 300px;color: #0E4F97;font-family:"neue-haas-grotesk-display",sans-serif;font-weight: bold;float: left;box-sizing: border-box;width: 100%; border: 0;padding: 0;}
.those-wrapper{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;padding: 25px;height: 100%;box-sizing: border-box;color: #ffffff;}
.those-wrapper .those-title{font-family:"neue-haas-grotesk-display",sans-serif;font-size: 32px;line-height: 36px;font-weight: 800;padding-bottom: 10px;max-width: 190px;}
.those-wrapper .those-subtitle{font-family:"neue-haas-grotesk-display",sans-serif;font-size: 20px;line-height: 24px;font-weight: 800;max-width: 190px;}
.those-wrapper .those-link{color: #FFFFFF;font-family: "Roboto Condensed";font-size: 14px;line-height: 14px;font-weight: bold;text-transform: uppercase;border-radius: 18px;display: flex;justify-content: center;align-items: center;margin-top: auto;background-color: #ffffff;color: #070506;}
.those-wrapper .those-link a{padding: 10px 25px;}

.those-we-missing .those-title p{background-color: black; padding-inline: 6px; margin-bottom: 5px; width: fit-content;}


/* {TOI} Fix "Advertisement" label in liveblog articles */
.sellwild-label{clear: both;}


/* {TOI} Fix CMP text alignment */
.qc-cmp2-summary-section .qc-cmp2-publisher-logo-container .qc-cmp2-summary-info{ display: block !important; }
/* {TOI} Add Show More button to active LiveBlog articles */
.article.liveblog .liveblogdiv .liveblog-show-more{
	text-align: center;
	margin-top: 38px;
	margin-bottom: 42px;
	display: none;
	position: relative;
	padding: 0;
	border: none;
	background: transparent;
}
.liveblog-show-more .show-more-btn{
	font-family:"Roboto Condensed","Arial Narrow",sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 3px;
	background-color: #000000;
	color: #FFFFFF;
	padding: 9px 15px 7px;
	text-transform: uppercase;
	cursor: pointer;
}
.article.liveblog .liveblogdiv[data-entries-num="11"] .liveblog-show-more{
	display: block;
	margin-bottom: 42px;
}
.liveblogdiv[data-entries-num="11"] ~ p{
	display: none;
}
.liveblog-show-more.loader .show-more-btn{
	color: #000000;
}
.liveblog-show-more.loader::before{
	content:"";
	display:block;
	position:absolute;
	inset: 0;
    margin: auto;
	width:25px;height:25px;border-radius:25px;
	-webkit-box-sizing:border-box;box-sizing:border-box;
	border:solid 5px #fff;border-top:5px solid transparent;
	-webkit-animation:load-animate infinite linear 1s;
	animation:load-animate infinite linear 1s
}

/* {TOI} Update the iPhone image on the Signup page */
.nl-signup-page .iphone-div-wrap iframe { width: 366px; height: 430px; }
.nl-signup-page-wrap{position:relative;}
.nl-signup-page-wrap:after{ content:""; height: 10px; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); position:absolute; bottom:0px; }
/* {TOI} Look into featured image crops in Feature template */
	.features-half.features-special .article-header .media img { width: 100%; object-fit:cover; }

/* {TOI} Main, Blogs | Fix spacing in menu */
.menu-opened .StickyBanner__parent{z-index: 0;}

/* {TOI} Develop Uprooted article and Salamandra templates {20} */
.features-full .underline{width:100%;text-align:center;}
article.uprooted .article-header{max-height:80vh}
article.uprooted .uprooted_logo{width:600px;max-width:100%;height:auto;}
article.uprooted .article-header .header-content{bottom:20px;z-index:2;pointer-events:none;}
.features-special.uprooted .article-header .media .rslides li::after,
.features-special.uprooted .article-header .media::after {content:none}
.features-special.uprooted .article-header::after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 18.11%, rgba(0,0,0,0) 91.94%, rgba(0,0,0,0.5) 100%);pointer-events:none;}
.features-full.features-special.uprooted > .container{margin-top:30px;}
article.uprooted .headline{font-family:"Roboto Slab",serif;font-size:40px;letter-spacing:-1px;line-height:48px;font-weight:500;margin-bottom:25px;color:#000000;text-align:center;}
article.uprooted .underline{font-family:"Roboto Slab",serif;font-size:20px;font-weight:300;line-height:26px;margin-bottom:25px;color:#000000;text-align:center;}
.features-full.article.features.uprooted .under-headline .social{margin-bottom:30px;}
.features-full.uprooted .article-header .media img {object-position:50% 20%;}
/* sala */
.cols7 .item.negative.uprooted,
.item.uprooted{display:flex;flex-flow:row-reverse;text-align:center;background-color:#141414;padding:0;margin-bottom:12px;width:100%;}
.item.uprooted .uprooted_logo{display:block;width:340px;max-width:calc(100% - 40px);height:auto;margin:0 auto 12px;order:1;}
.cols5 .item.uprooted .uprooted_logo{width:272px;margin-bottom:10px;}
/* .cols7 .item.uprooted.template3.negative .media + .item-content,
.cols6 .item.uprooted.template3.negative .media + .item-content, .cols5 */
.item.uprooted.template3.negative .media + .item-content{width:50%;position:static;box-sizing:border-box;padding:60px 30px;display:flex;flex-flow:column;background:transparent;height:auto;pointer-events:auto;align-self:center;}
/* .cols7 .item.uprooted .media,
.cols6 .item.uprooted .media, .cols5 */
.item.uprooted .media{width:50%;position:relative;aspect-ratio:1/1;}
.item.uprooted .media .video-wrap{height:100%;padding:0;}
.item.uprooted .media a{height:100%;}
.item.uprooted .media img{height:100%;object-fit:cover;}
.item.uprooted .media::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, #141414 0%, rgba(20,20,20,0) 19.59%, rgba(38,38,38,0) 100%);pointer-events:none;}
.item.uprooted.negative:not(.analysis):not(.special) .headline{font-family:"Roboto Slab",serif;font-size:28px;line-height:32px;color:#FCD900;margin-bottom: 20px;order:2;font-weight:normal;}
.cols5 .item.uprooted.negative:not(.analysis):not(.special) .headline{font-size:22px;line-height:26px;}
.item.uprooted.negative:not(.analysis):not(.special) .label{font-family:"Roboto Slab",serif;font-size: 20px;line-height:26px;color: #FFFFFF;display: block;font-weight:500;margin-bottom: 5px;width:100%;text-transform:none;}
.item.uprooted.negative:not(.analysis):not(.special) .overline{color: #FFFFFF;font-family:"Roboto Slab";font-weight:300;width:100%;text-transform:none;display:block;}
.item.uprooted .above-headline{order:3;margin-bottom: 20px;}
.item.uprooted .byline{order:4;margin-bottom:0;}
.cols4 .item.uprooted .media,
.cols4 .item.uprooted.template3.negative .media + .item-content,
.cols4 .template3.negative.uprooted .above-headline,
.cols4 .template3.negative.uprooted .headline,
.cols4 .template3.negative.uprooted .byline,
.cols5 .template3.negative.uprooted .above-headline,
.cols5 .template3.negative.uprooted .headline,
.cols5 .template3.negative.uprooted .byline,
.cols6 .template3.negative.uprooted .above-headline,
.cols6 .template3.negative.uprooted .headline,
.cols6 .template3.negative.uprooted .byline{width:100%;}
.item.uprooted .label:not(.empty) + .overline::before{content:none}
.cols4 .item.uprooted{flex-flow:column;}
.cols4 .item.uprooted.template3.negative .media + .item-content{box-sizing:border-box;height:auto;margin-top:370px;padding:30px;text-align: left;}
.cols5 .item.uprooted.template3.negative .media + .item-content{padding-top:42.5px;padding-bottom:42.5px;}
.cols4 .item.uprooted .media{position:absolute;top:0;left:0;width:100%;}
.cols4 .item.uprooted .media::after{background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60.01%, #141414 100%);}
.cols4 .item.uprooted .uprooted_logo{margin:0 auto 15px 0;}
.cols4 .item.uprooted .byline{order:2;line-height: 11px;margin-bottom: 20px;}
.cols4 .item.uprooted.negative:not(.analysis):not(.special) .headline{order:3;margin-bottom: 15px;}
.cols4 .item.uprooted .above-headline{order:4;margin-bottom:0;}
/* {AJN} Present ToI content in Full Coverage modules {10} */
.slider.out_src .section-header .title{margin-bottom:2px;}
.cols2 .full-coverage .by_out_src span,
.by_out_src{font-family:"Roboto",sans-serif;font-size:10px;line-height:12px;}
.full-coverage .by_out_src span::after,
.cols4 .full-coverage .by_out_src span::after,
.full-coverage .by_out_src span::before{content:none}
.cols2 .full-coverage.out_src .by_out_src span,
.by_out_src span{color:#525252;margin-right:3px;display:inline-block;margin-bottom:0;text-transform:initial;}
.by_out_src a{font-weight:bold;color:#3062FF;text-transform:uppercase}
.slider.out_src .section-header{margin-bottom:10px;}
.full-coverage.out_src .by_out_src{margin-top:2px;}
.cols4 .full-coverage.out_src .by_out_src{margin-top:4px;}
.full-coverage.out_src .widget-header{padding-bottom:10px;}

/* {TOI} Fix Live Blog issues: JW links, bullet points */
.liveblogdiv ul:not(.liveblog-social){padding-left: 20px; list-style: disc inside none; margin: 0 0 26px; overflow: hidden;}
.liveblogdiv .single-share ul.social{padding-left: 20px; list-style-type:none; margin: 0; overflow: initial;}
.liveblogdiv ul:not(.liveblog-social) > li{margin: 0 0 26px;}

.fr.sticky-header:not(.mobile) .new-header-toi.header .israel-war { right: -468px; }
/* {TOI} Fix excessive space above Vimeo embed on mobile */
.oembed-wrap {position:relative;padding-bottom:56.25%;height:0;margin-bottom:30px;}
.oembed-wrap.verticalvid {padding-bottom:87%;}
.oembed-wrap.squarevid {padding-bottom:75%;}
.oembed-wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
/* {TOI} Replace Twitter icon on Writer pages */
.term-header:not(.daily-edition-header) .social li.twitter a::before{content:"\e95d";}
/* {TOI} Add Title Tag for videos and animations for homepage hover */
.article-content h6 {margin:-21px 0 26px;padding:0 0 5px;font-family:roboto,sans-serif;font-size:12px;line-height:14px; border-bottom:1px dotted;color:#878787;border-color:#d6d6d6;}
/* {TOI} Set up registration for Docu Nation - */
iframe[src*="cdn.forms-content.sg-form.com"] {width:100%;height: 667px;}
/* {TOI} Develop a 2-col + newsletter modules for Docu Nation */
.square-widget { margin-top: 30px; display: inline-block;}
.square-widget img{ width: 100%; height: 100%; object-fit: cover; }
.docunation-4{ display: inline-block; width: 100%;}
.docunation-4 a{ display: inline-block; width: 100%; margin-top: 30px; }
.docunation-4 img{ width: 100%; }
/* {TOI} Check Partners_LB ad unit on HP */
.banner-placeholder:has(#div-gpt-ad-Partners_LB){min-height:auto;margin-bottom:0px;display:none;}
.banner-placeholder:has(#div-gpt-ad-Partners_LB[data-google-query-id]){display:block;}
.banner-placeholder:has(#div-gpt-ad-Partners_LB[style*="display: none"]){display:none;}
#div-gpt-ad-Partners_LB{margin-bottom:24px;}


/* {TOI} Add "Edit" button for CMS users on pages */
.article-content-container span.edit:not(.empty){display: block;margin-top: 10px;}
.article-content-container span.edit:not(.empty)::before{content:none!important}
.page-template-landing_page_community .article-content-container span.edit:not(.empty),
.landing-page-template.article .article-content-container span.edit:not(.empty),
.page-template-toi10-community .article-content-container span.edit:not(.empty){margin-bottom: 20px;text-align: center;}

/* {TOI} Develop contact up button on Those We Have Lost page */
a.those-we-have-lost-contact-us{position: absolute; right: 23px; top: 22px; background: #FFF; color: #101114; font-family: trade-gothic-next-condensed, sans-serif; font-size: 14px; font-style: normal; font-weight: 800; line-height: normal; text-transform: uppercase; padding:4px 15px 4px 14px; border-radius: 100px;}
/* {TOI} Changes to fonts in Salamandra */
/* 7 COLUMNS: NEWS DRAMATIC */
body.fr .cols7.block .template2.news .inner-item-wrap > .item-content > .headline,
body.main-toi .cols7.block .template2.news .inner-item-wrap > .item-content > .headline{font-size: 56px; line-height: 60px; letter-spacing: -0.5px;}
/* 7 COLUMNS: NEWS LARGE TEXT */
body.fr .cols7.block .template1.news .inner-item-wrap > .item-content > .headline,
body.main-toi .cols7.block .template1.news .inner-item-wrap > .item-content > .headline{font-size: 42px; line-height: 44px; letter-spacing: -0.5px;}
/* 7 COLUMNS: LIVE UPDATES DRAMATIC */
body.fr .cols7.block .template2.liveblog .inner-item-wrap > .item-content > .headline,
body.main-toi .cols7.block .template2.liveblog .inner-item-wrap > .item-content > .headline{font-size: 56px; line-height: 60px; letter-spacing: -0.5px;}
/* 7 COLUMNS: ANALYSIS LARGE TEXT / 56 60 -0.5 */
body.fr .cols7.block .template2.analysis .inner-item-wrap > .item-content > .headline,
body.main-toi .cols7.block .template2.analysis .inner-item-wrap > .item-content > .headline{font-size: 56px; line-height: 60px; letter-spacing: -0.5px;}
/* ADD 5 COLUMNS: NEWS MEDIUM / 32 34 -0.3 */
body.fr .cols5.block .template2.news .item-content .headline,
body.main-toi .cols5.block .template2.news .item-content .headline{font-size: 32px; line-height: 34px; letter-spacing: -0.3px;}




/* {TOI} Develop 2-col + newsletter modules for ChaiFlicks */
.square-widget.chaiflicks img{object-fit: fill;}

/* {TOI} Fix alignment issue with caption on Spotlight image uploads */
.wp-caption:has(img[width="400"]) .wp-caption-text {width:400px;}
.responsive-site .wp-caption:has(img[width="400"]) .wp-caption-text {width:auto;}
/* {TOI} Changes to 7-col packages in Salamandra */
.less-then-four-items .package{display: flex; gap: 20px;}
.cols7 .less-then-four-items .package.news .item{ flex: 1;}
.cols7 .less-then-four-items .package.news .item .headline{ margin-bottom: 5px; font-size: 18px; font-weight: 500; line-height: 20px;}
/* {TOI} Design and develop "new update" popup for LiveBlogs {6-7} */
.popup-update { --sidebar-width: 300px; position: fixed; margin-block: 0; top: 90px; left: calc(var(--sidebar-width) + 80px + 300px + (100% - var(--sidebar-width) - 1100px) / 2); transform: translateX(-50%); margin: 0; color: #fff; display: flex; align-items: flex-start; gap: 8px; border: none; border-radius: 3px; background:  #CC2729; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.50); cursor: pointer; z-index:100; padding: 8px 16px; border: none; outline: none; }
.popup-update::backdrop { display: none; }
.popup-update:not([open]) { display: none; }
.popup-update p { font-family:roboto,sans-serif; font-size: 18px; font-weight: 600; line-height: 20px; }
.popup-update .num-updates{ margin-right: 5px; }
@media only screen and (max-width:1280px) {
	.popup-update { --sidebar-width: 0px; }
}
body.mobile .popup-update { left: 50%;}
/* {TOI} FR | Fix 'Top Ops' module display issue without bylines */
.cols1.sticky-sidebar-left .package .headline, 
.cols4.sticky-sidebar-left .template8.blogs+.package .headline{clear: both;}


/* {TOI}-Design-and-develop-More-from-todays-Liveblog */
.more-from-liveblog-entries{width: 100%;margin-bottom: 30px;max-width: 600px;}
.more-from-liveblog-entries>h2{font-family:roboto,sans-serif;font-weight: 700; font-size: 18px;line-height: 26px;text-align: left;margin-bottom: 5px;padding-left: 20px;}
.more-from-liveblog-entries .liveblog-entry-links{list-style: disc;padding-left: 20px;}
.more-from-liveblog-entries .liveblog-entry-links li{margin-bottom: 14px;}
.more-from-liveblog-entries .liveblog-entry-links li a{color: #000;font-family:roboto,sans-serif;font-weight: 400;font-size: 18px;line-height: 26px;text-decoration: none;border-bottom: 1px solid #CC2729;}

/* {TOI} Design and develop Hebrew landing page {9-16} */
.page-template-page-hebrew .main { width: 1150px; }
.hebrew-page{ margin-top: 50px; font-family: 'Noto Sans Hebrew', sans-serif; direction: rtl; }
.hebrew-page .the-content blockquote:not(.twitter-tweet, .tiktok-embed) p:first-child::before, 
.hebrew-page .the-content blockquote:not(.twitter-tweet, .tiktok-embed) p::after {content:"";}
.hebrew-page .the-content blockquote:not(.twitter-tweet, .tiktok-embed) p:first-child {text-indent:0;}
.hebrew-page img { width: 100%; height: 100%; max-height: 720px; object-fit: cover; aspect-ratio: 16 / 9; }
.hebrew-page .img-caption{ font-size: 12px; font-weight: 400; line-height: 16px; color: #878787; padding-block: 10px; border-bottom: 1px dashed #cccccc; }
.hebrew-page .page-header{ margin-bottom: 30px; }
.hebrew-page .page-header-content{ display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; padding-inline: 20px; }
.hebrew-page .page-overline{ color: #0E4F97; font-weight: 700; font-size: 20px; line-height: 24px; }
.hebrew-page .page-headline{ font-weight: 700; font-size: 60px; line-height: 66px; max-width: 900px;}
.hebrew-page .page-subheadline{ font-size: 24px; line-height: normal; max-width: 980px; font-weight: 300; }
.hebrew-page .the-content{ font-size: 18px; font-weight: 400; line-height: 32px; margin-bottom: 30px; }
.hebrew-page .page-content{ max-width: 600px; margin-inline: auto; padding-inline: 20px; font-weight: 400; }
.hebrew-page .the-content .wp-caption-text{ font-family: inherit; padding-block: 10px; border-bottom: 1px dashed #cccccc; }
@media screen and (max-width:1200px){
	.page-template-page-hebrew .main { width: 100%;}
}
@media screen and (max-width: 768px){   
	.hebrew-page{margin-top: 0px;}
	.hebrew-page .page-img {margin-bottom: 30px;}
	.hebrew-page img {aspect-ratio: 2 / 1;}
	.hebrew-page .the-content img{aspect-ratio: auto;}
	.hebrew-page .img-caption{margin-inline: 20px;}
	.hebrew-page img {aspect-ratio: 2 / 1;}
	.hebrew-page .the-content img{aspect-ratio: auto;}
	.hebrew-page .page-headline{font-size: 30px; line-height: 36px;}
	.hebrew-page .page-subheadline{font-size: 20px; line-height: 26px;}
	.hebrew-page .the-content{margin-bottom: 0px;} 
}
/* {TOI} Update link visibility in liveblog entry headers */
.overline.link-to-liveblog{color: #000;font-family: "Roboto Condensed";font-size: 14px;font-style: normal;font-weight: 400;line-height: 14px;text-transform: uppercase;}
.liveblog-link-bold-text{font-weight: 700;text-decoration-line: underline;}
.link-to-liveblog img{margin-bottom:1px; margin-right:2px; margin-left:2px;}
.article .above-headline:has(.link-to-liveblog){margin-bottom: 6px;}
.responsive-site .article .above-headline:has(.link-to-liveblog){margin-bottom: 20px;}
.overline.link-to-liveblog:hover .liveblog-link-bold-text{color: #cc2729;}
.label.live + a.overline.link-to-liveblog:hover{text-decoration:none;}

/* {TOI} Design and develop 2-col Salamandra module for IDFWO */
.idfwo-widget-wrapper{display: inline-block; border: 0;padding: 0;width: 100%;}
.idfwo-widget{color: #FFF; float: left; box-sizing: border-box; width: 100%; padding: 20px 20px 14px 20px; text-align: center; line-height: normal;background-image: url(../images/IDFWO/idfwo_background.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.idfwo-widget .widget-wrapper{ display: grid; height: 100%; align-content: space-between; }
.idfwo-widget .widget-logo{ margin-bottom: 15px; }
.idfwo-widget .widget-logo img{ max-width: 200px; }
.idfwo-widget .widget-subtitle{ font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 900; font-size: 32px; font-weight: 900; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 25px; }
.idfwo-widget .widget-link{ font-family:"Roboto Condensed","Arial Narrow",sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.7px; display: flex; justify-content: center; align-items: center; margin-top: auto; margin-bottom: 15px;}
.idfwo-widget .widget-link a{ padding: 13px 35px 11px; background-color: #00B6BC; border-radius: 100px; }
.idfwo-widget .sponser{ color: rgba(255, 255, 255, 0.75); font-family:"Roboto Condensed","Arial Narrow",sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0.6px; text-transform: uppercase; }
.idfwo-widget.square-widget img{object-fit: contain;}
.mobile .idfwo-widget-wrapper{display: flex;}
.mobile .idfwo-widget .widget-logo img{ margin-top: -1px;}
.mobile .block.cols5 .idfwo-widget,
.mobile .block.cols6 .idfwo-widget,
.mobile .block.cols7 .idfwo-widget{margin-inline: 16px;}

/* {TOI} Design and develop 2-col Salamandra module for IDFWO - April 2026 */
.idfwo-widget.idfwo-2026{ padding: 15px; background-image: url(../images/IDFWO/IDF_BG_Image.png); aspect-ratio: 1 / 1; padding-top: 0;}
.idfwo-widget.idfwo-2026 .widget-logo{ margin-bottom: 30px; }
.idfwo-widget.idfwo-2026 .widget-logo img{ max-width: 165px; }
.idfwo-widget.idfwo-2026 .widget-subtitle{ font-size: 26px; line-height: 30px; letter-spacing: 1.3px; margin-bottom: 15px; text-transform: initial; }
.idfwo-widget.idfwo-2026 .widget-link { margin-bottom: 10px; }
.idfwo-widget.idfwo-2026 .widget-link a { background: #AE9143; }

.hartman-widget-wrapper .idfwo-widget{text-align: start;background-image: url(../images/hartman-bg3.jpg);padding-bottom: 10px;aspect-ratio: 1/1;width: 100%;display: flex;}
.hartman-widget-wrapper .idfwo-widget .widget-link{justify-content: flex-start;}
.hartman-widget-wrapper .idfwo-widget .widget-subtitle{line-height: 28px;margin-bottom: 20px;font-size: 26px;}
.hartman-widget-wrapper .idfwo-widget .widget-text{font-size: 14px;font-weight: 900;letter-spacing: 0.7px;text-transform: uppercase;font-family: "neue-haas-grotesk-display", sans-serif;margin-bottom: 10px;}
.hartman-widget-wrapper .idfwo-widget .widget-logo img{ max-width: 166px;object-fit: contain; }
.hartman-widget-wrapper .idfwo-widget .widget-link a{filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.30)); background-color: #2386C2;color: #FFF;border: 1px solid rgba(255, 255, 255, 0.70);padding: 12px 24px;font-size: 14px;}
.hartman-widget-wrapper .idfwo-widget .widget-logo{ margin-bottom: 0; }
.hartman-widget-wrapper .idfwo-widget .sponser{color: rgba(255, 255, 255, 0.9);text-align: center;}
.hartman-widget-wrapper .idfwo-widget .widget-wrapper{height: auto;width: 100%;display: flex;flex-direction: column;}
.hartman-widget-wrapper .idfwo-widget .widget-content{display: flex;flex-direction: column;flex:1;}
/* {TOI} Design and develop promotions for October's Wake podcast */
.ow-widget-wrapper{display: inline-block; border: 0;padding: 0;width: 100%;}
.ow-widget{ --image-path:var(--ow-widget-1); background-image: var(--image-path); background-position: center; background-repeat: no-repeat; background-size: cover; color: #FFF; box-sizing: border-box; width: 100%; text-align: center; }
.ow-widget .widget-wrapper{ display: grid; height: calc(100% - 112px); align-content: center; padding: 65px 20px 47px; }
.ow-widget .widget-content{ display: flex; flex-direction: column; gap: 10px; justify-content: center; margin-bottom: 40px; }
.ow-widget .widget-logo img{ max-width: 150px; }
.ow-widget .widget-title{ font-family: "neue-haas-grotesk-display", sans-serif; font-size: 36px; font-weight: 700; line-height: 40px; color: #E84926; }
.ow-widget .widget-subtitle{ font-family: "neue-haas-grotesk-display", sans-serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; }
.ow-widget .widget-link{ font-family:"Roboto Condensed","Arial Narrow",sans-serif; font-size: 14px; line-height: 16px; font-weight: 700; text-transform: uppercase; display: flex; justify-content: center; align-items: center; margin-top: auto; }
.ow-widget .widget-link a{ padding: 5px 15px; background-color: #E84926; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.50); background: #E84926; }
.ow-widget.square-widget img{object-fit: contain;}
.mobile .ow-widget-wrapper{display: flex;}
.mobile .block.cols5 .ow-widget,
.mobile .block.cols6 .ow-widget,
.mobile .block.cols7 .ow-widget{margin-inline: 16px;}

.docunation-2.square-widget{width: 100%;}

/* above 480px */
@media (min-width: 600px) {
	.mobile .ow-widget .widget-wrapper{ padding: 130px 45px 105px; height: calc(100% - 235px); overflow: hidden;}
	.mobile .ow-widget .widget-content{ gap: 40px; margin-bottom: 80px; }
	.mobile .ow-widget .widget-logo img{ max-width: 300px; }
	.mobile .ow-widget .widget-title{ font-family: "neue-haas-grotesk-display", sans-serif; font-size: 72px; line-height: 80px; }
	.mobile .ow-widget .widget-subtitle{ font-size: 32px; line-height: 40px; }
	.mobile .ow-widget .widget-link{ font-size: 28px; line-height: 30px; }
	.mobile .ow-widget .widget-link a{ padding: 10px 30px; }
}
/* {TOI} Fix 7col Analysis template package */
.cols7 .less-then-four-items .package.analysis .item{ flex: 1;}
.cols7 .less-then-four-items .package.analysis .item .headline{margin-bottom: 5px; font-size: 18px; font-weight: 500; line-height: 20px;}
/* {TOI} Improve 7col Feature Salamandra template */
.features .less-then-four-items .package{padding:0px 20px 20px 20px; box-sizing: border-box;}
.cols7 .package3.features, .cols7 .package4.features{margin-top:0;}
.cols7 .features .inner-item-wrap > .item-content > .underline{margin-bottom: 0;}
.features .less-then-four-items .package2.features .item,
.features  .package3.features .item{margin-top:0;} 
/* {TOI} Changes to social icons in footers and menus */
.footer-bottom:has(.footer-social-icons){margin-top:20px;}
.footer.toi-new-footer-style .footer-community{margin-bottom:42px;}
.footer.toi-new-footer-style .footer-community ul li{margin-bottom:15px;}
.footer.toi-new-footer-style .newsletter .email-address{ border-top-left-radius: 52px; border-bottom-left-radius: 52px;height: 40px; width:204px; color: #0b3f78;}
.footer.toi-new-footer-style .newsletter .email-address::placeholder{color: #3C8BEA; font-family: "Roboto Condensed"; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal;  text-transform: none;}
.footer.toi-new-footer-style .newsletter input:focus::placeholder{color:transparent;}
.footer.toi-new-footer-style .newsletter .submit{ width: 60px; border-top-right-radius: 52px; border-bottom-right-radius: 52px; height: 40px;}
.footer.toi-new-footer-style .footer-middle > div{ padding: 0 0 0 24px;}
.footer-social-icons{display:flex; justify-content:center; gap:30px; margin-bottom:20px;}
.footer.toi-new-footer-style .footer-community-title{margin-top:0px;}
.footer-social-icons a{ border:1px solid rgba(255, 255, 255, 0.20); border-radius: 52px; height:50px; width:50px; display: block; position:relative;}
.footer-social-icons img{ position: absolute;position: absolute; top: 50%;  left: 50%;transform: translate(-50%, -50%); }
.footer-bottom p{color: rgba(255, 255, 255, 0.60); text-align: center; font-family: Roboto; font-size: 11px; font-style: normal; font-weight: 400; line-height: 18px;}
.footer .newsletter{overflow: visible;}
.menu-newsletter .newsletter form input.email-address:focus-visible { display: inline-block; box-sizing: border-box; outline: 1px solid #FFFFFF; outline-offset: 5px; box-shadow: 0 0 0 5px #015ECC; -moz-box-shadow: 0 0 0 5px #015ECC; -webkit-box-shadow: 0 0 0 5px #015ECC; border: 5px solid transparent; background-clip: padding-box; }
.menu-newsletter .newsletter form input{    border-top-left-radius: 52px; border-bottom-left-radius: 52px;}
.page-template-video_page .footer.toi-new-footer-style .newsletter .email-address::placeholder{color: rgba(255, 255, 255, 0.6);}
.footer.toi-new-footer-style .newsletter .email-address{color:white;}
.single-features-special .footer.toi-new-footer-style .newsletter .email-address::placeholder{color:rgba(255, 255, 255, 0.6);}





/* {TOI} Design and develop podcast article template {37} */
.features-special.podcast .article-header{ text-align: left; overflow: visible; }
.features-special.podcast .header-content .container{ max-width: 980px; width: auto; padding: 30px 60px 40px 60px; }
.responsive-site .features-special.podcast .header-content .container{padding:30px 30px 40px 30px; }
.features-special.podcast{ --text-color: #000; }
.features-special.podcast.dark-theme{ --text-color: #fff; --border-color: rgba(255, 255, 255, 0.25); color: var(--text-color); }
.features-special.podcast.light-theme{ --text-color: #000; --border-color: rgba(0, 0, 0, 0.25); color: var(--text-color); }
.features-special.article.features.podcast .article-header .headline{ font-family:neue-haas-grotesk-display,sans-serif; font-size: 44px; font-weight: 700; line-height: 48px; color: var(--text-color); margin-bottom: 10px; letter-spacing: normal; }
.features-special.article.features.podcast .underline{ font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: -0.4px; text-align: left; color: var(--text-color); margin-bottom: 20px; }
.features-special.article.features.podcast .under-headline{ justify-content: flex-start;flex-direction: row; }

/* podcast info */
.features-special.podcast .spotlight-label{ font-family: "Roboto Condensed", "Arial Narrow", sans-serif; font-size: 14px; font-weight: 700; line-height: 16px; text-transform: uppercase; text-align: center; padding-bottom: 10px; border-bottom: 1px solid var(--border-color, rgba(0, 0, 0, 0.25)); color: var(--text-color); margin-bottom: 20px; }
.features-special.podcast .podcast-info{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; width: 100%; color: var(--text-color); }
.features-special.podcast .podcast-link{ display: flex; align-items: center; gap: 10px; }
.features-special.podcast .podcast-image{ box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.20); }
.features-special.podcast .podcast-image img{ max-width: 50px; }
.features-special.podcast .podcast-name{ font-family: neue-haas-grotesk-display, sans-serif; font-size: 18px; font-weight: 700; line-height: normal; margin-bottom: 3px; }
.features-special.podcast .podcast-sponsorship{ font-family: "Roboto Condensed", "Arial Narrow", sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; }
.features-special.podcast .subscribe-button-link,
.features-special.podcast .subscribe-button{ font-family: "Roboto Condensed", "Arial Narrow", sans-serif;border-radius: 20px; color: #000; border: 1px solid #000; background: #FFF;padding: 8px 16px;font-size: 12px;line-height: 14px;letter-spacing: 0.6px;text-transform: uppercase;font-weight: bold; }
.features-special.podcast .subscribe-button::after { font-family: 'Toi-new'; content: "\ea16"; font-size: 13px; font-weight: 400; line-height: 15px; vertical-align: bottom; margin-left: 2px; }
.features-special.podcast .subscribe-button[aria-expanded="true"]::after { content: "\ea14"; }

.features-special.podcast .podcast-content-right{ position: relative; }
.features-special.podcast .podcast-social{ position: absolute; padding: 15px 20px 15px 10px; border-radius: 6px; background: #FFF; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25); right: 0; top: calc(100% + 10px); min-width: 140px; }
.features-special.podcast .podcast-social[data-state="closed"]{ display: none; }
.features-special.podcast .podcast-social[data-state="open"]{ display: block; }
.features-special.podcast .podcast-social li:not(:last-child){ margin-bottom: 15px; }
.features-special.podcast .podcast-social li a{ display: flex; align-items: center; gap: 5px; }
.features-special.podcast .social-caption{ color: #000; font-family: "Roboto Condensed", "Arial Narrow", sans-serif; font-size: 13px; font-weight: 400; line-height: 15px; }
.features-special.podcast .cover-player{ margin-bottom: 30px; }
.features-special.podcast .cover-player iframe{ border-radius: 12px; }
.features-special.podcast .cover-player iframe[src*="spotify"]{ border-radius: 0; }

/* writers guests list */
.features-special.podcast .under-headline div.writers-guests{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; gap: 15px; }
.writers-guests .with{ font-family: "Roboto Condensed", "Arial Narrow", sans-serif; font-size: 14px; font-weight: 500; line-height: 16px; text-transform: uppercase; align-self: center; color: var(--text-color); align-self: flex-start; margin-top: 17px; }
.writers-guests-list{ display: flex; flex-wrap: wrap; gap: 13px; }
.writers-guests-list .writer-guest-item{ position: relative; }
.writers-guests-list .writer-guest-item:not(:first-child){ padding-left: 15px; border-left: 1px solid var(--border-color, rgba(0, 0, 0, 0.25)); }
.writers-guests-list .profile-summary{ display: flex; align-items: center; height: 100%; }
.writers-guests-list .profile-summary a{ display: flex; align-items: center; }
.writers-guests-list .avatar{ margin-right: 5px; }
.writers-guests-list .avatar img{ object-fit: cover; }
.writers-guests-list .profile-name{ color: var(--text-color); font-family:'Roboto',sans-serif; font-size: 12px; font-weight: 700; line-height: 24px; text-transform: uppercase; }
.writers-guests-list .open-profile{ background: transparent; border: none; cursor: pointer; }
.writers-guests-list .open-profile::after { font-family: 'Toi-new'; content: "\ea16"; color: var(--text-color); font-size: 16px; font-weight: 400; line-height: 24px; vertical-align: bottom; margin-left: 2px; }
.writers-guests-list .open-profile[aria-expanded="true"]::after { content: "\ea14"; }
.writers-guests-list .profile-popup{ width: 250px; padding: 10px; background: #FFF; border-radius: 6px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25); font-family:'Roboto',sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; color: #000; position: absolute; top: calc(100% + 10px); z-index: 3; }
.article.features .under-headline .writers-guests-list .social{ justify-content: flex-start; margin-top: 10px; gap: 10px; }
.writers-guests-list .social li { border: 1px solid; border-radius: 50%; width: 26px; height: 26px; color: #000; display: flex; align-items: center; justify-content: center; }
.writers-guests-list .social li a{ width: 100%; display: flex; align-items: center; justify-content: center; }
.writers-guests-list .social li a::before{ color: #000; font-size: 14px; font-weight: 400; line-height: 18px; }
.writers-guests-list .social li.facebook a::before{ content: "\e915"; }
.writers-guests-list .social li.twitter a::before{ content: "\e95d"; }
.writers-guests-list .social li.email a::before{ content: "\e919"; }
.writers-guests-list .social li.rss a::before{ content: "\e930"; }

.profile-popup[data-state="open"] { display: block; animation: fadeIn 0.5s ease-in-out forwards; }
.profile-popup[data-state="closing"] { animation: fadeOut 0.5s ease-in-out forwards; }
.profile-popup[data-state="closed"] { display: none; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }

.date-and-social{ display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 32px; }
.date-and-social .date{ font-family: "Roboto Condensed", "Arial Narrow", sans-serif; font-size: 12px; line-height: 16px; color: #000; }
.features-special.podcast > .container{ margin-top: 40px; }
.features-special.podcast .social li{ color: #000; }
.features-special.podcast .social li.social-comments{ color:#1E1E1E; }
.article-podcast-template .footer { border: none; background-color: #1e1e1e; }
.responsive-site .features-special.podcast .single-share-wrap{justify-content: center;}
.responsive-site .article.podcast .date-and-social{margin-bottom: 20px;}

/* recent posts slider */
.recent-posts-section{ padding-block: 20px; border-block: 1px solid; font-family:"Roboto",sans-serif; margin-bottom: 32px; }
.recent-posts-section .recent-posts-title{ font-size: 18px; font-weight: 700; line-height: 26px; margin-bottom: 10px; }
.recent-posts-section .recent-posts-title a{ color: #000; }
.recent-posts-slider{ display: flex; overflow-x: scroll; gap: 40px; padding-bottom: 10px; cursor: grab; }
.recent-posts-slider::-webkit-scrollbar { height: 8px; }
.recent-posts-slider::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; }
.recent-posts-slider::-webkit-scrollbar-track { background: transparent; }
.recent-posts-slider.active { cursor: grabbing; }
.recent-posts-slider .post-card{ min-width: 200px; }
.recent-posts-slider .post-thumbnail{ display: flex; align-items: center; justify-content: center; position: relative; }
/* .post-thumbnail::after { content: ''; width: 60px; height: 60px; --image-path:url('https://static-cdn.toi-media.com/dev/images/play.svg'); background-image: var(--image-path); background-size: contain; background-repeat: no-repeat; position: absolute; } */
.recent-posts-slider .post-thumbnail img{ width: 200px; height: 200px; object-fit: cover; }
.recent-posts-slider .post-date{ font-size: 12px; line-height: 12px; color: #000; }
.recent-posts-slider .post-title{ font-size: 16px; font-weight: 700; line-height: 20px; color: #000; margin: 0; }

.article-podcast-template.single-spotlight .the-content a{ color: #3b8bea; }
.article-podcast-template.single-spotlight .article-wrap .headline,
.article-podcast-template.single-spotlight .article-wrap .label,
.article-podcast-template.single-spotlight .article-wrap .byline a,
.article-podcast-template.single-spotlight .the-content h3,
.article-podcast-template.single-spotlight .the-content .recent-posts-section a{ color: #000; }

/* {TOI} Fix 7col Salamandra responsiveness */
.cols6.cols7-sub .template1.news:not(.negative) .headline,
.cols6.cols7-sub .template1.analysis:not(.negative) .headline,
.cols6.cols7-sub .template1.liveblog:not(.negative) .headline{font-size: 38px;line-height: 40px;letter-spacing: -0.3px;}
.cols6.cols7-sub .template1.news:not(.negative)  .media,
.cols6.cols7-sub .template1.analysis:not(.negative)  .media,
.cols6.cols7-sub .template1.liveblog:not(.negative)  .media{width: 577px; max-height: unset; }
.cols6.cols7-sub .template1.news:not(.negative)  .media + .item-content,
.cols6.cols7-sub .template1.analysis:not(.negative)  .media + .item-content,
.cols6.cols7-sub .template1.liveblog:not(.negative)  .media + .item-content{ width: 383px;}
.cols6.cols7-sub .template2.news:not(.negative) .media img,
.cols6.cols7-sub .template2.analysis:not(.negative) .media img,
.cols6.cols7-sub .template2.liveblog:not(.negative) .media img{aspect-ratio: 16 / 10; max-width: 384px;}       
.cols6.cols7-sub .template2.news:not(.negative) .media,
.cols6.cols7-sub .template2.analysis:not(.negative) .media,
.cols6.cols7-sub .template2.liveblog:not(.negative) .media{max-width: 384px;}
.cols6.cols7-sub .template2.news:not(.negative) .item-content,
.cols6.cols7-sub .template2.analysis:not(.negative) .item-content,
.cols6.cols7-sub .template2.liveblog:not(.negative) .item-content{width:576px;}
.cols6.cols7-sub .template2.news:not(.negative) .headline,
.cols6.cols7-sub .template2.analysis:not(.negative) .headline,
.cols6.cols7-sub .template2.liveblog:not(.negative) .headline{font-size: 42px;line-height: 44px;letter-spacing: -0.5px;}
/* NEGATIVE  */
.cols6.cols7-sub .template1.news.negative .headline,
.cols6.cols7-sub .template1.analysis.negative .headline,
.cols6.cols7-sub .template1.liveblog.negative .headline{font-size: 38px;line-height: 40px;letter-spacing: -0.3px;}
.cols6.cols7-sub .template1.news.negative  .media,
.cols6.cols7-sub .template1.analysis.negative  .media,
.cols6.cols7-sub .template1.liveblog.negative  .media{width: 557px; max-height: unset; }
.cols6.cols7-sub .template1.news.negative  .media + .item-content,
.cols6.cols7-sub .template1.analysis.negative  .media + .item-content,
.cols6.cols7-sub .template1.liveblog.negative  .media + .item-content{ width: 362px;}
.cols6.cols7-sub .template2.news.negative .media img,
.cols6.cols7-sub .template2.analysis.negative .media img,
.cols6.cols7-sub .template2.liveblog.negative .media img{aspect-ratio: 16 / 10; max-width: 365px;}       
.cols6.cols7-sub .template2.news.negative .media,
.cols6.cols7-sub .template2.analysis.negative .media,
.cols6.cols7-sub .template2.liveblog.negative .media{max-width: 365px;}
.cols6.cols7-sub .template2.news.negative .item-content,
.cols6.cols7-sub .template2.analysis.negative .item-content,
.cols6.cols7-sub .template2.liveblog.negative .item-content{width:536px;}
.cols6.cols7-sub .template2.news.negative .headline,
.cols6.cols7-sub .template2.analysis.negative .headline,
.cols6.cols7-sub .template2.liveblog.negative .headline{font-size: 42px;line-height: 44px;letter-spacing: -0.5px;}
/*  {TOI} Fix 7col Salamandra responsiveness */
.cols7 .less-then-four-items .package.analysis .item{ flex: 1;}
.cols7 .less-then-four-items .package.analysis .item .headline{font-size: 18px; font-weight: 500; line-height: 20px; }
.cols7 .template2:not(.features).liveblog.negative .inner-item-wrap > .media{ width: 470px;}
.cols7 .template1.negative .inner-item-wrap > .media { width: 670px;}
.cols7 .template2:not(.features).news.negative  .inner-item-wrap > .media{width: 470px;}
.cols7 .template2.analysis:not(.features) .inner-item-wrap > .media{width: 468px;}

/* {TOI} Design and develop a WhatsApp/Telegram banner for liveblogs */
.article.liveblog .liveblogdiv > div.liveblog-socials-banner-wrap {padding:30px 27px 25px 27px;border-top-color:#000;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;text-align:center;}
.liveblog-socials-banner-title{font-weight: bold;text-transform: uppercase;font-family: 'Roboto Condensed';}
.liveblog-socials-banner-links{display: flex;gap:10px;align-items: center;width: 100%;justify-content: center;}
.article.liveblog .liveblogdiv .liveblog-socials-banner-links a{transition:all 0.25s ease;border-radius:3px;font-size: 14px;display: flex;gap: 8px; padding: 0 22px;align-items:center;justify-content:center;max-width:140px;flex:1;color: #fff;background-color: #0e4f97; height: 40px;font-family: 'Roboto Condensed';font-weight: bold;text-transform: uppercase;text-decoration: none;}
.article.liveblog .liveblogdiv .liveblog-socials-banner-links a:active{transform: scale(0.95);}
/* {TOI}-Replace-Connatix/Veraviews-with-new-video-player-on-dev */
[id^="vera-player-"] { margin-bottom: 30px;}
/* {TOI} Design and develop 2-col Salamandra module for promoting advertisement */
.promoting-widget-wrapper.widget{ display: inline-block; width: 100%; }
.promoting-widget-wrapper{ display: inline-block; border: 0;padding: 0;width: 100%; }
.promoting-widget{ background-color: #0048FF; }
.promoting-widget .widget-logo{ text-align: center; padding-block: 20px; }
.promoting-widget .widget-logo img{ max-width: 165px; }
.promoting-widget .widget-content{ position: relative; }
.promoting-widget .widget-link{ position: absolute; left: 50%; bottom: 24%; transform: translate(-50%, 50%); border-radius: 100px; border: 1px solid #FFF; background: #011D56; color: #FFF; font-family:"Roboto Condensed","Arial Narrow",sans-serif; font-size: 14px; line-height: normal; letter-spacing: 0.7px; text-transform: uppercase; padding: 10px 25px; }
.mobile .promoting-widget .widget-content img{ width: 90%; }
body.home.mobile .promoting-widget-wrapper.widget,
body.home.mobile .block.cols6 .promoting-widget-wrapper.widget{ padding: 0; margin-bottom: 0; }


/* {TOI} Design and develop Featured template for Topic pages {<38} */
.featured-topic .main { width: 100%; }
.featured-topic-cover{ --theme-color: #000; --header-height: 50px; --cover-bg-height: 360px; --cover-image-size: 150px; color:var(--theme-color); font-family: "neue-haas-grotesk-display",sans-serif; padding-top: var(--header-height); padding-bottom: 40px; position: relative; }
.featured-topic-cover .cover-bg{ position: absolute; top: var(--header-height); left: 0; width: 100%; height: calc(100% + var(--cover-bg-height)); background: linear-gradient(180deg, #8FF0FF 0%, #B79BE8 50%, rgba(183, 155, 232, 0.00) 100%); }
.featured-topic-cover.dark{ --theme-color:#fff; }
.featured-topic-cover.light{ --theme-color:#000; }
.featured-topic-inner{ position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; max-width: 960px; margin: auto; padding-top: 50px; padding-inline: 60px; }

.featured-topic-cover .cover-image img{ height: var(--cover-image-size); width: var(--cover-image-size); border-radius: 50%; }
.featured-topic-cover .topic-title{ font-size: 60px; font-weight: 700; line-height: 64px; }
.featured-topic-cover .topic-description{ font-size: 18px; font-weight: 600; line-height: 24px; }
.featured-topic-cover .cover-content{ display: flex; flex-direction: column; align-items: center; gap: 20px; }
.featured-topic-cover .sponsorship-line{ padding: 8px 10px 6px 10px; flex-direction: column; align-items: center; gap: 10px; border-radius: 3px; background: #000; color: #FFF; font-family:'Roboto',sans-serif; font-size: 10px; font-weight: 700; line-height: 12px; text-transform: uppercase; }
.featured-topic-cover + .spotlight-topic-label{display: none;}
.featured-topic-cover .social li a::before{ color:var(--theme-color); font-size: 36px; }
.featured-topic-cover .social li.facebook a::before { content: "\e910"; }
.featured-topic-cover .social li.facebook a::before{ content: "\e910";}
.featured-topic-cover .social li.twitter a::before{content: "\e95c";}
.featured-topic-cover .social li.instagram a::before{content: "\e952";}
.featured-topic-cover .social li.website a::before{content: "\e98f";}

@media screen and (max-width: 768px){  
	.featured-topic-cover{ --cover-bg-height: 270px; --cover-image-size: 100px; padding-bottom: 26px; }
	.featured-topic-cover .topic-title{ font-size: 40px; line-height: 42px; }
	.featured-topic-inner{ padding-top: 30px; padding-inline: 20px; }
	.featured-topic-cover .cover-content{ gap: 15px; } 
}

/* cards */
.featured-topic.spotlight_topic .g-new-podcast-post{ align-items: start; text-align: left; padding-inline: 20px; margin-bottom: 20px; }
.featured-topic.spotlight_topic .g-new-podcast-post-item{ border-radius: 6px; overflow: auto; position: relative; }
.featured-topic.spotlight_topic .g-new-podcast-post-inner.with-media-icon{ background-color: #222; color: #fff; }
.featured-topic.spotlight_topic .g-new-podcast-post-label{ position: absolute; top: 0; left: 0; background: #000; color: #FFF; font-family:"Roboto" ,sans-serif; font-size: 10px; font-weight: 700; line-height: 12px; text-transform: uppercase; padding: 8px 10px 6px 10px; z-index: 1; }
.featured-topic.spotlight_topic .g-new-podcast-post-inner.with-media-icon .g-new-podcast-post{ background-color: inherit; }
.featured-topic.spotlight_topic .g-new-podcast-post-inner.with-media-icon .g-new-podcast-post-byline,
.featured-topic.spotlight_topic .g-new-podcast-post-inner.with-media-icon .g-new-podcast-post-exerpt,
.featured-topic.spotlight_topic .g-new-podcast-post-inner.with-media-icon .g-new-podcast-post-date,
.featured-topic.spotlight_topic .g-new-podcast-post-inner.with-media-icon .g-new-podcast-post-full-text,
.featured-topic.spotlight_topic .g-new-podcast-post-inner.with-media-icon .g-new-podcast-posttitle{ color: inherit; }
.featured-topic.spotlight_topic .g-new-podcast-post-full-text{ min-height: 0; justify-content: flex-start; }
.featured-topic.spotlight_topic .g-new-podcast-posttitle{ font-size: 18px; line-height: 20px; margin-top: 20px; }
.featured-topic.spotlight_topic .g-new-podcast-post-exerpt{ font-family:"Roboto Slab",serif; font-size: 13px; line-height: 17px; letter-spacing: -0.3px; min-height: 0; margin-bottom: 10px; }
.featured-topic.spotlight_topic .g-new-podcast-post-date{ font-family:"Roboto",sans-serif; font-size: 10px; font-weight: 400; line-height: 12px; letter-spacing: normal; margin-bottom: 0px; }
.featured-topic.spotlight_topic .g-new-podcast-post-byline{ font-family:"Roboto",sans-serif; font-size: 10px; line-height: 12px; margin-bottom: 3px; color: #000; }
.featured-topic.spotlight_topic .g-new-podcast-post-byline a{ font-weight: 700; text-transform: uppercase; }
.featured-topic .spotlight-topic-posts-block .g-new-podcast-post-inner .media.video a::after{ content: "\e916"; bottom: 30px; left: 20px; border: none; transform: none; height: 0; width: 0; top: initial; display: block; }
.featured-topic .spotlight-topic-posts-block .g-new-podcast-post-inner .media a::before{ height: 48px; bottom: 0px; display: none; }
.featured-topic .spotlight-topic-posts-block .g-new-podcast-post-inner .media:has(.g-new-podcast-post-player) a::before,
.featured-topic .spotlight-topic-posts-block .g-new-podcast-post-inner .media.video a::before{ display: block; }
.featured-topic .g-new-podcast-post-inner .g-new-podcast-post-player{ left: 20px; bottom: 10px; padding: 0; }
.featured-topic .g-new-podcast-post-inner .g-new-podcast-post-player img{ display: none; }
.featured-topic .g-new-podcast-post-inner .g-new-podcast-post-player::after{ font-size: 24px; margin: 0; }

@media screen and (max-width: 768px){  
	.mobile.featured-topic.spotlight_topic .g-new-podcast-post-item{ min-height: 0; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
	.mobile.featured-topic.spotlight_topic .g-new-podcast-post-label{ position: static; margin-bottom: 10px; background-color: #000; color: #fff; }
	.featured-topic.spotlight_topic .g-new-podcast-post-inner.with-media-icon .g-new-podcast-post-label{ background-color: #fff; color: #000; }
	.featured-topic.spotlight_topic .g-new-podcast-post-inner{ display: flex; padding: 15px; gap: 15px; }
	.featured-topic.spotlight_topic .g-new-podcast-post{ width: 100%; padding: 0; margin-bottom: 0; }
	.featured-topic.spotlight_topic .g-new-podcast-posttitle{ margin-top: 0; }
	.featured-topic.spotlight_topic .g-new-podcast-post-item .media{ min-height: 0; max-width: 120px; aspect-ratio: 1 / 1; }
	.featured-topic .spotlight-topic-posts-block .g-new-podcast-post-inner .media.video a::after{ left: 10px; font-size: 18px; }
	.featured-topic .g-new-podcast-post-inner .g-new-podcast-post-player{ left: 10px; }
	.featured-topic .spotlight-topic-posts-block .g-new-podcast-post-inner .media a::before{ display: none; }
	.featured-topic .g-new-podcast-post-inner .g-new-podcast-post-player::after{ font-size: 18px; }
	.featured-topic.spotlight_topic .g-new-podcast-post-inner .g-new-podcast-post-exerpt{ display: none; }
}
/* {TOI} Fix Spotify video player embed in Podcast template */
.cover-player{text-align: center;}
/*  E-reader module */
.widget.salam-issuu {
  --color-negative-95: rgba(255, 255, 255, 0.95);
  --color-positive-95: rgba(0, 0, 0, 0.95);
  --color-black: #000;
  --color-white: #fff;
  --color-red: #DA001B;
}
.widget.salam-issuu.mag-theme.bg_1 {
  --mag-bg: linear-gradient(102deg, #665852 0%, #906655 100%);
  --mag-title: var(--color-negative-95);
  --mag-subtitle: var(--color-negative-95);
  --mag-cta-bg: #F2E0BE;
  --mag-cta-color: var(--color-black);
  --mag-link: var(--color-negative-95);
}
.widget.salam-issuu.mag-theme.bg_2 {
  --mag-bg: linear-gradient(102deg, #FFEAC1 0%, #CFC1B4 100%);
  --mag-title: var(--color-positive-95);
  --mag-subtitle: var(--color-positive-95);
  --mag-cta-bg: var(--color-red);
  --mag-cta-color: var(--color-white);
  --mag-link: var(--color-black);
}
.widget.salam-issuu.mag-theme.bg_3 {
  --mag-bg: linear-gradient(102deg, #FF593C 0%, #B10764 100%);
  --mag-title: var(--color-negative-95);
  --mag-subtitle: var(--color-negative-95);
  --mag-cta-bg: var(--color-black);
  --mag-cta-color: var(--color-white);
  --mag-link: var(--color-negative-95);
}
.widget.salam-issuu.mag-theme.bg_4 {
  --mag-bg: linear-gradient(102deg, #4A8D9D 0%, #57D9C1 100%);
  --mag-title: var(--color-negative-95);
  --mag-subtitle: var(--color-negative-95);
  --mag-cta-bg: var(--color-black);
  --mag-cta-color: var(--color-white);
  --mag-link: var(--color-negative-95);
}
.widget.salam-issuu.mag-theme.bg_5 {
  --mag-bg: linear-gradient(102deg, #51349B 0%, #B10764 100%);
  --mag-title: var(--color-negative-95);
  --mag-subtitle: var(--color-negative-95);
  --mag-cta-bg: var(--color-white);
  --mag-cta-color: var(--color-black);
  --mag-link: var(--color-negative-95);
}
.widget.salam-issuu { background: var(--mag-bg); border: none; padding: 0; font-family: "Roboto Condensed"; text-transform: uppercase; container: issuu / inline-size; }
.widget.salam-issuu .widget-layout { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "header media" "header footer"; gap: 30px; align-items: center; }
.widget.salam-issuu .widget-header { grid-area: header; }
.widget.salam-issuu .widget-body   { grid-area: media; }
.widget.salam-issuu .widget-more { grid-area: footer; }
.widget.salam-issuu .widget-header { padding: 30px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; }
.widget.salam-issuu .widget-title { color: var(--mag-title); text-align: center; font-size: 70px; font-weight: 700; line-height: 70px; }
.widget.salam-issuu .widget-subtitle { color: var(--mag-subtitle); text-align: center; font-size: 20px; font-weight: 400; line-height: 24px; margin-bottom: 20px; }
.widget.salam-issuu .widget-cta { display:inline-block; border-radius: 20px; padding: 10px 20px 8px 20px; background: var(--mag-cta-bg); color: var(--mag-cta-color); font-size: 20px; font-weight: 700; line-height: 20px; }
.widget.salam-issuu .widget-body .media{ max-width: 52%; transform: rotate(-25deg); box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.30); width: 100%; height: auto; }
.widget.salam-issuu .media .media-cover { display: block; width: 100%; box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.30); transform: rotate(-25deg); transform-origin: center; border-radius: 6px; }
.widget.salam-issuu .widget-more{ color: var(--mag-link); font-size: 14px; font-weight: 400; line-height: 16px; text-transform: uppercase; margin-right: 30px; margin-bottom: 30px; text-align: end; }
.widget.salam-issuu .widget-more-link::after{ font-family: "Toi-new"; font-weight: 400; font-size: 12px; content: "\e92a"; margin-left: 5px; }
@container issuu (max-width: 940px) {
    .widget.salam-issuu .widget-title { font-size: 50px; line-height: 50px; }
    .widget.salam-issuu .widget-subtitle { margin-bottom: 10px; }
    .widget.salam-issuu .widget-more{ margin-right: 20px; margin-bottom: 20px; }
}

@container issuu (max-width: 728px) {
  	.widget.salam-issuu .widget-layout { grid-template-columns: 1fr; grid-template-areas: "media" "header" "footer"; }
    .widget.salam-issuu .widget-header{ padding-top: 20px; padding-bottom: 0; }
    .widget.salam-issuu .widget-title { font-size: 40px; line-height: 40px; }
    .widget.salam-issuu .widget-body{ display: flex; justify-content: center; }
    .widget.salam-issuu .widget-more{ text-align: center; }
}

/* {TOI} Design and develop image slideshow 2-col module for Those We Have Lost {15-18} */
.those-we-lost.slideshow{ position: relative; background: #101114; }
.those-we-lost.slideshow .slideshow-wrapper { position: absolute; bottom: 0; right: 0; width: 70%; height: 70%; overflow: hidden; pointer-events: none; z-index: 1; }
.slideshow-wrapper::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; background: linear-gradient(to right, #101114 0px, rgba(16, 17, 20, 0.00) 50px), linear-gradient(to bottom, #101114 0px, rgba(16, 17, 20, 0.00) 50px); }
.those-we-lost.slideshow .slideshow-image { position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; transition: opacity 0.8s ease-in-out; mix-blend-mode: multiply; }
.those-we-lost.slideshow .slideshow-current { opacity: 1; z-index: 1; }
.those-we-lost.slideshow .slideshow-next { opacity: 0; z-index: 2; }
.those-we-lost.slideshow .those-wrapper{ z-index: 2; position: relative; }
.those-we-lost.slideshow .those-wrapper .those-subtitle{ font-size: 14px; line-height: 18px; letter-spacing: 0.7px; max-width: 119px; }

/* {TOI} Performance Boost | Prefetch style.css file */
body {opacity: 1 !important;} 
header {opacity: 1 !important;}

/* {TOI} Investigate homepage jump/glitch */
@media screen and (max-width: 576px) {
	.daily-briefing-widget,
	.those-widget,
	.sheba-widget,
	.square-widget{aspect-ratio: 1 / 1; height: auto;}
}

#gpt-passback{box-sizing: border-box;}
#gpt-passback > * > * [data-view="views"],#gpt-passback > * > *{width: auto !important;}


/* {TOI} Check into 'Submit Content' page limit & visibility */
.no-margin-left{margin-left: 0;}

/* {TOI} Replace video ad unit with Vidazoo code */
.cols4[style*="width: 100%"]:has(#vidazoo-widget) {width:640px!important;}
.page-template-latest #vidazoo-widget,
.archive #vidazoo-widget{max-width:100%;}

/* {TOI} Design and develop a 2col HP module for Z3 */
.z3-widget-wrapper{display: inline-block; border: 0;padding: 0;width: 100%;}
.z3-widget{color: #FFF;font-family:"Arial",sans-serif; box-sizing: border-box; width: 100%; padding: 23px 21px 20px; text-align: center; line-height: normal;background-color: #732EE5;}
.z3-widget .widget-wrapper{ display: grid; height: 100%; align-content: space-between; }
.z3-widget .widget-logo{ margin-bottom: 12px; }
.z3-widget .widget-logo img{ max-width: 110px; }
.z3-widget .widget-title{ font-size: 32px; line-height: 36px; font-weight: 700; letter-spacing: -0.64px;}
.z3-widget .widget-subtitle{font-size: 18px;line-height: 24px; font-weight: 700; margin-bottom: 16px; }
.z3-widget .widget-link{  color: #732EE5; font-size: 18px; display: flex; justify-content: center; align-items: center; margin-top: auto; margin-bottom: 20px; }
.z3-widget .widget-link a{ padding: 10px 20px; background-color: #fff; border-radius: 30px; }
.z3-widget .sponser{ color: #fff; font-size: 12px; text-transform: uppercase; }
.z3-widget.square-widget img{object-fit: contain;}
.mobile .z3-widget-wrapper{display: flex;}
.mobile .z3-widget .widget-logo img{ margin-top: -1px;}
.mobile .block.cols5 .z3-widget,
.mobile .block.cols6 .z3-widget,
.mobile .block.cols7 .z3-widget{margin-inline: 16px;}

/* {JewishStandard} Add two new 2-col modules: Guide to Jewish Life + Readers’ Choice */
#magazines .widget-footer a::before{float:none;}

/* {TOI} Develop new 2col module for DocuNation (old Salamandra) {5-6} */
.article-docunation-module-wrapper .media-wrapper a{width:100%}

.responsive-site .the-content p > iframe[src*="youtube.com"],
.responsive-site .the-content p > iframe[src*="youtube-nocookie.com"]{width: 100% !important;aspect-ratio: 16 / 9;height: auto !important;}
.responsive-site .article.liveblog .liveblogdiv > div .liveblog-paragraph > h4 + .byline a,
.responsive-site .article.liveblog .liveblogdiv > div .liveblog-paragraph > h4 + .byline,
.responsive-site .article.liveblog .liveblogdiv > div .liveblog-paragraph > h4 a{text-decoration: none;}

.responsive-site .the-content .recent-posts-slider a.recent-post-link{text-decoration: none;}
.responsive-site .recent-posts-slider .post-title{font-size: 16px;line-height: 20px;}
.responsive-site .recent-posts-section .recent-posts-title a{color: inherit;text-decoration: none;}
.responsive-site .the-content .omny-wrapper iframe{border-radius: 12px;}
/* @media only screen and (min-width:1024px) {
	.responsive-site .article.features-half .under-headline.body-under-headline{display: none;}
} */

@media screen and (max-width: 767px) {
	.responsive-site .features-special.podcast .header-content .container{padding: 20px 20px 30px 20px;}
}

/* Lazy Load YouTube Placeholder */
.lite-yt{position:relative;display:block;contain:content;aspect-ratio:16 / 9;width:100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.the-content .lite-yt{margin-bottom: 20px;}


.responsive-site .the-content .google-prefer-module{font-family: "Google Sans", sans-serif;min-height: 80px;background-color: #fff;border: 1px solid #888;display: flex;gap: 12px;align-items: center;justify-content: center;width: 100%;max-width: 542px;margin: 0 auto 30px;font-size: 22px;font-weight: 500;color: #000;text-decoration: none;border-radius: 100px;padding-inline: 20px;box-sizing: border-box;text-wrap: balance;}
.responsive-site .the-content .google-prefer-module:before{content: '';background-image: url(../images/google_icon.svg);flex:0 0 38px;height: 40px;background-repeat: no-repeat;background-size: 100%;}
@media screen and (max-width: 767px) {
	.responsive-site .the-content .google-prefer-module{font-size: 18px;line-height: 20px;gap: 8px;max-width: 290px;padding-inline: 30px;min-height: 68px;}
	.responsive-site .the-content .google-prefer-module:before{flex:0 0 35px;height: 36px;}
}