/* Left section menu (template-parts/single.php): stays on screen, line to the content.
   Uses the frame variables from frame.css. */
.ba-section { display: flex; align-items: flex-start; min-height: inherit; }
.ba-section-menu {
	flex: 0 0 260px; box-sizing: border-box; padding: 40px 20px 24px 24px;
	position: sticky; top: calc(var(--ba-top) + var(--ba-pad-top) + var(--ba-header) + var(--ba-gap));
	max-height: calc(100vh - var(--ba-top) - var(--ba-pad-top) - var(--ba-pad-bottom) - var(--ba-header) - var(--ba-footer) - 2 * var(--ba-gap));
	overflow-y: auto; font-size: 15px; line-height: 1.5;
}
.ba-section-content { flex: 1 1 auto; min-width: 0; align-self: stretch; border-left: 1px solid var(--ba-line); }
body.ba-has-section-menu #content.site-main { padding-inline: 0; }

.ba-section-menu a { color: inherit; text-decoration: none; }
.ba-section-menu a:hover { text-decoration: underline; }
/* title above the menu: Elementor Site Settings > Global Fonts "Section Menu Title" (id ba0st01) */
.ba-section-menu a.ba-section-menu__title { display: block; margin-bottom: 12px;
	font-family: var(--e-global-typography-ba0st01-font-family, inherit), sans-serif;
	font-size: var(--e-global-typography-ba0st01-font-size, 18px);
	font-weight: var(--e-global-typography-ba0st01-font-weight, 700);
	line-height: var(--e-global-typography-ba0st01-line-height, 1.3);
	letter-spacing: var(--e-global-typography-ba0st01-letter-spacing, .08em);
	text-transform: var(--e-global-typography-ba0st01-text-transform, uppercase); }
.ba-section-menu ul { list-style: none; margin: 0; padding: 0; }
.ba-section-menu__list > li { margin: 2px 0; }
.ba-section-menu__list > li > a { display: block; padding: 3px 0; }
.ba-section-menu .current-menu-item > a, .ba-section-menu .current_page_item > a { font-weight: 700; }
/* level 2: sub items and the H2 jump links of the current page */
.ba-section-menu .sub-menu { margin: 2px 0 8px 14px; font-size: 14px; }
.ba-section-menu .sub-menu a { display: block; padding: 2px 0; opacity: .85; }
.ba-section-menu .sub-menu a.is-active { opacity: 1; font-weight: 700; }

@media (max-width: 767px) {
	.ba-section { flex-direction: column; }
	.ba-section-menu { position: static; flex: none; width: 100%; max-height: none; padding: 16px; border-bottom: 1px solid var(--ba-line); }
	.ba-section-content { border-left: 0; }
}

/* page title (H1, from the theme; size from Elementor Site Settings > Typography > H1) */
.ba-page-title { margin: 0; padding: 24px 32px 8px; }
.ba-page-excerpt { margin: 0; padding: 0 32px 16px; }
@media (max-width: 767px) { .ba-page-title { padding: 16px 16px 8px; } .ba-page-excerpt { padding: 0 16px 12px; } }

/* space between the line and the content (Elementor pages bring their own padding) */
.ba-section-content > .page-header,
body:not([class*=elementor-page-]) .ba-section-content > .page-content { padding-inline: 32px; }
@media (max-width: 767px) {
	.ba-section-content > .page-header,
	body:not([class*=elementor-page-]) .ba-section-content > .page-content { padding-inline: 16px; }
}