.channel-post {
	overflow: visible;
	min-height: 250px;
	display: flex;
	position: relative;
  }

  .channel-post-content {
	height: inherit;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	background: #fff;
	font-size: 16px;
	border: 1px solid #d9d9d9;
  }

  .channel-page-thumbnail {
	background-size: cover !important;
	background-position: center !important;
  }

  .channel-post-meta {
	display: flex;
	align-items: center;
  }

  .entry-title {
	font-size: 18px;
	line-height: 1.25;
	margin: 12px 0;
	color: #000;
	font-family: GilroyBold;
  }

  .entry-title a {
	font-family: GilroyBold;
	color: #000;
	transition: all 0.2s;
  }

  .post-content p {
	font-weight: 400;
	font-family: GilroyMedium;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 1rem;
	line-height: 1.25;
  }

  .external-name {
	position: absolute;
	bottom: 16px;
	font-family: Cambria;
	text-transform: uppercase;
	font-size: 14px;
  }

  .article-bottom-border {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 5px;
  }

  .recent-card-categories {
	display: flex;
	font-size: 14px;
	align-items: center;
	text-transform: uppercase;
	gap: 8px;
	margin-top: 1rem;
  }

  .recent-card-categories a {
	font-family: 'GilroyMedium';
	color: #000;
	transition: all 0.2s;
  }

  .entry-title a:hover,
  .recent-card-categories a:hover {
	transition: all 0.2s;
	color: #b02a21;
  }

.this-week-events h3,
.featured-events h3 {
	font-family: GilroyBold;
	color: #000;
	text-transform: capitalize;
}

.this-week-events h3 a{
	font-family: GilroyReg;
	color: #f5842e;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 17px;
}

.featured-events-list .channel_featured_card {
	flex: 0 1 25%;
	height: auto;
}

.channel_featured_card .card_info .card_info_bottom .card_info_tags {
    display: flex;
    align-items: center;
    gap: 10px;
}

.channel_featured_card .card_info .card_info_bottom .card_info_tags a {
    font-size: 12px;
    padding: 4px 10px;
    color: #797979;
    background-color: #f5f5f5;
    border-radius: 6px;
}

.channel_featured_card {
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
    position: relative;
	border-width: 1px;
	border-style: solid;
	border-color: #D1D1D1;
	background-color: #fff;
}

