/* Ashton Manual Guide — Elementor Pro exit styles (2026-08-12, Open Items 55).
 * Sections 1–3 style the cloned widgets that already render while Pro is active
 * (page JSON swapped ahead of the flip). Everything prefixed .amg-free applies
 * only once Pro is deactivated (body class added by amg-elementor-free.php).
 * Colors reuse Neve's palette custom properties, the same values the retired
 * Elementor kit globals (nv*) pointed at. */

/* ---------- 1. [amg_recent_posts] cards — port of the per-element generated CSS
 * (post-295.css el 99ed4d9 and siblings; identical on all 11 pages) ---------- */

.amg-recent-posts {
	--item-display: flex;
	--read-more-alignment: 1;
	--grid-row-gap: 35px;
	--grid-column-gap: 30px;
}
.amg-recent-posts .elementor-posts-container .elementor-post__thumbnail { padding-bottom: calc(0.66 * 100%); }
.amg-recent-posts .elementor-post__thumbnail__link { width: 100%; }
.amg-recent-posts .elementor-post__meta-data span + span:before { content: "•"; margin: 0 5px; }
.amg-recent-posts .elementor-post__text { margin-top: 20px; }
.amg-recent-posts .elementor-post__badge { right: 0; }
.amg-recent-posts .elementor-post__card .elementor-post__badge { background-color: var(--nv-primary-accent, #42858c); margin: 20px; }
.amg-recent-posts .elementor-post__title,
.amg-recent-posts .elementor-post__title a { font-family: "Roboto", sans-serif; font-weight: 600; font-size: 20px; line-height: 30px; }
.amg-recent-posts a.elementor-post__read-more { font-family: "Roboto", sans-serif; font-weight: 500; }

/* ---------- 2. [amg_sitemap] — port of post-1044.css el 9994e15 ---------- */

.amg-sitemap-2col { display: flex; flex-wrap: wrap; }
.amg-sitemap-2col .elementor-sitemap-section { flex-basis: calc(1 / 2 * 100%); min-width: 260px; }
.amg-sitemap-2col .elementor-sitemap-section ul { margin-left: 20px; }
.amg-sitemap-2col .elementor-sitemap-title { color: #42858c; font-size: 45px; font-weight: 600; line-height: 55px; }
.amg-sitemap-2col .elementor-sitemap-list,
.amg-sitemap-2col .elementor-sitemap-list .children { list-style-type: disc; }
@media (max-width: 767px) {
	.amg-sitemap-2col .elementor-sitemap-section { flex-basis: 100%; }
	.amg-sitemap-2col .elementor-sitemap-title { font-size: 25px; line-height: 35px; }
}

/* ---------- 3. Rank Math breadcrumbs (replaces the Pro breadcrumbs widget,
 * which rendered nothing without Yoast) ---------- */

.amg-breadcrumbs { text-align: center; font-family: "Roboto", sans-serif; font-size: 14px; }
.amg-breadcrumbs .rank-math-breadcrumb a { color: var(--nv-primary-accent, #42858c); }
.amg-breadcrumbs .rank-math-breadcrumb .separator { margin: 0 6px; color: var(--nv-text-color, #1f2025); }
.amg-breadcrumbs .rank-math-breadcrumb .last { color: var(--nv-text-color, #1f2025); }

/* ================= Neve-era rules (Pro deactivated) ================= */

/* ---------- 4. sticky header (replaces Pro sticky on templates 1275/1630) ---------- */

.amg-free .header { position: sticky; top: 0; z-index: 990; background: var(--nv-site-bg, #ffffff); }

/* ---------- 5. single-post title band (replaces 1630's title row) ---------- */

.amg-free .amg-post-title-band { background: var(--nv-primary-accent, #42858c); }
.amg-free .amg-post-title-band__inner { max-width: 1300px; margin: 0 auto; padding: 45px 20px; text-align: center; }
.amg-free .amg-post-title-band__title { color: var(--nv-site-bg, #ffffff); font-size: 45px; font-weight: 600; line-height: 55px; margin: 0 0 10px; }
.amg-free .amg-post-info { list-style: none; margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 25px; }
.amg-free .amg-post-info .elementor-icon-list-item { display: flex; align-items: center; font-size: 17px; }
.amg-free .amg-post-info .elementor-icon-list-icon { width: 17px; display: inline-flex; margin-right: 6px; }
.amg-free .amg-post-info .elementor-icon-list-icon svg { fill: var(--nv-site-bg, #ffffff); width: 17px; height: 17px; }
.amg-free .amg-post-info .elementor-icon-list-text { color: var(--nv-site-bg, #ffffff); }
@media (max-width: 767px) {
	.amg-free .amg-post-title-band__title { font-size: 28px; line-height: 38px; }
}

/* ---------- 6. single-post body — port of 1630's theme-post-content Custom CSS ---------- */

.amg-free.single-post .nv-content-wrap h2 { font-size: 28px; font-weight: 600 !important; color: #42858c; }
.amg-free.single-post .nv-content-wrap h3 { font-size: 25px; font-weight: 600 !important; color: #42858c; }
.amg-free.single-post .nv-content-wrap h4 { font-size: 23px; font-weight: 600; color: #42858c; }
.amg-free.single-post .nv-content-wrap li { padding-bottom: 10px; list-style: none; padding-left: 25px; position: relative; }
.amg-free.single-post .nv-content-wrap li strong { color: #42858c; }
.amg-free.single-post .nv-content-wrap ul { padding-left: 0; }
.amg-free.single-post .nv-content-wrap li::before {
	content: "\2713";
	color: #42858c;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 0;
}

/* ---------- 7. author box (per-element rules from post-1630.css el f71bb06;
 * base widget styles come verbatim from amg-widget-author-box.css) ---------- */

.amg-free .amg-author-box { margin-top: 35px; padding: 30px; border: 1px solid var(--nv-primary-accent, #42858c); border-radius: 15px; }
.amg-free .amg-author-box .elementor-author-box__avatar img { width: 82px; height: 82px; }
.amg-free .amg-author-box .elementor-author-box__avatar { margin-right: 15px; }
.amg-free .amg-author-box .elementor-author-box__name { margin: 0 0 8px; }

/* ---------- 8. sidebar: sticky column, TOC box, recent list ---------- */

.amg-free.single-post .nv-sidebar-wrap { position: sticky; top: 110px; align-self: flex-start; }

.amg-free .amg-toc { background: #e1e1e1; border-radius: 8px; overflow: hidden; margin-bottom: 30px; }
.amg-free .amg-toc__header { background: #42858c; color: var(--nv-site-bg, #ffffff); display: flex; justify-content: space-between; align-items: center; padding: 12px 18px; font-weight: 600; font-size: 18px; }
.amg-free .amg-toc__toggle { background: none; border: none; color: var(--nv-site-bg, #ffffff); font-size: 20px; line-height: 1; cursor: pointer; padding: 0 2px; }
.amg-free .amg-toc__list { margin: 0; padding: 15px 20px 15px 40px; }
.amg-free .amg-toc__list li { padding: 4px 0; }
.amg-free .amg-toc__list a { color: var(--nv-text-color, #1f2025); text-decoration: none; }
.amg-free .amg-toc__list a:hover { text-decoration: underline; }

.amg-free .amg-recent-list .elementor-posts-container { display: block; }
.amg-free .amg-recent-list .elementor-post { margin-bottom: 22px; }
.amg-free .amg-recent-list .elementor-post__title { font-size: 17px; line-height: 25px; margin: 0 0 4px; font-family: "Roboto", sans-serif; font-weight: 600; }
.amg-free .amg-recent-list .elementor-post__title a { color: var(--nv-text-color, #1f2025); }
.amg-free .amg-recent-list .elementor-post__title a:hover { color: var(--nv-primary-accent, #42858c); }
.amg-free .amg-recent-list .elementor-post__meta-data { font-size: 14px; color: #6d7175; margin-bottom: 4px; }
.amg-free .amg-recent-list a.elementor-post__read-more { color: var(--nv-primary-accent, #42858c); font-size: 14px; font-weight: 500; }
.amg-free .amg-sidebar-heading { font-size: 22px; font-weight: 600; margin: 0 0 6px; }
.amg-free .amg-sidebar-divider { border: none; border-top: 1px solid #d5d8dc; margin: 0 0 18px; }

/* ---------- 9. footer (Neve footer builder rows; content in footer widget areas) ---------- */

.amg-free .hfg_footer { border-bottom: 44px solid var(--nv-text-color, #1f2025); }
.amg-free .hfg_footer .widget { text-align: center; color: #ffffff; }
.amg-free .hfg_footer .widget h3, .amg-free .hfg_footer .widget h4 { color: #ffffff; font-weight: 600; font-size: 28px; margin-bottom: 15px; }
.amg-free .hfg_footer .widget p { color: rgba(255, 255, 255, 0.88); }
.amg-free .hfg_footer .widget a { color: #ffffff; text-decoration: none; }
.amg-free .hfg_footer .widget a:hover { text-decoration: underline; }
.amg-free .hfg_footer .widget ul { list-style: none; margin: 0; padding: 0; }
.amg-free .hfg_footer .widget ul li { padding: 4px 0; }
.amg-free .amg-footer-logo { max-width: 320px; margin: 0 auto 15px; }
.amg-free .amg-footer-tagline { max-width: 560px; margin: 0 auto 25px; }
.amg-free .amg-footer-divider { border: none; border-top: 1px solid rgba(255, 255, 255, 0.35); max-width: 640px; margin: 0 auto; }

/* ---------- 10. 404 ---------- */

.amg-free .amg-404-wrap { padding: 40px 0 60px; }
