/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.5
	Update URI: false
	Stable tag: 3.4.5
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* Zentry editorial blog index */
body.blog,
body.archive {
	background: #f8f7fc;
}
.zentry-blog-page {
	--zentry-purple: #7b35e8;
	--zentry-purple-dark: #31145f;
	--zentry-ink: #201b2e;
	--zentry-muted: #696477;
	--zentry-border: #e9e4f2;
	color: var(--zentry-ink);
	background: #f8f7fc;
	font-family: inherit;
}
.zentry-blog-wrap {
	width: min(1180px, calc(100% - 48px));
	margin-inline: auto;
}
.zentry-blog-hero {
	position: relative;
	overflow: hidden;
	color: #fff;
	padding: 26px 0 62px;
	background:
		radial-gradient(ellipse at 82% 18%, rgba(190, 143, 255, .35), transparent 36%),
		radial-gradient(ellipse at 10% 100%, rgba(120, 80, 220, .32), transparent 38%),
		linear-gradient(118deg, #251044 0%, #46207f 52%, #7138c7 100%);
}
.zentry-blog-hero::after {
	position: absolute;
	right: max(4vw, calc((100vw - 1180px) / 2));
	bottom: -150px;
	width: 330px;
	height: 330px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}
.zentry-blog-breadcrumb {
	position: relative;
	z-index: 1;
	display: flex;
	gap: 10px;
	align-items: center;
	color: rgba(255, 255, 255, .74);
	font-size: 13px;
}
.zentry-blog-breadcrumb a {
	color: inherit;
	text-decoration: none;
}
.zentry-blog-breadcrumb a:hover,
.zentry-blog-breadcrumb a:focus-visible {
	color: #fff;
	text-decoration: underline;
}
.zentry-blog-hero-copy {
	position: relative;
	z-index: 1;
	max-width: 760px;
	margin: 50px 0 27px;
}
.zentry-blog-eyebrow {
	margin: 0 0 10px;
	color: #8c4ff0;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .13em;
	line-height: 1.4;
	text-transform: uppercase;
}
.zentry-blog-hero .zentry-blog-eyebrow {
	color: #d7c1ff;
}
.zentry-blog-hero h1 {
	margin: 0;
	color: #fff;
	font-size: clamp(38px, 5vw, 62px);
	font-weight: 800;
	letter-spacing: -.045em;
	line-height: 1.05;
}
.zentry-blog-intro {
	max-width: 690px;
	margin: 18px 0 0;
	color: rgba(255, 255, 255, .84);
	font-size: clamp(16px, 1.6vw, 19px);
	line-height: 1.7;
}
.zentry-blog-search {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 12px;
	max-width: 790px;
	padding: 8px;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 18px 50px rgba(19, 8, 41, .25);
}
.zentry-blog-search-icon {
	padding-left: 12px;
	color: #716a7e;
	font-size: 28px;
	line-height: 1;
}
.zentry-blog-search input[type="search"] {
	flex: 1;
	min-width: 0;
	height: 48px;
	padding: 0 6px;
	border: 0;
	outline: 0;
	color: #24202f;
	background: transparent;
	font: inherit;
}
.zentry-blog-search input::placeholder {
	color: #8a8594;
	opacity: 1;
}
.zentry-blog-search button,
.zentry-blog-cta > a {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 0 22px;
	border: 0;
	border-radius: 11px;
	color: #fff;
	background: #7437df;
	font: inherit;
	font-weight: 750;
	text-decoration: none;
	cursor: pointer;
	transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.zentry-blog-search button:hover,
.zentry-blog-cta > a:hover {
	transform: translateY(-2px);
	background: #5d27be;
	box-shadow: 0 8px 22px rgba(93, 39, 190, .24);
}
.zentry-blog-search button:focus-visible,
.zentry-blog-cta > a:focus-visible,
.zentry-blog-page a:focus-visible {
	outline: 3px solid #a987ff;
	outline-offset: 3px;
}
.zentry-blog-content {
	padding-top: 28px;
	padding-bottom: 72px;
}
.zentry-blog-categories {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	padding: 4px 2px 22px;
	scrollbar-width: thin;
}
.zentry-blog-chip {
	display: inline-flex;
	flex: 0 0 auto;
	min-height: 39px;
	align-items: center;
	padding: 0 16px;
	border: 1px solid var(--zentry-border);
	border-radius: 999px;
	color: #514b60;
	background: #fff;
	font-size: 13px;
	font-weight: 650;
	text-decoration: none;
	transition: color .18s ease, background .18s ease, border-color .18s ease;
}
.zentry-blog-chip:hover,
.zentry-blog-chip.is-active {
	border-color: #7437df;
	color: #fff;
	background: #7437df;
}
.zentry-blog-featured {
	display: grid;
	grid-template-columns: 1.04fr .96fr;
	overflow: hidden;
	margin: 4px 0 52px;
	border: 1px solid var(--zentry-border);
	border-radius: 22px;
	background: #fff;
	box-shadow: 0 18px 48px rgba(40, 24, 73, .09);
}
.zentry-blog-featured-media,
.zentry-blog-card-media {
	position: relative;
	display: block;
	overflow: hidden;
	background: linear-gradient(135deg, #eee5ff, #d9c6ff);
}
.zentry-blog-featured-media {
	min-height: 360px;
}
.zentry-blog-featured-media img,
.zentry-blog-card-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}
.zentry-blog-featured-media:hover img,
.zentry-blog-card-media:hover img {
	transform: scale(1.035);
}
.zentry-blog-featured-copy {
	align-self: center;
	padding: clamp(28px, 4vw, 54px);
}
.zentry-blog-featured-label {
	margin: 0 0 18px;
	color: #7437df;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.zentry-blog-category {
	display: inline-flex;
	margin: 0 0 9px;
	color: #7437df;
	font-size: 13px;
	font-weight: 750;
}
.zentry-blog-date {
	margin: 0 0 12px;
	color: #817b8d;
	font-size: 12px;
	font-weight: 600;
}
.zentry-blog-featured h2 {
	margin: 0 0 13px;
	font-size: clamp(26px, 3vw, 36px);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.18;
}
.zentry-blog-featured h2 a,
.zentry-blog-card h3 a {
	color: inherit;
	text-decoration: none;
}
.zentry-blog-featured h2 a:hover,
.zentry-blog-card h3 a:hover {
	color: #7437df;
}
.zentry-blog-excerpt {
	color: var(--zentry-muted);
	font-size: 15px;
	line-height: 1.7;
}
.zentry-blog-excerpt p {
	margin: 0;
}
.zentry-blog-read-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
	color: #6930ce;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
}
.zentry-blog-read-link:hover {
	color: #351366;
	text-decoration: underline;
}
.zentry-blog-listing-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 20px;
	margin: 0 0 23px;
}
.zentry-blog-listing-heading .zentry-blog-eyebrow {
	margin-bottom: 6px;
}
.zentry-blog-listing-heading h2 {
	margin: 0;
	color: var(--zentry-ink);
	font-size: clamp(24px, 3vw, 34px);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.2;
}
.zentry-blog-count {
	flex: 0 0 auto;
	padding-bottom: 5px;
	color: #777183;
	font-size: 14px;
	font-weight: 650;
}
.zentry-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}
.zentry-blog-card {
	display: flex;
	min-width: 0;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--zentry-border);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 8px 28px rgba(40, 24, 73, .055);
	transition: transform .2s ease, box-shadow .2s ease;
}
.zentry-blog-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 38px rgba(40, 24, 73, .12);
}
.zentry-blog-card-media {
	aspect-ratio: 16 / 9;
}
.zentry-blog-card-category {
	position: absolute;
	bottom: 13px;
	left: 14px;
	max-width: calc(100% - 28px);
	overflow: hidden;
	padding: 7px 11px;
	border: 1px solid rgba(255, 255, 255, .6);
	border-radius: 999px;
	color: #4b277d;
	background: rgba(255, 255, 255, .94);
	font-size: 11px;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.zentry-blog-image-fallback {
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	color: rgba(108, 53, 204, .45);
	background:
		radial-gradient(circle at 70% 30%, rgba(255,255,255,.75), transparent 32%),
		linear-gradient(135deg, #f1eaff, #d8c5fb);
	font-size: 84px;
	font-weight: 900;
	letter-spacing: -.1em;
}
.zentry-blog-card-body {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: 22px 22px 23px;
}
.zentry-blog-card h3 {
	margin: 0 0 11px;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -.025em;
	line-height: 1.35;
}
.zentry-blog-card .zentry-blog-excerpt {
	font-size: 14px;
	line-height: 1.65;
}
.zentry-blog-card .zentry-blog-read-link {
	margin-top: auto;
	padding-top: 18px;
}
.zentry-blog-page .navigation.pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin: 40px 0 52px;
}
.zentry-blog-page .navigation.pagination .page-numbers {
	display: inline-flex;
	min-width: 42px;
	min-height: 42px;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	border: 1px solid var(--zentry-border);
	border-radius: 11px;
	color: #514b60;
	background: #fff;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}
.zentry-blog-page .navigation.pagination .page-numbers.current,
.zentry-blog-page .navigation.pagination a.page-numbers:hover {
	border-color: #7437df;
	color: #fff;
	background: #7437df;
}
.zentry-blog-page .navigation.pagination .prev,
.zentry-blog-page .navigation.pagination .next {
	padding-inline: 16px;
}
.zentry-blog-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: clamp(28px, 5vw, 50px);
	border: 1px solid #ded0f7;
	border-radius: 22px;
	background:
		radial-gradient(ellipse at 85% 10%, rgba(193, 159, 255, .25), transparent 36%),
		linear-gradient(115deg, #f1eaff, #fff 64%);
}
.zentry-blog-cta h2 {
	margin: 0 0 9px;
	color: #281544;
	font-size: clamp(23px, 3vw, 32px);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.2;
}
.zentry-blog-cta p:not(.zentry-blog-eyebrow) {
	max-width: 660px;
	margin: 0;
	color: #635a70;
	line-height: 1.65;
}
.zentry-blog-cta > a {
	flex: 0 0 auto;
}
@media (max-width: 900px) {
	.zentry-blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}
	.zentry-blog-featured {
		grid-template-columns: 1fr 1fr;
	}
	.zentry-blog-featured-media {
		min-height: 310px;
	}
	.zentry-blog-card-body {
		padding: 19px;
	}
}
@media (max-width: 640px) {
	.zentry-blog-wrap {
		width: min(100% - 32px, 540px);
	}
	.zentry-blog-hero {
		padding: 20px 0 38px;
	}
	.zentry-blog-hero-copy {
		margin: 37px 0 23px;
	}
	.zentry-blog-hero h1 {
		font-size: clamp(35px, 10vw, 48px);
	}
	.zentry-blog-search {
		gap: 5px;
		padding: 6px;
		border-radius: 13px;
	}
	.zentry-blog-search-icon {
		padding-left: 7px;
		font-size: 24px;
	}
	.zentry-blog-search input[type="search"] {
		height: 44px;
		font-size: 14px;
	}
	.zentry-blog-search button {
		min-height: 44px;
		padding-inline: 13px;
		font-size: 13px;
	}
	.zentry-blog-content {
		padding-top: 22px;
		padding-bottom: 48px;
	}
	.zentry-blog-categories {
		margin-right: -16px;
		padding-bottom: 18px;
	}
	.zentry-blog-featured {
		grid-template-columns: 1fr;
		margin-bottom: 38px;
		border-radius: 18px;
	}
	.zentry-blog-featured-media {
		min-height: auto;
		aspect-ratio: 16 / 9;
	}
	.zentry-blog-featured-copy {
		padding: 24px 21px 25px;
	}
	.zentry-blog-featured h2 {
		font-size: 27px;
	}
	.zentry-blog-listing-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
		margin-bottom: 18px;
	}
	.zentry-blog-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	.zentry-blog-card {
		border-radius: 16px;
	}
	.zentry-blog-card-body {
		padding: 19px 19px 21px;
	}
	.zentry-blog-card h3 {
		font-size: 19px;
	}
	.zentry-blog-cta {
		align-items: flex-start;
		flex-direction: column;
		gap: 20px;
		margin-top: 4px;
		border-radius: 18px;
	}
	.zentry-blog-cta > a {
		width: 100%;
	}
}
@media (prefers-reduced-motion: reduce) {
	.zentry-blog-card,
	.zentry-blog-card-media img,
	.zentry-blog-featured-media img,
	.zentry-blog-search button,
	.zentry-blog-cta > a {
		transition: none;
	}
}