/** PEOPLE ARCHIVE **/
/* Global */
.hide{
	display: none !important;
}
/* Modals */
.so-modal-wrap{
	opacity: 0;
	position: fixed;
	top: 0; left: 0;
	width: 100vw; height: 100vh;
	z-index: -999999;
	transition: opacity 0.3s;
}
.so-modal-wrap.active{
	z-index: 999999;
	opacity: 1;
}
.so-modal-overlay{
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: rgba(0,0,0,0.75);
}
.so-modal{
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%,-50%);
	width: 100%; height: auto;
	max-width: 40rem; max-height: calc(100vh - 4rem);
	background: #f4f2ee;
	padding: 2rem;
}
.so-modal__content-wrap{
	position: relative;
	width: 100%; height: 100%;
}
.so-modal__content{
	width: 100%; height: 100%;
	overflow-y: scroll;
	padding-top: 1rem;
}
.so-modal__close{
	position: absolute;
	top: -1.25rem; right: -1rem;
	padding-right: 1.25rem;
	z-index: 2;
	cursor: pointer;
}
.so-modal__close .icon{
	font-size: 1.6rem;
	position: absolute;
	right: 0; top: 50%;
	transform: translateY(-50%);
	line-height: 1;
	transition: color 0.3s;
}
.so-modal__close:hover .icon{
	color: var(--primary);
}
.so-modal input:not(:focus),
.so-modal textarea:not(:focus){
	border-style: solid !important;
	border-width: 0 0 1px 0 !important;
	background: none !important;
}
.so-modal input:not(:focus){
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.so-modal textarea:not(:focus){
	border-width: 1px !important;
	resize: none;
}
.so-modal input,
.so-modal textarea{
	border-color: #dad4c7 !important;
	border-radius: 0 !important;
}
.so-modal input::placeholder,
.so-modal textarea::placeholder{
	color: black !important;
	opacity: 1 !important;
	font-weight: 300 !important;
}
.so-modal .ff-btn{
	color: black !important;
	background: none !important;
	border-radius: 0 !important;
	border: 1px solid #dad4c7 !important;
	transition: color 0.3s, background 0.3s, border 0.3s !important;
	padding: 0.5rem 1.75rem !important;
}
.so-modal .ff-btn:hover{
	color: white !important;
	border: 1px solid var(--primary) !important;
	background: var(--primary) !important;
	text-decoration: none !important;
}
.so-modal .ff_tc_label{
	font-size: 0.9rem;
}
.so-modal .ff-message-success{
	border: none !important;
	box-shadow: none !important;
}
@media screen and (max-width: 768px){
	.so-modal{
		max-width: calc(100% - 3rem);
	}
}
/* Modules */
.i2 .image-col,
.i3 .image-col,
.i4 .image-col{
	position: relative;
}
.i2 .image-col img,
.i3 .image-col img,
.i4 .image-col img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-height: 55rem;
}
/* Filters */
.archive-filters .archive-filters__search{
	background: none;
	border: none;
	width: 100%;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOS44IDE5Ljc5Ij48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxwYXRoIGQ9Ik0xOS44LDE4LjkxbC01LjY3LTUuNjhBOCw4LDAsMCwwLDE2LjA1LDhhOCw4LDAsMSwwLTgsOCw3Ljk0LDcuOTQsMCwwLDAsNS4yMS0xLjkzbDUuNjgsNS42N1pNMS4yNSw4QTYuNzgsNi43OCwwLDEsMSwxNC44LDgsNi43OCw2Ljc4LDAsMCwxLDEuMjUsOFoiLz48L2c+PC9nPjwvc3ZnPg==);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.25rem auto;
	padding-left: 1.75rem;
}
.archive-filters .archive-filters__label{
	font-family: Merriweather, serif;
	font-weight: 400;
	margin-right: 0.5rem;
}
.archive-filters .archive-filters__radio-fields{

}
.archive-filters .archive-filters__radio-field,
.archive-filters .archive-filters__radio-field:hover{
	text-decoration: none;
}
.archive-filters .archive-filters__radio-field:not(:last-of-type){
	margin-right: 0.5rem;
}
.archive-filters .archive-filters__radio-button{
	display: inline-block;
	width: 1rem; height: 1rem;
	border: 1px solid var(--primary);
	border-radius: 100%;
	background: none;
	transition: background 0.3s;
}
.archive-filters .archive-filters__radio-field:not(.active):hover .archive-filters__radio-button{
	background: radial-gradient(circle at center, var(--primary) 0, var(--primary) 50%, transparent 50%, transparent 100%);
}
.archive-filters .archive-filters__radio-field.active .archive-filters__radio-button{
	background: var(--primary);
}
.archive-filters .archive-filters__radio-label{
	color: black !important;
}
/* People */
.so-person-card-wrap.hide{
	display: none !important;
}
.so-person-card p,
.so-person-card .content-modules__section.content-modules__section--bg{
	transition: all 0.3s;
}
.so-person-card .content-modules__section.content-modules__section--bg{
	position: relative;
	padding-right: 4rem !important;
}
.so-person-card h3{
	transition: all 0.1s;
}
.so-person-card,
a.so-person-card:hover{
	text-decoration: none;
}
.so-person-card p{
	color: var(--dark);
}
.so-person-card .person-card__name{
	color: var(--primary);
}
a.so-person-card:hover h3,
a.so-person-card:hover p{
	color: white;
}
a.so-person-card:hover .content-modules__section.content-modules__section--bg{
	color: white;
	background: var(--primary);
}
.so-person-card .arrow{
	display: inline-block;
	transform: rotate(-90deg);
}
.so-person-card:not(.alphabet) .arrow{
	color: white;
	position: absolute;
	right: 1.5rem; top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	font-size: 2.5rem;
	font-weight: 500;
	opacity: 0;
	transition: all 0.3s;
}
a.so-person-card:not(.alphabet):hover .arrow{
	right: 1rem;
	opacity: 1;
}
.so-alphabet-card h2{
	font-family: 'Work Sans', Work Sans, sans-serif !important;
}
@media screen and (max-width: 768px){
	.so-alphabet-card h2.display-2{
		font-size: 15vw !important;
	}
}