@charset "UTF-8";
/*
Write your variables here. All available variables can be
found in element-plus/packages/theme-chalk/src/common/var.scss.
For example, to overwrite the theme color:
*/
/* Element Chalk Variables */
/* icon font path, required */
/* Element Chalk Variables */
.post-content .alignfull {
	width: 100%;
}
@media screen and (max-width: 992px) {
	.post-content .block-desktop {
		display: none !important;
	}
}
@media screen and (min-width: 992px) {
	.post-content .block-mobile {
		display: none !important;
	}
}
.post-content h1.size-page-header,
.post-content h2.size-page-header,
.post-content h3.size-page-header,
.post-content h4.size-page-header,
.post-content h5.size-page-header,
.post-content p.size-page-header {
	font-size: 2.75em;
}
@media screen and (min-width: 992px) {
	.post-content h1.size-page-header,
	.post-content h2.size-page-header,
	.post-content h3.size-page-header,
	.post-content h4.size-page-header,
	.post-content h5.size-page-header,
	.post-content p.size-page-header {
		font-size: 3.5em;
	}
}
.post-content h1.size-page-section-header,
.post-content h2.size-page-section-header,
.post-content h3.size-page-section-header,
.post-content h4.size-page-section-header,
.post-content h5.size-page-section-header,
.post-content p.size-page-section-header {
	font-size: 2em;
}
@media screen and (min-width: 992px) {
	.post-content h1.size-page-section-header,
	.post-content h2.size-page-section-header,
	.post-content h3.size-page-section-header,
	.post-content h4.size-page-section-header,
	.post-content h5.size-page-section-header,
	.post-content p.size-page-section-header {
		font-size: 2.5em;
	}
}
.post-content h1.size-page-section-subheader,
.post-content h2.size-page-section-subheader,
.post-content h3.size-page-section-subheader,
.post-content h4.size-page-section-subheader,
.post-content h5.size-page-section-subheader,
.post-content p.size-page-section-subheader {
	font-size: 1.5em;
}
@media screen and (min-width: 992px) {
	.post-content h1.size-page-section-subheader,
	.post-content h2.size-page-section-subheader,
	.post-content h3.size-page-section-subheader,
	.post-content h4.size-page-section-subheader,
	.post-content h5.size-page-section-subheader,
	.post-content p.size-page-section-subheader {
		font-size: 2em;
	}
}
.post-content h1.white,
.post-content h2.white,
.post-content h3.white,
.post-content h4.white,
.post-content h5.white,
.post-content p.white {
	color: var(--el-color-white);
}
.post-content h1.font-family-autotune,
.post-content h2.font-family-autotune,
.post-content h3.font-family-autotune,
.post-content h4.font-family-autotune,
.post-content h5.font-family-autotune,
.post-content p.font-family-autotune {
	font-family: var(--el-font-family-autotune);
}
.post-content h1.gradient,
.post-content h2.gradient,
.post-content h3.gradient,
.post-content h4.gradient,
.post-content h5.gradient,
.post-content p.gradient {
	background: linear-gradient(90deg, #318de9 0%, #05f1e9 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	display: inline-block;
}
.post-content h1.no-padding,
.post-content h2.no-padding,
.post-content h3.no-padding,
.post-content h4.no-padding,
.post-content h5.no-padding,
.post-content p.no-padding {
	padding: 0;
}
.post-content h1 {
	font-size: 81px;
	font-weight: bold;
	padding: 10px 0;
}
.post-content h1 sup {
	font-size: 54px;
}
@media screen and (max-width: 768px) {
	.post-content h1 {
		font-size: 54px;
	}
	.post-content h1 sup {
		font-size: 36px;
	}
}
.post-content h2 {
	font-size: 54px;
	font-weight: bold;
	padding: 10px 0;
}
.post-content h2 sup {
	font-size: 36px;
}
@media screen and (max-width: 768px) {
	.post-content h2 {
		font-size: 36px;
	}
	.post-content h2 sup {
		font-size: 24px;
	}
}
.post-content h2.heading {
	font-size: 54px;
	font-weight: bold;
}
.post-content h2.heading sup {
	font-size: 36px;
}
@media screen and (min-width: 768px) {
	.post-content h2.heading {
		font-size: 24px;
	}
	.post-content h2.heading sup {
		font-size: 16px;
	}
}
@media screen and (min-width: 992px) {
	.post-content h2.heading {
		font-size: 36px;
	}
	.post-content h2.heading sup {
		font-size: 24px;
	}
}
@media screen and (min-width: 1200px) {
	.post-content h2.heading {
		font-size: 54px;
	}
	.post-content h2.heading sup {
		font-size: 36px;
	}
}
.post-content h3 {
	font-size: 36px;
	font-weight: bold;
	padding-bottom: 10px;
}
.post-content h3 sup {
	font-size: 24px;
}
@media screen and (max-width: 768px) {
	.post-content h3 {
		font-size: 24px;
	}
	.post-content h3 sup {
		font-size: 16px;
	}
}
.post-content h3.width-1080 {
	max-width: 1080px;
	margin: auto;
}
.post-content h4 {
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
}
.post-content h4 sup {
	font-size: 16px;
}
@media screen and (max-width: 768px) {
	.post-content h4 {
		font-size: 16px;
	}
	.post-content h4 sup {
		font-size: 10px;
	}
}
.post-content h5 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}
.post-content h5 sup {
	font-size: 10px;
}
.post-content p {
	font-size: 16px;
	line-height: 1.6;
	padding: 15px 0;
}
.post-content p.size-24 {
	font-size: 24px;
}
.post-content p.size-24 sup {
	font-size: 16px;
}
@media screen and (max-width: 768px) {
	.post-content p.size-24 {
		font-size: 16px;
	}
	.post-content p.size-24 sup {
		font-size: 12px;
	}
}
.post-content p.size-22 {
	font-size: 22px;
}
@media screen and (max-width: 768px) {
	.post-content p.size-22 {
		font-size: 16px;
	}
}
.post-content p.width-1080 {
	max-width: 1080px;
	margin: auto;
}
.post-content p.width-800 {
	max-width: 800px;
	margin: auto;
}
.post-content p.sup-heading {
	font-size: 34px;
	line-height: 1.7em;
	margin-top: 15px;
}
@media screen and (max-width: 480px) {
	.post-content p.sup-heading {
		font-size: 18px;
		line-height: 1.5em;
	}
}
@media screen and (max-width: 992px) {
	.post-content p.sup-heading {
		text-align: center;
	}
}
.post-content p.sub-text {
	font-size: 24px;
	line-height: 1.7em;
}
@media screen and (max-width: 480px) {
	.post-content p.sub-text {
		font-size: 16px;
		line-height: 1.5em;
		text-align: center;
		padding: 10px 0px 5px 0px;
	}
}
@media screen and (max-width: 992px) {
	.post-content p.sub-text {
		text-align: center;
	}
}
.post-content p.so-disclaimer {
	font-size: 16px;
	color: var(--el-fill-color-gray-400);
}
@media screen and (max-width: 768px) {
	.post-content p.so-disclaimer {
		text-align: center;
		font-size: 12px;
	}
}
.post-content img {
	max-width: 100%;
	height: auto;
}
.post-content .wp-block-group {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.post-content .wp-block-group.align-end {
	align-items: flex-end;
}
@media screen and (max-width: 768px) {
	.post-content .flex-stack-m-reverse {
		flex-direction: column-reverse;
	}
}
.post-content .wp-block-columns {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	margin: auto;
}
@media screen and (min-width: 992px) {
	.post-content .wp-block-columns {
		align-items: flex-start;
	}
}
.post-content .wp-block-columns .more-padding {
	box-sizing: border-box;
	max-width: var(--max-container-width);
	padding: 0 10px;
}
@media screen and (max-width: 992px) {
	.post-content .wp-block-columns .more-padding {
		padding: 0 0px;
	}
}
.post-content .wp-block-columns .more-padding-50 {
	padding: 50px;
}
@media screen and (max-width: 992px) {
	.post-content .wp-block-columns .more-padding-50 {
		padding: 20px 0px;
	}
}
@media screen and (max-width: 992px) {
	.post-content .wp-block-columns .less-margin {
		margin: 0 !important;
	}
}
.post-content .wp-block-columns .img-no-margin {
	margin: 0 8px !important;
}
.post-content .wp-block-columns.is-not-stacked-on-mobile {
	flex-direction: row;
}
@media screen and (min-width: 992px) {
	.post-content .wp-block-columns {
		flex-direction: row;
	}
}
@media (max-width: 781px) {
	.post-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
		flex-basis: 100% !important;
	}
}
@media screen and (max-width: 992px) {
	.post-content .wp-block-columns.reverse-stack-on-mobile {
		flex-direction: column-reverse;
	}
}
@media screen and (max-width: 992px) {
	.post-content .wp-block-columns.col-desktop {
		display: none;
	}
}
@media screen and (min-width: 992px) {
	.post-content .wp-block-columns.col-mobile {
		display: none;
	}
}
.post-content .wp-block-columns .wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 0 20px;
}
.post-content .wp-block-columns .wp-block-column.no-side-margin {
	margin: 0 5px;
}
@media screen and (max-width: 992px) {
	.post-content .wp-block-columns .wp-block-column.no-side-margin {
		margin: 0 0px;
	}
}
.post-content .wp-block-columns .wp-block-column.no-col-margin {
	margin: 0;
}
.post-content .wp-block-columns .wp-block-column.margin-10 {
	margin: 0px 20px;
}
@media screen and (max-width: 992px) {
	.post-content .wp-block-columns .wp-block-column.margin-10 {
		margin: 0 10px;
	}
}
.post-content .wp-block-columns .wp-block-column.margin-50 {
	margin: 0px 25px;
}
@media screen and (max-width: 992px) {
	.post-content .wp-block-columns .wp-block-column.margin-50 {
		margin: 0 10px;
	}
}
.post-content .wp-block-columns .wp-block-column.set-min-height {
	min-height: 330px;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
	.post-content .wp-block-columns .wp-block-column.set-min-height {
		min-height: 410px;
	}
}
@media screen and (max-width: 768px) {
	.post-content .wp-block-columns .wp-block-column.set-min-height {
		min-height: 200px;
	}
}
.post-content .wp-block-columns .wp-block-column.is-vertically-aligned-top {
	align-self: flex-start;
}
.post-content .wp-block-columns .wp-block-column.is-vertically-aligned-center {
	align-self: center;
}
.post-content .wp-block-columns .wp-block-column.is-vertically-aligned-bottom {
	align-self: flex-end;
}
@media screen and (max-width: 992px) {
	.post-content .wp-block-columns .wp-block-column.is-vertically-aligned-bottom {
		align-self: center;
	}
}
.post-content .wp-block-columns .wp-block-column figure {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0;
	margin-bottom: 15px;
}
.post-content .wp-block-columns .wp-block-column figure.is-style-rounded img {
	border-radius: 30px;
}
.post-content .wp-block-columns .wp-block-column figure.no-margin {
	margin-bottom: 0px !important;
}
@media screen and (max-width: 992px) {
	.post-content .wp-block-columns .wp-block-column figure.img-desktop {
		display: none;
	}
}
@media screen and (min-width: 992px) {
	.post-content .wp-block-columns .wp-block-column figure.img-mobile {
		display: none;
	}
}
.post-content .wp-block-columns .wp-block-column figure video {
	max-width: 100%;
}
.post-content .wp-block-columns .wp-block-column figure figcaption {
	color: #555;
	display: table-caption;
	caption-side: bottom;
	font-size: 13px;
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
.post-content .wp-block-columns .wp-block-column .img-left {
	align-items: flex-start;
}
@media screen and (max-width: 992px) {
	.post-content .wp-block-columns .wp-block-column .img-left {
		display: none;
	}
}
.post-content .wp-block-columns .wp-block-column .img-left-center-mobile {
	align-items: flex-start;
}
@media screen and (max-width: 992px) {
	.post-content .wp-block-columns .wp-block-column .img-left-center-mobile {
		align-items: center;
	}
}
@media screen and (max-width: 992px) {
	.post-content .wp-block-columns .wp-block-column .img-desktop {
		display: none;
	}
}
.post-content .wp-block-columns .wp-block-column .img-mobile {
	margin-top: -50px;
}
@media screen and (min-width: 992px) {
	.post-content .wp-block-columns .wp-block-column .img-mobile {
		display: none;
	}
}
@media screen and (max-width: 992px) {
	.post-content .wp-block-columns .wp-block-column .no-margin {
		margin-top: 0px;
		margin-bottom: 0px !important;
	}
}
.post-content .wp-block-buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 30px 0;
}
@media screen and (max-width: 768px) {
	.post-content .wp-block-buttons .hide-button {
		display: none;
	}
}
.post-content .wp-block-buttons.justify-start {
	justify-content: flex-start;
}
.post-content .wp-block-buttons.justify-center {
	justify-content: center;
}
.post-content .wp-block-buttons.justify-end {
	justify-content: flex-end;
}
.post-content .wp-block-buttons.padding-10 {
	padding: 10px 0;
}
.post-content .button-left-center-mobile {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start !important;
	padding: 30px 0;
}
@media screen and (max-width: 992px) {
	.post-content .button-left-center-mobile {
		justify-content: center !important;
	}
}
.post-content .wp-block-button {
	--el-button-text-color: var(--el-color-black);
	--el-button-bg-color: var(--el-color-primary);
	--el-button-border-color: var(--el-color-primary);
	--el-button-hover-text-color: var(--el-color-black);
	--el-button-hover-bg-color: #00ae9b;
	--el-button-hover-border-color: #00ae9b;
	--el-button-outline-color: var(--el-color-primary-light-5);
}
.post-content .wp-block-button a {
	min-height: 40px;
	position: relative;
	transition: var(--el-transition-duration-fast) var(--el-transition-function-fast-bezier);
	font-weight: var(--el-button-font-weight);
	font-size: var(--el-font-size-medium);
	white-space: nowrap;
	overflow: visible;
	text-overflow: clip;
	border-width: 2px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	background-color: var(--el-button-bg-color);
	border: var(--el-border);
	border-color: var(--el-button-border-color);
	text-align: center;
	box-sizing: border-box;
	outline: none;
	vertical-align: middle;
	padding: 12px 19px;
	border-radius: 133.33px;
	color: var(--el-button-text-color);
	font-weight: bold;
}
.post-content .wp-block-button a:focus {
	background-color: var(--el-button-bg-color);
	color: var(--el-button-text-color);
}
.post-content .wp-block-button a:focus-visible {
	outline: 2px solid var(--el-button-outline-color);
	outline-offset: 1px;
	transition:
		outline-offset 0s,
		outline 0s;
}
@media (hover: hover) and (pointer: fine) {
	.post-content .wp-block-button a:hover {
		background-color: var(--el-button-hover-bg-color);
		border-color: var(--el-button-hover-border-color);
		outline: none;
		color: var(--el-button-hover-text-color);
	}
}
.post-content .wp-block-image {
	margin: 0;
}
.post-content .wp-block-image img {
	border-radius: 3px;
}
.post-content .wp-block-embed {
	width: 100%;
	border-radius: 5px;
	margin: 0;
	overflow-wrap: break-word;
}
.post-content .wp-block-embed .wp-block-embed__wrapper {
	position: relative;
	width: 100%;
}
.post-content .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper {
	height: 0 !important;
	padding-top: 75%;
}
.post-content .wp-block-embed.wp-block-embed-vimeo .wp-block-embed__wrapper,
.post-content .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
	height: 0 !important;
	padding-top: 56.25%;
}
.post-content .wp-block-embed.wp-block-embed-soundcloud .wp-block-embed__wrapper,
.post-content .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
	height: 0 !important;
	padding-top: 42.86%;
}
.post-content .wp-block-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.post-content .wp-block-embed figcaption {
	padding: 15px;
	font-size: 12px;
	color: var(--el-fill-color-gray);
}
.post-content .aligncenter {
	text-align: center;
}
.post-content .has-text-align-center {
	text-align: center;
}
.post-content .alignjustify {
	text-align: justify;
}
.post-content .alignwide {
	text-align: center;
}
.post-content .has-text-align-left {
	text-align: left;
}
@media screen and (max-width: 480px) {
	.post-content .aligncenter-bp-xs {
		text-align: center;
	}
}
@media screen and (max-width: 768px) {
	.post-content .aligncenter-bp-sm {
		text-align: center;
	}
}
@media screen and (max-width: 992px) {
	.post-content .aligncenter-bp-md {
		text-align: center;
	}
}
@media screen and (max-width: 1200px) {
	.post-content .aligncenter-bp-lg {
		text-align: center;
	}
}
.post-content .wp-block-cover {
	position: relative;
	background-size: cover;
	background-position: 50%;
	min-height: 430px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
.post-content .wp-block-cover.gradient {
	background: linear-gradient(180deg, var(--el-fill-color-gray-900), #000000);
}
.post-content .wp-block-cover.is-position-bottom-left .wp-block-cover__inner-container,
.post-content .wp-block-cover.is-position-bottom-center .wp-block-cover__inner-container,
.post-content .wp-block-cover.is-position-bottom-right .wp-block-cover__inner-container {
	justify-content: flex-end;
}
.post-content .wp-block-cover.is-position-top-left .wp-block-cover__inner-container,
.post-content .wp-block-cover.is-position-top-center .wp-block-cover__inner-container,
.post-content .wp-block-cover.is-position-top-right .wp-block-cover__inner-container {
	justify-content: flex-start;
}
.post-content .wp-block-cover.is-position-top-left .wp-block-cover__inner-container,
.post-content .wp-block-cover.is-position-center-left .wp-block-cover__inner-container,
.post-content .wp-block-cover.is-position-bottom-left .wp-block-cover__inner-container {
	align-items: flex-start;
}
.post-content .wp-block-cover.is-position-top-right .wp-block-cover__inner-container,
.post-content .wp-block-cover.is-position-center-right .wp-block-cover__inner-container,
.post-content .wp-block-cover.is-position-bottom-right .wp-block-cover__inner-container {
	align-items: flex-end;
}
.post-content .wp-block-cover .wp-block-cover__image-background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
}
.post-content .wp-block-cover .wp-block-cover__inner-container {
	z-index: 1;
	color: var(--el-color-white);
	width: 100%;
}
.post-content .wp-block-cover .wp-block-cover__background {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	opacity: 0.5;
	background-color: black;
}
.post-content .wp-block-cover .wp-block-cover__background.has-background-dim-100 {
	opacity: 1;
}
.post-content .wp-block-cover .wp-block-cover__background.has-background-dim-90 {
	opacity: 0.9;
}
.post-content .wp-block-cover .wp-block-cover__background.has-background-dim-80 {
	opacity: 0.8;
}
.post-content .wp-block-cover .wp-block-cover__background.has-background-dim-70 {
	opacity: 0.7;
}
.post-content .wp-block-cover .wp-block-cover__background.has-background-dim-60 {
	opacity: 0.6;
}
.post-content .wp-block-cover .wp-block-cover__background.has-background-dim-50 {
	opacity: 0.5;
}
.post-content .wp-block-cover .wp-block-cover__background.has-background-dim-40 {
	opacity: 0.4;
}
.post-content .wp-block-cover .wp-block-cover__background.has-background-dim-30 {
	opacity: 0.3;
}
.post-content .wp-block-cover .wp-block-cover__background.has-background-dim-20 {
	opacity: 0.2;
}
.post-content .wp-block-cover .wp-block-cover__background.has-background-dim-10 {
	opacity: 0.1;
}
.post-content .wp-block-cover .wp-block-cover__background.has-background-dim-0 {
	opacity: 0;
}
.post-content .bg-img {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
@media screen and (min-width: 1200px) {
	.post-content .has-parallax {
		background-attachment: fixed !important;
	}
}
.post-content .bg-auto-tune {
	background-image: url(https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/backgrounds/images_webp/Large_blue_and_purple_dot_wave_background.webp);
}
.post-content .bg-auto-tune-left {
	background-image: url(https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/products/images-webp/card-backgrounds/Auto-Tune_dot_wave_background_with_left_fade.webp);
}
.post-content .bg-auto-tune-right {
	background-image: url(https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/products/images-webp/card-backgrounds/Auto-Tune_dot_wave_background_with_right_fade.webp);
}
.post-content .bg-vocal-effects {
	background-image: url(https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/backgrounds/images_webp/Large_rainbow_light_waves_with_bokeh_background.webp);
}
.post-content .bg-vocal-effects-left {
	background-image: url(https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/products/images-webp/card-backgrounds/Vocal_Effects_rainbow_wave_background_with_left_fade.webp);
}
.post-content .bg-vocal-effects-right {
	background-image: url(https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/products/images-webp/card-backgrounds/Vocal_Effects_rainbow_wave_background_with_right_fade.webp);
}

.post-content {
	padding: 20px 10px;
}
@media screen and (min-width: 768px) {
	.post-content {
		padding: 120px 60px;
	}
	.post-content.post-content__no-vertical-padding {
		padding-left: 0;
		padding-right: 0;
	}
}

.post-content p {
	font-size: 16px;
	line-height: 1.6;
	padding: 15px 0;
}
.post-content p.size-24 {
	font-size: 24px;
}
@media screen and (max-width: 768px) {
	.post-content p.size-24 {
		font-size: 16px;
	}
}
.post-content a {
	color: #0028fa;
	font-weight: bold;
}
.post-content a.size-24 {
	font-size: 24px;
}
@media screen and (max-width: 768px) {
	.post-content a.size-24 {
		font-size: 16px;
	}
}
.post-content a.teal {
	font-weight: 400;
	color: var(--el-color-primary);
}
.post-content a.teal:hover {
	color: var(--el-color-white);
}
.post-content a:hover {
	color: #000000;
}
.post-content li {
	padding: 5px 0;
}
@media (hover: hover) and (pointer: fine) {
}
@media screen and (max-width: 768px) {
}

/* WP Theme Colors */
.post-content .has-foreground-color {
	color: #000000;
}

.post-content .has-foreground-background-color {
	background-color: #000000;
}

.post-content .has-background-color {
	color: #ffffff;
}

.post-content .has-background-background-color {
	background-color: #ffffff;
}

.post-content .has-secondary-color {
	color: var(--el-color-primary);
}

.post-content .has-secondary-background-color {
	background-color: var(--el-color-primary);
}

.post-content .has-tertiary-color {
	color: #ffd600;
}

.post-content .has-tertiary-background-color {
	background-color: #ffd600;
}

.post-content .has-primary-color {
	color: #e3e3e3;
}

.post-content .has-primary-background-color {
	background-color: #e3e3e3;
}

/* DAW Templates Accordian */
.post-content .daw-accordion {
	width: 100%;
	margin: 0;
	border: none;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	justify-content: center;
}

.post-content .daw-accordion-item {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0;
}

.post-content .daw-accordion-header {
	background-color: var(--el-color-primary);
	color: #000000;
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 15px 50px;
}

.post-content .daw-accordion-header-2 {
	width: 100%;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 15px 0px;
}

.post-content .daw-accordion-content {
	display: none;
	background-color: #0e0f10;
	text-align: center;
	font-size: 18px;
	line-height: 1.7em;
	border-bottom: 4px solid var(--el-color-primary);
	margin-bottom: 20px;
	padding: 10px 0px;
}

.post-content .daw-accordion-content p {
	color: #adadad;
	padding: 10px 46px;
}

.post-content .daw-accordion-content a {
	color: #adadad;
}

.post-content .daw-accordion-content a:hover {
	color: #ffffff;
}

.post-content input[type='checkbox'] {
	display: none;
}

.post-content input[type='checkbox']:checked ~ .daw-accordion-content {
	display: block;
}

/*Special Offers Page*/
.post-content .atu-deals-button a {
	font-size: 18px;
	color: #000000;
	background-color: var(--el-color-primary);
	text-decoration: none;
	font-weight: bold;
	padding: 15px 50px;
	border-radius: 25px;
}
@media screen and (max-width: 480px) {
	.post-content .atu-deals-button a {
		width: 100%;
		text-align: center;
	}
}

.post-content .atu-deals-button a:hover {
	color: #000000;
	background-color: #ffffff;
}

.post-content h1.so-heading {
	font-size: 54px;
}
@media screen and (max-width: 480px) {
	.post-content h1.so-heading {
		font-size: 36px;
		text-align: center;
	}
}

.post-content h2.so-heading {
	font-size: 40px;
}
@media screen and (max-width: 480px) {
	.post-content h2.so-heading {
		font-size: 24px;
		text-align: center;
	}
}

.post-content h3.so-heading {
	font-size: 54px;
}
@media screen and (max-width: 480px) {
	.post-content h3.so-heading {
		font-size: 24px;
		text-align: center;
	}
}
@media screen and (max-width: 768px) {
	.post-content h3.so-heading {
		text-align: center;
	}
}
@media screen and (max-width: 992px) {
	.post-content h3.so-heading {
		text-align: center;
	}
}

.post-content .sup-heading {
	font-size: 34px;
	line-height: 1.7em;
	margin-top: 15px;
}
@media screen and (max-width: 480px) {
	.post-content .sup-heading {
		font-size: 18px;
		line-height: 1.5em;
		text-align: center;
	}
}
@media screen and (max-width: 768px) {
	.post-content .sup-heading {
		text-align: center;
	}
}
@media screen and (max-width: 992px) {
	.post-content .sup-heading {
		text-align: center;
	}
}

.post-content .plugin-deals-button {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
}
@media screen and (max-width: 992px) {
	.post-content .plugin-deals-button.button-200 {
		width: 200px;
		margin: auto;
	}
}

.post-content .plugin-deals-button a {
	width: 100%;
	font-size: 18px;
	color: var(--el-color-primary);
	background-color: rgba(0, 0, 0, 0.1607843137);
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 15px 50px;
	border-radius: 25px;
	border: 1px solid var(--el-color-primary);
	box-shadow: 0px 2.67px 2.67px rgba(0, 0, 0, 0.16);
}
.post-content .plugin-deals-button a.teal {
	background-color: var(--el-color-primary);
	color: #09090b;
}
.post-content .plugin-deals-button a.black {
	background-color: #000000;
	color: var(--el-color-white);
	border: 1px solid var(--el-color-primary);
}
.post-content .plugin-deals-button a.gray {
	background-color: rgba(250, 250, 250, 0.1);
	color: var(--el-color-white);
	border: 1px solid rgba(250, 250, 250, 0.1);
}

.post-content .plugin-deals-button a:hover {
	color: #09090b;
	background-color: #00ae9b;
	border: 1px solid #00ae9b;
}
.post-content .plugin-deals-button a:hover.teal:hover {
	background-color: #00ae9b;
	color: #09090b;
	border: 1px solid #00ae9b;
}
.post-content .plugin-deals-button a:hover.black:hover {
	background-color: #0028fa;
	border: 1px solid var(--el-color-primary);
	color: var(--el-color-white);
}

.post-content .privacy-content {
	max-width: 1200px;
}
.post-content .privacy-content h2 {
	padding-top: 3rem;
	padding-bottom: 3rem;
	font-size: 40px;
}
.post-content .privacy-content p {
	margin-bottom: 2rem;
	white-space: pre-line;
}
.post-content .privacy-content a {
	word-wrap: normal;
	word-break: break-all;
	color: var(--el-color-primary);
}

/* Free AutoTune Download Page */
.post-content .free-at-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: var(--max-container-width);
	min-height: 300px;
	background-color: #1b1d1f;
	border: 1px solid rgba(255, 255, 255, 0.3019607843);
	border-radius: 25px;
	margin: auto;
}
@media (max-width: 992px) {
	.post-content .free-at-row {
		flex-direction: column;
		margin: 0 20px;
	}
}

.post-content .free-at-column-image {
	display: flex;
	flex: 1 1 300px;
	min-width: 300px;
	max-width: 50%;
	overflow: hidden;
	align-items: stretch;
}
@media (max-width: 992px) {
	.post-content .free-at-column-image {
		max-width: 100%;
		min-width: 0;
		min-height: 400px;
	}
}

.post-content .free-at-column-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
}
@media (max-width: 992px) {
	.post-content .free-at-column-image img {
		border-top-left-radius: 25px;
		border-bottom-left-radius: 0px !important;
		border-top-right-radius: 25px;
	}
}