.channel_featured_card .card_image img {
    width: 100%;
    aspect-ratio: 6/4;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

.channel_featured_card .card_info {
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.channel_featured_card .card_info span:first-child {
    font-family: GilroyReg;
    font-size: 14px;
    color: #ff8427;
}

.channel_featured_card .card_info a {
    color: #000;
    font-family: GilroyBold;
    font-size: 18px;
	/*padding-bottom: 125px;*/
}

.channel_featured_card .card_info p {
    margin: 0;
    font-size: 14px;
}

.channel_featured_card .card_info .card_info_bottom span {
    font-size: 14px;
    color: #4FAF76;
    font-family: GilroyReg;
}

.channel_featured_card .card_info .card_info_bottom {
    position: absolute;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* The typewriter cursor effect */
@keyframes blink-caret {
	from, to { border-color: transparent }
	50% { border-color: orange; }
}

.featured-events h4 {
	font-family: GilroyReg;
	font-size: 17px;
	color: #000;
	text-transform: capitalize;
	display: flex;
    justify-content: space-between;
}

.this-week-events {
	margin-top: 2.5rem
}

.this-week-events .events-list,
.featured-events .featured-events-list  {
	display: flex;
	flex-wrap: nowrap;
}

.featured-events .featured-events-list {
	gap: 1rem;
}

.this-week-events .events-list .event-list,
.featured-events .featured-events-list .featured-event-list {
	flex: 0 1 25%;
	position: relative;
	padding-bottom: 3rem;
}

.this-week-events .events-list .event-list img,
.featured-events .featured-events-list .featured-event-list img {
	width: 100%;
	height: auto;
	aspect-ratio: 3/2;
	border-radius: 15px;
	object-fit: cover;
}

.this-week-events .events-list .event-list span,
.featured-events .featured-events-list .featured-event-list span {
	font-family: 'GilroyBold';
	margin: 0.5rem;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #ff8427;
}

.this-week-events .events-list .event-list .week-event-date span {
	margin: 0 0.5rem;
}

.this-week-events .events-list .event-list span.city,
.this-week-events .events-list .event-list span.week-event-title{
	color: #000;
}

.this-week-events .events-list .event-list .week-event-date,
.featured-events .featured-events-list .featured-event-list .featured-event-date {
	color: #ff8427;
	position: absolute;
	bottom: 0;
}

.featured-events .featured-events-list.feat-events-only-list {
	flex-wrap: wrap;
	gap: 0;
	margin: 0 -1rem;
	margin-top: 2rem;
}

.featured-events .featured-events-list.feat-events-only-list .featured-event-list {
	padding-left: 1rem;
	padding-right: 1rem;
	margin-bottom: 2rem;
	flex: 0 1 25%;
}

.this-week-events .events-list .event-list .week-event-date svg {
	margin-right: 0.5rem;
}

.home-featured-events {
	border-radius: 42px;
	margin: 3rem 0;
	width: 100%;
	display: block;
	background-color: #fff;
	padding: 3rem 0;
}

.featured-events .featured-events-list .featured-event-list .featured-event-date {
	font-size: 14px;
}

.featured-events .featured-events-list .featured-event-list .featured-event-date span {
	display: flex;
	gap: 0.5rem;
	align-items: center;
	padding: 0 0.5rem;
	margin: 0;
	font-family: GilroyReg;
	color: #ff8427;
}

.main-wrapper {
	background-color: #F8F9FB;
}

.featured-events-button {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.5rem 3rem;
	border: 1px solid;
	width: max-content;
	text-transform: uppercase;
	border-radius: 30px;
	color: #ff8427;
	margin-bottom: 1.5rem;
	margin-top: 2rem;
	font-size: 16px;
}

.featured-events-button:hover {
	background-color: #ff8427;
	color: #fff;
}

.home-feed-socials {
	background-color: #fff;
	padding: 2rem 1.5rem;
	border-radius: 15px;
	border-width: 1px;
	border-style: solid;
	border-color: #D1D1D1;
}

.home-feed-socials span {
	font-family: GilroyBold;
	text-transform: uppercase;
	font-size: 22px;
}

.home-feed-socials p {
	font-size: 14px;
	font-family: GilroyReg;
	margin-top: .5rem;
	margin-bottom: 2rem;
	line-height: 1.2;
}

.home-feed-socials a {
	width: 100%;
	display: flex;
	border: 1px solid;
	padding: 0.5rem;
	border-radius: 30px;
	margin: 0.75rem 0;
	align-items: center;
	gap: 1rem;
	font-size: 14px;
	font-family: GilroyReg;
}

.home-feed-socials a span {
	font-size: 22px;
	color: #fff;
	height: 35px;
	width: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}

.articles-channel-image img {
	max-height: 40px;
}

.articles-city {
	font-size: 14px;
}

.channel-stories-right a {
	font-size: 20px;
}

.channel-stories-right p {
	font-size: 15px;
}

.articles-featured-image-2 {
	height: 150px;
}

.channel-stories-right {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 1.5rem !important;
}

.home-feed-topic {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.home-feed-topics {
	background-color: #fff;
	border-radius: 8px;
	padding: 2rem 1.5rem;
	border-width: 1px;
	border-style: solid;
	border-color: #D1D1D1;
	border-radius: 15px;
}

.home-feed-topics span {
	font-family: GilroyBold;
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: 1rem;
	display: block;
}

.home-feed-topics a {
	color: #000;
	font-family: GilroyReg;
	background-color: #EBF7FF;
	padding: 0.15rem 0.75rem;
	border-radius: 23px;
	font-size: 15px;
	text-wrap: nowrap;
}

.feed-topics-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
}

.home-load-more span,
.viewMore button {
	background: #fff;
	color: #000;
	border: 2px solid;
	font-family: GilroyBold;
	letter-spacing: 0;
	padding: .5rem 4rem;
	border-radius: 50px;
}

.home-load-more span:hover,
.viewMore button:hover {
	background-color: #000;
	color: #fff;
	border-color: #000;
}

.home-the-list-newsletter {
	background-color: #F5842E;
	position: relative;
	overflow: hidden;
}

.home-the-list-newsletter svg {
	position: absolute;
}

.the-list-newsletter-content {
	z-index: 2;
	display: flex;
	position: relative;
	height: 100%;
	align-items: center;
	gap: 2rem;
	padding: 5rem 0;
}

.the-list-newsletter-left {
	color: #000;
	font-family: GilroyExtraBold;
	line-height: 1.25;
}

.the-list-newsletter-left,
.the-list-newsletter-right {
	flex: 1 1 50%;
}

.the-list-newsletter-left > span {
	font-size: 18px;
}

.the-list-newsletter-right .fui-alert{
	padding: 0px;
    background: none;
    color: #2f2f2f;
    font-size: 16px;
}

.the-list-newsletter-left p {
	font-size: 31px;
	margin: 0;
}

.the-list-newsletter-left p span {
	font-style: italic;
}

.the-list-newsletter-right .fui-page {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.the-list-newsletter-right .fui-page .fui-page-container {
	flex: 1 1 75%;
}

.the-list-newsletter-right .fui-page .fui-btn-wrapper {
	margin: 0;
	padding: 0;
	/* width: 100%; */
	flex: 1 1 25%;
}

.the-list-newsletter-right .fui-page .fui-type-email {
	margin: 0;
}

.the-list-newsletter-right .fui-page .fui-type-email .fui-input {
	border-radius: 30px;
	background: #FFF;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25) inset;
	font-size: 20px;
	font-family: 'GilroyBold';
	padding: 12px 20px;
}

.the-list-newsletter-right .fui-page .fui-btn-wrapper button {
	border-radius: 30px;
	background: #FFF;
	border: 1px solid #fff;
	color: #000;
	font-family: 'GilroyBold';
	font-size: 16px;
	padding: 10px 26px;
}

.featured-events-header-left a {
	font-family: GilroyReg;
	color: #F5842E;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 17px;
}

.recommended-channels h3,
.highlights-header h3,
.featured-events-headers h3,
.asia-city-list h3 {
	font-size: 32px;
	font-family: GilroyExtraBold;
	position: relative;
}

.highlights-header h3{
	width: 100%;
	max-width:100%;
}

.recommended-channels h3 span,
.highlights-header h3 span,
.featured-events-headers h3 span,
.asia-city-list h3 span {
	padding-right: 1rem;
	background-color: #f9f9f9;
	z-index: 1;
	position: relative;
}

.featured-events-headers h3 span {
	background-color: #fff;
}

.asia-city-list {
	padding: 3rem 0;
	margin-bottom: 3rem;
}

.asia-city-list,
.asia-city-list h3 span {
	background-color: #ececec;
}

.recommended-channels h3:after,
.featured-events-headers h3:after,
.asia-city-list h3:after,
.highlights-header h3:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0.5em;
	border-top: 2px solid #FA141D;
}

.recommended-channels h4,
.asia-city-list h4 {
	font-family: GilroyReg;
	font-size: 17px;
	color: #000;
	text-transform: capitalize;
}

.asia-cities-list-container {
	overflow: scroll;
}

.asia-cities-list-container::-webkit-scrollbar {
	display: none;
}

.asia-cities-list {
	display: flex;
	gap: 1rem;
	margin-top: 2rem;
	margin-bottom: .5rem;
}

.asia-cities-list a {
	border-radius: 10px;
	background: #FFF;
	/* box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); */
	flex: 1 1 20%;
	position: relative;
	aspect-ratio: 1/1;
	min-width: 150px;
}

.asia-cities-list a.city-list-zoomed.hong-kong img {
	transform-origin: bottom;
}

.asia-cities-list a span {
	font-family: GilroyBold;
	color: #000;
	font-size: 18px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	padding: 0 .5rem;
	gap: .25rem;
	padding-top: 1rem;
}

.asia-cities-list a .asia-cities-image {
	height: 80%;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: flex-end;
}

.asia-cities-list a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.recommended-channel {
	background-color: #fff;
	border-radius: 15px;
	height: 100%;
	/* box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.10); */
	border-width: 1px;
	border-style: solid;
	border-color: #D1D1D1;
}

.recommended-channel-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 1.5rem;
}

.recommended-channel-header img {
	max-height: 30px;
}

.recommended-channel-header span {
	font-size: 10px;
	font-family: GilroyReg;
}

.slick-track
{
	display: flex !important;
}

.slick-slide {
	margin: 0 .5rem;
	height: inherit !important;
}

.slick-slide > div {
	height: 100%;
}

.slick-list {
	margin: 0 -1rem;
	padding-right: 5rem;
}

.recommended-channel-main-article {
	position: relative;
}

.recommended-channel-main-article img {
	width: 100%;
	height: auto;
	aspect-ratio: 3/2;
	object-fit: cover;
	object-position: center;
	position: relative;
}

.recommended-channel-main-article span {
	color: #fff;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	font-family: GilroyBold;
	font-style: italic;
	font-size: 30px;
	position: absolute;
	top: 0;
	left: 1rem;
}

.recommended-channel-main-article p {
	margin: 0;
	color: #fff;
	font-family: GilroyBold;
	font-size: 18px;
	line-height: 1.25;
	position: absolute;
	bottom: .5rem;
	left: 1rem;
	text-shadow: 0px 10px 20px rgba(0, 0, 0, 0.60);
}

.recommended-main-article-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.75) 100%);
}

