@font-face {
    font-family: 'averta-regular';
    font-weight: 400;
    src: url('../fonts/averta-regular.otf') format('opentype');
}

@font-face {
    font-family: 'averta-semibold';
    font-weight: 600;
    src: url('../fonts/averta-semibold.otf') format('opentype');
}

@font-face {
    font-family: 'averta-bold';
    font-weight: 700;
    src: url('../fonts/averta-bold.otf') format('opentype');
}

@font-face {
    font-family: 'averta-extrabold';
    font-weight: 800;
    src: url('../fonts/averta-extrabold.otf') format('opentype');
}

.person_entry {
	max-width: 360px;
	overflow: hidden;
	padding: 32px;
	text-align: center;
	border-radius: var(--token-corner-radius-cards, 16px);
	border: 1.5px solid var(--token-color-stroke-sk-3, rgba(237, 237, 237, 0.08));
	backdrop-filter: blur(calc(var(--token-material-blur-base, 56px) / 2));
}

.person_entry .contact_person {
	border-radius: 50%;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	display: block;
	margin-bottom: 32px;
}
.person_entry h3 {
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: averta-regular;
	font-size: 27.04px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 35.152px */
	letter-spacing: 0.135px;
	padding-bottom: 0px !important;
}


.person_entry .region {
	color: rgba(29, 35, 42, 0.60);
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;

	/* Body/Body */
	font-family: averta-regular;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 135%; /* 21.6px */
	letter-spacing: 0.48px;
}
.person_entry .position {
	text-align: center;
	font-feature-settings: 'liga' off, 'clig' off;
	
	/* Body/Body */
	font-family: averta-regular;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 135%; /* 21.6px */
	letter-spacing: 0.48px;
}

.person_entry .contact_wrapper {
	display: flex;
    flex-flow: column;
    gap: 12px;
	margin-top: 32px;
}

.person_entry .phone,
.person_entry .email {
	position: relative;
	display: flex;
	align-items: center;
    justify-content: center;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 8px;
	backdrop-filter: blur(calc(56px / 2));
}

.person_entry .phone p a,
.person_entry .email p a{
	font-feature-settings: 'liga' off, 'clig' off;
	font-family: averta-regular;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 135%; 
	letter-spacing: 0.48px;
	text-decoration: none;
}

.person_entry .phone p a:hover,
.person_entry .email p a:hover {
	text-decoration: none !important;
}

.person_entry .calendar {
	padding: 16px 24px;
	border-radius: 8px;
	background: #69c350;
	text-align: center;
	margin: 24px 0;
}

.person_entry .calendar a {
	color: #EDEDED;
	font-feature-settings: 'liga' off, 'clig' off;
	/* Body/Button */
	font-family: averta-regular;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%; /* 17.6px */
	letter-spacing: 0.48px;
}

.person_entry .social {
	display: flex;
    justify-content: center;
    gap: 8px;
}

.light {
	background: rgba(255, 255, 255, 0.70);
	box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.10);
}

.light h3, 
.light .position,
.light i,
.light .phone p a,
.light .email p a{
	color: #3a4045;
}

.light .region {
	color: rgba(29, 35, 42, 0.6);
}

.light .phone,
.light .email {
	background: rgba(87, 92, 97, 0.10);
}

.light .calendar a {
	color: #EDEDED;
}

.dark {
	background: #282d34;
	box-shadow: 0px 0px var(--token-shadows-xl, 48px) 0px var(--token-color-shadow-shadow-wide, rgba(0, 0, 0, 0.40));
}

.dark h3, 
.dark .position,
.dark i,
.dark .phone p a,
.dark .email p a{
	color: rgba(237, 237, 237, 1);
}

.dark .region {
	color: rgba(237, 237, 237, 0.6);
}

.dark .phone,
.dark .email {
	background: rgba(237, 237, 237, 0.08);
}

.dark .calendar a {
	color: rgba(29, 35, 42, 1);
}

@media(max-width: 400px) {
	.person_entry .phone,
	.person_entry .email {
		flex-flow: column;
	}
	.person_entry .phone i,
	.person_entry .email i{
		margin: 0 auto;
	}
}