editorial-landing-page
{
  font-family: 'Whitney', sans-serif;
  font-size: 18px;
}

editorial-landing-page h1,
.page-wrapper editorial-landing-page h1
{
  font-family: 'Plantin MT', serif;
  font-size: 4.5rem;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
  text-transform: none;
}

editorial-landing-page h2,
.page-wrapper editorial-landing-page h2
{
  font-family: 'Plantin MT', serif;
  font-size: 2.25rem;
  font-weight: bold;
  margin: 15px 0; /* Smaller margin */
  text-align: center;
  text-transform: none;
}

editorial-landing-page h3,
.page-wrapper editorial-landing-page h3
{
  font-family: 'Plantin MT', serif;
  font-size: 2rem;
  font-weight: normal; /* Normal text weight */
  margin: 10px 0; /* Minimal spacing */
  text-align: center;
  text-transform: none;
}

editorial-landing-page h4,
.page-wrapper editorial-landing-page h4
{
  font-family: 'Plantin MT', serif;
  font-size: 1.75rem;
  font-weight: normal;
  text-transform: none;
  margin: 8px 0;
}

editorial-landing-page h5,
.page-wrapper editorial-landing-page h5
{
  font-family: 'Plantin MT', serif;
  font-size: 1.5rem;
  font-weight: normal;
  text-transform: none;
  margin: 8px 0;
}

editorial-landing-page h6,
.page-wrapper editorial-landing-page h6
{
  font-family: 'Plantin MT', serif;
  font-size: 1.25rem;
  font-weight: normal;
  text-transform: none;
  margin: 8px 0;
}

editorial-landing-page p,
.page-wrapper editorial-landing-page p
{
  font-family: 'Whitney', sans-serif;
  font-size: 18px;
}