.recommended-second-article {
	position: relative;
	display: flex;
	align-items: center;
	gap: 2rem;
	font-family: GilroyBold;
}

.recommended-second-article span {
	font-style: italic;
	font-size: 30px;
}

.recommended-second-article p {
	margin: 0;
	color: #000;
	line-height: 1.25;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.recommended-second-container {
	padding: 1.5rem 1rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.this-week-events-mobile {
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.this-week-events-mobile-first {
	position: relative;
}

.this-week-events-mobile-first img {
	width: 100%;
	height: 175px;
	object-fit: cover;
}

.this-week-events-mobile-label {
	position: relative;
}

.this-week-events-mobile-label span {
	padding-right: 1rem;
	background-color: #f9f9f9;
	z-index: 1;
	position: relative;
	font-size: 20px;
	font-family: GilroyExtraBold;
}

.this-week-events-mobile-label:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0.5em;
	border-top: 2px solid #FA141D;
}

.twe-mobile-first-info {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.75) 100%);
	font-family: 'GilroyBold';
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 1rem 1.5rem;
}

.twe-mobile-first-info span {
	color: #F5842E;
}

.twe-mobile-first-info span:first-child {
	margin: 0;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 12px;
}

.twe-mobile-first-info p {
	color: #fff;
	line-height: 1.25;
	margin: 0;
	font-size: 20px;
}

