/* GENERAL STYLING */

	/* HIGHLIGHTS STYLING */
	.highlights-slider-channel {
		text-align: center;
		padding: 1.3rem 1rem;
	}
	
	.highlights-slider-channel img {
		max-height: 50px;
	}
	
	.highlights-slider-featured {
		height: 220px;
		background-size: cover;
		background-position: center;
	}
	
	.highlights-slider-title {
		height: 200px;
		padding: 1rem 1.5rem;
	}
	
	.highlights-slider-title a {
		margin: 0;
    	font-family: 'GilroyMedium';
		font-weight: bold;
		font-size: 23px;
		line-height: 30px;
	}
	
	.highlights-slider-footer div {
		background: #000;
		color: #fff;
		padding: .25rem 1.5rem;
	}
	
	.highlights-slider .item {
		border-radius: 15px;
		border: 1px solid #d1d1d1;
		overflow: hidden;
	}

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

	.highlights-slider,
	.channel_post_slider {
		overflow: hidden;
	}

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


	.channel_post_slider .slick-list,
	.featured-slider .slick-list {
		overflow: visible;
	}
	
	.highlights-header h3,
	.featured-articles-container h3,
	.trending-articles-container h3,
	.channel-stories-container h3 {
		font-family: 'GilroyBold';
    	letter-spacing: 1px;
		color: #000;
		margin-bottom: -9px;
	}
	
	.highlights-heartbeat {
		width: 100%;
		height: 50px;
		background-position: right bottom;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	/* OUR CHANNELS STYLING */
	.channel-list h3 {
		margin-bottom: 1.5rem;
		text-align: center;
		font-family: 'GilroyBold';
		color: #000;
	}
	
	.channel-list img {
		width: 100%; 
		height: 60px; 
		object-fit: contain; 
		padding: 1rem;
		margin: 1rem 0;
	}

	.channels-home-slider img {
		padding: 0;
		margin: 0;
		height: 50px !important;
	}

	.channels-home-slider .channel-slider-card {
		height: 130px;
		display: flex !important;
		align-items: center;
		border-radius: 15px;
	}

	.articles-city {
		color: #fff;
    	font-family: 'GilroyReg';
    	letter-spacing: 3px;
		display: block;
	}

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

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

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

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

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

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

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

	.channel_post_container .channel_posts_title {
		font-size: 19px !important;
    	line-height: 21px !important;
		display: block;
	}

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

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

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

	.channel_posts_excerpt p {
		line-height: 21px;
	}

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

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

	.channel-stories-right p {
		font-family: 'GilroyReg';
	}

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

	.featured-articles-container,
	.trending-articles-container {
		background: #fff;
	    border: 1px solid #d1d1d1;
	    padding: 2rem;
	    border-top: 0px !important;
	    border-bottom-left-radius: 15px;
	    border-bottom-right-radius: 15px;
	    border-top-left-radius: 0px;
	    border-top-right-radius: 0px;
	}

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

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

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

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

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

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

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

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

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

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

	.highlights-slider .slick-prev,
	.channel_post_slider .slick-prev,
	.special_highlights_slider .slick-prev {
		left: 2%;
		justify-content: end;
		z-index: 99;
	}

	.channel_post_slider .slick-prev {
		left: 3%;
	}

	.highlights-slider .slick-next,
	.channel_post_slider .slick-next,
	.special_highlights_slider .slick-next {
		right: 2%;
		z-index: 99;
	}

	.channel_post_slider .slick-next {
		right: 3%;
	}

	.slick-next{
		height: auto;
	}

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

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

	.side-section-info > span {
		font-family: 'GilroyExtraBold';
		font-size: 30px;
	}

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

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

	.side-section-social-media a {
		height: 30px;
		width: 30px;
		font-size: 12px;
		border: 1px solid #fff;
		transition: 0.2s;
	}

	.channels-home-slider .slick-list .slick-track .slick-slide div {
		padding: 0 0.1rem;
	}

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

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

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

	.channel_post_slider .channel-stories-bookmark {
		right: 5px;
	}

	.highlights_top{
		padding-top: 15px;
	}



	/* channel post */
	.channel_posts .channel_post_container .channel_posts_image img{
		width: 100%;
		height: 160px;
	    border-radius: 10px;
	    object-fit: cover;
	    object-position: center;
	}

	.channel_post_container a{
		text-decoration: none;
		color: #000;
	}

	.border-hr{
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
	}

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

	.channel_post_slider .slick-list .slick-track .slick-slide {
		height: inherit !important;
	}

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

	.channel_posts .container h3 {
		font-family: 'GilroyExtraBold';
		letter-spacing: 1px;
		color: #000;
	}

	.channel_posts .container h3 span {
		font-family: 'Courgette';
    	padding: 0 0.5rem;
		letter-spacing: -1px;
	}

	.channel_posts .container h3 span img {
		max-height: 43px;
		padding-left: .5rem;
	}

	.channel_post_slider .slick-dots {
		width: auto;
		right: 0;
		left: 0;
		bottom: 0px;
	}

	.channel_posts_footer {
		font-family: 'Cambria';
		bottom: 1rem;
	}

	.channel_posts_footer a {
		font-family: 'Cambria';
	}

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

	.channel-post-load-more {
		cursor: pointer;
	}

	.channel-post-load-more span {
		font-family: 'GilroyMedium';
		text-transform: uppercase;
		color: #fff;
		font-size: 20px;
		letter-spacing: 2px;
	}

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

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

	#footer {
		margin-top: 0px;
	}

	.highlights-header h3 {
		margin-bottom: -30px;
	}


	.city_home_slider{
		padding-top: 14px;
	}

	@media(max-width: 1025px) {
		.channels-home-slider .channel-slider-card {
			height: 110px;
		}

		.channel-stories-right span {
			position: relative;
		}
	}

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

	@media(max-width: 768px) {
		.channel-stories-right {
			padding-top: 1.5rem !important;
		}

		.channel-list h3 {
			text-align: left;
		}

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

		.featured-slider-content {
			height: revert;
		}

		.channel-list img {
			height: 75px;
		}

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

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

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

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

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

		.channel_posts {
			overflow: hidden;
		}

		.channel_post_slider {
			overflow: visible;
		}

		.channel_post_slider .slick-dots {
			bottom: 10px;
		}

		.channel_posts h3 {
			margin-bottom: 3rem;
		}

		.city_home_slider{
			padding-top: 5px;
		}
	}

	@media(max-width: 767px) {

		.highlights-header h3 {
			margin-bottom: -10px;
			width: 75%;
		}
	}

	@media(max-width: 426px) {
		.channels-home-slider .channel-slider-card {
			height: 100px;
		}

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

		.channel_posts .container h3{
			text-align: 	center;
		}

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

	@media(max-width: 376px) {
		.channels-home-slider .channel-slider-card {
			height: 80px;
		}
	}

	@media(max-width: 321px) {
		.channels-home-slider .channel-slider-card {
			height: 100px;
		}
	}

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

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

		.highlights-heartbeat {
			height: 25px;
		}

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

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

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

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

		.channels-home-slider .channel-slider-card {
			height: 80px;
		}

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



/************************/
/*******	NAV	  *******/
/************************/


.nav-container {
		color: #fff;
		justify-content: space-between;
		padding-top: 0rem;
	}
	
	.nav-city {
		color: #fff;
		font-family: 'GilroyReg';
    	font-size: 17px;
	}
	
	.nav-city.active,
	.nav-city:hover{
		border-bottom: 5px solid #ff0000;
	}

	.nav-city:hover {
		color: #fff;
		text-decoration: none;
	}
	
	.nav-container .menu-bars,
	.nav-container .menu-user {
		font-size: 25px;
		color: #fff;
	}
	
	.nav-container .menu-user a {
		color: #fff;
	}
	
	.menu-user img {
		height: 40px;
    	border-radius: 50%;
	}

	.header-menu-container {
		position: fixed;
		height: 125px;
		width: 100%;
		top: 0px;
		z-index: 99;
		transition: 0.5s;
	}

	.city-header-image {
		height: 500px;
		background-size: cover;
		background-position: bottom center;
	}

	.city-header-strip {
		height: 20px;
	}
	
	.city-welcome-right {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.city-welcome-right p {
		margin-bottom: 0.25rem;
		font-family: 'Courgette';
		font-size: 24px;
		line-height: 1;
	}

	.city-welcome-right span {
		font-family: 'GilroyExtraBold';
		font-size: 40px;
		margin: 0;
		line-height: 1;
	}

	.header-letter-code {
		text-transform: uppercase;
		font-family: 'GilroyExtraBold';
		color: #fff;
		-webkit-text-fill-color: transparent;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #fff;
		font-size: 80px;
		letter-spacing: 3px;
		line-height: 0.8;
	}

	.menu-bars, .menu-user{
		font-size: 25px;
	}

	.menu-user a{
		color:#ffffff;
	}
	
	.city-welcome-left {
		font-size: 80px;
		margin-right: 1rem;
		line-height: 1;
	}
	
	@media(max-width: 768px) {
		.city-menu-container {
			overflow-x: scroll;
		}
		
		.city-menu-container div {
			width: max-content;
		}

		.city-welcome-right p{
			font-size: 19px;
		}

		.city-welcome-right span {
			font-size: 28px;
		}

		.header-letter-code{
			font-size: 60px;
		    letter-spacing: 1px;
		    line-height: 1.7;
		}

		.fa.fa-map-marker{
			font-size: 53px;
    		margin-bottom: 28px;
		}

		.city-welcome-left{
			margin-right: 12px;
		}

		.city_welcome_container{
			padding-bottom: 22px;
		}
	}