.home-segment {
  margin-block: var(--gutter);
}

.home-top {
  display: grid;
  grid-template:
    "ad ad" auto
    "greeting date" auto
    / 1fr 1fr
  ;
  font-weight: 600;
  width: 100%;
  gap: 1.25rem;
  align-items: baseline;
  text-wrap: balance;
}

.home-top-date {
  text-align: right;
  font-size: var(--font-size-md);
  line-height: var(--line-height-md);
  grid-area: date;
}

.home-top-greeting {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-lg);
  grid-area: greeting;
  text-wrap: balance;
  padding-bottom: .5rem;
}

.home-top-greeting svg {
  margin-right: .5rem;
}

.main-home {
  padding-bottom: var(--gutter);
}

.home-main-story-title {
  margin: 0.875rem var(--line-height-md) var(--line-height-md);
}

.home-main-story-body {
  background-color: #fff;
  border-radius: 0.313rem;
  box-shadow: var(--subtle-shadow);
  overflow: hidden;
}

.home-main-story-text {
  margin: var(--line-height-md);
}

.home-main-story-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 3.25rem;
  padding-top: 1rem;
}

.home-main-story-controls_white-text {
  color: var(--color-white);
}

.home-main-story-controls-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5rem;
}

.home-main-story-text ul {
  margin-left: 1rem;
  margin-top: 1.25rem;
  list-style: url("/img/list-bullet-triangle.svg");
}

.home-main-story-text ul li {
  margin-bottom: 1rem;
}

.home-main-story-text ul li:last-of-type {
  margin-bottom: 0;
}

.home-main-story-text ul a {
  text-decoration: underline;
}

.home-latest-news li {
  margin: var(--line-height-sm) 0;
}

.home-latest-news-img img {
  border-radius: 0.188rem;
  margin-top: .25rem;
}

.home-latest-news > * {
  margin-block: 0;
}

.home-latest-news-story {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: flex-start;
  column-gap: var(--line-height-sm);
}

.home-latest-news-story h4,
.home-latest-news-story button {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
}

.home-latest-news-headline:first-child {
  grid-column: span 2;
}

.home-latest-news-story .category-link {
  margin-bottom: .5rem;
}

.home-latest-news-story .btn-audio-sm {
  margin-top: .5rem;
}

.home-main-sidebar-2 {
  max-width: 24rem;
  margin: 0 auto;
}

.home-weather {
  margin-bottom: 1rem;
}

.home-weather h2 {
  font-size: var(--font-size-md);
  line-height: var(--line-height-md);
  margin-bottom: .5rem;
}

.home-weather div {
  margin-bottom: 0.625rem;
}

.home-weather div:last-of-type {
  margin-bottom: 0;
}

.home-weather svg {
  vertical-align: bottom;
}

.home-weather-first-part {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home-weather-first-part .weatherIcon {
  width: 50%;
}

.home-weather-first-part-inner {
  font-weight: 600;
}

.home-weather-main-temp {
  font-size: var(--font-size-3x);
  line-height: var(--line-height-3x);
}

.home-weather-city {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-lg);
}

.home-weather .weatherIcon {
  max-width: 15.2rem;
}

.home-updraft {
  padding-bottom: var(--gutter);
}

.home-updraft button {
  text-transform: uppercase;
}

.home-updraft-heading {
  display: flex;
  align-items: center;
}

.home-updraft-subtitle {
  font-weight: 600;
  text-wrap: pretty;
}

.home-updraft-heading svg {
  padding-right: 1rem;
}

.home-updraft-inner-container {
  display: grid;
  align-items: center;
  grid-template-columns: 25% 75%;
  padding: 1rem 0 1.5rem 0;
}

.home-segment .ad {
  text-align: center;
}

.home-boxes-box {
  background-color: var(--color-mpr-charcoal);
  color: #fff;
  border-radius: .188rem;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  box-shadow: var(--subtle-shadow);
  height: 100%;
}

.home-boxes-box-img {
  width: 9rem;
  flex-shrink: 0;
}