.twe-mobile-list {
	background-color: #fff;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.twe-mobile-event {
	display: flex;
	gap: 1rem;
}

.twe-mobile-event img {
	width: 75px;
	height: 75px;
	border-radius: 5px;
	object-fit: cover;
}

.twe-mobile-event-info {
	font-family: GilroyBold;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.twe-mobile-event-info span {
	color: #F5842E;
}

.twe-mobile-event-info span.city {
	color: #000;
}

.twe-mobile-event-info span:first-child {
	font-size: 12px;
    display: flex;
    gap: 0.25rem;
    align-items: center;
}

.twe-mobile-event-info p {
	line-height: 1.25;
}

.editors-pick {
	margin-top: 2.5rem;
	margin-bottom: 3rem;
	background-color: #fff;
	padding: 3rem 0;
}

.editors-pick h3 {
	font-size: 32px;
	font-family: GilroyExtraBold;
	position: relative;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
}

.editors-pick-main .editors-pick-left a {
	font-family: 'GilroyBold';
	color: #fff;
	font-size: 30px;
	line-height: 1.25;
	margin-bottom: .5rem;
	display: block;
	text-shadow: 0px 10px 20px rgba(0, 0, 0, 0.60);
}

.editors-pick-main .editors-pick-left p {
	font-size: 18px;
	margin: 0;
	color: #fff;
}

.editors-pick-right .editors-pick-article:first-child {
	margin-bottom: 2rem;
}

.editors-pick-right .editors-pick-article div {
	width: 55%;
	position: relative;
}

.editors-pick-right .editors-pick-article img {
	width: 200px;
	border-radius: 18px;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
}

.editors-pick-right .editors-pick-article div a {
	color: #000;
	font-size: 22px;
	line-height: 1.25;
	margin-top: .5rem;
	display: block;
}

.editors-pick-right .editors-pick-article p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: .5rem;
	font-size: 17px;
}

