/* 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;
}