.resource-banner { padding-top: 180px; z-index: 20; background: var(--primary)}
.resource-banner__row { margin-top: -80px; }
.resource-banner .row { max-width:1430px }
.resource-banner .row .columns { padding: 0 20px; }
.resource-banner__image { height: 600px; background-repeat: no-repeat; background-size: cover; clip-path:var(--notch-left-large);}
.resource-banner__banner { display: grid; grid-template-columns: 3fr 1.25fr; max-width: 1430px; margin: 0 auto; transform: translate(25px, 80px); position: relative; width: 100%; }
.resource-banner__banner:after { position: absolute; bottom: 0; height: 5px; background: var(--primary); width: calc(100% - 51px); left: 0; content: '';}
.resource-banner__sidebar { background: #fff; padding: 0 35px; display: flex; flex-direction: column; justify-content: center; clip-path:var(--notch-left-large); transform: translateX(-50px);}
.resource-banner__sidebar__icon { width: 102px; height: 102px; background: var(--secondary); color: var(--white); display: flex; align-items: center; justify-content: center; font-size: 4.25rem; clip-path: var(--notch-right-medium); }
.resource-banner__sidebar__post { display: flex; gap: 15px; padding: 30px 0 45px; border-top: 1px solid var(--lighter-gray)}
.resource-banner__sidebar__post:nth-of-type(1) { border-top: 0; padding-top: 0; }
.resource-banner__sidebar__post:nth-last-of-type(1) { padding-bottom: 0; }
.resource-banner__sidebar__content { width: 60%; }
.resource-banner__sidebar__content__title { font-size: 1.0625rem; margin: 0 0 5px; text-transform: uppercase; color: var(--secondary); }
.resource-banner__sidebar__content__excerpt { margin: 0; color: var(--gray) }
.resource-banner__sidebar__content__excerpt:hover {color: var(--secondary) }

/* Colors for News Types */
.color-newsletter .resource-banner__sidebar__icon { background-color: var(--light-blue) }
.color-newsletter .resource-banner__sidebar__content__title { color: var(--light-blue) }

.color-events .resource-banner__sidebar__icon{ background-color: var(--blue) }
.color-events .resource-banner__sidebar__content__title{ color: var(--blue) }

.color-news .resource-banner__sidebar__icon { background-color: var(--secondary) }
.color-news .resource-banner__sidebar__content__title { color: var(--secondary) }

@media only screen and (max-width: 1400px) {
  .resource-banner__banner { transform: translate(25px, 80px);}
}

@media only screen and (max-width: 1000px) {
  .resource-banner__image { height: 300px; }
  .resource-banner { padding-top: 80px; }
  .resource-banner .page-title { text-align: center;}
  .resource-banner__banner { grid-template-columns: 1fr; padding: 0 20px; transform: translate(0, 40px);}
  .resource-banner__sidebar { clip-path:none; transform: translateX(0); padding: 20px; }
  .resource-banner__sidebar__post { align-items: center; padding: 20px 0; gap: 30px; }
  .resource-banner__banner:after { position: absolute; bottom: 0; height: 5px; background: var(--primary); width: calc(100% - 51px); left: 25px; content: '';}
}