.field--name-field-views-selection:has(.view .blog) .viewsreference--view-title {
  margin: 30px 0 45px 0;
  color: var(--under-the-elms);
  font-family: var(--text-display);
  font-size: 22px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}

.mod-page-container[style*="background: #00694E;"] .field--name-field-views-selection:has(.view .blog) .viewsreference--view-title,
.mod-page-container[style*="background: #024230;"] .field--name-field-views-selection:has(.view .blog) .viewsreference--view-title,
.mod-page-container[style*="background: #524D47;"] .field--name-field-views-selection:has(.view .blog) .viewsreference--view-title {
  color: var(--white);
}

.modInnerContent[style*="background-color:rgba(0, 105, 78, 1);"] .field--name-field-views-selection:has(.view .blog) .viewsreference--view-title,
.modInnerContent[style*="background-color:rgba(2, 66, 48, 1);"] .field--name-field-views-selection:has(.view .blog) .viewsreference--view-title,
.modInnerContent[style*="background-color:rgba(82, 77, 71, 1);"] .field--name-field-views-selection:has(.view .blog) .viewsreference--view-title {
  color: var(--white);
}

.modInnerContent:is([style*="background-color:rgba(255, 255, 255, 1);"], [style*="background-color:rgba(181, 227, 216, 1);"]) .field--name-field-views-selection:has(.view .blog) .viewsreference--view-title {
  color: var(--under-the-elms);
}

.field--name-field-views-selection:has(.view .blog) .viewsreference--view-title::after {
  content: '';
  display: block;
  height: 5px;
  width: 50px;
  background: var(--marigold);
  margin-top: 10px;
}

.view .blog ul {
  padding: 0;
}

.view .blog ul li {
  margin-bottom: 30px;
}

.view .blog ul li a {
  display: flex;
  flex-direction: column;
  column-gap: 30px;
  text-decoration: none;
  background: var(--white);
}

@media only screen and (min-width: 992px) {
  .view .blog ul li a {
    flex-direction: row;
  }
}

.mod-page-container:is([style=""], [style*="background: #FFFFFF;"]) .modInnerContent:is([style=""], [style*="background-color:rgba(255, 255, 255, 1);"]) .view .blog ul li a,
.mod-page-container:not(:is([style=""], [style*="background: #FFFFFF;"])) .modInnerContent[style*="background-color:rgba(255, 255, 255, 1);"] .view .blog ul li a {
  background: var(--light-gray);
}

.view .blog ul li a:is(:hover, :focus) {
  background: var(--under-the-elms) !important;
}

.mod-page-container[style*="background: #024230;"] .modInnerContent:is([style=""], [style*="background-color:rgba(2, 66, 48, 1);"]) .view .blog ul li a:is(:hover, :focus),
.mod-page-container:is([style=""], [style*="background: #FFFFFF;"]) .modInnerContent[style*="background-color:rgba(2, 66, 48, 1);"] .view .blog ul li a:is(:hover, :focus) {
  background: var(--cutler) !important;
}

.view .blog ul li a .field--name-field-image,
.view .blog ul li a .text-content {
  flex: 0 0 calc(50% - 15px);
}

.view .blog ul li a .field--name-field-image {
  overflow: hidden;
}

.view .blog ul li a .field--name-field-image img {
  display: block;
  width: 100%;
  max-height: 325px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  transition: var(--transition-default);
}

@media only screen and (min-width: 992px) {
  .view .blog ul li a .field--name-field-image img {
    max-height: unset;
    height: 100%;
  }
}

.view .blog ul li a:is(:hover, :focus) .field--name-field-image img {
  transform: scale(1.1);
}

.view .blog ul li a .text-content {
  padding: 30px;
}

@media only screen and (min-width: 992px) {
  .view .blog ul li a .text-content {
    padding: 30px 30px 30px 0;
  }
}

.view .blog ul li a .text-content .article-title {
  display: block;
  color: var(--under-the-elms);
  font-family: var(--text-serif);
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
  transition: var(--transition-default);
}

.view .blog ul li a .text-content .field--name-field-publication-date {
  color: var(--middle-gray);
  font-family: var(--text-sans);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  transition: var(--transition-default);
}

.view .blog ul li a:is(:hover, :focus) .text-content .field--name-field-publication-date {
  color: var(--sycamore);
}

.view .blog ul li a .text-content .article-abstract {
  color: var(--black);
  font-family: var(--text-sans);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  transition: var(--transition-default);
}

.view .blog ul li a:is(:hover, :focus) .text-content .article-title,
.view .blog ul li a:is(:hover, :focus) .text-content .article-abstract {
  color: var(--white);
}

.view:has(.blog) .pager_info {
  margin: 30px 0px 20px 0px;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--text-display);
  text-transform: uppercase;
  color: var(--under-the-elms);
  text-align: center;
}

.mod-page-container:is([style*="background: #00694E;"], [style*="background: #024230;"], [style*="background: #524D47;"]) .view:has(.blog) .pager_info,
.modInnerContent:is([style*="background-color:rgba(2, 66, 48, 1);"], [style*="background-color:rgba(82, 77, 71, 1);"], [style*="background-color:rgba(0, 105, 78, 1);"]) .view:has(.blog) .pager_info {
  color: var(--sycamore);
}

.view:has(.blog) .pager ul {
  overflow: visible;
  padding: 0px 0px 45px 0px;
}

.view:has(.blog) .pager li {
  padding: 0;
  margin-right: 5px;
  display: inline-block;
}

.view:has(.blog) li.pager__item a,
.view:has(.blog) li.pager__item a * {
  font-family: p22-mackinac-pro, Times New Roman, serif;
  font-size: 18px;
  font-weight: 700;
}

