/* ===== START: BLOG ARCHIVE REDESIGN =====
 * Shared presentation for the Blog, search results, category, and tag archives.
 */

body.invoiv-blog-listing {
	--invoiv-blue: #31708e;
	--invoiv-text: #333333;
	--invoiv-muted: #a0a9af;
	--invoiv-line: #e3e9ed;
	--invoiv-soft: #f5f8fa;
	--invoiv-content-width: 1140px;
}

.invoiv-blog-band {
	background: var(--invoiv-blue);
}

.invoiv-blog-band__inner {
	max-width: var(--invoiv-content-width);
	margin: 0 auto;
	padding: 60px 30px;
}

.invoiv-blog-band h1 {
	margin: 0;
	color: #ffffff;
	font-family: Lato, sans-serif;
	font-size: 46px;
	font-weight: 700;
	line-height: 1.2;
}

body.invoiv-blog-listing .elementor-location-archive {
	font-family: Lato, sans-serif;
}

body.invoiv-blog-listing .elementor-location-archive > .elementor-section:not(.elementor-element-36a85bb) {
	display: none;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-element-36a85bb {
	margin: 0;
	padding: 80px 30px 90px;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-element-36a85bb > .elementor-container {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(250px, 0.82fr);
	gap: 48px;
	max-width: var(--invoiv-content-width);
	margin: 0 auto;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-element-3b824b1,
body.invoiv-blog-listing .elementor-location-archive .elementor-element-eb5f53b {
	width: 100%;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-element-3b824b1 > .elementor-widget-wrap,
body.invoiv-blog-listing .elementor-location-archive .elementor-element-eb5f53b > .elementor-widget-wrap {
	padding: 0;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-element-221c365 {
	display: none;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-element-cfc2f66 {
	--grid-columns: 2;
	--grid-column-gap: 12px;
	--grid-row-gap: 12px;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-element-cfc2f66 > .elementor-widget-container {
	margin: 0 !important;
	padding: 0 !important;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-posts-container {
	align-items: stretch;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-post {
	transition: none;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-post__card {
	display: flex;
	height: 100%;
	min-height: 398px;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--invoiv-line);
	border-radius: 6px;
	background: #ffffff;
	box-shadow: none;
	transition: none;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-post__card:hover {
	border-color: var(--invoiv-line);
	box-shadow: none;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-post__thumbnail__link {
	margin: 0;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-post__thumbnail {
	padding-bottom: 56.25%;
	background: #f7f9fa;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-post__thumbnail img {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform: none;
	transition: none;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-post__thumbnail__link::after {
	display: none;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-post__text {
	flex: 1;
	margin: 0;
	padding: 34px 30px 24px;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-post__title {
	margin: 0;
	font-family: Lato, sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.35;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-post__title a {
	color: var(--invoiv-blue);
}

body.invoiv-blog-listing .elementor-location-archive .elementor-post__meta-data {
	margin: 0;
	padding: 17px 30px;
	border-top: 1px solid var(--invoiv-line);
	color: var(--invoiv-muted);
	font-size: 12px;
	line-height: 1.5;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-pagination {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 45px;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-pagination .page-numbers {
	display: inline-flex;
	min-height: 38px;
	align-items: center;
	margin: 0;
	padding: 9px 24px;
	border: 1px solid var(--invoiv-blue);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	transition: none;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-pagination .next {
	background: var(--invoiv-blue);
	color: #ffffff;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-pagination a.prev {
	background: #ffffff;
	color: var(--invoiv-blue);
}

body.invoiv-blog-listing .elementor-location-archive .elementor-pagination span.prev {
	border-color: var(--invoiv-line);
	color: #a9b3ba;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-element-eb5f53b,
body.invoiv-blog-listing .elementor-location-archive .elementor-element-eb5f53b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap {
	display: flex;
	background: transparent;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-element-eb5f53b > .elementor-element-populated {
	padding: 0;
	box-shadow: none;
}

body.invoiv-blog-listing .elementor-location-archive .sidebar.th-sidebar-widget {
	width: 100%;
	padding: 0;
}

body.invoiv-blog-listing .elementor-location-archive .elementor-element-ad37b71 > .elementor-widget-container {
	margin: 0;
	padding: 0;
}

body.invoiv-blog-listing .elementor-location-archive .sidebar section.widget {
	margin: 0 0 36px;
}

body.invoiv-blog-listing .elementor-location-archive .sidebar section.widget:last-child {
	margin-bottom: 0;
}

body.invoiv-blog-listing .elementor-location-archive .sidebar .widget-title {
	margin: 0 0 14px;
	padding: 0 0 12px;
	border-bottom: 1px solid var(--invoiv-line);
	color: #777777;
	font-family: Lato, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
}

body.invoiv-blog-listing .elementor-location-archive .sidebar .widget-inner > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.invoiv-blog-listing .elementor-location-archive .sidebar .widget-inner > ul > li {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid var(--invoiv-line);
	font-size: 14px;
	line-height: 1.55;
}

body.invoiv-blog-listing .elementor-location-archive .sidebar a {
	color: var(--invoiv-blue);
}

body.invoiv-blog-listing .elementor-location-archive .search-form .input-group {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	width: 100%;
	overflow: hidden;
	border: 1px solid var(--invoiv-line);
	border-radius: 999px;
	background: #ffffff;
}

body.invoiv-blog-listing .elementor-location-archive .search-form .search-field {
	min-width: 0;
	width: 100%;
	height: 48px !important;
	padding: 0 18px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-family: Lato, sans-serif;
	font-size: 12px;
}

body.invoiv-blog-listing .elementor-location-archive .search-form .input-group-btn {
	display: flex;
	width: auto;
	min-width: 0;
	margin: 0;
}

body.invoiv-blog-listing .elementor-location-archive .search-form .search-submit {
	height: 48px !important;
	align-self: stretch;
	padding: 0 22px;
	border: 0;
	border-radius: 0;
	background: var(--invoiv-blue);
	color: #ffffff;
	font-family: Lato, sans-serif;
	font-size: 12px;
	font-weight: 700;
}

body.invoiv-blog-listing .elementor-location-archive .sidebar .tagcloud {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 4px;
}

body.invoiv-blog-listing .elementor-location-archive .sidebar .tagcloud a.tag-cloud-link {
	margin: 0;
	padding: 5px 9px;
	border-radius: 3px;
	background: var(--invoiv-soft);
	font-size: 12px !important;
	line-height: 1.2;
}

body.invoiv-blog-listing .elementor-location-archive .tnp-widget-minimal .tnp-email,
body.invoiv-blog-listing .elementor-location-archive .tnp-widget-minimal .tnp-submit {
	display: block;
	width: 100%;
}

body.invoiv-blog-listing .elementor-location-archive .tnp-widget-minimal .tnp-email {
	height: 44px;
	margin: 0 0 14px;
	border: 1px solid var(--invoiv-line);
}

body.invoiv-blog-listing .elementor-location-archive .tnp-widget-minimal .tnp-submit {
	height: 44px;
	margin: 0;
	border: 0;
	border-radius: 999px;
	background: var(--invoiv-blue);
	color: #ffffff;
}

@media (max-width: 1024px) {
	.invoiv-blog-band__inner {
		padding: 50px 40px;
	}

	.invoiv-blog-band h1 {
		font-size: 42px;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-element-36a85bb {
		padding: 60px 40px 75px !important;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-element-36a85bb > .elementor-container {
		grid-template-columns: minmax(0, 1fr) 280px;
		gap: 30px;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-element-eb5f53b.elementor-hidden-tablet {
		display: flex !important;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-post__text {
		padding: 26px 24px 20px;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-post__meta-data {
		padding: 15px 24px;
	}
}

@media (max-width: 900px) {
	body.invoiv-blog-listing .elementor-location-archive .elementor-element-36a85bb > .elementor-container {
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
	}
}

@media (max-width: 767px) {
	.invoiv-blog-band__inner {
		padding: 38px 40px;
	}

	.invoiv-blog-band h1 {
		font-size: 36px;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-element-36a85bb {
		padding: 42px 40px 60px !important;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-element-36a85bb > .elementor-container {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-element-cfc2f66 {
		--grid-columns: 1;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-posts-container {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-element-eb5f53b.elementor-hidden-mobile {
		display: flex !important;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-post__card {
		min-height: 0;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-post__text {
		padding: 24px 22px 20px;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-post__title {
		font-size: 18px;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-post__meta-data {
		padding: 14px 22px;
	}

	body.invoiv-blog-listing .elementor-location-archive .elementor-pagination {
		margin-top: 34px;
	}
}

@media (max-width: 420px) {
	body.invoiv-blog-listing .elementor-location-archive .elementor-pagination .page-numbers {
		padding: 9px 18px;
	}
}

/* ===== END: BLOG ARCHIVE REDESIGN ===== */