/*
  AI Fluency Sprint page: the few page-level rules for the theme modules used as is
  (Rich Text, Title with content, Multi column, Two column, Training program benefits,
  Testimonials). Linked from the page's head HTML. Our own modules carry their own CSS.
  Section classes come from the page's dnd sections: ai-program, ai-outcomes, ai-receive, ai-impact.
*/

/* Rich text headings in full-width sections need the theme's side gutter. */
.ai-program .widget-type-rich_text,
.ai-impact .widget-type-rich_text { padding-left: 20px; padding-right: 20px; }

/* What We'll Cover title */
.ai-program .widget-type-rich_text h2 { margin-bottom: 0; }
.ai-program .widget-type-rich_text p { max-width: 880px; margin: 14px auto 0; font-size: 20px; line-height: 170%; }

/* What We'll Cover topics (Title with content) */
.ai-program .title-with-content h3, .ai-program .title-with-content h4,
.ai-program .title-with-content h5, .ai-program .title-with-content h6 { margin-bottom: 8px; }
.ai-program .title-with-content p { margin-bottom: 22px; }

/* Program Overview (Multi column) */
.ai-program .multi-column .item > div { background-color: #fff; position: relative; }
.ai-program .multi-column .image img { width: 90px; height: 86px; object-fit: contain; }
.ai-program .multi-column .item-content p { margin-bottom: 0; }
@media (min-width: 1281px) { .ai-program .multi-column .items.row4 .item { width: 25%; } }
@media (max-width: 1280px) and (min-width: 768px) { .ai-program .multi-column .items.row4 .item { width: 50%; } }
@media (max-width: 767px) { .ai-program .multi-column .items.row4 .item { width: 100%; } }

/* Program Outcomes (Two column) */
.ai-outcomes ul { padding-left: 20px; }
.ai-outcomes li { margin-bottom: 18px; }
.ai-outcomes li strong { color: #002b5c; }

/* What Your Organization Receives (Training program benefits) */
.ai-receive .training-benefits .image img { width: 68px; height: 64px; object-fit: contain; }
.ai-receive .training-benefits .button-wrap { display: flex; flex-wrap: wrap; gap: 14px; }
.ai-receive .training-benefits .item-content p { margin-bottom: 0; }
@media (min-width: 1281px) {
  .ai-receive .training-benefits.no-img .content { width: 40%; }
  .ai-receive .training-benefits.no-img .items { width: 52%; }
}
@media (max-width: 1280px) and (min-width: 992px) {
  .ai-receive .training-benefits .content { width: 100%; margin-bottom: 30px; }
  .ai-receive .training-benefits .items { width: 100%; }
}

/* Laptops and tablets: the four deliverables sit in a 2 x 2 grid under the heading, not one long
   column with empty space on the right, and the buttons stay together (the theme spreads them
   to opposite edges below 992px). */
@media (max-width: 1280px) and (min-width: 768px) {
  .ai-receive .training-benefits .items { display: grid; grid-template-columns: 1fr 1fr; column-gap: 40px; row-gap: 36px; }
  .ai-receive .training-benefits .item, .ai-receive .training-benefits .item:last-child { width: auto; margin-bottom: 0; }
}
@media (max-width: 991px) {
  .ai-receive .training-benefits .button-wrap { justify-content: flex-start; gap: 14px; }
  .ai-receive .training-benefits .content { margin-bottom: 30px; }
}

/* Elevated Impact heading */
.ai-impact .widget-type-rich_text { max-width: 760px; margin: 0 auto; }
.ai-impact .widget-type-rich_text h2 { font-size: 70px; }
@media (max-width: 1280px) { .ai-impact .widget-type-rich_text h2 { font-size: 55px; } }
@media (max-width: 991px) { .ai-impact .widget-type-rich_text h2 { font-size: 45px; } }