/*
Theme Name: Pharmacy Mentor
Author: Pharmacy Mentor
Author URI: https://www.pharmacymentor.com
*/

.featured-blogs-section-1 {
	--main-ratio: .75;
}
.featured-slides {
	display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(4,1fr);
}
.featured-post-item-grid .featured-post-item {
	flex: 1;
	position: relative;
	min-height: 135px;
	max-height: 100vh;
}
.featured-post-item-grid .featured-post-item .post-thumb, .featured-post-item-grid .featured-post-item .post-thumb * {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
}
.featured-post-item-grid .featured-post-item .post-thumb a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.featured-post-item-grid .featured-post-item .post-thumb span {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	will-change: transform;
	pointer-events: none;
	transition: .75s cubic-bezier(.25,.46,.45,.94);
}
.featured-post-item-grid .featured-post-item .featured-post-item-overlay:hover .post-thumb span {
	transform: scale(1.06);
}
.featured-post-item-grid .featured-post-item:before {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-top: 56.98006%;
	padding-top: calc(100%/var(--main-ratio));
	pointer-events: none;
}
.featured-post-item-grid .featured-post-item .featured-post-item-overlay {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	justify-content: center;
}
.featured-post-item-grid .featured-post-item .featured-post-item-overlay:before {
	content: "";
	background:linear-gradient(transparent 25%,#282828 100%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
}

.featured-post-item .post-info {
	position: relative;
	pointer-events: none;
	z-index: 1;
	box-sizing: border-box;
	padding: 24px;
	align-self: flex-end;
	width: 100%;
	z-index: 1;
	text-align: left;
}
.featured-post-item .post-info * {
	color: #fff;
	font-weight: 400;
}
.featured-post-item .post-info h4 {
	font-size: 18px;
}
.featured-post-item .post-info h6 {
	font-size: 13px;
}
.featured-post-item .post-info .post-cat-list {
	margin-bottom: 20px;
}
.featured-post-item .post-info .post-cat-list span {
	font-size: 11px;
	padding: 5px;
	background: #0b75ba;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
}
.cat-container {
	border-bottom: 1px solid #e7e7e7;
}
.cat-container .term-title {
	display: inline-block;
	width: auto;
	padding-bottom: 8px;
	text-transform: uppercase;
	font-size: 20px;
	border-bottom: 2px solid #0b75ba;
	margin-bottom: 0;
	color: #075f99;
}
.cat-container .term-title a {
	color: #075f99;
	text-decoration: none;
}
.cat-container a {
	text-decoration: none;
}
.cat-container .view-all {
	float: right;
	margin-top: 2px;
	padding: 0 3px;
	color: #b6b6b6;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 28px;
}
.cat-container .view-all {
	color: #333;
}
.post-item .post-thumb {
	margin-bottom: 20px;
	position: relative;
}
.post-item .post-thumb .cat-label {
	background: #0b75ba;
	padding: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
}
.post-item .post-thumb img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	transition: opacity .3s ease-in;
	will-change: opacity;
}
.post-item .post-thumb img:hover {
	opacity: .84;
}
.post-meta-title h2 {
	font-size: 20px;
	color: #000;
}
.post-meta-title h2 a {
	text-decoration: none;
}
.post-date {
	margin-left: 10px;
}
.post-author-meta .by, .post-date {
	color: #b2b2b2;
}
.post-author-meta .post-author {
	color: #0b75ba;
}
.post-date, .post-author-meta {
	font-size: 13px;
	text-transform: uppercase;
}
.small-post-items .post-item {
	display: flex;
	align-items: center;
}
.small-post-items .post-item .post-thumb {
	margin-right: 20px;
	width: 110px;
	flex-shrink: 0;
}
.small-post-items .post-item .post-thumb img {
	width: 110px;
	height: 80px;
}
.small-post-items .post-item .post-meta-title a {
	word-wrap: break-all;
}
.small-post-items .post-item .post-date {
	margin-left: 0;
}
.small-post-block .post-item {
	display: block;
}
.small-post-block .post-item .post-thumb {
	width: 100%;
	margin-right: 0;
	margin-bottom: 10px;
}
.small-post-block .post-item .post-thumb img  {
	width: 100%;
	height: 130px;
}
.small-post-block .post-item .post-meta-title a {
	font-size: 14px;
}
.posts-sidebar {
	padding-left: 40px;
}
.post-item .post-thumb .post-counter {
	padding: 5px 10px;
	font-size: 14px;
}
.post-term-list ul, .meta__info ul {
	padding-left: 0;
}
.post-term-list ul li {
	margin-right: 7px;
	margin-bottom: 10px;
}
.post-term-list ul li a {
	background: #0b75ba;
	padding: 5px 10px;
	color: #fff;
}
.post-term-list ul li a:hover {
	color: #fff;
}
.blog-list-area .single-post {
	display: flex;
	flex-wrap: wrap;
}
.blog-list-area .single-post .blog-thumb {
	width: 100%;
}
.blog-list-area .blog-content {
	display: flex;
	flex-flow: row wrap;
}
.blog-list-area .blog-content .b-cta-block {
	margin-top: auto;
}
.pagination .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination .page-numbers li a, 
.pagination .page-numbers li span.page-numbers.current {
	margin-right: 10px;
	padding: 5px 10px;
	border: 1px solid #0b75ba;
	border-radius: 3px;
	text-decoration: none;
	color: #000;
}
.pagination .page-numbers .page-numbers.dots {
	margin-right: 10px;
}
.pagination .page-numbers li span.page-numbers.current {
	background: #0b75ba;
	color: #fff;
}
.post-item .b-meta a {
	text-decoration: none;
}
.search-area .post-item {
	border-bottom: 1px solid #eee;
	margin-bottom: 50px;
}
.search-area .post-item .b-cta-block {
	text-align: center;
}
.no-result {
	text-align: center;
	border: 1px solid #ebebeb;
	background: #fafafa;
	padding: 20px;
}
.search-query-string span {
	font-size: 25px;
	font-weight: 700;
}
.search-form.show {
	display: block !important;
}
.search-form .form-content {
	display: inline-block;
	background: #fff;
	padding: 20px;
	position: absolute;
	right: 50px;
	box-shadow: 0 10px 9px -9px #ccc;
}
.search-form .form-content label {
	display: flex;
	align-items: center;
}
.search-form .form-content label input {
	height: 50px;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
.search-form .form-content label i {
	position: relative;
	right: 20px;
}