@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Berkshire+Swash&family=Playfair+Display&family=Poppins:wght@500&display=swap');

body{
	font-family: 'Poppins', sans-serif;
	margin: 0;
	background-color: #f8f9fa;
}
#nav1{
	display: none;
}

.active{
	color: #5D5FEF !important;
}

.details-btn{
	background-color: #EEEFFF;
	color: #5D5FEF;
	padding: 10px;
	border-radius: 10px;
}
.details-btn:hover{
	background-color: #EEEFFF;
	color: #5D5FEF;
}

.active-category{
	background-color: #EEEFFF;
	color: #5D5FEF;
	padding: 10px;
	border-radius: 10px;
}

.aborder{
	border: 1px solid #5D5FEF;
	border-radius: 5px;
	width: 40%;
}
.bborder{
	border: 1px solid #CDCDCD
;
	border-radius: 5px;
	width: 100%;
}
.pborder{
	display: flex;
	justify-content: center;
	align-items: center;
}

.navbar .tab{
	font-family: 'Playfair Display', serif;
}

.navbar .news{
	background-color: #5D5FEF;
	color: #ffffff;
	border-radius: 5px;
	padding: 10px;

}

.navbar .profile-img{
	height: 40px;
	width: 40px;
}

/*---- Section 1 ----*/


.section1 .container .categories .category-list li{
	padding: 10px;
	color: #858585;
	margin: 5px 15px 5px 15px;
}


/*---- Section 2 ----*/

#section2_n{
	display: none;
}

#pick-btn{
 	background-color: #5D5FEF;
	color: #ffffff;
}
#trending-btn{
	border: 1px solid #5D5FEF;
	color: #5D5FEF;
}

.section2 .container .sorting-element  .sorting-btn label{
	font-size: 14px;
}
.section2 .container .sorting-element  .sorting-btn .row .col-sm-6 .form-select{
	font-size: 11px;
	color: #858585;
}


/*---- Section 3 ----*/

.section3 .container .news-list .card .row .col-md-10 .card-body .row .col-lg-3 .author .author-img{
	margin: 5px;
}.section3 .container .news-list .card .row .col-md-10 .card-body .row .col-lg-3 .author .author-details{
	margin: 5px;
}
.section3 .container .news-list .card .row .col-md-10 .card-body .row .col-lg-3 .author .author-img img{
	height: 40px;
	width: 40px;
}

#details-news{
    width: 890px;

    overflow: hidden;
    
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}





/*---- Footer ----*/

footer{
	font-family: 'Playfair Display', serif;
}

.footer-element{
	color: #949494;
	background-color: #ffffff;
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
	

	.section1 .container .categories .category-list li{
	margin: 5px;
}
	#details-news{
    width: 700px;

    overflow: hidden;
    
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
}


@media only screen and (max-width: 600px) {
	#nav1{
		display: block;
	}
	#nav{
		display: none;
	}
	#nav1 .container .collapse .d-flex .navbar-nav li{
		padding: 10px;
	}

	/*---- Section 1 ----*/

	.section1 .container .categories .category-list{
		flex-wrap: wrap !important;
	}


	/*---- Section 2 ----*/


	#section2_n{
		display: block;
	}
	#section2{
		display: none;
	}

	#details-news{
    width: 250px;

    overflow: hidden;
    
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

	.justify{
		justify-content: center !important;
		align-items: center !important;
		padding: 5px 0px 5px 0px;
	}

}