/*
Theme Name: 90 Seconds Blog v4
Version: 4.0
*/
#popup-language .modal-header .title{
	padding:0 !important;
}
nav.breadcrumbs{
	margin-bottom:26px;
}
.blog-archive{
	background-color:#fff;
}
/* .blog-archive nav.breadcrumbs{
	margin-bottom:0;
} */
.blog-archive nav.breadcrumbs h1{
	margin-bottom:0;
}
.blog-archive h2{
	font-size: 24px;
	line-height: 34px;
}
.blog-archive .main{
	padding-top:92px;
} 
.blog-archive .main a.btn{
	width:auto;
	border-radius:100px;
}
.blog-archive .main .image{
	flex:auto;
}
.blog-archive .main .image div{
	height:191px;
	border-radius:12px;
	background-size:cover;
	background-position:center;
	margin-bottom:16px;
}
.blog-archive .main .title{
	font-weight: 900;
	font-size: 20px;
	line-height: 28px;
}
.blog-archive .main .title:hover a{
	text-decoration:underline;
}
.blog-archive .main a.btn{
	margin-top:16px;
	height:38px;
	padding:10px 23px;
	font-size: 14px;
	line-height: 18px;
}
.blog-archive .top-list{
	margin-top:36px;
}
.blog-archive .top-list li.post{
	margin-bottom:24px;
}
.blog-archive .top-list li.post:hover a .title{
	text-decoration:underline;
}
.blog-archive .top-list li .image{
	background-size:cover;
	background-position:center;
	flex:0 0 84px;
	width:84px;
	height:84px;
	border-radius:12px;
	margin-right:15px;
}
.blog-archive .top-list li .title{
	font-weight: 900;
	font-size: 14px;
	line-height: 18px;
}
.blog-archive .top-list .subscribe{
	margin-top:12px;
	font-size: 12px;
	line-height: 16px;
	margin-bottom:36px;
}
.blog-archive .top-list .subscribe .subscribing{
	display:none;
}
.blog-archive .top-list .subscribe .subscribing img{
	margin-bottom:16px;
}
.blog-archive .top-list .subscribe h2{
	margin-bottom:8px;
}
.blog-archive .top-list .subscribe b{
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
}
.blog-archive .top-list .subscribe form{
	margin-top:16px;
}
.blog-archive .top-list .subscribe form input{
	display:block;
	width:100%;
	border: 1px solid #BABABA !important;
	border-radius: 6px !important;
	font-size: 14px !important;
	line-height: 24px !important;
	padding:10px 15px !important;
}
.blog-archive .top-list .subscribe form input::placeholder{
	color: #808080;
	opacity: 1;
}
.blog-archive .top-list .subscribe form input:-ms-input-placeholder{
	color: #808080;
	opacity: 1;
}
.blog-archive .top-list .subscribe form input::-ms-input-placeholder{
	color: #808080;
	opacity: 1;
}
.blog-archive .top-list .subscribe .social{
	margin-top:24px;
}
.blog-archive .top-list .subscribe .social a{
	margin-right:18px;
}
.blog-archive .favourite{
	background: #070707;
	padding:24px 0 0;
	color:#fff;
}
.blog-archive .favourite h2{
	margin-bottom:24px;
}
.blog-archive .other-stories{
	margin-top:36px;
	position:relative;
}
.blog-archive .other-stories .search_icon{
	position:absolute;
	top:0;
	right:0;
}
.blog-filter{
	overflow-x:auto;
	margin-left:-20px;
	margin-right:-20px;
}
.blog-filter ul{
	padding-left:20px;
	margin-bottom:24px;
}
.blog-filter ul li{
	margin-right:12px;
}
.blog-filter ul li a{
	display:block;
	font-size: 14px;
	line-height: 24px;
	background: #EDEDED;
	border-radius: 20px;
	padding:8px 16px;
	white-space:nowrap;
}
.blog-filter ul li button{
	display:block;
	font-size: 14px;
	line-height: 24px;
	background: #EDEDED;
	border-radius: 20px;
	padding:8px 16px;
	white-space:nowrap;
	border:none;
	color:#1E1E21;
}
.blog-filter ul li.active a,.blog-filter ul li a.active a,.blog-filter ul li:hover a{
	background: #202020;
	color:#fff;
}
.blog-filter ul li.active button,.blog-filter ul li:hover button{
	background: #202020;
	color:#fff;
}
.blog-archive .other-stories article{
	margin-bottom:24px;
}
.blog-archive .other-stories article a:hover .title{
	text-decoration:underline;
}
.blog-archive .other-stories .image{
	flex:0 0 134px;
	height:112px;
	border-radius: 12px;
	background-size:cover;
	background-position:center;
	margin-right:8px;
}
.blog-archive .other-stories .title{
	font-weight: 900;
	font-size: 14px;
	line-height: 18px;
}
.blog-archive .other-stories a.btn.black{
	display:inline-block;
	width:auto;
	margin:0 auto;
}
.blog-archive ul.tab{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 10px;
	line-height: 18px;
	margin-bottom:0;
}
.blog-archive #carousel a.slide{
	height:355px;
	border-radius:12px;
	background-size:cover;
	background-position:center;
	margin:0 10px;
	color:#fff;
	padding:11px 13px;
	position:relative;
}
.blog-archive #carousel a.slide:before{
	position:absolute;
	content:"";
	display:block;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: linear-gradient(360deg, #070707 24.31%, rgba(30, 30, 33, 0) 100%);
	opacity: 0.5;
}
.blog-archive #carousel a.slide > div{
	position:relative;
}
.blog-archive #carousel a.slide .title{
	font-weight: 900;
	font-size: 18px;
	line-height: 28px;
	margin-bottom:8px;
}
.blog-archive #carousel a.slide .posted{
	font-size: 10px;
	line-height: 22px;
	color:#fff;
	text-transform: uppercase;
}
.blog-archive #carousel a.slide .view{
	font-weight: 700;
	font-size: 10px;
	line-height: 12px;
	color:#fff;
}
.blog-archive #carousel a.slide .view svg{
	margin-right:3px;
}
.blog-archive #carousel button.slick-arrow{
	-webkit-appearance: none !important; 
	-webkit-border-radius: 0;
	-moz-appearance: none !important;
	appearance: none !important;
	display:block;
	position: absolute;
	bottom:12px;
	right:20px;
	width:30px;
	height:30px;
    background: transparent;
    border: none;
    border-radius: 50%;
	-webkit-border-radius:50%;
	padding:0;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #FFFFFF;
    background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1643429528/-design-system/arrow-right.svg);
    color: transparent;
    z-index: 500;
    transition: all 0.2s ease 0s;
}
.blog-archive #carousel button.slick-arrow:hover{
	border: 2px solid #FFFFFF;
}
.blog-archive #carousel button.slick-arrow.slick-prev {
    transform: rotate(180deg);
	right:62px;
}
.blog-archive #carousel ul.slick-dots{
	list-style:none;
	margin-top:24px;
	margin-left:20px;
	margin-bottom:0;
	padding:0 0 24px;
	display:flex;
}
.blog-archive #carousel ul.slick-dots li{
	background: #9E9E9E;
	width:5px;
	height:5px;
	overflow:hidden;
	margin-right:5px;
	border-radius:50%;
}
.blog-archive #carousel ul.slick-dots li.slick-active{
	background: #FFFFFF;
}
.blog-archive #carousel ul.slick-dots button{
	background: transparent;
	color: transparent;
    border: none;
}
.blog-archive .posted{
	font-size: 10px;
	line-height: 22px;
	color: #808080;
	text-transform: uppercase;
}
.blog-archive .view{
	font-size: 10px;
	line-height: 12px;
	color: #808080;
}
.blog-archive .view svg{
	margin-right:2px;
}
.blog-archive h2.no-result{
	display:none;
}
.blog-archive.offset{
	padding-top:44px;
}
.blog-filter form{
	padding:0 20px;
	position:relative;
}
.blog-filter form img.search{
	position:absolute;
	top:14px;
	left:35px;
}
.blog-filter .search input#keyword{
	background: #FFFFFF;
	border: 1.5px solid #D8D8D8;
	border-radius: 100px;
	font-size: 14px;
	line-height: 24px;
	padding:9px 40px;
	transition: all 0.3s ease 0s;
	width:100%;
}
.blog-filter .search img.close{
	position:absolute;
	top:0;
	right:20px;
	cursor:pointer;
}
.blog-filter .search input#keyword:focus{
	border: 1.5px solid #202020;
}
.blog-filter .search input#keyword:focus-visible{
	outline:none;
}
div#backdrop{
	position: fixed;
    top: 0;
    left: 0;
    z-index: 800;
    width: 100vw;
    height: 100vh;
    background-color: #202020;
	opacity:0.5;
}
div.search-top{
	position:relative;
	z-index:900;
	background-color:#fff;
}
@media only screen and (min-width: 768px){
	.blog-archive ul.tab{
		font-size: 12px;
		line-height: 18px;
	}
}
@media only screen and (min-width: 992px){
	nav.breadcrumbs{
		margin-bottom:94px;
	}
	.blog-archive .main ul.tab{
		font-size: 14px;
		line-height: 24px;
	}
	.blog-archive .main .view{
		font-size: 14px;
		line-height: 17px;
	}
	.blog-archive .main .view svg{
		width:24px;
		height:16px;
	}
	.blog-archive .main .posted{
		font-size: 14px;
		line-height: 22px;
	}
	.blog-archive .posted{
		font-size: 12px;
		line-height: 22px;
	}
	.blog-archive .main{
		padding-top:189px;
	}
	.blog-archive .main .title{
		font-weight: 900;
		font-size: 44px;
		line-height: 58px;
		margin-top:24px;
		margin-bottom:12px;
	}
	.blog-archive .main a.btn{
		height:54px;
		padding:0 42px;
		font-size: 16px;
		line-height:54px;
	}
	.blog-archive .main .image{
		flex:0 0 40%;
		height:464px;
		margin-right:36px;
		margin-bottom:0;
	}
	.blog-archive .main .image div{
		height:100%;
	}
	.blog-archive .top-list{
		margin-top:76px;
		margin-bottom:58px;
	}
	.blog-archive .top-list h2{
		margin-bottom:24px;
	}
	.blog-archive .top-list li .title{
		font-size: 16px;
		line-height: 20px;
		margin:6px 0;
	}
	.blog-archive .top-list li .image{
		flex:0 0 94px;
		height:94px;
		margin-right:12px;
	}
	.blog-archive .top-list .subscribe{
		flex: 0 0 326px;
		margin-left:36px;
		font-size: 14px;
		line-height: 24px;
	}
	.blog-archive .top-list .subscribe b{
		font-size: 18px;
		line-height: 28px;
		margin-bottom:6px;
	}
	.blog-archive .favourite{
		background: #070707;
		padding:24px 0 0;
		color:#fff;
	}
	.blog-archive .other-stories .image{
		flex:auto;
		height:auto;
		padding-top:66.6666666667%;
		margin-right:0;
		margin-bottom:12px;
	}
	.blog-archive .favourite{
		padding-top:60px;
	}
	.blog-archive .favourite h2{
		margin-bottom:36px;
	}
	.blog-archive #carousel a.slide{
		height:476px;
		padding:24px;
	}
	.blog-archive #carousel a.slide ul.tab{
		font-size: 14px;
		line-height: 24px;
	}
	.blog-archive #carousel a.slide .title{
		font-size: 24px;
		line-height: 34px;
		max-width:500px;
	}
	.blog-archive #carousel a.slide .posted{
		font-size: 14px;
		line-height: 22px;
	}
	.blog-archive #carousel a.slide .view{
		font-size: 14px;
		line-height: 22px;
	}
	.blog-archive #carousel button.slick-arrow{
		bottom:31px;
		width: 44px;
		height: 44px;
	}
	.blog-archive #carousel button.slick-arrow.slick-prev{
		right:80px;
	}
	.blog-archive #carousel ul.slick-dots{
		margin-top:46px;
		padding-bottom:49px;
	}
	.blog-archive #carousel ul.slick-dots li{
		width:8px;
		height:8px;
		margin-right:7px;
	}
	.blog-archive .other-stories h2{
		margin-bottom:26px;
	}
	.blog-filter .filter-outer{
		overflow:hidden;
		position:relative;
		margin-left:53px;
	}
	.blog-filter{
		overflow:hidden;
		margin-right:0;
		margin-left:0;
	}
	.blog-filter .search{
		position:relative;
	}
	.blog-filter .search form{
		position:relative;
		padding:0;
	}
	.blog-filter .search form img{
		position:absolute;
		top:50%;
		margin-top:-8px;
		z-index:200;
		left:16px;
	}
	.blog-filter .search form img.close{
		left:auto;
		right:12px;
		top:16px;
	}
	.blog-archive .blog-filter .search form img.close{
		display:none;
	}
	.blog-filter .search input#keyword{
		background: #FFFFFF;
		border: 1.5px solid #D8D8D8;
		border-radius: 100px;
		font-size: 14px;
		line-height: 24px;
		padding:9px 40px;
		transition: all 0.3s ease 0s;
		width:auto;
	}
	.blog-filter .search input#keyword:focus{
		border: 1.5px solid #202020;
	}
	.blog-filter .search input#keyword:focus + img.close{
		display:block;
		position:absolute;
		top:50%;
		margin-top:-15px;
		left:calc(100% - 40px);
	}
	.blog-filter ul{
		padding-left:0;
		margin-top:2px;
		margin-bottom:50px;
		transition: all 0.5s ease 0s;
	}
	.blog-archive .other-stories article ul.tab{
		margin-bottom:16px;
	}
	.blog-archive .other-stories article .title{
		font-size: 20px;
		line-height: 28px;
		margin-bottom:16px;
	}
	.blog-filter button.prev,.blog-filter button.next{
		position:absolute;
		top:-10px;
		width:184px;
		height:61px;
		border:none;
		z-index:100;
		color:transparent;
		background-repeat:no-repeat;
		background-size:11px 16px;
		transition: all 0.3s ease 0s;
	}
	.blog-filter button.disabled{
		opacity:0;
		visibility:hidden;
	}
	.blog-filter button.next{
		right:0;
		background: linear-gradient(270deg, #FFFFFF 31.31%, rgba(255, 255, 255, 0) 93.93%);
	}
	.blog-filter button.next:before{
		position:absolute;
		content:"";
		display:block;
		width:7px;
		height:11px;
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1632296457/-homepage-icons/arrow-right.svg);
		top:28px;
		right:20px;
		background-size:cover;
	}
	.blog-filter button.prev{
		left:0;
		background: linear-gradient(270deg, rgba(255, 255, 255, 0) 31.31%, #FFFFFF 93.93%);
	}
	.blog-filter button.prev:before{
		position:absolute;
		content:"";
		display:block;
		width:7px;
		height:11px;
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1632961164/-homepage-icons/arrow-left.svg);
		top:28px;
		left:20px;
		background-size:cover;
	}
}
@media only screen and (min-width: 1281px){
	.blog-archive #carousel button.slick-arrow{
		right:100px;
	}
	.blog-archive #carousel button.slick-arrow.slick-prev{
		right:160px;
	}
	.blog-archive #carousel ul.slick-dots{
		margin-left:100px;
	}
	.blog-archive .top-list .subscribe{
		margin-left:124px;
		font-size: 16px;
		line-height: 28px;
	}
}
@media only screen and (min-width: 1400px){
	.blog-archive .main .image{
		flex:0 0 676px;
	}
}
@media only screen and (min-width: 1800px){
	.blog-archive #carousel button.slick-arrow{
		right:calc((100% - 1600px)/2);
	}
	.blog-archive #carousel button.slick-arrow.slick-prev{
		right:calc(((100% - 1600px)/2) + 60px);
	}
	.blog-archive #carousel ul.slick-dots{
		margin-left:calc((100% - 1600px)/2);
	}
}

