/* Page Components - List with Intro */

.list__heading-container { margin-top: 4rem; margin-bottom: 6rem; }
.content-block__heading-container .list__heading { color: var(--accent-quaternary); margin: 0 0 1.666rem 0; }
.content-block__content.list__intro { font-size: 1.0rem; color: var(--darkest-gray); line-height: 1.67;}
.content-block__content.list__intro p { font-size: 1.0rem; color: var(--darkest-gray); line-height: 1.67; }
.list__heading-container .button__container { margin-top: 3.5rem; }
.list__slider-container { display: grid; grid-template-columns: 1fr 1.4fr; }


.nav-with-linked-text__list { position: relative; z-index: 1; display: flex; flex-direction: column; margin: 0rem 2rem 2rem 0rem; ; }
.nav-with-linked-text__btn { font-family: var(--text-family); position: relative; overflow: hidden; color: var(--accent-quaternary); font-size: 1.389rem; font-weight: 400; padding: 0.9rem 2rem 0.9rem 3rem; margin: 0; letter-spacing:normal ; transition: all 100ms ease-in-out; border-left: 1px solid rgb(29 34 36 / 50%); text-decoration: none; }
.acf-block-component .nav-with-linked-text__btn { text-decoration: none; }

.nav-with-linked-text__btn:hover, .nav-with-linked-text__btn.active  { color: var(--secondary); border-left: 2px solid var(--secondary); font-weight: 500; }

.nav-with-linked-text .linked__text-container { position: relative; height: 100%; overflow: hidden; }
.nav-with-linked-text .linked__text-item { position: absolute; left: 200%; width: 100%;transition: 600ms; margin-top: 0rem; margin-bottom: 0rem; }
.nav-with-linked-text .linked__text-item.active { left: 0; }


.linked__item-heading { color: var(--accent-quaternary); margin-bottom: 0.15rem; }
.linked__item-text { color: var(--darker-gray); margin-bottom: 0; }
.linked__item-container { border: solid 1px #1d2224; border-radius: 10px; -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px); background-color: rgb(255 255 255 / 20%); overflow: hidden; }
.linked__item-container-top { border-bottom: solid 1px #1d2224; align-items: center; display: grid; grid-template-columns: 1.5fr 1fr; }
.linked__item-image-container { position: relative; align-self: stretch; flex-shrink: 0; }
.linked__item-image-container img { height: 100%; width: 100%;object-fit: cover; }
.linked__item-image-label { position: absolute; left: 1.667rem; bottom: 1.69rem; color: var(--white); background: var(--primary); padding: 0.15rem 0.95rem; border-radius: 50px; text-transform: uppercase; font-size: 0.889rem; font-weight: 500; letter-spacing: 0.5px; }
.linked__item-data-container { display: grid; align-content: center; text-align: center; height: 100%; padding: 2.0rem 2.75rem; }
.linked__item-data-container p:last-child { margin-bottom: 0 }
.linked__item-container-bottom { padding: 2.5rem 4rem; }


@media (max-width: 1023px) {
  .list__heading-container { margin-top: 2rem; margin-bottom: 2rem; }
	.list__slider-container { display: grid; grid-template-columns: 1fr; }

  .nav-with-linked-text__list { display: none; }
  .nav-with-linked-text .linked__text-container { display: block; width: 100%; margin: 1rem auto 3rem; }
  .nav-with-linked-text .linked__text-item { position: initial; left: auto; width: 100%; }
  .nav-with-linked-text .linked__text-item { margin-top: 0; margin-bottom: 2.25rem;}
  .nav-with-linked-text .linked__text-item:last-child { margin-bottom: 0;}
}

@media (max-width: 799px) {
	.linked__item-data-container { padding: 1.5rem 1.5rem; }
  .linked__item-container-bottom { padding: 1.5rem 2rem; }
}

@media (max-width: 639px) {
	.linked__item-data-container { padding: 1.5rem 1.5rem; }
  .linked__item-container-bottom { padding: 1.5rem 2rem; }
  .nav-with-linked-text .linked__text-item { margin-top: 0; margin-bottom: 1.5rem;}
	.linked__item-image-label { position: absolute; left: 1.334rem; bottom: 1.36rem; padding: 0.15rem 0.95rem; font-size: 0.6667rem; }
}

@media (max-width: 479px) {
  .linked__item-container-top { grid-template-columns: 1fr; border-bottom: none; }
	.nav-with-linked-text .linked__text-container { margin: 0rem auto 3rem; }
  .nav-with-linked-text .linked__text-item { margin-top: 0; margin-bottom: 2rem;}
	.linked__item-data-container { padding: 1.25rem 1.5rem; text-align: left; padding-bottom: 0; }
  .linked__item__icon-container { max-height: 2.5rem; }
  .linked__item__icon-container img { width: 100%; height: 100%; object-fit: contain; object-position: left bottom; }
  .linked__item-container-bottom { padding: 1.25rem 1.5rem; }
}