.post-content .free-at-column-text {
	display: flex;
	flex: 1 1 300px;
	min-width: 300px;
	max-width: 50%;
	align-items: center;
	justify-content: center;
}
@media (max-width: 992px) {
	.post-content .free-at-column-text {
		padding: 1rem;
		max-width: 100%;
		min-width: 0;
	}
}

.post-content .free-at-content {
	box-sizing: border-box;
	padding: 80px;
}
@media screen and (max-width: 992px) {
	.post-content .free-at-content {
		padding: 40px;
	}
}
@media screen and (max-width: 768px) {
	.post-content .free-at-content h4 {
		display: none;
	}
}
.post-content .free-at-content p.bullet {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: var(--el-fill-color-gray-200);
	padding: 10px 0;
}
@media screen and (max-width: 992px) {
	.post-content .free-at-content p.bullet {
		align-items: flex-start;
	}
}

.post-content .free-at-buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin-top: 20px;
}
@media (max-width: 992px) {
	.post-content .free-at-buttons {
		flex-direction: column;
		gap: 0px;
	}
}

/* Audio Player */
.post-content .audio-player-table {
	width: 1080px;
	padding: 16px;
	background-image: url('https://antares-wp-media.sfo2.digitaloceanspaces.com/wp-content/uploads/20250916150836/audio-player-background.webp');
	background-size: cover;
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.3019607843);
}
.post-content .audio-player-table.at2026-player {
	width: 870px;
	background-image: none;
	background-color: var(--el-fill-color-gray-900);
}