.single-blog_post{
	background-color:#fff;
}
.single-blog_post .title{
	padding-top:27px;
	padding-bottom:24px;
}
.single-blog_post .title h1{
	font-size: 24px;
	line-height: 34px;
	margin-bottom:12px;
}
.single-blog_post .title .tags a{
	font-weight: 700;
	font-size: 10px;
	line-height: 12px;
	background: #EDEDED;
	border-radius: 70px;
	text-transform: uppercase;
	padding:10px 16px;
	margin-right:12px;
	margin-bottom:12px;
}
.single-blog_post .intro_text{
	font-size: 16px;
	line-height: 26px;
}
.single-blog_post .blog-container.dark .title .tags a{
	background: #35353A;
	color:#fff;
}
.single-blog_post .title .share li{
	margin-right:14px;
}
.single-blog_post .title .share li svg{
	fill:#202020;
}
.single-blog_post .hero .background-image{
	height:194px;
	background-size:cover;
	background-position:center;
	position:relative;
}
.single-blog_post .hero .background-image:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background: rgba(32, 32, 32, 0.15);
	transform: matrix(1, 0, 0, -1, 0, 0);
}
.single-blog_post div.hero .toggle{
	border: 2px solid #FFFFFF;
	border-radius: 100px;
	width: 88px;
	height: 46px;
	padding: 2px;
	position:absolute;
	top:8px;
	right:20px;
	z-index:200;
}
.single-blog_post div.hero .toggle button.light{
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1596163550/-design-system/icon-light.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.5s ease 0s;
	background-color:transparent;
	border:none;
}
.single-blog_post div.hero .toggle button.light.active{
    background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1596163550/-design-system/icon-light-active.svg);
}
.single-blog_post div.hero .toggle button.dark{
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1596163550/-design-system/icon-dark.svg);
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.1s ease 0s;
	background-color:transparent;
	border:none;
}
.single-blog_post div.hero .toggle button.dark.active{
    background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1596163550/-design-system/icon-dark-active.svg);
}
.single-blog_post .blog_main{
	margin-top:15px;
}
.single-blog_post .blog_main .author{
	font-size: 12px;
	line-height: 22px;
	margin-bottom:24px;
}
.single-blog_post .blog_main .author img{
	width:36px;
	height:36px;
	border-radius:50%;
	margin-right:8px;
}
.single-blog_post .blog_main{
	font-size:16px;
	line-height:26px;
}
.single-blog_post .blog-container,.single-blog_post .blog-container.light{
	background: #ffffff;
	color: #202020;
	transition: all 0.3s ease 0s;
}
.single-blog_post .blog-container.dark{
	background: #070707;
	color:#fff;
}
.single-blog_post .blog-container.dark .title ul.share svg{
	fill:#fff;
}
.single-blog_post .blog-container .blog_main a{
	color: #1936D0;
}
.single-blog_post .blog-container .blog_main a.btn{
	color: #fff;
}
.single-blog_post .blog_main .table-of-content{
	position:fixed;
	display:none;
	height:64px;
	left:0;
	top:0;
	right:0;
	background: #FFFFFF;
	z-index:2000;
	transition: all 0.3s ease 0s;
}
.single-blog_post .blog-container.dark .blog_main .table-of-content{
	background: #35353A;
}
.single-blog_post .blog_main .intro_text{
	margin-top:-70px;
	padding-top:70px;
}
.single-blog_post .blog_main h2{
	margin-top:-70px;
	padding-top:70px;
	font-size: 32px;
	line-height: 46px;
	margin-bottom:12px;
}
.single-blog_post .blog_main h3{
	font-size: 24px;
	line-height: 34px;
	margin-bottom:12px;
}
.single-blog_post .blog_main h4{
	margin-bottom:12px;
}
.single-blog_post .blog_main .content{
	position:relative;
}
.single-blog_post .blog_main .content p {
    line-height: 32px;
    font-size: 20px;
	margin-bottom:48px;
}
.single-blog_post .blog_main .content ul{
	margin-bottom:48px;
}
.single-blog_post .blog_main .content li {
    line-height: 32px;
    font-size: 20px;
	margin-bottom:12px;
}
.single-blog_post .blog_main .content .wp-block-video{
	margin-bottom:36px;
}
.single-blog_post .blog_main .content .video video{
	width:100%;
}
.single-blog_post .blog_main .content .wp-block-buttons{
	margin-bottom:36px;
}
.single-blog_post .blog_main .content .wp-block-button{
	margin-left:auto;
	margin-right:auto;
}
.single-blog_post .blog_main .content .wp-block-button__link{
	height: 52px;
    background: #1936D0;
    border-radius: 6px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    padding: 13px 35px;
    transition: all 0.3s ease 0s;
    position: relative;
	border-radius: 100px;
	display:inline-block;
	margin:0 6px;
}
.single-blog_post .blog_main .content .like_share{
	width:132px;
	display:flex;
	background: #FFFFFF;
	box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.25);
	border-radius: 300px;
	position:fixed;
	bottom:32px;
	left:50%;
	padding:12px 0;
	z-index:940;
	transform:translatex(-50%);
}
.single-blog_post .blog-container.dark .blog_main .content .like_share{
	background: #35353A;
	color: #808080;
}
.single-blog_post .blog_main .content .like_share .popups{
	left:25px;
	top:-5px;
	position:absolute;
	z-index:1050;
}
.single-blog_post .blog_main .content .like_share svg.heart{
	fill:#EB44A7;
}
.single-blog_post .blog_main .content .like_share .share{
	position:relative;
	cursor:pointer;
	flex:0 0 50%;
	display:flex;
	justify-content:center;
}
.single-blog_post .blog_main .content .like_share .share:before{
	content:"";
	display:block;
	height:14px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-7px;
	border-left: 1px solid #202020;
}
.single-blog_post .blog_main .content button.pp_like{
	flex:0 0 50%;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	color: #202020;
	border:none;
	background:transparent;
}
.single-blog_post .blog-container.dark .blog_main .content button.pp_like{
	color: #808080;
}
.single-blog_post .blog-container.dark .blog_main .content .like_share .share:before{
	border-left: 1px solid #808080;;
}
.single-blog_post .blog_main .content button.pp_like .love{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1678149834/-design-system/icon-love.svg);
	width:20px;
	height:17px;
	background-size:cover;
	margin-right:5px;
}
.single-blog_post .blog-container.dark .blog_main .content button.pp_like .love{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1678171627/-design-system/icon-love-dark.svg);
}
.single-blog_post .blog_main .content button.pp_like.liked .love,.single-blog_post .blog-container.dark .blog_main .content button.pp_like.liked .love{
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1678149834/-design-system/icon-loved.svg);
}
.single-blog_post .blog-container.dark .blog_main .content .like_share .share svg path{
	fill: #808080;
}
.single-blog_post .table-of-content ol{
	list-style: none;
	display:flex;
	margin-bottom:0;
	padding-left:20px;
}
.single-blog_post .table-of-content ol:after{
	content:"";
	display:block;
	flex: 0 0 8px;
	width:8px;
}
.single-blog_post .table-of-content ol li{
	white-space:nowrap;
	margin-right:12px;
}
.single-blog_post .table-of-content ol li a{
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: rgba(0, 0, 0, 0.5) !important;
}
.single-blog_post .table-of-content ol li a.current{
	color: #000000 !important;
	font-weight:900;
}
.single-blog_post .blog-container.dark .table-of-content ol li a{
	color: rgba(255, 255, 255, 0.5) !important;
}
.single-blog_post .blog-container.dark .table-of-content ol li a.current{
	color: #FFFFFF !important;
}
.single-blog_post .filter{
	background: #F4F5F5;
	position:relative;
}
.single-blog_post .filter a.filter-clear{
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-12px;
	font-weight: 900;
	font-size: 14px;
	line-height: 24px;
}
.single-blog_post .filter.fixed{
	position:fixed;
	top:56px;
	left:0;
	right:0;
	z-index:1000;
}
.single-blog_post p.result{
	font-size: 14px;
	line-height: 24px;
	margin-bottom:24px;
	margin-top:24px;
}
.single-blog_post h1.search{
	font-size: 18px;
	line-height: 28px;
	margin-top:89px;
	margin-bottom:12px;
}
.single-blog_post h2.no-result{
	font-size: 14px;
	line-height: 24px;
	margin-top:12px;
	margin-bottom:50vh;
}
body.backdrop{
	height: 100%;
    overflow: hidden;
}
.single-blog_post div.share button.pp_like{
	transition: all 0.3s ease 0s;
}
.single-blog_post div.share button.pp_like.liked{
	background: #EF476F !important;
}
.single-blog_post div#subscribe{
	margin-bottom:48px;
}
.single-blog_post .dark div#subscribe{
	background: #35353A;
	border:none;
}
.single-blog_post .dark div#subscribe .social svg path{
	fill:#fff;
}
.single-blog_post .related-stories{
	padding-top:96px;
	padding-bottom:36px;
}
.single-blog_post .related-stories h2{
	margin-bottom: 16px;
    font-size: 24px;
    line-height: 34px;
}
.single-blog_post .other-stories{
	margin-top:0;
}
.single-blog_post .blog_main #audio{
	margin:16px -7px 0;
}
.trinity-iframe.fab-view{
	visibility:hidden !important;
}
.single-blog_post .modal-backdrop{
	backdrop-filter: none;
    -webkit-backdrop-filter: none;
	background: rgba(7, 7, 7, 0.5);
}
#shareModal button.close_button{
	border:none;
	width:36px;
	height:36px;
	background-color: #EDEDED;
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:12px;
	right:12px;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1645338848/-design-system/button-close-light.svg);
	background-size:cover;
}
#shareModal .modal-dialog{
	min-height: calc(100% - 1rem);
	margin:0 20px;
	max-width:611px;
}
#shareModal .modal-content{
	background: #FFFFFF;
	border-radius: 20px;
	padding:36px;
}
.blog-container.dark #shareModal .modal-content{
	background: #35353A;
	color: #808080;
	border:none;
}
.blog-container.dark #shareModal button.close_button{
	background-color: #202020;
	background-image:url(../png/icon-close.png);
}
.blog-container.dark #shareModal button.close_button svg,.blog-container.dark #shareModal button.close_button svg path{
	fill:#808080;
}
.blog-container.dark #shareModal .modal-content .copy{
	background: #202020;
}
#shareModal .modal-content .modal-body{
	padding:0;
}
#shareModal .modal-content .share{
	margin-bottom:36px;
}
#shareModal .modal-content .share a{
	background: #202020;
	border-radius:50%;
	height:41px;
	width:41px;
	margin:0 12px;
	display:flex;
	justify-content:center;
	align-items:center;
}
#shareModal .modal-content .share a svg{
	fill:#fff;
}
#shareModal .modal-content .share a:nth-child(4){
	background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1680049822/-design-system/pinterest.svg);
    background-repeat: no-repeat;
    background-position: center;
	background-size:20px auto;
    color: transparent !important;
}
#shareModal .modal-content p{
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	margin-bottom:12px;
}
#shareModal .modal-content .copy{
	display:block;
	background: #EDEDED;
	border-radius: 10px;
	padding:8px;
	color: #808080;
	border:none;
}
#shareModal .modal-content .copy .url{
	text-overflow: ellipsis;
	width:90%;
	overflow:hidden;
}
#shareModal .modal-content .copy input{
	border:none;
}
#shareModal .modal-content .copy input:after{
	content:"...";
}
#shareModal .modal-content .copy span{
	color: #1936D0;
	font-weight: 900;
	font-size: 16px;
	line-height: 1;
	margin-left:16px;
	cursor:pointer;
}
@media only screen and (min-width: 576px){
	#shareModal .modal-dialog{
		margin:0 auto;
	}
}