.featured-articles-container-title .center-featured h3,
.featured-articles-container-title h3{
	font-size: 1.3rem;
}

/*.editors-pick-main .editors-pick-left p::first-letter {
	font-family: gilroyextrabold,Arial,Helvetica,sans-serif;
	font-style: italic;
	font-size: 50px;
	margin-top: -7px;
	float: left;
	padding-right: 10px;
	line-height: 1;
	color: #FA141D;
}*/

.first-editor-pick {
	position: relative;
	border-radius: 18px;
	overflow: hidden;
	height: 100%;
	background-size: cover;
	background-image: url({{firstEditorsPick.articleFeaturedImage[0].url}});
}


.first-editor-pick .first-pick-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.70) 100%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 1.5rem;
}

.first-editor-pick .first-pick-overlay div {
	max-height: 0;
	transition: all 0.5s;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.first-editor-pick .first-pick-overlay div svg {
	font-size: 32px;
	color: #fff;
	rotate: 45deg;
	align-self: flex-end;
}

.first-editor-pick .first-pick-overlay:hover div {
	max-height: 100%;
}

.first-editor-pick .first-pick-overlay:hover {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.30) 50%, rgba(0, 0, 0, 0.60) 100%);
}

.first-editor-pick .first-pick-overlay img {
	/*background-color: #fff;
	padding: .25rem 2rem;
	border-radius: 999px;
	width: 135px;
	height: 40px;
	object-fit: contain;*/
	max-width: 135px;
    max-height: 50px;
    height: max-content;
    width: max-content;
}

.editors-pick-right .editors-pick-article img.right-pick-logo {
	width: auto;
	object-fit: contain;
	height: auto;
	max-height: 30px;
	max-width: 100px;
	border-radius: 0;
	position: absolute;
	bottom: 0;
	aspect-ratio: unset;
}

.editors-pick-right .editors-pick-article {
	display: flex;
	gap: 1rem;
}

.editors-pick-bottom .editors-pick-article {
	position: relative;
	display: flex;
}

.editors-pick-bottom .editors-pick-article img {
	border-radius: 18px;
	width: 150px;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: cover;
	margin-right: 1rem;
}

.editors-pick-bottom .editors-pick-article div a {
	display: block;
	color: #000;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 3rem;
	margin-top: .5rem;
}