.post-content .audio-header {
	display: flex;
	gap: 8px;
	margin-bottom: 12px;
}

.post-content .audio-header .audio-col {
	flex: 1;
	max-width: 300px;
	padding-bottom: 8px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	font-weight: 700;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.5);
}
.post-content .audio-header .audio-col.model {
	max-width: 250px;
}
.post-content .audio-header .audio-col.characteristics {
	max-width: 240px;
}

.post-content .audio-row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 0;
	border-bottom: none;
}
@media screen and (max-width: 992px) {
	.post-content .audio-row {
		padding: 0px;
	}
}

.post-content .audio-icon {
	width: 54px;
	height: 54px;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}

.post-content .audio-icon img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.1);
	position: relative;
	top: 3px;
	left: 3px;
	z-index: 1;
}

.post-content .info {
	width: 150px;
}
.post-content .info.preset {
	width: 225px;
	padding: 0 10px;
}
@media screen and (max-width: 992px) {
	.post-content .info.preset {
		padding: 0px;
	}
}
@media screen and (max-width: 992px) {
	.post-content .info {
		text-align: left;
		line-height: 1.5;
	}
}

.post-content .info .name {
	font-weight: 700;
	font-size: 18px;
}

.post-content .info .details {
	font-size: 14px;
	font-weight: 700;
	color: rgba(250, 250, 250, 0.5);
}

