/**
 * Internal dependencies
 */
/* @define teft-theme */
/**
 * External dependencies
 */
/* @define teft-viewport */
:root {
	--teft-theme-site-padding: 1rem;
	--teft-theme-gap: 1rem;

	--teft-theme-content-width: 40rem;
	--teft-theme-site-width: 80rem;

	/**
	 * Colors
	 */
	--teft-theme-primary-color: #2ba6cb;
	--teft-theme-on-primary-color: #fff;
	--teft-theme-secondary-color: #e9e9e9;
	--teft-theme-on-secondary-color: #000;
	--teft-theme-body-font-color: #222;
	--teft-theme-header-font-color: var(--teft-theme-body-font-color);
	--teft-theme-alert-color: #c60f13;
	--teft-theme-on-alert-color: #fff;
	--teft-theme-success-color: #5da423;
	--teft-theme-on-success-color: #fff;
	--teft-theme-warning-color: #ffae00;
	--teft-theme-on-warning-color: #fff
}
@media (min-width: 601px) {
:root {
		--teft-theme-site-padding: 1.5rem
}
	}
@media (min-width: 783px) {
:root {
		--teft-theme-site-padding: 3rem
}
	}
body {
	color: var(--teft-theme-body-font-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--teft-theme-heading-font-color);
}
a {
	color: var(--teft-theme-primary-color);
}
.entry-content > .wp-block-hoyre-people-header {
	margin-top: 0;
}
.wp-block-hoyre-people-header {
	background: var(--color-blue-800);
	color: var(--color-white);
	margin: 0 0 var(--teft-theme-block-margin) 0
}
.wp-block-hoyre-people-header .block-inner {
		margin: 0 auto;
		max-width: var(--teft-theme-site-width);
		padding: 36px var(--teft-theme-site-padding);
		position: relative;
		width: 100%
	}
@media (min-width: 783px) {
.wp-block-hoyre-people-header .block-inner {
			padding: 76px var(--teft-theme-site-padding)
	}

		}
.wp-block-hoyre-people-header button.circle-icon {
		border: unset;
		box-shadow: none;
		height: 28px;
		position: relative;
		width: 28px;
	}
.wp-block-hoyre-people-header a.has-tooltip,
	.wp-block-hoyre-people-header a.has-tooltip .circle-icon {
		height: 48px;
		width: 48px
	}
@media (min-width: 783px) {
.wp-block-hoyre-people-header a.has-tooltip,
	.wp-block-hoyre-people-header a.has-tooltip .circle-icon {
			height: 59px;
			width: 59px
	}
		}
.wp-block-hoyre-people-header .circle-icon {
		background: var(--color-blue-500);
		border-radius: 100% !important;
		display: inline-block;
		overflow: hidden;
		transition: all 250ms ease-out
	}
.wp-block-hoyre-people-header .circle-icon svg {
			left: 50%;
			position: absolute;
			top: 50%;
			transform: translateX(-50%) translateY(-50%);
		}
.wp-block-hoyre-people-header .circle-icon:hover,
		.wp-block-hoyre-people-header .circle-icon:focus {
			background: var(--color-blue-700);
			cursor: pointer;
		}
.wp-block-hoyre-people-header .politician-details {
		color: var(--color-white)
	}
.wp-block-hoyre-people-header .politician-details .politician-name {
			margin: 15px 0
		}
@media (min-width: 783px) {
.wp-block-hoyre-people-header .politician-details .politician-name {
				font-size: var(--teft-typography-xl);
				margin-top: 0
		}
			}
@media (min-width: 961px) {
.wp-block-hoyre-people-header .politician-details .politician-name {
				font-size: var(--teft-typography-xxl)
		}
			}
.wp-block-hoyre-people-header .politician-details .politician-title {
			color: var(--color-blue-200);
			font-weight: 500;
			margin: 15px 0 0 0
		}
@media (min-width: 783px) {
.wp-block-hoyre-people-header .politician-details .politician-title {
				font-size: var(--teft-typography-md);
				margin-top: 0
		}
			}
.politician-info-wrapper {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center
}
@media (min-width: 783px) {
.politician-info-wrapper {
		display: flex;
		flex-direction: row;
		justify-content: left
}
	}
.politician-image-wrapper {
	position: relative
}
.politician-image-wrapper a.has-tooltip {
		bottom: 5px;
		position: absolute;
		right: 25px
	}
@media (min-width: 783px) {
.politician-image-wrapper a.has-tooltip {
			right: 65px
	}
		}
.politician-image {
	background: var(--color-blue-900);
	border-radius: 100%;
	color: var(--color-white);
	display: block;
	font-size: 5rem;
	height: 240px;
	line-height: 15rem;
	overflow: hidden;
	text-align: center;
	width: 240px
}
@media (min-width: 783px) {
.politician-image {
		height: 312px;
		line-height: 19.5rem;
		margin-right: 35px;
		width: 312px
}
	}
.politician-image a {
		height: 100%;
		position: relative;
		width: 100%
	}
.politician-image a img {
			height: 100%;
			left: 0;
			-o-object-fit: cover;
			   object-fit: cover;
			position: absolute;
			top: 0;
			width: 100%;
		}
.politician-details {
	text-align: center
}
.politician-details .social-links {
		justify-content: center;
		list-style: none;
		margin: 0
	}
.politician-details .social-links li {
			margin: 0 5px;
		}
.politician-details .user_url svg {
		width: 66%;
	}
@media (min-width: 783px) {
.politician-details {
		justify-content: right;
		text-align: left
}

		.politician-details .social-links {
			bottom: var(--teft-theme-site-padding);
			position: absolute;
			right: var(--teft-theme-site-padding);
		}
	}
@media (min-width: 1281px) {
		.politician-details .social-links {
			right: 0;
		}
	}
.politician-details dl {
		display: flex;
		flex-wrap: wrap
	}
.politician-details dl svg path {
			stroke: #8ac6fd;
			stroke-width: 2;
		}
.politician-details dd {
		align-items: center;
		display: flex;
		justify-content: center;
		margin: 8px 0;
		width: 100%
	}
@media (min-width: 783px) {
.politician-details dd {
			justify-content: left
	}
		}
.politician-details dd svg {
			margin-right: 8px;
		}
.politician-details dd button {
			margin-left: 8px;
		}
.entry-content .politician-details a, .editor-styles-wrapper .politician-details a {
		color: var(--color-white);
		text-decoration: none
	}
.entry-content .politician-details a:hover,
		.entry-content .politician-details a:focus,
		.editor-styles-wrapper .politician-details a:hover,
		.editor-styles-wrapper .politician-details a:focus {
			color: var(--color-white);
			text-decoration: underline;
		}