.editors-pick-bottom .editors-pick-article div img.bottom-pick-logo {
	max-height: 28px;
	max-width: 120px;
	height: auto;
	width: auto;
	border-radius: 0;
	position: absolute;
	bottom: .5rem;
	aspect-ratio: unset;
}

.editors-pick-bottom hr {
	margin: 3rem auto;
	width: 75%;
	border-top: 2px solid #d9d9d9;
}

.editor-pick-first{
	width: 100%;
	height: auto;
	object-fit: cover;
	}

.city-trending-main {
	display: block;
	position: relative;
}

.city-trending-main img {
	width: 100%;
	/*height: 220px;*/
	/*object-fit: cover;*/
	/*object-position: center;*/
}

.city-trending-main .trending-overlay {
	position: absolute;
	top: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: .5rem 1rem;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.75) 100%);
}

.city-trending-main .trending-overlay span {
	text-shadow: 0px 2.374px 2.374px rgba(0, 0, 0, 0.25);
	color: #fff;
	font-size: 28px;
	font-style: italic;
}

.city-trending-main .trending-overlay img {
	max-height: 30px;
	width: auto;
	object-fit: contain;
}

.city-trending-main .trending-overlay p {
	color: #fff;
	font-size: 18px;
	margin: 0;
}

.city-trending-bottom {
	background-color: #fff;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 0 1rem;
	border: 1px #d1d1d1 solid;
}

.city-trending-bottom span {
	color: #000;
	font-family: GilroyBold;
	font-style: italic;
	font-size: 23px;
}

.city-trending-bottom a {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.city-trending-bottom a div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: .5rem;
	padding: 1rem 0;
	border-bottom: 1px solid #d9d9d9;
}

.city-trending-bottom a:last-child div {
	border: none;
}

.city-trending-bottom a img {
	max-height: 25px;
	margin-bottom: .25rem;
}

.city-trending-bottom a p {
	color: #000;
	font-family: GilroyBold;
	margin: 0;
}

.highlights-main {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 15px;
}

.highlights-main img {
	width: 100%;
}

.highlights-overlay {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 50%, rgba(0, 0, 0, 0.75) 100%);
	color: #fff;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 1rem;
	position: absolute;
	top: 0;
	height: 100%;
}

.highlights-overlay span {
	font-size: 28px;
	font-family: GilroyBold;
}

.highlights-overlay p {
	display: none;
	font-family: GilroyReg;
	margin: 0;
}

.highlights-side img {
	width: 100%;
	border-radius: 15px;
}

.highlights-side p {
	color: #000;
}