.post-content .audio-description {
	text-align: left;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.16px;
	color: rgba(250, 250, 250, 0.5);
	margin: 25px 0;
}
.post-content .audio-description.state {
	font-size: 16px;
	margin: 15px 0;
}

.post-content .audio-col {
	flex: 1;
	width: 200px;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.5);
}

/* Audio Carousel for Mobile */
.post-content .audio-slider-container {
	display: flex;
	flex-direction: row;
	max-width: 1340px;
	width: 100%;
	margin: auto;
}
@media screen and (max-width: 1200px) {
	.post-content .audio-slider-container {
		max-width: 900px;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1920px) {
	.post-content .audio-slider-container {
		max-width: 1200px;
	}
}

.post-content .audio-slider-wrapper {
	overflow-x: scroll;
	overflow-y: hidden;
	padding-bottom: 50px;
	width: 100%;
	height: 100%;
}

.post-content .audio-slider-wrapper::-webkit-scrollbar {
	height: 10px;
	width: 30px;
}

.post-content .audio-slider-wrapper::-webkit-scrollbar-track {
	background: #4b5563;
	border: 4px solid transparent;
	background-clip: content-box;
}

.post-content .audio-slider-wrapper::-webkit-scrollbar-thumb {
	background: #6b7280;
	border-radius: 10px;
}

.post-content .audio-slider {
	display: flex;
	gap: 16px;
	padding: 0 20px;
	scroll-behavior: smooth;
}
@media screen and (max-width: 768px) {
	.post-content .audio-slider {
		padding: 0 5px;
		gap: 14px;
	}
}

.post-content .audio-slide {
	flex: 0 0 300px;
	width: 300px;
	background: var(--el-fill-color-gray-900);
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 20px;
	padding: 0;
	color: var(--el-color-white);
	text-align: center;
	overflow: hidden;
	padding: 30px;
}
.post-content .audio-slide.artist-slide {
	flex: 0 0 400px;
	width: 400px;
	height: auto;
	padding: 0px 0px 30px 0px;
}
@media screen and (max-width: 768px) {
	.post-content .audio-slide.artist-slide {
		flex: 0 0 320px;
		width: 320px;
		padding: 0px;
	}
}
.post-content .audio-slide.artist-slide-wide {
	flex: 0 0 460px;
	width: 460px;
	height: 450px;
	padding: 0px 0px 20px 0px;
}
@media screen and (max-width: 768px) {
	.post-content .audio-slide.artist-slide-wide {
		flex: 0 0 320px;
		width: 320px;
		height: auto;
		padding: 0px 0px 20px 0px;
	}
}
@media screen and (max-width: 480px) {
	.post-content .audio-slide {
		flex: 0 0 250px;
		width: 250px;
	}
}

/* Artist Carousel - Metamorph/AT2026 */
.post-content .artist-image {
	width: 100%;
	height: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	margin-bottom: 30px;
	object-fit: cover;
}
.post-content .artist-image.producer {
	margin-bottom: 0;
}

.post-content .artist-name {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: var(--el-color-white);
	line-height: 1;
}
.post-content .artist-name.producer {
	font-size: 24px;
	padding-top: 40px;
}
@media screen and (max-width: 768px) {
	.post-content .artist-name.producer {
		padding-top: 26px;
	}
}

.post-content p.artist-title {
	text-align: center;
	color: var(--el-fill-color-gray-400);
	font-size: 16px;
	font-weight: 700;
	padding: 0px;
}
.post-content p.artist-title.producer {
	color: var(--el-color-white);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0px 20px;
}
@media screen and (max-width: 768px) {
	.post-content p.artist-title.producer {
		font-size: 12px;
	}
}
.post-content p.artist-bio {
	text-align: center;
	color: var(--el-fill-color-gray-300);
	font-size: 16px;
	line-height: 1.5;
	padding: 10px 16px;
}
@media screen and (max-width: 768px) {
	.post-content p.artist-bio {
		font-size: 12px;
	}
}

.post-content .artist-links {
	display: flex;
	gap: 5px;
	justify-content: center;
}

.post-content .facebook-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/icons_svg/artist-social-icons/Facebook-ADADAD.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.post-content .facebook-icon:hover {
	background-image: url('https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/icons_svg/artist-social-icons/Facebook-FAFAFA.svg');
}

.post-content .instagram-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/icons_svg/artist-social-icons/Instagram-ADADAD.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.post-content .instagram-icon:hover {
	background-image: url('https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/icons_svg/artist-social-icons/Instagram-FAFAFA.svg');
}

.post-content .tiktok-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/icons_svg/artist-social-icons/TikTok-ADADAD.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.post-content .tiktok-icon:hover {
	background-image: url('https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/icons_svg/artist-social-icons/TikTok-FAFAFA.svg');
}

.post-content .youtube-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/icons_svg/artist-social-icons/Youtube-ADADAD.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.post-content .youtube-icon:hover {
	background-image: url('https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/icons_svg/artist-social-icons/Youtube-FAFAFA.svg');
}

.post-content .spotify-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/icons_svg/artist-social-icons/Spotify-ADADAD.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.post-content .spotify-icon:hover {
	background-image: url('https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/icons_svg/artist-social-icons/Spotify-FAFAFA.svg');
}

.post-content .apple-music-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-image: url('https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/icons_svg/artist-social-icons/Apple-Music-ADADAD.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.post-content .apple-music-icon:hover {
	background-image: url('https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/icons_svg/artist-social-icons/Apple-Music-FAFAFA.svg');
}

/* AIformusic ATU Page Callout */
.post-content .aifm-container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	border-top: rgba(250, 250, 250, 0.2) 1px solid;
}

