.frontpage_news-block
{
  margin: 0;
  position: relative;
}

.frontpage_news-block,
.frontpage_news_row-block
{
  background-color: #f0ede5;
}

.frontpage_news-block::before
{
  background-image: url('/themes/contrib/arta_theme/images/hc-pattern-overlay.png');
  background-repeat: no-repeat;
  z-index: 0;
  background-position: top;
  overflow: visible;
  content: " ";
  position: absolute;
  right: -45px;
  top: -30px;
  width: 258px;
  height: 220px;
  background-size: contain;
}

.frontpage_news-block h2
{
  text-align: center;
  font-family: var(--font-roboto-condensed);
  font-weight: 300;
  font-size: 3rem;
  margin-bottom: 1.9rem;
  padding-top: 1.9rem;
  text-transform: uppercase;
  color: var(--gt-navy);
}

.frontpage_news-block h2::before
{
  background-image: url('/themes/contrib/arta_theme/images/gt-branding-chiclit-sm.png');
  background-repeat: no-repeat;
  content: " ";
  height: 35px;
  width: 70px;
  margin: 1rem auto;
  display: block;
}

.frontpagenews
{
  padding: 0 5%;
}

.hp-news
{
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 0 15px 0 15px;
  background-color: #ffffff;
  box-shadow: var(--arta-shadow-black);
  position: relative;
  z-index: 1;
}

.hp-news .views-field-field-image img
{
  border-radius: 0 0 0 15px;
  width: 100%;
}

.hp-news .views-field-field-story-link
{
  flex: 0 1 50%;
  padding: 0 3%;
}

.hp-news .views-field-field-story-link h3,
.hp-news .views-field-field-story-link h3 a,
.hp-news .views-field-field-story-link h3 a:link
{
  color: #000000;
  font-size: 2rem;
  font-weight: 400;
}

.hp-news-text h2
{
  text-align: center;
  font-family: var(--font-roboto-condensed);
  font-weight: 300;
  font-size: 3rem;
  padding: 0 0 2% 0;
}

.hp-newsAreas
{
  padding: 3.125rem 5% 0;
}

.hp-newsAreas .view-content-wrap
{
  display: flex;
  background-color: #f0ede5;
  padding: 0;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}

.hp-news-image img
{
  width: 100%;
  display: block;
  border-radius: 15px 15px 0px 0px;
  z-index: 1;
}

.hp-newsAreas .more-link
{
  text-align: center;
  padding: 30px;
  font-size: 1.1rem;
}

a.hp-news-image:hover,
a.hp-news-image img:hover,
.highlightedAreas .item a:hover
{
  border-radius: 0px 15px 0px 15px;
}

.hp-news-text
{
  border-radius: 0px 0px 15px 15px;
  margin: 0px 0 0 0;
  color: #000000;
  font-weight: 400;
  background: #ffffff;
  padding: 1rem;
  text-align: center;
  flex-basis: 0;
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

.hp-news-3shadow
{
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  box-shadow: var(--arta-shadow-black);
  text-decoration: none;
}

a.hp-news-3shadow:hover
{
  color: var(--gt-drk-gold);
  box-shadow: var(--arta-shadow-gold);
  text-decoration: underline;
}

.hp-news-3
{
  flex: 0 0 31.45%;
}

/* at some point we should look into removing the extra 
divs that necessitate the ">div"'s in this next bit. */

.hp-news-3>div,
.hp-news-3>div>div,
.hp-news-3shadow
{
  height: 100%
}

/** 
NEWS LISTING VIEW CSS 
**/

.news-listing-view .item
{
  display: grid;
  grid-template-columns: 300px auto;
  gap: 1rem;
}

.news-listing-view .item:not(:last-child)
{
  padding-bottom: 2rem;
  border-bottom: 2px solid var(--gt-drk-gold);
}

.news-listing-view .item:not(:first-child)
{
  margin-top: 2rem;
}

.news-listing-view .views-field-field-image img
{
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.news-listing-view .news-title,
.news-listing-view .news-body p,
.news-listing-view .news-read-time
{
  font-size: 1.4rem;
  color: var(--gt-black);
  line-height: 1.2em;
}

.news-listing-view .news-read-time
{
  margin-bottom: 1.3rem;
  font-weight: 300;
  font-size: 1.2rem;
  font-weight: 400;
}

.news-listing-view .pager
{
  margin-top: 2rem;
}

.news-listing-view .news-title
{
  font-weight: 500;
  padding-bottom: 0.5rem;
}

.news-listing-view .news-body p
{
  font-weight: 300;
}

.news-listing-view .news-body
{
  margin-bottom: 1rem;
}

.news-date
{
  line-height: 1em;
  padding-bottom: 0.5rem;
}

/**
IN THE PRESS SIDEBAR CSS
**/

.external_news_sidebar-block h2
{
  display: block;
  padding: 1.5rem;
  text-align: center;
  background-color: var(--gt-navy);
  font-weight: 400;
  color: var(--gt-white);
  border-top-right-radius: 1rem;
  margin-bottom: 0px;
}

.external_news_sidebar-block .view-content
{
  padding: 2.5rem;
  background-color: var(--arta-vlight-gold);
  border-bottom-left-radius: 1rem;
}

.external_news_sidebar-block .item:not(:last-child)
{
  margin-bottom: 2rem;
}

.external_news_sidebar-block .views-field-field-publication
{
  color: var(--gt-drk-gold);
  font-weight: 500;
}

.external_news_sidebar-block .views-field-title a
{
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1rem;
  text-decoration: none;
}

.external_news_sidebar-block .views-field-title a:hover
{
  color: var(--gt-black);
  text-decoration: underline;
}

/**
MOBILE (aka @media) ADJUSTMENTS
**/

@media screen and (max-width: 1395px)
{
  .fpNewsLeft .views-field-body
  {
    height: 19rem;
  }
}

@media screen and (max-width: 1198px)
{
  .hp-news .views-field-field-story-link h3
  {
    font-size: 1.7rem;
  }

  .hp-news .views-field-field-story-link p
  {
    font-size: .85rem;
  }
}

@media screen and (max-width: 991px)
{
  .hp-news-3
  {
    flex: 0 1 calc(50% - 1rem);
    /* NOTE: 1rem is half the gap set for the flexbox
      adjust as necessary. */
  }

  .frontpageNews .view-content,
  .fpNewsRight .views-row
  {
    display: block;
  }

  .fpNewsLeft
  {
    margin-bottom: 2rem;
  }

  .fpNewsLeft .views-field-body
  {
    height: auto;
  }

  .latest-news::before
  {
    display: none;
  }

  .hp-news
  {
    flex-direction: column;
    margin: 0 auto;
  }

  .hp-news .views-field-field-image,
  .hp-news .views-field-field-image img
  {
    width: 100%;
    border-radius: 0 1rem 0 0; 
  }

  .hp-news .views-field-field-story-link
  {
    padding: 1.5rem;
  }

  .relevant-content-item
  {
    flex-basis: 45%;
  }

  .relevant-content
  {
    flex-wrap: wrap;
  }

  .frontpage_news-block::before
  {
    display: none;
  }
}

@media screen and (max-width: 700px)
{
  .hp-news-3
  {
    flex-basis: 100%;
  }

  .news-listing-view .item
  {
    grid-template-columns: 1fr;
  }

  .news-listing-view .views-field-field-image img
  {
    width: 100%;
  }

  .relevant-content
  {
    gap: unset;
  }

  .relevant-content-item
  {
    flex-basis: 100%;
  }
}