.view-content-feeds .views-row:not(:has(img)) .event-txt, .view-content-feeds .views-row:not(:has(img)) .article-txt {
  grid-column: 1 / -1;
}

.feed-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.view-content-feeds .views-row:not(:has(.feed-img img)) .feed-img {
  display: none;
}

.field--entity-reference-target-type-taxonomy-term .field__items {
    display: block;
}

.field--entity-reference-target-type-taxonomy-term--tags.field.field--name-field-tags.field--type-entity-reference.field--label-above.field--entity-reference-target-type-taxonomy-term .field__items {
    display: block;
}

.field--label-above.field--entity-reference-target-type-taxonomy-term .field__label {
    padding-right: .3em;
}

.feed-img {
    grid-row: 1 / span 5;
}

.header-container ul.menu > li > a, .header-container ul.menu > li > span, nav#block-corporateclean-account-menu a {
	color:#6C7173;
}

h2#block-corporateclean-account-menu-menu {
    display: none;
    visibility: hidden;
}

.center {
    text-align: center;
}

h1 {
    font-size: 3rem;
}

.field--label-above.field--entity-reference-target-type-taxonomy-term .field__label:before{
	content:unset;
}

.categories{
    padding-right: .5em;
}


.categories {
    display: block;
}

.field--name-field-tags, .field.field--name-field-author, .field.field--name-field-department, .publish-date {
    margin: 1em 0 !important;
}

.field.field--name-field-publish-date.field--type-string.field--label-above {
    font-size: .9em;
    display: inline-flex;
}

.field.field--name-field-publish-date.field--type-string.field--label-above {
    font-size: .9em;
    display: inline-flex;
    font-weight: 300;
}

.field.field--name-field-publish-date.field--type-string .field__label {
    font-weight: 500;
    padding-right: .3em;
}

.field.field--name-field-publish-date {
    font-style: italic;
}

.field.field--name-field-event-media.field--type-entity-reference.field--label-hidden.field--entity-reference-target-type-media.clearfix.field__item {
    max-height: 700px !important;
    overflow: hidden;
    max-width: 1200px !important;
    margin: 0 auto 1em;
}

/* News feed wrapper */
.view-content-feeds .view-content.row {
  display: block;
  max-width: 1100px;
  margin: 0 auto;
}

/* Each news item */
.article, .view-content-feeds.view-id-content_feeds.view-display-id-page_3 .view-content .views-row, .view.view-content-feeds.view-id-content_feeds.view-display-id-page_1 .view-content .views-row {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 1.5rem;
  align-items: start;

  padding: 1rem;
  margin-bottom: 1rem;

  border: 1px solid #d8d8d8;
  border-radius: 6px;
  background: #fff;
    max-height: none;
}

/* Thumbnail column */
.view-content-feeds .views-field-field-thumbnail-image {
  grid-row: 1 / span 5;
}

.view-content-feeds .views-field-field-thumbnail-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.view-content-feeds .views-row:has(.views-field-field-thumbnail-image .field-content:empty) {
  grid-template-columns: 1fr;
  padding: 1.25rem 1.5rem;
}

.view-content-feeds .views-row:has(.views-field-field-thumbnail-image .field-content:empty)
.views-field-field-thumbnail-image {
  display: none;
}

/* Date */
.publish-date {
  font-size: 0.9rem;
  color: #5f6670;
}

