#inner-page-wrapper .inner-page-container {
  padding:0
}

.aiosCommunitiesElevate__item {
  width:100%
}

.aiosCommunitiesElevate__item--title {
  position:absolute;
  z-index:5;
  left:0;
  bottom:var(--aios-communities-title-bottom, 0);
  width:100%;
  text-align:center;
  z-index:10;
  font-family:var(--font-family-title);
  font-size:25px;
  font-weight:400;
  line-height:1.6;
  letter-spacing:1.25px;
  padding:6px 10px;
  text-transform:uppercase;
  transform:var(--aios-communities-title-transform, none);
  transition:var(--transition, all .4s ease-in-out)
}

.aiosCommunitiesElevate__item--title:before {
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:var(--aios-communities-title-background, var(--aios-communities-primary-color, #000));
  opacity:var(--aios-communties-overlay-opacity, .7);
  transition:var(--transition, all .4s ease-in-out)
}

.aiosCommunitiesElevate__item.aios-communities-has-text-shadow {
  text-shadow:2px 2px 2px rgba(0,0,0,.5)
}

.aiosCommunitiesElevate__item a {
  display:block;
  position:relative;
  width:100%;
  color:#fff
}

.aiosCommunitiesElevate__item a canvas {
  width:100%;
  height:auto;
  display:block;
  z-index:1;
  height:207px
}

.aiosCommunitiesElevate__item a img {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  -o-object-position:center;
  object-position:center;
  -o-object-fit:cover;
  object-fit:cover;
  z-index:3;
  transition:var(--transition, opacity .4s ease-in-out)
}

.aiosCommunitiesElevate__item a:after {
  display:block;
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background:var(--aios-communities-primary-color, linear-gradient(0deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .7) 100%));
  height:100%;
  z-index:8;
  opacity:0;
  transition:all .4s ease-in-out
}

.aiosCommunitiesElevate__item a:hover {
  --aios-communities-title-transform: translateY(50%);
  --aios-communities-title-bottom: 50%;
  --aios-communities-title-background: transparent
}

.aiosCommunitiesElevate__item a:hover:after {
  opacity:.7
}

.aiosCommunitiesElevate__item.aios-communities-show-overlay a {
  --aios-communities-title-opacity: 0
}

.aiosCommunitiesElevate__item.aios-communities-show-overlay a:before {
  display:block;
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background:var(--aios-communities-overlay-color, #000);
  height:100%;
  z-index:7;
  opacity:var(--aios-communties-overlay-opacity, 0);
  transition:all .4s ease-in-out
}

.aiosCommunitiesElevate__item.aios-communities-show-overlay a:hover a {
  opacity:0
}

.aiosCommunitiesElevate__pagination {
  padding:60px 0 20px
}

.aiosCommunitiesElevate ul {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px
}

.aiosCommunitiesElevate ul li .page-numbers {
  width:40px;
  height:40px;
  display:flex;
  justify-content:center;
  align-items:center;
  font-weight:var(--pagination-font-weight, 600);
  font-size:var(--pagination-font-size, 16px);
  line-height:var(--pagination-line-height, 12%);
  color:var(--pagination-color, #000000);
  text-align:center;
  border:1px solid #AAAAAA;
  border-color:var(--pagination-border-color, #AAAAAA);
  transition:var(--transition, all .4s ease-in-out)
}

.aiosCommunitiesElevate ul li .page-numbers.current,.aiosCommunitiesElevate ul li .page-numbers:not(.dots):hover {
  background:var(--pagination-background-hover, #000000);
  color:var(--pagination-color-hover, #fff);
  border-color:var(--pagination-border-color-hover, #000000)
}

.aiosCommunitiesElevate ul li .page-numbers.prev,.aiosCommunitiesElevate ul li .page-numbers.next {
  font-size:var(--pagination-arrow-font-size, 14px)
}

@media screen and (min-width: 744px) {
.aiosCommunitiesElevate__items {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

.aiosCommunitiesElevate__item--title {
    font-size:25px;
    line-height:1;
    padding:14px 10px
  }

}

@media screen and (min-width: 1024px) {
.aiosCommunitiesElevate__item a canvas {
    height:284px
  }

}

@media screen and (min-width: 1280px) {
.aiosCommunitiesElevate__item--title {
    font-size:28px;
    line-height:1.6
  }

.aiosCommunitiesElevate__item a canvas {
    height:400px
  }

}