/* .custom-popup-overlay {
  position: fixed;
  top:0; left:0; right:0; bottom:0;
  background: rgba(0,0,0,0.7);
  display:flex;
  justify-content:center;
  align-items:center;
  z-index: 9999;
}

.custom-popup {
  background: #222;
  color: white;
  padding: 1rem 2rem;
  max-width: 600px;
  max-height: 80vh;
  overflow-y: auto;
  position: relative;
  border-radius: 8px;
}

.custom-popup-close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 1.5rem;
  background: none;
  border: none;
  color: white;
  cursor: pointer;
} */

.custom-popup-overlay{
    width: 35vw;
    position: fixed;
    top: var(--header-height);

    background: var(--color-nero);
    height: calc(100vh - var(--header-height));
    padding: 3rem;
    overflow-y: auto;
	left: -40vw;
	transition: left 1.2s ease-in-out;
}

#people-popup-container {

        z-index: 999999;
	position: fixed;
}

#people-popup-container.is-active .custom-popup-overlay{

    left: 0;
}



@media (max-width: 768px) {
    .custom-popup-overlay{
        width: 100vw;
		left: -100vw;
        padding: 1.5rem;
    }
}

.custom-popup img{
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: auto;
    width: 80%;
}

.custom-popup a,
.custom-popup p,
.custom-popup h2{
    color: white;
}

.popup-title{
	font-size: 1.375rem;
}


.custom-popup-close{
    background: none;
    height: 46px;
    width: 100%;
    position: relative;
    right:0;
    display: flex;
    justify-content: right;
    margin-bottom: 1rem;
    padding-right:0;
}

.custom-popup-close img{
width: 24px;
}