/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: var(--hover_color);
	color: var(--body_text_color) !important;
	border-radius: 0.1875rem;
	box-shadow: 0 0 0.125rem 0.125rem rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 0.3125rem;
	line-height: normal;
	padding: 0.9275rem 1.4375rem 0.875rem;
	text-decoration: none;
	top: 0.3125rem;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Plugin Overwrites */

/*A11y Toolbar*/

.a11y-toolbar {
	top: unset !important;
	position: fixed !important;
	bottom: 4.625rem;
	left: 2rem;
	ul {
		li {
			button {
				background: transparent;
				line-height: normal;
				font-size: 0.875rem !important;
				color: var(--tag_color_inside);
				width: 3.25rem;
				height: 3.25rem;
				border-radius: 1.625rem !important;
				box-shadow: var(--widget_special_shadow);
				border: none;
				cursor: pointer;
				margin-bottom: 0.625rem;
				padding: 0;
				span {
					&.aticon {
						position: relative;
						display: inline-block;
						width: 3.25rem;
						height: 3.25rem;
						background-color: var(--tag_bgcolor);
						border-radius: 1.625rem;
						box-shadow: var(--widget_special_shadow);
						z-index: 1;
						&::before{
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%,-50%);
							background-color: transparent !important;
						}
						&.aticon-adjust::before {
							display: inline-block;
							content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTEwLDBDNC40ODYsMCwwLDQuNDg2LDAsMTBzNC40ODYsMTAsMTAsMTAsMTAtNC40ODYsMTAtMTBTMTUuNTE0LDAsMTAsMFptMCwxOC4yMjNWMS43NzdjNC41MzQsMCw4LjIyMywzLjY4OCw4LjIyMyw4LjIyMnMtMy42ODksOC4yMjMtOC4yMjMsOC4yMjNaIiBmaWxsPSIjZmZmIi8+PC9zdmc+");
							height: 1.25rem;
							width: 1.25rem;
						}
						&.aticon-font::before {
							display: inline-block;
							font-family: var(--global-font-family) !important;
							content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAyMCI+PHBhdGggZD0iTTIzLjQ0LC4yMjFsLTIuMzI0LDQuMDI3Yy0uMTcsLjI5NSwuMDQzLC42NjMsLjM4MywuNjYzaDQuNjQ3Yy4zNCwwLC41NTMtLjM2OSwuMzgzLS42NjNMMjQuMjA2LC4yMjFjLS4xNy0uMjk1LS41OTYtLjI5NS0uNzY2LDBaIiBmaWxsPSIjZmZmIi8+PGc+PHBhdGggZD0iTTEzLjQ3NywyMGwtMS4zMjQtNC4zNDdINS40OTZsLTEuMzI0LDQuMzQ3SDBMNi40NDUsMS42NjVoNC43MzNsNi40NywxOC4zMzVoLTQuMTcyWm0tMi4yNDgtNy41OTRjLTEuMjI0LTMuOTM5LTEuOTEzLTYuMTY2LTIuMDY3LTYuNjgyLS4xNTQtLjUxNy0uMjY1LS45MjUtLjMzMS0xLjIyNS0uMjc1LDEuMDY3LTEuMDYxLDMuNzAxLTIuMzYxLDcuOTA3aDQuNzU4WiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0yNy4wOCwyMGwtLjkyNy0zLjA0M2gtNC42NmwtLjkyNiwzLjA0M2gtMi45Mmw0LjUxMi0xMi44MzVoMy4zMTNsNC41MjksMTIuODM1aC0yLjkyWm0tMS41NzQtNC45MzdjLS44NTctMi43NTctMS4zMzktNC4zMTYtMS40NDctNC42NzctLjEwOC0uMzYyLS4xODUtLjY0Ny0uMjMxLS44NTgtLjE5MiwuNzQ2LS43NDMsMi41OTEtMS42NTIsNS41MzVoMy4zMzFaIiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
							height: 1.25rem;
							width: 1.875rem;
						}

						&.aticon-tint::before {
								display: inline-block;
								font-family: var(--global-font-family) !important;
								content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJ1dWlkLTVjNWRjYTYwLWYwNTYtNDdmMC04OGI1LTc0ZmFmOWVkNzAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxwYXRoIGQ9Ik0xNi44Nyw5LjAyNGMtMS4wMzYtMS41OTctMy43Ny01LjcyNi01LjQ5Mi04LjMxOC0uNjIyLS45MzgtMi4wNzItLjk0Mi0yLjcwNC0uMDEtMS41NjgsMi4zMTItNC4xMSw2LjA4MS01LjU1NCw4LjMyOC0yLjksNC41MTIsLjIyMyw5LjQ1Myw0Ljg2NCwxMC43MTMsMi40OTYsLjY3OCw1LjIxMiwuMDEsNy4xOTctMS41NTksMy4wMTMtMi4zODIsMy42NjYtNi4xMDUsMS42ODgtOS4xNTNabS0zLjUyOCw3LjNjLTEuMDA2LC43OTUtMi4yNTksMS4yOTQtMy41MjgsMS40MDQtLjAzNywuMDAzLS4wNzQsLjAwNS0uMTEsLjAwNS0uNjQxLDAtMS4xODctLjQ5LTEuMjQ0LTEuMTQyLS4wNi0uNjg4LC40NDktMS4yOTQsMS4xMzYtMS4zNTQsLjc4OS0uMDY5LDEuNTY5LS4zOCwyLjE5Ni0uODc1LC45NjUtLjc2NCwxLjQzNi0xLjgxMSwxLjI5Mi0yLjg3My0uMDkzLS42ODQsLjM4Ny0xLjMxMywxLjA3MS0xLjQwNiwuNjktLjA4OSwxLjMxNCwuMzg4LDEuNDA3LDEuMDcsLjI2MiwxLjkzMi0uNTY4LDMuODY0LTIuMjE5LDUuMTdaIiBmaWxsPSIjZmZmIi8+PC9zdmc+");
								height: 1.25rem;
								width: 1.25rem;
						}

					}
				}

				&:hover, &:active, &:focus {
					background-color: transparent;
					.aticon{
						background-color: var(--hover_bgcolor);
						color: var(--hover_color);
					}
				}
				&:hover .offscreen, &:focus .offscreen {
					left: 50%;
					top: 0;
					height: auto !important;
					width: auto !important;
					clip: unset !important;
					padding: 0.5rem 2rem 0.5rem 2.65rem !important;
					font-size: 1rem;
					line-height: 2.25rem;
					text-transform: none;
					height: 100% !important;
					font-family: var(--global-font-family);
				}
				.offscreen {
					position: absolute !important;
					top: 50%;
					clip: rect(1px, 1px, 1px, 1px);
					clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
					white-space: nowrap;
					padding: 0 !important;
					height: 1px !important;
					width: 1px !important;
					overflow: hidden;
					font-size: 1rem;
					transition: all 200ms;
					border-top-right-radius: 1.625rem !important;
					border-bottom-right-radius: 1.625rem !important;
					color: var(--offscreen-color) !important;
					background: var(--offscreen-bgcolor) !important;
					border: 0 !important;
					box-shadow: $text-shadow;
					font-weight: bold;
				}
				&:focus-visible {
					outline: revert;
				}
			}
		}
	}
	&.right, &.rtl {
		right: 2rem;
		bottom: 1.375rem;
		ul {
			li {
				button {
					.offscreen {
						border-top-left-radius: 1.625rem !important;
						border-bottom-left-radius: 1.625rem !important;
						border-top-right-radius: 0 !important;
						border-bottom-right-radius: 0 !important;
						right: 50% !important;
					}
				}
			}
		}
	}
}

.desaturated {
  filter: none !important;
}
.desaturated #page > div > *, .desaturated .go-to-top >  *, .desaturated #a11yhelper > div > * {
  filter: grayscale(1) !important;
}
.desaturated #page footer {
	filter: none !important;
	background-color: var(--offscreen-bgcolor);
}

.a11y-toolbar-widget {
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;

		button {
			background-color: var(--tag_bgcolor);
			border: none;
			color: var(--tag_color_inside);
			border-radius: 0.25rem;
			padding: 0.5rem;
			font-weight: 600;
			margin-bottom: 0.5rem;
			display: inline-block;
			outline: none;
		}
	}
}

.contrast {
	.a11y-toolbar {
		ul {
			li {
				button {
					background-color: transparent !important;
					span {
						&.aticon {
							color: var(--body_text_color) !important;
							background-color: var(--tag_bgcolor) !important;
						}
					}

					&:hover, &:active, &:focus {
						.aticon{
							background-color: var(--hover_color);
							color: var(--hover_bgcolor);
						}
					}
					.offscreen {
						color: var(--offscreen-bgcolor)  !important;
						background: var(--offscreen-color) !important;

					}
				}
			}
		}
	}
}