/* Title */
.article-title a {
  display: inline-block;
  color: #111;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.article-title a:hover,
.article-title a:focus {
  color: #005ea8;
  text-decoration: underline;
}

/* Summary */
.body {
  color: #333;
  font-size: 1rem;
  line-height: 1.45;
  max-width: 760px;
}

/* Tags as category label */
.categories {
  order: -1;
  color: #005ea8;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Hide empty tags */
.view-content-feeds .views-field-field-tags .field-content:empty {
  display: none;
}

/* Mobile */
@media (max-width: 700px) {
  .view-content-feeds .view-content.row .views-row {
    grid-template-columns: 1fr;
  }

  .view-content-feeds .views-field-field-thumbnail-image {
    grid-row: auto;
  }

  .view-content-feeds .views-field-field-thumbnail-image img {
    height: auto;
    max-height: 240px;
  }

  .view-content-feeds .views-field-title a {
    font-size: 1.25rem;
  }
}
/* Event card layout */
.view-display-id-page_2 .views-row {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  grid-template-areas:
    "image type"
    "image title"
    "image department"
    "image body";
  column-gap: 1.5rem;
  row-gap: 0.35rem;

  margin-bottom: 1rem;
  padding: 1rem;

  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

/* Image column */
.view-display-id-page_2 .views-field-field-event-media {
  grid-area: image;
}

.view-display-id-page_2 .views-field-field-event-media img {
  display: block;
  width: 100%;
  object-fit: cover;
  border-radius: 4px;
}

/* Right column fields */
.view-display-id-page_2 .views-field-field-event-type {
  grid-area: type;
}

.view-display-id-page_2 .views-field-title {
  grid-area: title;
}

.view-display-id-page_2 .views-field-field-department {
  grid-area: department;
}

.view-display-id-page_2 .views-field-body {
  grid-area: body;
}

/* Hide empty event type cleanly */
.view-display-id-page_2 .views-field-field-event-type .field-content:empty {
  display: none;
}

.view-display-id-page_2 .views-field-field-event-type:has(.field-content:empty) {
  display: none;
}

/* No-image event cards */
.view-display-id-page_2 .views-row:has(
  .views-field-field-event-media .field-content:empty
) {
  grid-template-columns: 1fr;
  grid-template-areas:
    "type"
    "title"
    "date"
    "department"
    "body";
  padding: 1.25rem 1.5rem;
}

.view-display-id-page_2 .views-row:has(
  .views-field-field-event-media .field-content:empty
)
.views-field-field-event-media {
  display: none;
}

/* Mobile */
@media (max-width: 768px) {
	.article, .view-content-feeds.view-id-content_feeds.view-display-id-page_3 .view-content .views-row, .view.view-content-feeds.view-id-content_feeds.view-display-id-page_1 .view-content .views-row {
    display:block;
	}
	
		.article img, .view-content-feeds.view-id-content_feeds.view-display-id-page_3 .view-content .views-row img, .view.view-content-feeds.view-id-content_feeds.view-display-id-page_1 .view-content .views-row img {
      text-align:center;
	}
	
  .view-display-id-page_2 .views-row {
    grid-template-columns: 1fr;
    grid-template-areas:
      "image"
      "type"
      "title"
      "department"
      "body";
  }

  .view-display-id-page_2 .views-field-field-event-media img {
    height: auto;
    max-height: 240px;
  }

  .view-display-id-page_2 .views-row:has(
    .views-field-field-event-media .field-content:empty
  ) {
    grid-template-areas:
      "type"
      "title"
      "department"
      "body";
  }
}

/* Hide event type field since it is often empty */
.view-display-id-page_2 .views-field-field-event-type {
  display: none;
}

/* Main event card layout */
.view-display-id-page_2 .views-row {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  grid-template-areas:
    "image department"
    "image title"
    "image date"
    "image body";
  column-gap: 1.5rem;
  row-gap: 0.45rem;
}

/* Assign fields */
.view-display-id-page_2 .views-field-field-event-media {
  grid-area: image;
}

.view-display-id-page_2 .views-field-title {
  grid-area: title;
}

.view-display-id-page_2 .views-field-field-department {
  grid-area: department;
}

.view-display-id-page_2 .views-field-body {
  grid-area: body;
}

.view-display-id-page_2 .views-field-field-when-value {
  grid-area: date;
}

.view-display-id-page_2 .views-field.views-field-field-department {
    color: #005ea8;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

footer#footer {
    background: #003366;
}

.field.field--name-field-headshot-image {
    max-width: 250px;
    float: left;
    padding-right: 1em;
}