/* Header Changes */

/* Header image region */
.news-header .l-layout__primary {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  min-height: 280px;
  max-height: 420px;
  overflow: hidden;
  background: #f5f5f5;
  border-radius: 0.625rem;
}

/* Image field */
.news-header .field--name-field-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* Header image */
.page-node-type-news .news-header img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 280px;
  max-height: 420px;
  object-fit: contain;
  border-radius: 0.625rem;
}

/* Title and date section */
.news-header .l-layout__secondary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem;
}
@media(max-width: 1200px){
.news-header .l-layout__secondary {
  	padding: 2rem 0 0 0;
	}
}

/* Title color */
.news-header h1 {
  color: var(--tme-color-primary-2);
}

/* Title underline */
.news-header h1::after {
  content: "";
  display: block;
  width: 120px;
  height: 3px;
  margin: 1rem 0;
  background: var(--tme-color-primary-3);
  border-radius: 999px;
}

/* Date font weight */
.news-header .field--name-field-news-date {
  font-weight: 600;
}

/* Header divider */
.news-header {
  margin-bottom: 1rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/* End Header Changes */


/* News Body Changes */

/* Body font weight */
.news-body #block-touchstone-me-content .field--name-body p {
  font-weight: 500;
}

/* Show list bullets */
.layout__region--content li {
  list-style: disc;
}

/* End News Body Changes */


/* Entire Section */

/* Hide default title */
#block-touchstone-me-content h1.c-page-title {
  display: none;
}

/* Background gradient */
.path-node.page-node-type-news main,
.page-node-type-event main {
  background: linear-gradient(#fff, #eee);
}

/* Content background */
.l--1-col.l-constrained {
  padding: 2rem;
  background: #fff;
}
/* End Entire Section */

/* Mobile Changes */
@media (max-width: 767px) {
  /* Mobile image region */
  .news-header .l-layout__primary {
    min-height: 220px;
    max-height: 320px;
  }

  /* Mobile image */
  .page-node-type-news .news-header img {
    min-height: 220px;
    max-height: 320px;
  }
}

/* End Mobile Changes */