/* Brief CP-STATE-DEDUCT-ROW-1110
   Demo home only. Three equal deductible cards in one row at desktop.
   The first heading matches the other two card headings. Live is unchanged. */

@media (min-width: 768px) {
  body.cda-general-page.cda-home .cda-legacy-content > .container-fluid.section:not(.sectionColorGray):not(.cda-medigap-disclaimer) > .row > .col-sm-8 > .row.cda-deduct-row {
    display: flex !important;
    flex-flow: row nowrap;
    align-items: stretch;
    gap: 24px;
    margin: 0 0 24px !important;
  }

  body.cda-general-page.cda-home .cda-legacy-content > .container-fluid.section:not(.sectionColorGray):not(.cda-medigap-disclaimer) > .row > .col-sm-8 > .row.cda-deduct-row > .col-sm-4 {
    flex: 1 1 0 !important;
    grid-column: auto !important;
    align-self: stretch;
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    float: none !important;
    height: auto;
  }
}

@media (max-width: 767px) {
  body.cda-general-page.cda-home .cda-legacy-content > .container-fluid.section:not(.sectionColorGray):not(.cda-medigap-disclaimer) > .row > .col-sm-8 > .row.cda-deduct-row {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  body.cda-general-page.cda-home .cda-legacy-content > .container-fluid.section:not(.sectionColorGray):not(.cda-medigap-disclaimer) > .row > .col-sm-8 > .row.cda-deduct-row > .col-sm-4 {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
  }
}

body.cda-general-page.cda-home .cda-legacy-content > .container-fluid.section:not(.sectionColorGray) > .row > .col-sm-8 > .row.cda-deduct-row:not(.ali-col-r) > .col-sm-4:first-child > h3 {
  font-family: var(--cda-font-heading);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--cda-primary);
  text-align: start;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Brief CP-STATE-HOME-POLISH-1111
   Demo home only. The first section's top padding is removed so the
   hero-to-cards gap matches the 48px section padding. Part A and Part B
   cards stretch to one height and their icons share one size. The home
   disclaimer band drops the extra top padding above the three columns.
   Live is unchanged. */

body.cda-general-page.cda-home main.cda-page-main > section.cda-section:first-of-type {
  padding-top: 0;
}

@media (min-width: 768px) {
  body.cda-general-page.cda-home .cda-page-main > .cda-section > .container-fluid.section.sectionColorGray:not(.disclaim):not(.cda-ma-disclaimer-footer):not(.cda-medigap-disclaimer) .col-sm-8 > .row,
  body.cda-general-page.cda-home .cda-page-main > .cda-section > .container-fluid.section.sectionColorGray:not(.disclaim):not(.cda-ma-disclaimer-footer):not(.cda-medigap-disclaimer) .col-xs-10 > .row {
    align-items: stretch;
  }

  body.cda-general-page.cda-home .cda-page-main > .cda-section > .container-fluid.section.sectionColorGray:not(.disclaim):not(.cda-ma-disclaimer-footer):not(.cda-medigap-disclaimer) .col-sm-8 > .row > .col-sm-4,
  body.cda-general-page.cda-home .cda-page-main > .cda-section > .container-fluid.section.sectionColorGray:not(.disclaim):not(.cda-ma-disclaimer-footer):not(.cda-medigap-disclaimer) .col-xs-10 > .row > .col-sm-4 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  body.cda-general-page.cda-home .cda-page-main > .cda-section > .container-fluid.section.sectionColorGray:not(.disclaim):not(.cda-ma-disclaimer-footer):not(.cda-medigap-disclaimer) .panel.panel-default {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
  }

  body.cda-general-page.cda-home .cda-page-main > .cda-section > .container-fluid.section.sectionColorGray:not(.disclaim):not(.cda-ma-disclaimer-footer):not(.cda-medigap-disclaimer) .panel-body {
    flex: 1 1 auto;
  }
}

body.cda-general-page.cda-home .cda-page-main > .cda-section > .container-fluid.section.sectionColorGray:not(.disclaim):not(.cda-ma-disclaimer-footer):not(.cda-medigap-disclaimer) .panel-body img.card-icons {
  box-sizing: border-box;
  width: 120px;
  height: 120px;
  max-width: 120px;
  object-fit: contain;
}

@media (max-width: 767px) {
  body.cda-general-page.cda-home .cda-page-main > .cda-section > .container-fluid.section.sectionColorGray:not(.disclaim):not(.cda-ma-disclaimer-footer):not(.cda-medigap-disclaimer) .panel-body img.card-icons {
    width: 96px;
    height: 96px;
    max-width: 96px;
  }
}

body.cda-general-page.cda-home main.cda-page-main > section.cda-section.demo-ma-disclaimer-band > .container-fluid.section.sectionColorGray.cda-ma-disclaimer-footer {
  padding-top: 0;
}

/* Brief CP-STATE-HOME-SPACING-1111
   Demo home only. The first card row drops its 24px bottom margin so the
   gap to the What is Medicare band is the section's 48px padding. The home
   disclaimer band drops its padding-top so the white strip above the TPMO
   disclaimer is gone. Texas home has no such band. Live is unchanged. */

body.cda-general-page.cda-home main.cda-page-main > section.cda-section:first-of-type > .cda-container:first-child > .cda-legacy-content > .container-fluid.section:not(.sectionColorGray):not(.cda-medigap-disclaimer) > .row > .col-sm-8 > .row {
  margin-bottom: 0 !important;
}

body.cda-general-page.cda-home main.cda-page-main > section.cda-section.demo-ma-disclaimer-band {
  padding-top: 0;
}

/* Brief CP-STATE-TPMO-GAP-1111
   Home only. The Medigap columns and the TPMO band share one gray, so this
   band's 48px bottom padding and a 20px trailing line under the columns sit
   on top of the TPMO band's own top padding. Drop the padding and pull the
   next band up 20px so the gray above the TPMO heading matches the gray
   below the TPMO text. Texas has no TPMO band. Live is unchanged. */

body.cda-general-page.cda-home main.cda-page-main > section.cda-section > .container-fluid.section.sectionColorGray.cda-medigap-disclaimer {
  padding-bottom: 0;
  margin-bottom: -20px;
}