editorial-landing-page .ebt-basic-button-wrapper
{
  background: linear-gradient(to bottom, #9704c2, #040bbb);
  border-radius: 6px;
  margin-bottom: 15px;
}

editorial-landing-page .ebt-basic-button-wrapper > a.ebt-basic-button {
  color: #fff;
  font-family: 'Whitney', sans-serif;
  font-weight: bold;
  text-transform: none;
  padding: 15px;
  border: none;
  background: none;
  margin-left: auto;
  margin-right: auto;
}

editorial-landing-page .ebt-button2-wrapper
{
  background: linear-gradient(to bottom, #9704c2, #040bbb);
  border-radius: 6px;
  margin-bottom: 15px;
}

editorial-landing-page .ebt-button2-wrapper > a.ebt-basic-button2 {
  color: #fff;
  font-family: 'Whitney', sans-serif;
  font-weight: bold;
  text-transform: none;
  padding: 15px;
  border: none;
  background: none;
  margin: 0 auto;
}

hr {
  color: #eaeaea;
  background-color: #eaeaea;
  height: 2px;
  border: none;
  margin-top: 18px;
  margin-bottom: 18px;
}

.centennial-blue {
  color: #22408f;
}

editorial-landing-page img {
  display: block;
  margin: 0 auto;
}

editorial-landing-page .field--name-field-ebt-image-caption {
  display: block;
  width: 100%;
  margin-top: 10px;
  text-align: center;
}

editorial-landing-page img.full-width {
  width: 100%;
  margin: 0;
  padding: 0;
}

editorial-landing-page .ebt-container {
  align-items: center;
  height: 100%;
}

editorial-landing-page .ebt-block-cta__content .cta-button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

editorial-landing-page div.ebt-container > span.ebt-basic-button-wrapper {
  display: block;
  width: auto;
  text-align: center;
  background: none;
  border-radius: 0;
  /*margin-bottom: 0;*/
}
editorial-landing-page div.ebt-block > div.ebt-container > span.ebt-basic-button-wrapper > a.ebt-basic-button {
  background: linear-gradient(to bottom, #9704c2, #040bbb);
  width: auto;
  border-radius: 6px;
  margin: 0 auto;
}

.white-text, .white-text::marker {
  color: #fff;
}

.goldenrod-text, .goldenrod-text::marker {
  color: #d9b300;
}

/*
  Section 1: Column 1: Latest articles
*/
editorial-landing-page .block-views-blockfront-page-col1-latest-block-front-page-col1-latest .views-row {
  margin-bottom: 2em;
}
editorial-landing-page .block-views-blockfront-page-col1-latest-block-front-page-col1-latest .views-field {
  margin-bottom: 0.5em;
}
editorial-landing-page .block-views-blockfront-page-col1-latest-block-front-page-col1-latest .views-field-title {
  cursor: pointer;
  text-align: center;
  font-size: 1.5em;
  font-family: "Whitney A", "Whitney B", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1;
}
editorial-landing-page .block-views-blockfront-page-col1-latest-block-front-page-col1-latest .views-field-field-teaser {
  margin: 0 0 .5em 0;
  font-weight: bold;
  color: #666666;
  font-size: 1em;
  line-height: 1.25;
}

editorial-landing-page .block-views-blockfront-page-col1-latest-block-front-page-col1-latest .views-field-uid {
  font-style: italic;
  font-family: "Whitney A", "Whitney B", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.25;
}

editorial-landing-page .block-views-blockfront-page-col1-latest-block-front-page-col1-latest .views-field-field-subtitle {
  cursor: pointer;
  font-size: 1em;
  font-family: "Plantin W01", "Georgia", "Times", "Times New Roman", serif;
  font-style: italic;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
/*
  Section 1: Column 2: Top story with hero image
  block-views-blockfront-page-col2-top-block-front-page-col2-top
*/

/*editorial-landing-page .block-views-blockfront-page-col2-top-block-front-page-col2-top .views-row .group-overlay {*/
/*  position: relative;*/
/*  top: -80px;*/
/*  left: -110px;*/
/*  width: 22.5em;*/
/*  margin: 0 3rem 0 6rem;*/
/*  padding: 1em 1.25em 2em;*/
/*  background: linear-gradient(to right, #9704c2ef, #040bb8ef);*/
/*  box-shadow: 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.2);*/
/*  color: #fff;*/
/*}*/

editorial-landing-page .block-views-blockfront-page-col2-top-block-front-page-col2-top .field--name-title {
  font-size: 0.7em;
  cursor: pointer;
  font-family: "Whitney A", "Whitney B", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  line-height: 0;
}
editorial-landing-page .block-views-blockfront-page-col2-top-block-front-page-col2-top .field--name-field-subtitle {
  font-weight: bold;
  opacity: .75;
  margin: 0 0 0.5em 0;
  font-family: "Whitney A", "Whitney B", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1em;
}
editorial-landing-page .block-views-blockfront-page-col2-top-block-front-page-col2-top .author-field-hero-regular {
  font-style: italic;
  font-weight: bold;
  opacity: .75;
  font-family: "Whitney A", "Whitney B", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1em;
  line-height: 1.25;
}
/*
  Section 1: Column 3: Editor's picks
*/
editorial-landing-page .block-views-blockfront-page-col3-picks-block-front-page-col3-picks .views-row {
  margin-bottom: 0.5em;
}
editorial-landing-page .block-views-blockfront-page-col3-picks-block-front-page-col3-picks .views-row:after
{
  content: '';
  display: block;
  height: 1px;
  border-bottom: 2px solid #00000020;
  margin: 0.25em 0 0.25em 0;
  box-sizing: content-box;
}
editorial-landing-page .block-views-blockfront-page-col3-picks-block-front-page-col3-picks .views-field {
  margin-bottom: 0.5em;
}
editorial-landing-page .block-views-blockfront-page-col3-picks-block-front-page-col3-picks .views-field-field-subtitle {
  cursor: pointer;
  font-size: 1.5em;
  font-family: "Whitney A", "Whitney B", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  line-height: 1;
  text-align: left;
}
editorial-landing-page .block-views-blockfront-page-col3-picks-block-front-page-col3-picks .views-field-uid {
  font-style: italic;
  font-family: "Whitney A", "Whitney B", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.25;
}
/*
  Section 2 (single column): Go to
*/
editorial-landing-page .block-views-blockarticles-goto-block-1
{
  color: #000;
  font-family: "Whitney A", "Whitney B", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.25;
  overflow: hidden;
}

editorial-landing-page .block-views-blockarticles-goto-block-1 .block-title
{
  text-align: center;
  font-family: "Whitney A", "Whitney B", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 1.5em;
}

editorial-landing-page .block-views-blockarticles-goto-block-1 .block-title:before
{
  content: '';
  display: block;
  height: 1px;
  background-image: linear-gradient(to right, #040bb8, #9704c2, #040bb8);
  border-bottom: 4px solid #fff;
  border-top: 4px solid #fff;
  margin: 1em 0 0.25em 0;
  box-sizing: content-box;
}

editorial-landing-page .block-views-blockarticles-goto-block-1 .views-row
{
  float: left;
  padding: 1em;
  width: 25%;
  font-size: 1.5em;
  font-family: "Plantin W01", "Georgia", "Times", "Times New Roman", serif;
  font-style: italic;
  font-weight: 200;
  line-height: 1;
  text-align: center;
  color: #040bb8;
}
/*
  Section 3 (single column): Latest articles
*/
editorial-landing-page .block-views-blockarticles-front-block-1
{
  color: #000;
  font-family: "Whitney A", "Whitney B", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.25;
}

editorial-landing-page .block-views-blockarticles-front-block-1 .vew-content
{
  overflow: hidden;
}

editorial-landing-page .block-views-blockarticles-front-block-1 .block-title
{
  text-align: center;
  font-family: "Whitney A", "Whitney B", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 1.5em;
}

editorial-landing-page .block-views-blockarticles-front-block-1 .block-title:before
{
  content: '';
  display: block;
  height: 1px;
  border-bottom: 2px solid #00000020;
  margin: 1em 0 0.25em 0;
  box-sizing: content-box;
}

editorial-landing-page .block-views-blockarticles-front-block-1 .grid.views-row
{
  position: relative;
  width: 28%;
  float: left;
  margin: 0 8% 1em 0;
}

editorial-landing-page .block-views-blockarticles-front-block-1 .grid.views-row:after
{
  content: '';
  position: absolute;
  right: 0;
  top: 1em;
  bottom: 1em;
  display: inline-block;
  margin-right: -2.75em;
  border-right: 8px solid #fff;
  box-shadow: 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.2);
}

editorial-landing-page .block-views-blockarticles-front-block-1 .grid.views-row:nth-of-type(3n)
{
  margin-right: 0;
}

editorial-landing-page .block-views-blockarticles-front-block-1 .wht
{
  display: none;
  border-top: 0 none;
  border-left: 0 none;
  border-right: 0 none;
  border-bottom: 8px solid #fff;
  clear: both;
}

editorial-landing-page .block-views-blockarticles-front-block-1 .wht.three-col
{
  display: block;
}

editorial-landing-page .block-views-blockarticles-front-block-1 hr
{
  color: #eaeaea;
  background-color: #eaeaea;
  height: 2px;
  border: none;
  margin-top: 18px;
  margin-bottom: 18px;
}

editorial-landing-page .block-views-blockarticles-front-block-1 .node--type-article
{
  padding: 3em 1em 2em 1em;
}

editorial-landing-page .block-views-blockarticles-front-block-1 .pager
{
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 10em 0 !important;
  margin: 0;
}

editorial-landing-page .block-views-blockarticles-front-block-1 .field-name-slug
{
  display: none;
}

editorial-landing-page .block-views-blockarticles-front-block-1 h4
{
  text-align: center;
  font-size: 1.5em;
  font-family: "Whitney A", "Whitney B", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 0.5em;
}

/* Base styles (likely already exist, but ensuring the parent is a grid container) */
.layout--threecol-section--25-50-25 {
  display: grid;
  grid-template-columns: 25% 50% 25%;
  gap: 10px; /* Adjust gap as needed */
}

.layout__region--third div.field-content {
  padding-right: 20px;
}


/* Scenario 1: Width between 900px and 1250px */
@media screen and (min-width: 900px) and (max-width: 1250px) {
  .layout--threecol-section--25-50-25 {
    /* Define a 2-column grid.
       1fr 2fr creates the 1/3 and 2/3 relationship requested. */
    grid-template-columns: 1fr 2fr;
    grid-template-areas:
      "first second"
      "third third";
  }

  .layout__region--first {
    grid-area: first;
  }

  .layout__region--second {
    grid-area: second;
  }

  .layout__region--third {
    grid-area: third;
    width: 100%;
  }
}

/* Scenario 2: Width less than 900px */
@media screen and (max-width: 899px) {
  .layout--threecol-section--25-50-25 {
    /* Switch to a single column layout */
    grid-template-columns: 100%;
    grid-template-areas:
      "second"
      "first"
      "third";
  }

  .layout__region--second {
    grid-area: second;
  }

  .layout__region--first {
    grid-area: first;
  }

  .layout__region--third {
    grid-area: third;
  }
}