.post-content .aifm-card {
	width: 100%;
	display: flex;
	align-items: flex-start;
	background: transparent;
	padding: 20px 0px;
	gap: 16px;
}

.post-content .aifm-card-content {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 16px;
}

.post-content .aifm-logo {
	width: 80px;
	height: 80px;
	background-image: url('https://antares-web-frontend.sfo3.cdn.digitaloceanspaces.com/icons_svg/gray_aiformusic_icon.svg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 10px;
}

.post-content .aifm-info {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
@media screen and (max-width: 480px) {
	.post-content .aifm-info {
		gap: 4px;
	}
}

.post-content .aifm-info-row {
	display: flex;
	align-items: center;
}

.post-content .aifm-info-text {
	font-family: 'Instrument Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--el-color-white);
	word-break: break-word;
}
@media screen and (max-width: 480px) {
	.post-content .aifm-info-text {
		font-size: 12px;
	}
}

.post-content .aifm-info-link {
	width: 100%;
}

.post-content .aifm-info-muted {
	font-family: 'Instrument Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.5);
}
.post-content .aifm-info-muted a {
	color: var(--el-color-white);
}
@media screen and (max-width: 480px) {
	.post-content .aifm-info-muted {
		font-size: 12px;
	}
}

/* New Product Pill Label */
.post-content .new-product {
	position: relative;
}

.post-content .new-product-container {
	display: flex;
	flex-direction: row;
	gap: 10px;
	position: absolute;
	top: 20px;
	left: 20px;
}

.post-content .new-product-top-left {
	text-align: center;
	background: var(--el-fill-color-base-blue-700);
	font-size: 16px;
	font-family: var(--el-font-family-instrument);
	color: var(--el-color-white);
	font-weight: 700;
	text-transform: uppercase;
	line-height: 24px;
	word-wrap: break-word;
	padding: 8px 16px;
	border-radius: 1000px;
	display: inline-block;
}
@media screen and (max-width: 480px) {
	.post-content .new-product-top-left {
		font-size: 12px;
		padding: 4px 16px;
	}
}

/* Tech Specs Mobile Accordion View */
.post-content .tech-specs-accordion {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

.post-content .tech-specs-item {
	background: #1b1d1f;
	overflow: hidden;
	border: 1px solid var(--el-fill-color-background-1);
	transition: all 0.3s ease;
}

.post-content input[type='checkbox'] {
	display: none;
}

.post-content .tech-specs-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	padding: 20px 16px;
	font-weight: 500;
	color: var(--el-color-white);
}

.post-content .tech-specs-section-header {
	display: flex;
	align-items: center;
	gap: 0.6rem;
}

.post-content .tech-specs-os-icon {
	font-size: 24px;
	width: 35px;
	height: 35px;
	padding: 0px 0px 0px 5px;
}

.post-content .tech-specs-os-name {
	box-sizing: border-box;
	font-size: 16px;
	font-weight: 700;
}
@media screen and (max-width: 480px) {
	.post-content .tech-specs-os-name {
		width: 150px;
	}
}

.post-content .tech-specs-arrow {
	padding: 10px 0px;
	transform: rotate(270deg);
	transition:
		transform 0.3s ease,
		opacity 0.3s ease;
}

.post-content input:checked + .tech-specs-label .tech-specs-arrow {
	transform: rotate(360deg);
}

.post-content .tech-specs-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease;
	background: var(--el-fill-color-gray-900);
	border-top: 2px solid var(--el-fill-color-background-1);
}

.post-content input:checked ~ .tech-specs-content {
	max-height: 900px;
}

.post-content .tech-specs-section {
	font-size: 16px;
	color: var(--el-fill-color-gray-300);
	letter-spacing: 0.16px;
	line-height: 150%;
	border-bottom: 2px solid var(--el-fill-color-background-1);
	padding: 20px;
}

.post-content .tech-specs-section:last-child {
	border-bottom: none;
	padding-bottom: 20px;
}

.post-content .tech-specs-section ul {
	list-style-type: none;
	margin: 0;
	padding-left: 1rem;
}

.post-content .tech-specs-section li {
	font-size: 0.9rem;
	color: var(--el-fill-color-gray-300);
	line-height: 1.5;
	position: relative;
}

.post-content .tech-specs-section li::before {
	content: '•';
	position: absolute;
	left: -0.7rem;
	color: var(--el-fill-color-gray-300);
}

/* =========================================================================
 * WordPress-migrated blog posts (Builder.io Custom Code blocks via PostMigrator).
 *
 * The rules above are a faithful port of antares-web-frontend's blog-post.scss (the
 * post BODY) but depend on Element-Plus theme variables and a hero/layout that live in
 * other production bundles (chunk-vendors/app/CommunityPost). The block below supplies
 * exactly those missing pieces, scoped to .wp-blog-post so nothing leaks into the rest
 * of the app:
 *   1. the Element-Plus theme vars the ported body rules reference (production values),
 *      with font families mapped to at-presentation's already-loaded next/font vars;
 *   2. the hero (mirrors CommunityPost's .hero + BlogPageHeader);
 *   3. the body-wrapper utilities (bg-white / font-color-black / blog-post-width /
 *      std-padding_section-top-lg) production applies to the .post-content column.
 * ========================================================================= */
.wp-blog-post {
	--el-color-primary: #01ffda;
	--el-color-primary-light-5: #7efdea;
	--el-color-white: #fafafa;
	--el-color-black: #000;
	--el-fill-color-background-1: #09090b;
	--el-fill-color-base-blue-700: #0028fa;
	--el-fill-color-gray: gray;
	--el-fill-color-gray-200: #e3e3e3;
	--el-fill-color-gray-300: #adadad;
	--el-fill-color-gray-400: #7b8086;
	--el-fill-color-gray-900: #141619;
	--el-border-width: 1px;
	--el-border-style: solid;
	--el-border-color: #01ffda;
	--el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
	--el-button-font-weight: 700;
	--el-font-size-medium: 16px;
	--el-transition-duration-fast: 0.2s;
	--el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
	--max-container-width: 1420px;

	/* Map Element-Plus font families onto at-presentation's already-loaded next/font vars */
	--el-font-family: var(--antares-font-family-ui-font, 'Instrument Sans', sans-serif);
	--el-font-family-instrument: var(--antares-font-family-ui-font, 'Instrument Sans', sans-serif);
	--el-font-family-autotune: var(
		--antares-font-family-brand-font,
		'PolySans Neutral Wide',
		sans-serif
	);

	font-family: var(--el-font-family);
}

/* ---------- Hero (mirrors CommunityPost .hero + BlogPageHeader) ---------- */
.wp-blog-post__hero {
	position: relative;
	display: flex;
	align-items: flex-end; /* el-row align="bottom" */
	justify-content: flex-start; /* el-row justify="start" */
	box-sizing: border-box;
	min-height: calc(100vh - 55px); /* viewport-min-height-minus-navbar */
	padding: 50px 20px;
	overflow: hidden;
	background-color: #000; /* fallback while the banner image loads */
	color: var(--el-color-white);
}
/* Real per-post <img> banner rather than a CSS background, so it always renders. */
.wp-blog-post__hero-bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wp-blog-post__hero::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1; /* dark overlay above the image, below the text */
	background-image: linear-gradient(to bottom, rgba(183, 183, 183, 0.52), rgba(0, 0, 0, 0.73));
}
@media screen and (min-width: 992px) {
	.wp-blog-post__hero {
		padding: 150px;
	}
}
.wp-blog-post__hero-inner {
	position: relative; /* above the image + overlay */
	z-index: 2;
	width: 100%;
	max-width: var(--max-container-width);
}
.wp-blog-post__hero .heading {
	margin: 0;
	font-weight: 900;
	line-height: 1.1;
	color: var(--el-color-white);
	font-size: 40px;
}
@media screen and (min-width: 768px) {
	.wp-blog-post__hero .heading {
		font-size: 58px;
	}
}
@media screen and (min-width: 992px) {
	.wp-blog-post__hero .heading {
		font-size: 76px;
	}
}
@media screen and (min-width: 1200px) {
	.wp-blog-post__hero .heading {
		font-size: 80px;
	}
}
@media screen and (min-width: 1920px) {
	.wp-blog-post__hero .heading {
		font-size: 94px;
	}
}
.wp-blog-post__hero-excerpt {
	margin: 20px 0 0;
	font-weight: 600;
	line-height: 1.4;
	color: var(--el-color-white);
	font-size: 18px;
}
@media screen and (min-width: 992px) {
	.wp-blog-post__hero-excerpt {
		font-size: 24px;
	}
}
.wp-blog-post__hero-date {
	margin: 16px 0 0;
	color: var(--el-color-white);
	font-size: 16px;
}