.mod-page-container:is([style*="background: #00694E;"], [style*="background: #024230;"], [style*="background: #524D47;"]) .view:has(.blog) .pager__items *,
.modInnerContent:is([style*="background-color:rgba(2, 66, 48, 1);"], [style*="background-color:rgba(82, 77, 71, 1);"], [style*="background-color:rgba(0, 105, 78, 1);"]) .view:has(.blog) .pager__items * {
  color: var(--white);
}

.mod-page-container:is([style*="background: #00694E;"], [style*="background: #024230;"], [style*="background: #524D47;"], [style*="background: #B5E3D8;"]) .view:has(.blog) .pager__items .is-active a,
.modInnerContent:is([style*="background-color:rgba(2, 66, 48, 1);"], [style*="background-color:rgba(82, 77, 71, 1);"], [style*="background-color:rgba(0, 105, 78, 1);"], [style*="background-color:rgba(181, 227, 216, 1);"]) .pager__items .is-active a {
  color: var(--under-the-elms);
}

.mod-page-container[style*="background: #B5E3D8;"] .view:has(.blog) .pager__items .is-active a,
.modInnerContent[style*="background-color:rgba(181, 227, 216, 1);"] .view:has(.blog) .pager__items .is-active a {
  background: var(--white);
}

.view:has(.blog) .pager li a {
  text-decoration: none;
  display: inline-block;
  padding: .25em .75em;
  transition: .2s all ease-in-out;
}

.view:has(.blog) .pager li a:hover,
.view:has(.blog) .pager li a:focus,
.view:has(.blog) .pager li.is-active a:hover,
.view:has(.blog) .pager li.is-active a:focus {
  background: var(--under-the-elms);
  color: var(--white);
}

.mod-page-container:is([style*="background: #00694E;"], [style*="background: #024230;"], [style*="background: #524D47;"]) .view:has(.blog) .pager li a:is(:hover, :focus),
.modInnerContent:is([style*="background-color:rgba(2, 66, 48, 1);"], [style*="background-color:rgba(82, 77, 71, 1);"], [style*="background-color:rgba(0, 105, 78, 1);"]) .view:has(.blog) .pager li a:is(:hover, :focus) {
  color: var(--under-the-elms);
  background: var(--white);
}

.view:has(.blog) .pager li a:focus,
.view:has(.blog) .pager li.is-active a:focus {
  outline-offset: -2px;
}

.view:has(.blog) .pager li.is-active a {
  background: var(--teal);
  color: var(--under-the-elms);
  font-weight: 800;
}

.view:has(.blog) .pager li.pager__item--first a,
.view:has(.blog) .pager li.pager__item--previous a,
.view:has(.blog) .pager li.pager__item--next a,
.view:has(.blog) .pager li.pager__item--last a {
  outline: 2px solid transparent;
  outline-offset: -2px;
}

.view:has(.blog) .pager li.pager__item--first a:hover,
.view:has(.blog) .pager li.pager__item--previous a:hover,
.view:has(.blog) .pager li.pager__item--next a:hover,
.view:has(.blog) .pager li.pager__item--last a:hover {
  outline: 2px solid var(--under-the-elms);
  background: transparent;
}

.mod-page-container:is([style*="background: #00694E;"], [style*="background: #024230;"], [style*="background: #524D47;"]) .view:has(.blog) .pager li.pager__item--first a:hover,
.mod-page-container:is([style*="background: #00694E;"], [style*="background: #024230;"], [style*="background: #524D47;"]) .view:has(.blog) .pager li.pager__item--previous a:hover,
.mod-page-container:is([style*="background: #00694E;"], [style*="background: #024230;"], [style*="background: #524D47;"]) .view:has(.blog) .pager li.pager__item--next a:hover,
.mod-page-container:is([style*="background: #00694E;"], [style*="background: #024230;"], [style*="background: #524D47;"]) .view:has(.blog) .pager li.pager__item--last a:hover,
.modInnerContent:is([style*="background-color:rgba(2, 66, 48, 1);"], [style*="background-color:rgba(82, 77, 71, 1);"], [style*="background-color:rgba(0, 105, 78, 1);"]) .view:has(.blog) .pager li.pager__item--first a:hover,
.modInnerContent:is([style*="background-color:rgba(2, 66, 48, 1);"], [style*="background-color:rgba(82, 77, 71, 1);"], [style*="background-color:rgba(0, 105, 78, 1);"]) .view:has(.blog) .pager li.pager__item--previous a:hover,
.modInnerContent:is([style*="background-color:rgba(2, 66, 48, 1);"], [style*="background-color:rgba(82, 77, 71, 1);"], [style*="background-color:rgba(0, 105, 78, 1);"]) .view:has(.blog) .pager li.pager__item--next a:hover,
.modInnerContent:is([style*="background-color:rgba(2, 66, 48, 1);"], [style*="background-color:rgba(82, 77, 71, 1);"], [style*="background-color:rgba(0, 105, 78, 1);"]) .view:has(.blog) .pager li.pager__item--last a:hover {
  outline: 2px solid var(--white);
  background: transparent;
}

.view:has(.blog) .pager li.pager__item--first a:focus,
.view:has(.blog) .pager li.pager__item--previous a:focus,
.view:has(.blog) .pager li.pager__item--next a:focus,
.view:has(.blog) .pager li.pager__item--last a:focus {
  background: var(--under-the-elms);
  color: var(--white);
}

.view:has(.blog) .pager li a:hover span {
  color: var(--under-the-elms);
}

.view:has(.blog) .pager li a:focus span {
  color: var(--white);
}