/* @define teft-viewport */

.entry-content .person-card,
.editor-styles-wrapper .person-card {
	align-items: center;
	font-size: 16px;
	color: #616161;
	background-color: var(--color-nellik-100);
	padding: 1.5rem;
	height: 100%
}

.entry-content .person-card h1,
	.entry-content .person-card h2,
	.editor-styles-wrapper .person-card h1,
	.editor-styles-wrapper .person-card h2 {
		font-size: 1.5rem;
		margin: 0 0 5px;
		color: #333;
		line-height: 1.3;
	}

.entry-content .person-card .person-card--image, .editor-styles-wrapper .person-card .person-card--image {
		margin-bottom: 16px
	}

.entry-content .person-card .person-card--image .hellvik-image, .editor-styles-wrapper .person-card .person-card--image .hellvik-image {
			max-width: 9.25rem
		}

.entry-content .person-card .person-card--image .hellvik-image .slide-wrapper, .editor-styles-wrapper .person-card .person-card--image .hellvik-image .slide-wrapper {
				margin: 0;
			}

.entry-content .person-card .person-card--image .hellvik-image::before, .editor-styles-wrapper .person-card .person-card--image .hellvik-image::before {
				padding-top: 100%;
			}

.entry-content .person-card .person-card--image img, .editor-styles-wrapper .person-card .person-card--image img {
			border-radius: 4px;
		}

.entry-content .person-card p, .editor-styles-wrapper .person-card p {
		margin: 0;
	}

.entry-content .person-card .person-card--meta, .editor-styles-wrapper .person-card .person-card--meta {
		margin-top: 1.5rem;
	}

.entry-content .person-card a, .editor-styles-wrapper .person-card a {
		display: block;
		padding-left: 33px;
		color: #616161;
		text-decoration: underline;
		margin: 16px 0;
		background-position: center left;
		background-repeat: no-repeat;
		font-weight: 400;
		font-size: 18px;
		word-break: break-word
	}

.entry-content .person-card a.tel-link, .editor-styles-wrapper .person-card a.tel-link {
			background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMiAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yNzI0XzQyMzg4KSI+CgkJPHBhdGggZD0iTTE2LjUwMDEgMS40MjU3OEg1LjUwMDE0QzQuNjMyMjcgMS40MjU3OCAzLjkyODcxIDIuMTI5MzMgMy45Mjg3MSAyLjk5NzIxVjIwLjI4MjlDMy45Mjg3MSAyMS4xNTA4IDQuNjMyMjcgMjEuODU0NCA1LjUwMDE0IDIxLjg1NDRIMTYuNTAwMUMxNy4zNjggMjEuODU0NCAxOC4wNzE2IDIxLjE1MDggMTguMDcxNiAyMC4yODI5VjIuOTk3MjFDMTguMDcxNiAyLjEyOTMzIDE3LjM2OCAxLjQyNTc4IDE2LjUwMDEgMS40MjU3OFoiIHN0cm9rZT0iIzEwMTgyMCIgc3Ryb2tlLXdpZHRoPSIxLjU3MTQzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KCQk8cGF0aCBkPSJNMTAuMjE0NCAxNy45MjU4SDExLjc4NTgiIHN0cm9rZT0iIzEwMTgyMCIgc3Ryb2tlLXdpZHRoPSIxLjU3MTQzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KCTwvZz4KCTxkZWZzPgoJCTxjbGlwUGF0aCBpZD0iY2xpcDBfMjcyNF80MjM4OCI+CgkJCTxyZWN0IHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC42NDA2MjUpIi8+CgkJPC9jbGlwUGF0aD4KCTwvZGVmcz4KPC9zdmc+Cg==);
		}

.entry-content .person-card a.mail-link, .editor-styles-wrapper .person-card a.mail-link {
			background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMiAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxwYXRoIGQ9Ik0xOS42NDI4IDMuMzkwNjJIMi4zNTcxM0MxLjQ4OTI2IDMuMzkwNjIgMC43ODU3MDYgNC4wOTQxOCAwLjc4NTcwNiA0Ljk2MjA1VjE4LjMxOTJDMC43ODU3MDYgMTkuMTg3MSAxLjQ4OTI2IDE5Ljg5MDYgMi4zNTcxMyAxOS44OTA2SDE5LjY0MjhDMjAuNTEwNyAxOS44OTA2IDIxLjIxNDMgMTkuMTg3MSAyMS4yMTQzIDE4LjMxOTJWNC45NjIwNUMyMS4yMTQzIDQuMDk0MTggMjAuNTEwNyAzLjM5MDYyIDE5LjY0MjggMy4zOTA2MloiIHN0cm9rZT0iIzEwMTgyMCIgc3Ryb2tlLXdpZHRoPSIxLjU3MTQzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KCTxwYXRoIGQ9Ik0wLjc4NTcwNiA1LjM1NTQ3TDkuOTk0MjggMTMuMjEyNkMxMC4yNzY2IDEzLjQ0NzggMTAuNjMyNSAxMy41NzY2IDExIDEzLjU3NjZDMTEuMzY3NSAxMy41NzY2IDExLjcyMzMgMTMuNDQ3OCAxMi4wMDU3IDEzLjIxMjZMMjEuMjE0MyA1LjM1NTQ3IiBzdHJva2U9IiMxMDE4MjAiIHN0cm9rZS13aWR0aD0iMS41NzE0MyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
		}