.single-blog_post #listenButton1{
	border:none;
	background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1680048273/listen.svg);
	background-color:transparent;
	display:inline-block;
	margin-top:30px;
}
.single-blog_post #listenButton1 span{
	opacity:0;
}
.single-blog_post #copied,.single-blog_post #copied1{
	display:none;
	font-weight: 400;
	font-size: 12px;
	line-height: 22px;
	padding:10px 12px;
	background: #FFFFFF;
	box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	margin-top:24px;
	display:none;
	transition: all 0.3s ease 0s;
	width:182px;
	position:relative;
}
.single-blog_post #copied{
	margin-top:0;
	position:absolute;
	right:20px;
}
.single-blog_post #copied span,.single-blog_post #copied1 span{
	display:inline-block;
	margin-left:8px;
}
.single-blog_post #copied button,.single-blog_post #copied1 button{
	border:none;
	background: #EDEDED;
	width:16px;
	height:16px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	position:absolute;
	top:4px;
	right:4px;
}
.single-blog_post #copied.show{
	display:block;
}
.single-blog_post .blog-container.dark #copied,.single-blog_post .blog-container.dark #copied1{
	background: #35353A;
	color: #808080;
}
.single-blog_post .blog-container.dark #copied button,.single-blog_post .blog-container.dark #copied1 button{
	background: #202020;
}
.single-blog_post .blog-container.dark #copied button svg path,.single-blog_post .blog-container.dark #copied1 button svg path{
	fill: #808080;
}
@media only screen and (max-width: 767px){
	.single-blog_post .header{
		
	}
	.single-blog_post .blog_main .table-of-content .scroll{
		overflow-x: visible;
		display:flex;
		align-items:center;
		height:64px;
		transition: all 0.3s ease 0s;
	}
}
@media only screen and (max-width: 991px){
	.mdp-readabler-trigger-button-box{
		visibility:hidden;
	}
	.single-blog_post .hero{
		margin-left:-20px;
		margin-right:-20px;
	}
	.single-blog_post .blog-container{
		padding-top:64px;
		overflow:hidden;
	}
	.blog-filter{
		padding-bottom:12px;
	}
	.search-results .blog-filter{
		overflow:visible;
	}
	.search-results .blog-filter .search img.close{
		top:-40px;
	}
	.single-blog_post .filter{
		padding:10px 20px;
		position:relative;
		cursor:pointer;
		z-index: 1050;
	}
	.single-blog_post .filter b{
		font-weight: 900;
		font-size: 14px;
		line-height: 24px;
	}
	.single-blog_post .filter b:after{
		content:"";
		display: block;
		background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1636519757/-design-system/-icons-2022/arrow-down.svg);
		background-size: cover;
		width: 11px;
		height: 7px;
		position: absolute;
		top: 20px;
		left: 70px;
		transition: all 0.3s ease 0s;
	}
	.single-blog_post .filter.active b:after{
		transform:rotate(180deg);
	}
	.single-blog_post .filter .outer{
		display:none;
		position:absolute;
		top:44px;
		left:0;
		right:0;
		background:#fff;
		padding:12px 20px;
		z-index:100;
	}
	.single-blog_post .filter .input{
		margin-bottom:12px;
		position:relative;
	}
	.single-blog_post .filter .input:last-child{
		margin-bottom:0px;
	}
	.single-blog_post .filter .input input{
		width:100%;
		font-weight: 900;
		font-size: 16px;
		line-height: 24px;
		background:transparent;
		border:none;
		padding:0;
		cursor:none;
	}
	.single-blog_post .filter .input span{
		content:"";
		display: block;
		background-image: url(https://res.cloudinary.com/ninety-seconds/image/upload/v1636519757/-design-system/-icons-2022/arrow-down.svg);
		background-size: cover;
		width: 11px;
		height: 7px;
		position: absolute;
		top: 10px;
		right: 0px;
		transition: all 0.3s ease 0s;
	}
	.single-blog_post .filter .input span.active{
		transform:rotate(180deg);
	}
	.single-blog_post .filter .input ul{
		display:none;
		margin-top:8px;
		max-height:400px;
		overflow-y:auto;
	}
	.single-blog_post .filter .input li{
		font-weight: 400;
		font-size: 14px;
		line-height: 32px;
	}
	.single-blog_post .filter .input li.active{
		background: #F4F5F5;
		border-radius: 4px;
		font-weight:900;
	}
	.single-blog_post .filter a.btn.apply{
		padding:0 20px;
		font-weight: 600;
		font-size: 14px;
		line-height: 38px;
		background: #202020;
		color:#fff;
		border-radius: 100px;
		height:38px;
		margin:20px 0;
	}
	.single-blog_post ul.category li.tag{
		font-size: 14px;
		line-height: 24px;
		background: #EDEDED;
		border-radius: 20px;
		padding:8px 16px;
		white-space:nowrap;
		margin-right:12px;
		margin-bottom:12px;
	}
	.single-blog_post .title .share li:nth-child(5) a{
		background-color:transparent !important;
		border:none !important;
		padding:0 !important;
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1680053128/-design-system/pinterest-bk.svg) !important;
		background-size:15px auto;
		background-position:center;
		color:transparent !important;
		width:15px;
		height:auto;
		box-shadow:none !important;
		margin-top:5px;
	}
	.single-blog_post .blog-container.dark .title ul.share li:nth-child(5) a{
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1680049822/-design-system/pinterest.svg) !important;
	}
}
@media only screen and (min-width: 768px){
	.single-blog_post .hero .background-image{
		height:300px;
	}
}
@media only screen and (min-width: 992px){
	.mdp-readabler-trigger-button-box{
		visibility:visible;
	}
	.single-blog_post .blog_main .content .like_share{
		position:sticky;
		bottom:66px;
	}
	.single-blog_post .title{
		padding-bottom:0;
		padding-top:100px;
	}
	.single-blog_post .title h1{
		font-size: 54px;
		line-height: 68px;
		text-align:center;
		max-width:1240px;
		margin:0 auto 36px;
	}
	.single-blog_post .hero{
		margin-top:22px;
	}
	.single-blog_post .hero .back a{
		display:inline-block;
	}
	.single-blog_post .hero .back a img{
		height:14px;
		margin-right:7px;
	}
	.single-blog_post .hero .back a img.dark{
		display:none;
	}
	.single-blog_post .blog-container.dark .hero .back a{
		color:#fff;
	}
	.single-blog_post .blog-container.dark .hero .back a img.dark{
		display:block;
		transform:rotate(180deg);
	}
	.single-blog_post .blog-container.dark .hero .back a img.light{
		display:none;
	}
	.single-blog_post .hero .background-image{
		height:auto;
		padding-top:36.290323%;
	}
	.single-blog_post div.hero .toggle{
		top:13px;
	}
	.single-blog_post .blog_main{
		margin-top:50px;
	}
	.single-blog_post .blog_main .author{
		font-size: 16px;
		line-height: 26px;
		margin-bottom:49px;
	}
	.single-blog_post .blog_main .author img{
		width:52px;
		height:52px;
		border-radius:50%;
		margin-right:12px;
	}
	.single-blog_post .blog_main .author b{
		font-size: 20px;
		line-height: 28px;
	}
	.single-blog_post .blog_main{
		font-size:18px;
		line-height:28px;
	}
	.single-blog_post .blog_main #heading0{
		margin-top:-70px;
		padding-top:70px;
	}
	.single-blog_post .blog_main #audio{
		display:block;
		margin:29px 0 0;
		box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.1);
		border-radius:6px;
	}
	.single-blog_post .table-of-content{
		flex:0 0 256px;
		margin-right:36px;
	}
	.single-blog_post .blog-container.dark .blog_main .table-of-content{
		background:transparent;
	}
	.single-blog_post .table-of-content .title{
		font-weight:900;
		font-size: 20px;
		line-height: 28px;
		margin-top:50px;
		padding-top:0;
		margin-bottom:24px;
	}
	.single-blog_post .table-of-content ol{
		display:block;
		margin-left:0;
		overflow-x:visible;
		list-style-type: decimal;
		width:300px;
	}
	.single-blog_post .table-of-content ol li{
		margin-bottom:24px;
		margin-right:0;
		white-space:normal;
	}
	.single-blog_post .table-of-content ol li::marker {
		font-weight: 700;
		font-size: 18px;
		line-height: 28px;
	}
	.single-blog_post .table-of-content ol li a {
		font-weight: 700;
		font-size: 16px;
		line-height: 26px;
		color: #000000 !important;
		display: block;
		max-width: 100%;
		hyphens: auto;
		word-wrap: break-word;
	}
	.single-blog_post .blog-container.dark .table-of-content ol li a{
		color:#fff !important;
	}
	.single-blog_post .blog_main .table-of-content{
		margin-top:-40px;
		padding-top:40px;
		overflow-x: visible;
		position:sticky;
		display:block;
		background: transparent;
		box-shadow: none;
		opacity:1;
		z-index:100;
	}
	.single-blog_post .blog_main .table-of-content div.share a{
		width:30px;
		height:30px;
		background: #202020;
		border-radius:50%;
		margin-right:8px;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.single-blog_post .blog_main .table-of-content div.share a:nth-child(5){
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1680049822/-design-system/pinterest.svg);
		background-repeat:no-repeat;
		background-position:center;
		color:transparent !important;
		box-shadow:none !important;
	}
	.single-blog_post .blog_main .table-of-content div.share a svg{
		fill:#fff;
	}
	.single-blog_post .related-stories{
		position:relative;
		background:#fff;
		z-index:200;
	}
	.single-blog_post #copied1.show{
		display:block;
	}
	.single-blog_post .blog_main .content p{
		line-height:36px;
		font-size: 22px;
	}
	.single-blog_post .blog_main .content li {
		line-height: 36px;
		font-size: 22px;
		
	}
	.single-blog_post p.result{
		font-size: 24px;
		line-height: 34px;
	}
	.single-blog_post .filter{
		padding:33px 0;
		margin-bottom:48px;
	}
	.single-blog_post .filter b{
		font-weight: 900;
		font-size: 32px;
		line-height: 46px;
		margin-right:50px;
	}
	.single-blog_post .filter input{
		display:block;
		cursor:pointer;
		background: #FFFFFF;
		border-radius: 20px;
		border:none;
		font-size: 14px;
		height:40px;
		padding-left:16px;
		padding-right:20px;
		min-width:183px;
		margin-top:3px;
	}
	.single-blog_post .filter input:focus-visible{
		outline:none;
	}
	.single-blog_post .filter .input{
		position:relative;
		margin-right:24px;
	}
	.single-blog_post .filter .input.active span{
		transform:rotate(180deg);
	}
	.single-blog_post .filter .input.active ul{
		opacity:1;
		visibility:visible;
	}
	.single-blog_post .filter .input:last-child{
		margin-right:0;
	}
	.single-blog_post .filter .input span{
		display:block;
		cursor:pointer;
		background-image:url(https://res.cloudinary.com/ninety-seconds/image/upload/v1636519757/-design-system/-icons-2022/arrow-down.svg);
		background-size:cover;
		width:11px;
		height:7px;
		position:absolute;
		top:20px;
		right:16px;
		transition: all 0.3s ease 0s;
	}
	.single-blog_post .filter .input ul{
		background: #FFFFFF;
		box-shadow: 0px 2px 48px rgba(0, 0, 0, 0.1);
		border-radius: 8px;
		padding:13px 14px;
		margin-top:8px;
		height:200px;
		overflow-y:auto;
		transition: all 0.3s ease 0s;
		opacity:0;
		visibility:hidden;
		position:absolute;
		z-index:500;
		width:100%;
	}
	.single-blog_post .filter .input ul li{
		font-size: 14px;
		line-height: 24px;
		cursor:pointer;
	}
	.single-blog_post .filter .input ul li.active{
		font-weight:900;
	}
	.single-blog_post h1.search{
		font-size: 24px;
		line-height: 34px;
		margin-top:193px;
		margin-bottom:22px;
	}
	.single-blog_post #breadcrumb{
		margin-top:193px;
		font-size: 14px;
		line-height: 24px;
	}
	.single-blog_post #breadcrumb b{
		font-weight:900;
	}
	.single-blog_post #breadcrumb svg{
		margin:8px 20px 0;
	}
	.single-blog_post h2.no-result{
		font-size: 32px;
		line-height: 46px;
		margin-bottom:40vh;
	}
	.blog-archive.offset{
		padding-top:160px;
	}
	.single-blog_post .blog_main .content .like_share{
		bottom:24px;
	}
	footer.footer{
		position:relative;
		z-index:200;
	}
}
@media only screen and (min-width: 1281px){
	.single-blog_post div.hero .toggle{
		right:12px;
	}
	.single-blog_post .table-of-content{
		margin-right:124px;
	}
	.single-blog_post .filter a.filter-clear{
		right:100px;
	}
}
@media only screen and (min-width: 1800px){
	.single-blog_post .filter a.filter-clear{
		right:calc((100% - 1600px)/2);
	}
}