.load-more{
    display: none;
    margin:auto;
}

.load-more.active{
    display: block;
}

.listing-selector{
display: flex;
    width: 100%;
    margin-bottom: 5rem;
    gap: 1rem;
}

.listing-selector button{
    display: inline-block;
    background: transparent;
    color: #000;
    padding: 0.5em 1.2em;
    border: 1px solid #000;
    text-align: center;
    text-decoration: none;
    font-size: .99rem;
}

.listing-selector button.active{
    background: #000;
    color: #fff;
}

.listing-items{
    width: 100%;
}

.listing, .listing-items {
	display:flex;
	flex-wrap:wrap;
}
.listing__intro-container {
	padding:3rem 0 2rem;
}
.listing .intro-container__text {
    max-width: calc(20%);
    padding: 0 1.5rem;
}
.listing .intro-container__cta {
	max-width: calc(20%);
    padding: 0 1.5rem;
}
.listing__item {
	display:none;
	width:20%;
	text-decoration: none;
	margin-bottom:2rem;
}

.listing__item.active {
    display: block;
}

.listing__item__head {
	position: relative;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	color:#fff;
}

.listing__item__head .btn{
	color:white;
	text-transform: uppercase;
	padding:10px 0px;
	border:solid 1px white;
	background: none;
	font-size:16px;
	opacity: 0;
	transition: all 0.3s ease;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left:0;
	right:0;
	margin:0 auto;
	display: block;
	width:150px;
}
.listing__item:hover .btn{
  opacity:1;
}

.listing__item__head:hover .btn{
  opacity:1;
}
.listing__item__head::before {
	content: "";
	width: 1px;
	margin-left: -1px;
	float: left;
	height: 0;
	padding-bottom:calc(10/16 * 100%);
}
.listing__item__head::after { /* to clear float */
  content: "";
  display: table;
  clear: both;
}
.listing__item__head__text {
  width: 70%;
  position: relative;
	padding: 1.5rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
/* .title-medium{
  font-size: 2.4rem;
} */
.listing__item:hover .listing__item__head h2{
  opacity:0;
}
.listing__item:hover .listing__item__sub-title{
  opacity:0;
}
.listing__item:hover .listing__item__img-overlay {
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
  transition: all 0.3s ease;
}


.listing__item__sub-title {
/* 	text-decoration:underline; */
  padding-bottom: 15px;
}
.listing__item__img {
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
}
.listing__item__img-overlay {
	position:absolute;
	width:100%;
	height:100%;
/* 	background:rgba(0,0,0,0.2); */
  background:rgba(0,0,0,0);
}

.listing__item__text {
    padding: 1.5rem;
}

.listing__item-popup__mask {
	visibility:hidden;
	opacity:0;
	display:flex;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: rgba(33, 33, 33, 0.85);
	align-items:center;
	justify-content:center;
	z-index:9;
	cursor:pointer;
	transition:opacity 0.3s ease, visibility 0s linear 0.3s;
}
.listing__item-popup__mask.active {
	visibility:visible;
	opacity:1;
	transition:opacity 0.3s ease, visibility 0s linear 0s;
}
.listing__item-popup {
	background:#FFF;
	padding:50px 40px;
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
    max-height: 90vh;
    overflow: auto;
	max-width:1085px;
	width:90%;
	cursor:auto;
	border:1px solid #000;
}
.listing__item-popup__close{
    position: absolute;
	z-index:1;
    top: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
	cursor: pointer;
	-webkit-appearance:none;
	appearance:none;
	padding:0;
	border:0;
	background:none;
}
.listing__item-popup__cross {
    top: 50%;
}
.listing__item-popup__cross, .listing__item-popup__cross::after, .listing__item-popup__cross::before {
	content:'';
	position:absolute;
	display: block;
	height: 1px;
	width:100%;
	border-radius:1px;
    transform: translate(0,-50%);
}
.listing__item-popup__cross::before {
    top: 0;
    transform: rotate(45deg);
	background: currentColor;
}
.listing__item-popup__cross::after {
	bottom: 0;
    transform: rotate(-45deg);
	background: currentColor;
}
.listing__item-popup__image {
	width:40%;
	box-shadow: rgb(0 0 0 / 20%) -9px 9px 15px;
  object-fit: cover;
}
.listing__item-popup__text {
	width:56%;
/* 	font-size:calc(28rem/16); */
}

.listing-items .listing__item:nth-of-type(n+21) {
	display:none;
}

@media only screen and (max-width:1080px) {
	.listing .intro-container__text {
		width:48.5%;
		max-width: 33.5rem;
	}
	.listing .intro-container__cta {
		max-width:none;
	}
	.listing__item {
		width:50%;
	}
}
@media only screen and (max-width:767px) {
	.listing .intro-container__text {
		width:100%;
		margin: 1rem 0;
	}
}
@media only screen and (max-width:650px) {
	.listing__item {
		width:100%;
	}
  .listing__item-popup{
  display: block;
  }
  .listing__item-popup__image {
    width: 100%;
    margin-bottom: 30px;
  }
  .listing__item-popup__text{
   width: 100%; 
  }
}