/**
 * 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);
}
.wp-block-hoyre-my-page-header .block-inner,
.wp-block-hoyre-my-page-header .my-page__menu-wrapper > ul {
	width: var(--teft-theme-site-width);
	max-width: calc(100% - (2 * var(--teft-theme-site-padding)));
	display: block;
	margin: 0 auto;
}
@media (min-width: 961px) {
		.wp-block-hoyre-my-page-header .block-inner {
			display: flex;
			align-items: center;
		}
	}
.my-page-user-header {
	text-align: center

}
.my-page-user-header img {
		margin-bottom: 16px;
	}
.my-page-user-header h2,
	.my-page-user-header h3 {
		margin: 0;
	}
.my-page-user-header h2 {
		font-size: var(--teft-typography-xl);
	}
.my-page-user-header h3 {
		font-size: var(--teft-typography-md);
		font-weight: 400;
		color: var(--color-grey-700);
	}
@media (min-width: 961px) {
.my-page-user-header {
		text-align: left

}

		.my-page-user-header .block-inner {
			display: flex;
			align-items: center;
		}

		.my-page-user-header img {
			margin-right: 32px;
		}
	}
.wp-block-hoyre-my-page-header .my-page__menu-wrapper {
	margin-top: 67px;
	width: 100%;
	display: block;
	border-bottom: 1px solid var(--color-grey-300);
	overflow: auto
}
.wp-block-hoyre-my-page-header .my-page__menu-wrapper > ul {
		display: flex;
		list-style: none;
		padding-left: 0;
	}
.wp-block-hoyre-my-page-header .my-page__menu-wrapper a {
		letter-spacing: 0.02em;
		text-decoration: unset;
		margin-right: 32px;
		white-space: nowrap;
	}
.entry-content .my-page__menu-wrapper a {
		color: var(--color-grey-700)
	}
.entry-content .my-page__menu-wrapper a[aria-current="page"] {
			color: var(--color-blue-500);
		}
.my-page__menu-wrapper a {
		padding-bottom: 12px;
		position: relative
	}
.my-page__menu-wrapper a[aria-current="page"]::after {
				position: absolute;
				bottom: 0;
				left: 0;
				content: "";
				display: block;
				height: 4px;
				width: 100%;
				background: var(--color-blue-500);
			}