/* gis template - additions for Joomla 6 markup. template.css is the unchanged Joomla 3 stylesheet. */

/* Joomla 3 served server-side crops (444x228, 770x395); Joomla 6 shows the original image cropped by CSS. */
.highlights .news-article-img .image-wrap img,
.news .news-article-img .image-wrap img {
  aspect-ratio: 444 / 228;
  object-fit: cover;
}

.members .news-article-img .image-wrap img {
  aspect-ratio: 444 / 228;
  object-fit: contain;
}

.article-wrapper .content .intro-image-wrap > .intro-image {
  aspect-ratio: 770 / 395;
  object-fit: cover;
}

/* Pagination: Joomla 3 used <button> elements, Joomla 6 uses links. */
.pagination ul li a,
.pagination ul li span.page,
.pagination ul li span.separator,
.pagination ul li span.prev,
.pagination ul li span.next {
  display: inline-block;
  position: relative;
  height: 32px;
  width: 60px;
  margin-left: 5px;
  margin-right: 5px;
  color: #191A1B;
  font-family: 'Poppins', 'sans-serif';
  font-size: 18px;
  font-weight: 500;
  line-height: 37px;
  text-align: center;
  text-decoration: none;
}

.pagination ul li a:hover {
  color: #84bce9;
}

.pagination ul li .page.active {
  border-radius: 3px;
  background-color: #a1bf35;
  color: #fff;
}

.pagination ul li .prev {
  margin-right: 17px;
}

.pagination ul li .next {
  margin-left: 17px;
}

.pagination ul li .hide {
  visibility: hidden;
}

.pagination .arrow {
  position: absolute;
  top: 50%;
  width: 23px;
  height: 2px;
  border-radius: 1px;
  background: #a1bf35;
}

.pagination .arrow::before,
.pagination .arrow::after {
  content: "";
  position: absolute;
  left: 0;
  width: 9px;
  height: 2px;
  border-radius: 1px;
  background: #a1bf35;
  transform-origin: 1px center;
}

.pagination .arrow.prev {
  right: 18px;
}

.pagination .arrow.prev::before {
  transform: rotate(-35deg);
}

.pagination .arrow.prev::after {
  transform: rotate(35deg);
}

.pagination .arrow.next {
  left: 18px;
}

.pagination .arrow.next::before,
.pagination .arrow.next::after {
  left: auto;
  right: 0;
  transform-origin: calc(100% - 1px) center;
}

.pagination .arrow.next::before {
  transform: rotate(35deg);
}

.pagination .arrow.next::after {
  transform: rotate(-35deg);
}

/* Facebook Page plugin (replaces mod_social_feeds). */
.social-feeds .fb-page-wrap {
  margin-top: 30px;
  max-width: 500px;
}

.social-feeds .fb-page-wrap iframe {
  display: block;
  width: 100%;
  border: none;
  overflow: hidden;
}

/* Joomla 6 system messages. */
#system-message-container:not(:empty) {
  margin-top: 20px;
}