.highlights-bottom {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.highlights-bottom img {
	height: auto;
	width: 150px;
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 15px;
}

.highlights-bottom div {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.highlights-bottom div a {
	color: #000;
	font-size: 18px;
}

.highlights-bottom div a:last-child {
	display: flex;
    align-items: center;
    justify-content: space-between;
}

.highlights-bottom div a:last-child span {
	font-size: 12px;
    font-family: 'GilroyReg';
}

.highlights-bottom div img {
	max-height: 30px;
	border-radius: 0;
	width: auto;
	aspect-ratio: unset;
}

.featured-articles-container-title {
	height: 61px; 
	padding: 0.3rem; 
	background: #000;
}

.trending-articles-container-title,
.featured-articles-container-title{
	border-top-left-radius: 15px!important;
	border-top-right-radius: 15px!important;
}

.featured-articles-container-title div {
	background-size: contain;
	background-color: #000;
}

.featured-articles-container-title .hk-sides {
	background-repeat: no-repeat;
}

.featured-articles-container-title .left-featured {
	background-image: url('/assets/V3/thebeat/images/HK_Sign_Left_End.png');    
	background-position: right;
	width: 12%;
	margin-right: -1px;
	border-top-left-radius: 15px !important;
}

.featured-articles-container-title .center-featured {
	background-image: url('/assets/V3/thebeat/images/HK_Sign_Middle_Half_Size.png');    
	background-position: center;
	background-repeat: repeat-x;
	width: 80%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.featured-articles-container-title .center-featured h3 {
	color: #000;
}

.featured-articles-container-title .right-featured {
	background-image: url('/assets/V3/thebeat/images/HK_Sign_Right_End.png');    
	background-position: left;
	width: 10%;
	margin-left: -1px;
	border-top-right-radius: 15px !important;
}

.home-the-list-newsletter.general-newsletter{
	background-color: #ff0000;
}

.featured-articles-container-title .center-featured h3,
.featured-articles-container-title h3{
	font-size: 1.3rem;
}

.featured-articles-container-title h3,
.trending-articles-container-title h3{
	margin: 0;
	line-height: 3.75rem;
	font-family: gilroybold;
}

@media(max-width: 1200px) {
	.asia-cities-list a span {
		font-size: 14px;
	}
}

@media(max-width: 992px) {
	.featured-events-list .channel_featured_card {
		height: 100%;
	}

	.the-list-newsletter-content {
		flex-direction: column;
		padding: 2rem 1rem;
		margin-bottom: 55px;
		
	}

	.the-list-newsletter-right {
		width: 100%;
		margin-top: 1rem;
	}

	.recommended-channel-main-article p {
		bottom: 2rem;
	}

	.recommended-channel-main-article span {
		display: none;
	}

	.recommended-channel-main-article {
		height: 100%;
		display: block;
	}

	.recommended-channel {
		border-radius: 15px;
		overflow: hidden;
		margin-bottom: 1.5rem;
	}

	.the-list-newsletter-left > span {
		font-size: 16px;
	}

	.the-list-newsletter-left p {
		font-size: 22px;
	}

	.the-list-newsletter-right .fui-page .fui-type-email .fui-input {
		padding: 8px 20px;
	}

	.the-list-newsletter-right .fui-page .fui-btn-wrapper button {
		padding: 6px 20px;
	}

	.featured-events-headers {
		flex-direction: column;
		align-items: flex-start;
	}

	.featured-events-header-left {
		margin-bottom: .5rem;
	}

	.featured-events h3 {
		font-size: 28px;
	}

	.featured-events h4 {
		font-size: 16px;
	}
	.editor-pick-articleList img, .highlights-articleList img {
		width: 120px;
		height: auto;
		aspect-ratio: 1/1;
		border-radius: 15px;
		object-fit: cover;
	}

	.editor-pick-articleList, .highlights-articleList {
		display: flex;
		flex-direction: row;
		margin-bottom: 15px;
		gap: 1rem;
	}

	.editor-pick-articleList a, .highlights-articleList a {
		color: #000;
		font-size: 18px;
		line-height: 1.25;
		display: block;
	}

	.editor-pick-articleList .articleList a:last-child {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.editor-pick-articleList .articleList a:last-child span {
		font-family: GilroyReg;
		font-size: 12px;
	}

	.editor-pick-first img {
		width: 100%;
		height: auto;
		aspect-ratio: 5/3;
		object-fit: cover;
		border-radius: 15px;
	}

	.editor-pick-mobile {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}

	.editor-pick-mobile p {
		margin-top: .5rem;
	}

	.editor-pick-mobile p::first-letter {
		font-family: 'GilroyExtraBold';
		font-style: italic;
		font-size: 42px;
		margin-top: -7px;
		float: left;
		padding-right: 10px;
		line-height: 1;
		color: #ff0000;
	}

	.editor-pick-first a, .highlight-pick-first a {
		font-family: 'GilroyBold';
		color: #000;
		font-size: 30px;
		line-height: 1;
		margin-bottom: .5rem;
		margin-top: .5rem;
		display: block;
	}

	.editor-pick-articleList .articleList,
	.highlights-articleList .articleList {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 1rem;
		width: 100%;
	}

	.editor-pick-articleList .articleList img,
	.highlights-articleList .articleList img {
		width: max-content;
		object-fit: contain;
		height: max-content;
		max-height: 22px;
		max-width: 78px;
		border-radius: 0;
		aspect-ratio: unset;
	}

	.editor-pick-first,
	.editor-pick-first-mobile {
		position: relative;
	}

	.editor-pick-first-overlay {
		position: absolute;
		bottom: 1rem;
		width: auto;
		height: auto;
		margin-left: 20px;
	}

	.editor-pick-first-overlay img {
		width: fit-content;
		height: 50px;
		object-fit: contain;
		object-position: left;
		border-radius: unset;
	}

	.highlight-pick-first img {
		width: 100%;
		height: auto;
		aspect-ratio: 5/3;
		object-fit: cover;
		border-radius:15px;
	}

	.highlight-pick-first {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.highlights-mobile {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}
}
	
/* mobile screen */
@media (max-width: 576px) {
	.editor-pick-first a,
	.highlight-pick-first a {
		font-size: 25px;
	}

    .asia-cities-list a span{
		font-size:10px ; 
	}

	.editor-pick-articleList a,
	.highlights-articleList a {
		font-size: 14px;
	}

	.twe-mobile-first-info p {
		font-size: 16px;
	}


	.editor-pick-articleList img,
	.highlights-articleList img {
		border-radius: 15px;
	}

	.home-featured-events {
		box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	}

	.slick-track {
		width: 800px;
	}
	.featured-event-data span{
		font-size : smaller ; 
		} 

	.featured-events h3,
	.recommended-channels h3,
	.highlights-header h3,
    .asia-city-list h3 span {
		font-size: 20px;
	}

	.featured-events h4,
	.recommended-channels h4,
    .asia-city-list h4 {
		font-size: 14px;
	}

	.featured-events-header-left a {
		font-size: 11px;
	}

	.featured-events-headers {
		display: flex;
		flex-direction: row;
	}

	span#featured-events-typewriter {
		font-size: 20px;
	}
}

@media(max-width: 500px) {
	.highlights-heartbeat{
		display:none;
	}

	/*
	.highlights-header h3:after{
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: url(https://d1ef7ke0x2i9g8.cloudfront.net/global/Pulse-Line_HK_w500px.webp);
		background-position-x: right;
		background-position-y: bottom;
		background-size: 75%;
		height: 35px;
		background-repeat: no-repeat;
	}
	*/
}

/* medium screen */
@media (max-width: 768px) {
	.editor-pick-mobile {
		margin-top: 20px;
	}
		.editor-pick-articleList img,
	.highlights-articleList img {
		border-radius: 15px;
	}
	.editor-pick-mobile,
	.highlights-mobile,
	.city-trending-first {
		margin: auto;
	}
	.recommended-channels {
		margin: auto;
	}
	.this-week-events-mobile {
		margin: auto;
	}
	.featured-events-headers {
		flex-direction: row;
	}
	.featured-events {
		margin: auto;
	}
	.slick-track {
		width: 950px;
	}
	.row {
		display: flex;
		flex-direction: column;
		margin: auto;
		align-items: center;
	}
	.home-feed-social,.home-feed-topic,
	.home_recent_mobile {
		
		margin: auto;
	}
	.featured-event-data span{
		font-size : small ; 
	} 

	.channel-post-content {
		background: transparent;
		border: none;
		border-radius: 0;
	}

	.channel-page-thumbnail {
		border-radius: 10px;
		height: 25vh;
	}
}

.word2 {
	display: none;
}
	
/* no need for now */
/* @media screen and (max-width: 450px) {
	.word1 {
		display: block;
	}
	.word2 {
		display: block;
	}
}
.word2 {
	display: block;
}
} */

@media (max-width: 767px){
	#footer{
		margin-top:0px;
	}
}

.hidden{
	display:none;
}

.viewMore{
	display:flex ; 
	justify-content: center ; 
		}