.entry-content .person-card .button, .editor-styles-wrapper .person-card .button {
		font-size: 14px;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		padding: 10px 16px;
		text-decoration: none;
		color: #fff;
		background: var(--color-nellik);
		font-weight: 400;
		border-radius: 4px;
		transition: all 200ms;
		display: inline-block;
		margin-bottom: 24px
	}

.entry-content .person-card .button:hover, .editor-styles-wrapper .person-card .button:hover {
			background: #333;
		}

@media (min-width: 783px) {

.is-style-two-columns .person-card,
.t2-featured-content-layout-col-12 .person-card,
[data-type="hellvik/person"] .person-card {
		display: flex;
		flex-flow: row-reverse;
		font-size: var(--teft-typography-xs);
		padding: 3rem;
		grid-gap: 1rem;
		gap: 1rem;
		justify-content: space-between
}

		.is-style-two-columns .person-card .person-card--meta, .t2-featured-content-layout-col-12 .person-card .person-card--meta, [data-type="hellvik/person"] .person-card .person-card--meta {
			margin-top: 3rem;
		}

		.is-style-two-columns .person-card a, .t2-featured-content-layout-col-12 .person-card a, [data-type="hellvik/person"] .person-card a {
			font-size: var(--teft-typography-xs);
			margin: 8px 0
		}

	}

@media (min-width: 783px) and (min-width: 601px) {

		.is-style-two-columns .person-card a, .t2-featured-content-layout-col-12 .person-card a, [data-type="hellvik/person"] .person-card a {
				margin: 16px 0
		}
			}

@media (min-width: 783px) {

		.is-style-two-columns .person-card h1,
		.is-style-two-columns .person-card h2,
		.t2-featured-content-layout-col-12 .person-card h1,
		.t2-featured-content-layout-col-12 .person-card h2,
		[data-type="hellvik/person"] .person-card h1,
		[data-type="hellvik/person"] .person-card h2 {
			font-size: var(--teft-typography-lg);
			margin: 0;
			color: #333;
			font-weight: 500
		}

	}

@media (min-width: 783px) and (min-width: 601px) {

		.is-style-two-columns .person-card h1,
		.is-style-two-columns .person-card h2,
		.t2-featured-content-layout-col-12 .person-card h1,
		.t2-featured-content-layout-col-12 .person-card h2,
		[data-type="hellvik/person"] .person-card h1,
		[data-type="hellvik/person"] .person-card h2 {
				font-size: 3.625rem
		}
			}

@media (min-width: 783px) {

		.is-style-two-columns .person-card .person-card--image, .t2-featured-content-layout-col-12 .person-card .person-card--image, [data-type="hellvik/person"] .person-card .person-card--image {
			flex-shrink: 0;
			width: 40%;
			margin-right: 16px;
			margin-bottom: 0
		}

	}

@media (min-width: 783px) and (min-width: 601px) {

		.is-style-two-columns .person-card .person-card--image, .t2-featured-content-layout-col-12 .person-card .person-card--image, [data-type="hellvik/person"] .person-card .person-card--image {
				margin-right: 32px
		}
			}

@media (min-width: 783px) {

			.is-style-two-columns .person-card .person-card--image .hellvik-image, .t2-featured-content-layout-col-12 .person-card .person-card--image .hellvik-image, [data-type="hellvik/person"] .person-card .person-card--image .hellvik-image {
				max-width: 18.125rem;
				margin-left: auto;
			}

	}

[data-type="hellvik/person"] {
	max-width: 992px;
}

.has-friskis-light-background-color .person-card {
	background-color: var(--color-friskis-light);
}

.has-sorbet-background-color .person-card {
	background-color: var(--color-sorbet);
}

.has-fersken-dark-background-color .person-card {
	background-color: var(--color-fersken-dark);
}

.has-paere-light-background-color .person-card {
	background-color: var(--color-paere-light);
}

.has-lavendel-background-color .person-card {
	background-color: var(--color-lavendel);
}

.has-nellik-100-background-color .person-card {
	background-color: var(--color-nellik-100);
}

.has-black-background-color .person-card {
	background-color: var(--color-black);
	color: var(--color-white);
}

.has-neutral-100-background-color .person-card {
	background-color: var(--color-neutral-100);
}