/* ---------- Body wrapper (mirrors the .post-content column) ---------- */
.wp-blog-post__body {
	display: flex;
	justify-content: center;
	background-color: #fcfcfc;
}
.wp-blog-post .bg-white {
	background-color: #fff;
}
.wp-blog-post .font-color-black {
	color: var(--el-color-black);
}
.wp-blog-post .blog-post-width {
	box-sizing: border-box;
	width: 100%;
	max-width: 1920px;
}
.wp-blog-post .std-padding_section-top-lg {
	padding-top: 30px;
}
@media screen and (min-width: 768px) {
	.wp-blog-post .std-padding_section-top-lg {
		padding-top: 70px;
	}
}

/* ---------- Responsive video embeds ("overlayed-container" iframes) ---------- */
/* WordPress authored these with an inline wrapper style that uses a non-breaking space as the
 * CSS value separator (e.g. `width:&nbsp;100%; padding-top:&nbsp;56.25%`). U+00A0 is NOT valid
 * CSS whitespace, so the browser drops `width` and `padding-top`; the wrapper collapses to
 * height:0 and the absolutely-positioned iframe overlaps the following text. Because those
 * inline declarations are dropped (not applied), these rules win and restore the 16:9 box.
 * Scoped to the post-content wrappers so it only affects migrated articles. */
.post-content div:has(> iframe.overlayed-container) {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%; /* 16:9 */
}
.post-content iframe.overlayed-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}