/*
 * LTC Connection: rules for the pages that render on the legacy stack (catalog, course details,
 * cart, checkout, sign in, create account, account, the custom pages, state requirements, contact,
 * terms, privacy). Loaded by layouts/main.php only, after theme.css, on top of the Bootstrap 3
 * compatibility stack (css/bootstrap-legacy.css + css/newmain.css). Delete each block as its page
 * is rebuilt on layouts/site.php, and delete the file when none are left.
 */
main.legacy-main {
    background: #fff;
}
.maincontent {
    padding-top: 24px;
    padding-bottom: 24px;
    min-height: 420px;
}
.maincontent h1,
.maincontent h2,
.maincontent h3,
.maincontent h4 {
    margin: 24px 0 12px;
}
.maincontent h1:first-child,
.maincontent h2:first-child {
    margin-top: 8px;
}
.maincontent h1 {
    color: var(--ltc-heading);
}
.maincontent a.btn,
.maincontent .catalog a,
.maincontent #tabsmenu a,
.maincontent table.tableclassroom a {
    text-decoration: none;
}
.maincontent .btn-default {
    --bs-btn-color: var(--ltc-blue-700);
    --bs-btn-bg: #fff;
    --bs-btn-border-color: var(--ltc-blue);
    --bs-btn-hover-color: var(--ltc-blue-700);
    --bs-btn-hover-bg: var(--ltc-blue-50);
    --bs-btn-hover-border-color: var(--ltc-blue-700);
    --bs-btn-active-color: var(--ltc-blue-800);
    --bs-btn-active-bg: var(--ltc-blue-200);
    --bs-btn-active-border-color: var(--ltc-blue-700);
}
.maincontent .panel,
.maincontent .card {
    border-radius: 8px;
}
.maincontent .form-control {
    height: auto;
    font-size: 16px;
    color: var(--ltc-ink);
}
.maincontent .form-control:focus {
    border-color: var(--ltc-gold);
    box-shadow: var(--ltc-focus);
}
#cartText {
    margin-left: -6px;
}
/* course and class detail pages */
#course-details-page .cd-subs {
    margin-bottom: 48px;
}
#course-details-page h1.kitName {
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: var(--ltc-heading);
    margin: 0;
}
#course-details-page .cd-title {
    padding: 10px 14px;
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 19px;
    line-height: 1.3;
}
@media (min-width: 768px) {
    #course-details-page h1.kitName {
        font-size: 32px;
    }
}
/* the state requirements page (css/ltc-requirements.css) and the custom pages print their own
   h1 in bold; keep the display face */
.maincontent h1 strong {
    font-weight: 700;
}
/* the custom pages (page/view, and site/about + site/contact when a source points them at one; the
   layout adds .custom-page): staff-written content whose section h2s are often typed in capitals,
   so the headings step well below the h1, as InsuranceStudy's text pages do (Jason 2026-11-02) */
.custom-page .maincontent h2 {
    font-size: 24px;
}
.custom-page .maincontent h3 {
    font-size: 20px;
}