.home-boxes-box-content {
  padding: 0.5rem 2rem;
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.home-boxes-title {
  font-size: var(--font-size-lg);
  line-height: var(--line-height-lg);
}

.home-boxes-box:active .home-boxes-title,
.home-boxes-box:focus .home-boxes-title,
.home-boxes-box:hover .home-boxes-title {
  color: var(--color-mpr-yellow);
}

@media (min-width: 72em) {
  .home-boxes-box {
    flex-direction: column;
  }

  .home-boxes-box-content {
    text-align: center;
    justify-content: center;
    order: -1;
  }

  .home-boxes-box-img {
    width: 100%;
  }
}

.home-mn-today-grid {
  background-color: #fff;
  border-radius: .313rem;
  box-shadow: var(--subtle-shadow);
  grid-template: 
    "topstory" auto
    "teasers"  auto
    "mntoday"  auto
    / 1fr
  ;
}

.home-mn-today-stories {
  display: contents;
}

.home-mn-today-stories img {
  border-radius: .188rem;
}

.home-mn-today-main-story {
  grid-area: topstory;
  padding: var(--line-height-md);
}

.home-mn-today-main-story > article {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
}

.home-mn-today-main-story p {
  margin-top: 0.625rem;
}

.home-mn-today-more-stories {
  grid-area: teasers;
  padding: var(--line-height-md);
}

.home-mn-today-inner-text:first-child {
  grid-column: 1 / -1;
}

.home-mn-today-inner-text button {
  margin-top: 0.5rem;
}

.home-mn-today-teaser {
  grid-template-columns: 1fr 2fr;
  gap: var(--line-height-md);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  font-weight: 600;
}

.home-mn-today-subscribe {
  grid-area: mntoday;
  border-radius: 0 0.188rem 0.188rem 0;
  background-color: var(--color-mpr-charcoal);
}

.home-mn-today-subscribe-container {
  padding: var(--line-height-md);
  font-size: var(--font-size-md);
  border-radius: 0px 3px 3px 0px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  color: var(--color-white);
}

.home-mn-today-subscribe-upper-content {
  display: block;
  margin-bottom: 1rem;
}

.home-mn-today-subscribe-lower-content {
  margin-block: var(--line-height-md);
}

.home-mn-today-subscribe-lower-content h3 {
  font-weight: 600;
}

.home-mn-today-subscribe-lower-content p {
  font-weight: 600;
}

.home-mn-today-subscribe-heading h3 > span {
  color: var(--color-mpr-yellow);
  text-transform: uppercase;
}

.home-mn-today-player-controls {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
}

.home-mn-today-player-controls b {
  display: inline;
}

.home-mn-today-btn-container .btn {
  margin-bottom: var(--line-height-md);
}

.home-mn-today-btn-container .openable-list {
  width: 100%;
  margin-bottom: 0;
}

.home-mn-today-btn-container .openable-list summary {
  padding-block: 1.25rem;
  transition: all 0.2s;
}

@media screen and (min-width: 45em) {
  .home-mn-today-grid {
    grid-template: 
      "topstory mntoday" auto
      "teasers  teasers" auto
      / 1fr 1fr
    ;
  }

  .home-mn-today-main-story {
    padding-right: 0;
    padding-bottom: 0;
  }

  .home-mn-today-more-stories {
    padding-top: 0;
  }

  .home-mn-today-more-stories ul {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 65em) {
  .home-mn-today-grid {
    grid-template: 
      "topstory teasers mntoday" auto
      / 1fr 1fr 1fr
    ;
  }

  .home-mn-today-more-stories {
    padding: var(--line-height-md) 0;
  }

  .home-mn-today-more-stories ul {
    grid-template-columns: 1fr;
  }
}

@media screen and (min-width: 75em) {
  .home-mn-today-grid {
    grid-template: 
      "topstory teasers mntoday" auto
      / 1fr 1fr calc(25% - var(--gutter) / 1.5)
    ;
  }

  .home-mn-today-main-story {
    padding-bottom: var(--line-height-md);
  }

  .home-mn-today-more-stories {
    padding: var(--line-height-md) 0;
  }

  .home-mn-today-more-stories ul {
    grid-template-columns: 1fr;
  }
}

.home-segment .hdg-block.fancy-slider-hdg {
  padding-block: 0;
}
.home-wander-wordmark {
  color: var(--color-mpr-charcoal);
  height: calc(1.5 * var(--font-size-3x));
}

.home-what-next {
  display: flex;
  justify-content: center;
}

.home-special-coverage {
  position: relative;
}

.home-special-coverage img {
  max-width: 100%;
  object-fit: fill;
}

.home-special-coverage-grid {
  display: grid;
  grid-template-columns: 40rem 1fr 1fr 1fr 1fr;
}

.home-special-coverage-upper {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.home-special-coverage-upper > div:first-child {
  display: flex;
  justify-content: center;
  background-color: var(--color-mpr-yellow);
  text-transform: uppercase;
  padding: .85rem;
}

.home-special-coverage-upper > div:last-child {
  background-color: transparent;
}

.home-special-coverage-bottom {
  background-color: var(--color-mpr-charcoal);
  color: var(--color-white);
  border-radius: 0px 0.188rem;
  padding: 2rem
}

.home-special-coverage-bottom div:first-child {
  color: var(--color-mpr-yellow)
}

.home-special-coverage-primary {
  padding-bottom: .5rem;
}

.home-time-ago {
  color: var(--color-mpr-dark-gray);
  font-size: var(--font-size-sm);
  padding-bottom: .5rem;
}

.home-special-coverage-button-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home-special-coverage-button-container div:last-child {
  display: flex;
  align-items: center;
  padding-left: 1rem;
}

.home-special-coverage-button-container div:last-child svg {
  padding-left: 1rem;
}

.container-triangle-bg {
  background-size: 60vh;
  background-image: url('/img/halfTriangle.png');
  background-repeat: no-repeat;
  background-position: right bottom;
}

@media (max-width: 87.5em) {
  .container-triangle-bg {
    background-image: none;
  }
}

@media (min-width: 75em) {
  .container-triangle-bg {
    padding-bottom: 1.25;
  }
}

@media (min-width: 87.5em) {
  .container-triangle-bg {
    padding-bottom: 5rem;
  }
}

.grid-home-on-air,
.grid-home-podcasts,
.grid-home-events {
  align-items: flex-start;
}

.grid-home-on-air li,
.grid-home-podcasts li,
.grid-home-events li {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
  font-weight: 600;
}

.home-on-air-and-podcasts-item,
.home-event-listing {
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: var(--line-height-sm);
}

.home-on-air-and-podcasts-body:first-child {
  grid-column: span 2;
}

.home-event-date,
.home-event-date + .home-event-text {
  grid-column: span 2;
}

.home-on-air-podcast-view-all-btn,
.home-events-view-all-btn {
  grid-column-start: 1;
}

.home-on-air-podcast-view-all-btn .btn,
.home-events-view-all-btn .btn {
  width: 100%;
}

.home-event-date {
  color: var(--color-mpr-dark-gray);
  margin-bottom: 0.5rem;
}

.home-event-title {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.home-event-more {
  color: var(--color-mpr-button-blue);
  text-decoration: 1px currentColor underline;
}

@media screen and (min-width: 40em) {
  .grid-home-on-air-podcasts,
  .grid-home-events {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 60em) {
  .grid-home-on-air-podcasts,
  .grid-home-events {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .home-on-air {
    grid-column: span 2;
  }
  .grid-home-on-air {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 80em) {
  .grid-home-on-air-podcasts {
    grid-template-columns: 1fr 1fr;
  }
  .home-on-air {
    grid-column: span 1;
  }
  .grid-home-on-air,
  .grid-home-podcasts {
    grid-template-columns: 1fr 1fr;
  }
  .grid-home-events .hdg-block,
  .grid-home-events .btn-primary {
    /* align with on-air/podcast label and buttons */
    width: calc(75% - 0.25 * var(--gutter));
  }
  .home-event-listing {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 42rem) {
  .home-special-coverage-button-container {
    justify-content: left;
  }

  .home-top-greeting-container div {
    display: flex;
    justify-content: center;
  }

  .home-top-greeting-container div:last-child {
    display: none;
  }

  .home-top {
    grid-template:
      "ad" auto
      "greeting" auto
      / 1fr
    ;
  }

  .home-special-coverage-upper {
    grid-template-columns: 1fr;
  }

  .home-special-coverage > div {
    position: static !important;
    bottom: auto !important;
  }

  .home-special-coverage-grid {
    grid-template-columns: unset;
  }

  .home-special-coverage-bottom {
    padding: 1rem
  }

  .home-special-coverage-bottom div:first-child {
    display: none;
  }
}

@media (max-width: 75em) {
  .home-special-coverage-bottom {
    padding: 1rem;
  }

  .home-special-coverage-upper > div:first-child {
    padding: .5rem;
    overflow: hidden;
  }

  .home-special-coverage-bottom > p {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.home-special-coverage > div {
  position: absolute;
  object-fit: cover;
  bottom: 0;
}

.home-view-all {
  margin-top: 1.5rem;
}

.home-mn-today-right-container ul > li > a > img {
  width: auto;
  height: revert-layer;
}

@media (min-width: 75em) {
  .main {
    padding-top: 0;
  }

  .home-top {
    grid-template: "greeting ad date" auto / 1fr 728px 1fr;
    align-items: flex-end;
  }

  .home-main {
    display: grid;
    grid-template-areas: "sidebar-1 main main sidebar-2";
    gap: 4.5rem;
  }

  .home-main-sidebar-1 {
    grid-area: sidebar-1;
  }

  .home-main-sidebar-2 {
    grid-area: sidebar-2;
  }

  .home-latest-news ul {
    border-radius: 0.313rem;
  }

  .home-latest-news .border-between {
    padding-bottom: 1.625rem;
    margin: 1.5rem 0;
    margin-top: 1.625rem;
  }

  .home-segment .ad_textWrapper {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);

  }
  .home-segment .ad_textWrapper * {
    display: inline-block;
    color: var(--color-mpr-dark-gray);
  }


  .home-mn-today-inner img {
    border-radius:  0.188rem ;
  }

  .home-mn-today-inner li > div {
    margin-top: 1rem;
    padding-left: 1.25rem;
  }

  .home-mn-today-inner-text {
    text-transform: none;
    padding-right: 1.25rem;
  }

  .home-mn-today-inner-text > div:first-child {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding-bottom: .2rem;
  }

  .home-mn-today-inner-text button {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
    text-transform: none;
    display: flex;
    align-items: center;
  }

  .home-mn-today-inner-text div:last-child div {
    padding-left: .5rem;
  }

  .home-mn-today-left-container {
    padding: 1.25rem 0 1.25rem 1.25rem;
  }

  .home-mn-today-left-container img {
    padding-bottom: 1.25rem;
  }

  .home-mn-today-right-container {
    padding: 1.25rem 0 1.25rem 0;
  }

  .home-mn-today-right-container ul > li:last-child {
    margin: 0;
  }

  .home-view-all {
    margin-top: 3rem;
  }
}

@media screen and (max-width: 39.98em) {
  /* When everything's one column, make all teaser headlines bigger */
  .home-latest-news-headline h4,
  .home-mn-today-inner-text,
  .grid-home-on-air li,
  .grid-home-podcasts li,
  .grid-home-events li {
    font-size: var(--font-size-md);
    line-height: var(--line-height-md);
  }
  /* but not the Listen buttons / More information links */
  .home-mn-today-inner-text .btn-audio-sm,
  .home-on-air-and-podcasts-item .btn-audio-sm,
  .home-event-more {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-sm);
  }
  /* and make the teaser image sizes consistent too */
  .home-mn-today-teaser {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: flex-start;
    margin-inline: calc(-0.5 * var(--gutter));
  }
}

/* share ideas banner */

.share-ideas-banner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #fff;
  padding: 1.5rem;
  position: relative;
  border-radius: 0.188rem;
  max-width: 80rem;
}

.share-ideas-btn{
  display: flex;
  justify-content: end;
}

.share-ideas-banner svg {
  position: absolute;
  bottom: 0rem;
  left: calc(50% - 1.5rem);
}

.share-ideas-banner svg:last-child {
  position: absolute;
  top: 0rem;
  left: calc(75% - 9rem);
}

@media (max-width: 68.37em) {
  .share-ideas-banner {
    grid-template-columns: 1fr;
    justify-content: center;
  }

  .share-ideas-banner svg {
    display: none;
  }

  .share-ideas-banner:first-child h2 {
    display: flex;
    justify-content: center;
  }

  .share-ideas-inner {
    padding-bottom: 1rem;
  }

  .share-ideas-btn {
    justify-content: center;
  }
}