.banner {
	background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url("../../images/bg/banner-2.jpg");
	background-size: cover;
}

.blog-content img {
	width: 100%;
	height: 200px;
	object-fit: contain;
	object-position: center
}

.tab-style-07 .nav-tabs>li.nav-item>a.nav-link {
	padding: 10px 40px;
	font-size: 1.15rem
}

.tab-style-07 .nav-tabs>li.nav-item>a.nav-link.active {
	border-color: var(--color-secondary)
}

.nav-tabs>li.nav-item>a.nav-link.active, .nav-tabs>li.nav-item>a.nav-link.active:hover, .nav-tabs>li.nav-item>a.nav-link:hover {
	color: var(--color-secondary)
}

@media screen and (width >=991px) {
	#search-form {
		width: 25%
	}
}

.blog-post:hover .blog-post-image img {
	transform: none
}

.blog-masonry .blog-post .content {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	overflow: hidden
}

.blog-masonry .blog-post:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, .06)
}

.post-details {
	height: 400px;
	max-height: 450px;
}

.search-input, input.search-input:focus {
	border: 0;
	border-bottom: 2px solid var(--color-secondary)
}

.icon-feather-search:before {
	color: var(--color-secondary);
	font-weight: bold
}

ul.team-list li a:hover, ul.team-list li a.active {
	color: var(--color-primary) !important
}

@media screen and (width < 576px) {
	.blog-masonry .blog-post .content {
		display: unset;
		-webkit-box-orient: none;
		-webkit-line-clamp: none;
		overflow: unset
	}

	.post-details {
		min-height: auto;
		height: auto
	}
}

@media screen and (width >=576px) {
	.read-more {
		display: none
	}
}