:root {
	--ntz-a11y--color-primary: #086788;
	--ntz-a11y--color-background: #EFF1F3;
	--ntz-a11y--color-black: #22181C;
	--ntz-a11y--color-white: #FFFFFF;
	--ntz-a11y--border-width: 2px;
	--ntz-a11y--button-padding: 0.5em;
	--ntz-a11y--button-color-background-inactive: var(--ntz-a11y--color-white);
	--ntz-a11y--button-color-text-inactive: var(--ntz-a11y--color-black);
	--ntz-a11y--button-color-background-active: var(--ntz-a11y--color-primary);
	--ntz-a11y--button-color-text-active: var(--ntz-a11y--color-white);
	--ntz-a11y--button-border-width: var(--ntz-a11y--border-width);
	--ntz-a11y--button-border-color: var(--ntz-a11y--color-primary);
}

#ntz-a11y_sidebar {
	--ntz-a11y--sidebar-padding: 15px;
	--ntz-a11y--sidebar-width: 250px;
	--ntz-a11y--sidebar-width-desktop: 250px;
	--ntz-a11y--sidebar-width-mobile: 75vw;
	--ntz-a11y--sidebar-width-outer: calc(var(--ntz-a11y--sidebar-width) + (2 * var(--ntz-a11y--sidebar-padding)));
	--ntz-a11y--sidebar-top: 100px;
	--ntz-a11y--sidebar-top-desktop: 100px;
	--ntz-a11y--sidebar-top-mobile: 150px;
	--ntz-a11y--sidebar-toggle-size: 50px;
	--ntz-a11y--sidebar-text-size-title: 1.5rem;
	--ntz-a11y--sidebar-text-size-button: 1rem;
	--ntz-a11y--sidebar-text-line: 1.25;
	--ntz-a11y--sidebar-title-color-background: var(--ntz-a11y--color-primary);
	--ntz-a11y--sidebar-title-color-text: var(--ntz-a11y--color-white);
	--ntz-a11y--sidebar-title-border-width: var(--ntz-a11y--border-width);
	--ntz-a11y--sidebar-title-border-color: var(--ntz-a11y--color-primary);
	--ntz-a11y--sidebar-menu-color-background: var(--ntz-a11y--color-background);
	--ntz-a11y--sidebar-menu-border-width: var(--ntz-a11y--border-width);
	--ntz-a11y--sidebar-menu-border-color: var(--ntz-a11y--color-primary);	
}

#ntz-a11y_dropbar {
	--ntz-a11y--dropbar-padding: 15px;	
	--ntz-a11y--dropbar-width: 250px;
	--ntz-a11y--dropbar-width-desktop: 250px;
	--ntz-a11y--dropbar-width-mobile: 90vw;
	--ntz-a11y--dropbar-toggle-size: 1em;
	--ntz-a11y--dropbar-button-color-background: var(--wp--preset--color--accent);
	--ntz-a11y--dropbar-button-color-text: var(--ntz-a11y--color-white);
	--ntz-a11y--dropbar-button-border-width: var(--ntz-a11y--border-width);
	--ntz-a11y--dropbar-button-border-color: var(--wp--preset--color--accent);
	--ntz-a11y--dropbar-menu-color-background: var(--ntz-a11y--color-background);
	--ntz-a11y--dropbar-menu-border-width: var(--ntz-a11y--border-width);
	--ntz-a11y--dropbar-menu-border-color: var(--wp--preset--color--accent);
}

html.switch-transitions:not(.no-transitions) * {
	transition: color 300ms ease, background-color 300ms ease, background 300ms ease, text-decoration-color 300ms ease, border-color 300ms ease, outline-color 300ms ease, caret-color 300ms ease, column-rule-color 300ms ease, box-shadow 300ms ease, text-shadow 300ms ease, opacity 300ms ease, filter 300ms ease !important;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* SIDEBAR */

#ntz-a11y_sidebar,
#ntz-a11y_sidebar * {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

#ntz-a11y_sidebar #ntz-a11y_sidebar-inner,
#ntz-a11y_sidebar #ntz-a11y_sidebar-inner * {
	font-size: var(--ntz-a11y--sidebar-text-size-button) !important;
	line-height: var(--ntz-a11y--sidebar-text-line) !important;
}

#ntz-a11y_sidebar {
	position: fixed;
	top: var(--ntz-a11y--sidebar-top);
	background-color: var(--ntz-a11y--sidebar-menu-color-background);
	user-select: none !important;
	z-index: 9999;
}

#ntz-a11y_sidebar.right {
	right: calc(-1 * var(--ntz-a11y--sidebar-width-outer));
	-webkit-transition: right 750ms cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: right 750ms cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: right 750ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: right 750ms cubic-bezier(0.23, 1, 0.32, 1);
}
#ntz-a11y_sidebar.right.open {
	right: 0;
}

#ntz-a11y_sidebar.left {
	left: calc(-1 * var(--ntz-a11y--sidebar-width-outer));
	-webkit-transition: left 750ms cubic-bezier(0.23, 1, 0.32, 1);
	-moz-transition: left 750ms cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: left 750ms cubic-bezier(0.23, 1, 0.32, 1);
	transition: left 750ms cubic-bezier(0.23, 1, 0.32, 1);
}

#ntz-a11y_sidebar.left.open {
	left: 0;
}

#ntz-a11y_sidebar *,
#ntz-a11y_sidebar ::before,
#ntz-a11y_sidebar ::after {
	box-sizing: border-box;
}

#ntz-a11y_sidebar #ntz-a11y_sidebar-inner {
	width: var(--ntz-a11y--sidebar-width-outer);
	max-height: 75vh;
	padding: var(--ntz-a11y--sidebar-padding);
	border-bottom: var(--ntz-a11y--sidebar-menu-border-width) solid var(--ntz-a11y--sidebar-menu-border-color);
	border-left: var(--ntz-a11y--sidebar-menu-border-width) solid var(--ntz-a11y--sidebar-menu-border-color);
	border-right: var(--ntz-a11y--sidebar-menu-border-width) solid var(--ntz-a11y--sidebar-menu-border-color);
	overflow-y: scroll;
}

#ntz-a11y_sidebar .ntz-a11y_sidebar-head {
	width: 100%;
	max-height: var(--ntz-a11y--sidebar-toggle-size);
	height: var(--ntz-a11y--sidebar-toggle-size);
	padding: calc(0.5 * var(--ntz-a11y--sidebar-padding)) var(--ntz-a11y--sidebar-padding);
	color: var(--ntz-a11y--sidebar-title-color-text);
	background-color: var(--ntz-a11y--sidebar-title-color-background);
	border-top: var(--ntz-a11y--sidebar-title-border-width) solid var(--ntz-a11y--sidebar-title-border-color);
	border-bottom: var(--ntz-a11y--sidebar-title-border-width) solid var(--ntz-a11y--sidebar-title-border-color);
}

#ntz-a11y_sidebar.right .ntz-a11y_sidebar-head {
	border-left: 0 !important;
	border-right: var(--ntz-a11y--sidebar-title-border-width) solid var(--ntz-a11y--sidebar-title-border-color);
}

#ntz-a11y_sidebar.left .ntz-a11y_sidebar-head {
	border-right: 0 !important;
	border-left: var(--ntz-a11y--sidebar-title-border-width) solid var(--ntz-a11y--sidebar-title-border-color);
}

#ntz-a11y_sidebar .ntz-a11y_sidebar-head span {
	display: block;
	font-size: var(--ntz-a11y--sidebar-text-size-title);
	font-weight: 700;
	line-height: calc((0.5 * var(--ntz-a11y--sidebar-toggle-size)) + (0.5 * var(--ntz-a11y--sidebar-text-size-title)));
	color: var(--ntz-a11y--sidebar-title-color-text);
}

#ntz-a11y_sidebar #ntz-a11y_sidebar-inner ul.ntz-a11y_sidebar-items {
	display: flex;
	flex-flow: row wrap;
	justify-content: stretch;
	gap: var(--ntz-a11y--sidebar-padding);
	list-style: none;
	margin: 0 0 var(--ntz-a11y--sidebar-padding) 0;
}

#ntz-a11y_sidebar #ntz-a11y_sidebar-inner ul.ntz-a11y_sidebar-items:last-of-type {
	margin: 0;
}

#ntz-a11y_sidebar #ntz-a11y_sidebar-inner ul.ntz-a11y_sidebar-items li.ntz-a11y_sidebar-item {
	display: inline-flex;	
	flex-flow: row nowrap;
	min-height: calc(4em + (2 * var(--ntz-a11y--sidebar-padding)));
	height: auto;
	margin: 0;
}

#ntz-a11y_sidebar #ntz-a11y_sidebar-inner ul.ntz-a11y_sidebar-items li.ntz-a11y_sidebar-item.single {
	max-width: calc(50% - (0.5 * var(--ntz-a11y--sidebar-padding)));
	width: calc(50% - (0.5 * var(--ntz-a11y--sidebar-padding)));
}

#ntz-a11y_sidebar #ntz-a11y_sidebar-inner ul.ntz-a11y_sidebar-items li.ntz-a11y_sidebar-item.double {
	max-width: 100%;
	width: 100%;
}

#ntz-a11y_sidebar #ntz-a11y_sidebar-inner ul.ntz-a11y_sidebar-items li.ntz-a11y_sidebar-item button {
	max-height: 100% !important;
	height: 100% !important;
}

#ntz-a11y_sidebar #ntz-a11y_sidebar-inner ul.ntz-a11y_sidebar-items li.ntz-a11y_sidebar-item button:not(.connected) {
	max-width: 100% !important;
	width: 100% !important;
}

#ntz-a11y_sidebar #ntz-a11y_sidebar-inner ul.ntz-a11y_sidebar-items li.ntz-a11y_sidebar-item button.connected {
	max-width: 50% !important;
	width: 50% !important;
	margin: 0 !important;
}

/* SIDEBAR TOGGLE BUTTON */

#ntz-a11y_sidebar.left #ntz-a11y_sidebar-toggle {
	left: var(--ntz-a11y--sidebar-width-outer);
	border-right: var(--ntz-a11y--sidebar-title-border-width) solid var(--ntz-a11y--sidebar-title-border-color);
	border-left: 0 !important;
}

#ntz-a11y_sidebar.right #ntz-a11y_sidebar-toggle {
	right: var(--ntz-a11y--sidebar-width-outer);
	border-left: var(--ntz-a11y--sidebar-title-border-width) solid var(--ntz-a11y--sidebar-title-border-color);
	border-right: 0 !important;
}

#ntz-a11y_sidebar #ntz-a11y_sidebar-toggle,
#ntz-a11y_sidebar #ntz-a11y_sidebar-toggle:hover,
#ntz-a11y_sidebar #ntz-a11y_sidebar-toggle:focus,
#ntz-a11y_sidebar #ntz-a11y_sidebar-toggle:active {
	display: inline-block;
	position: absolute;
	max-width: var(--ntz-a11y--sidebar-toggle-size);
	width: var(--ntz-a11y--sidebar-toggle-size);
	max-height: var(--ntz-a11y--sidebar-toggle-size);
	height: var(--ntz-a11y--sidebar-toggle-size);
	padding: calc(0.5 * var(--ntz-a11y--sidebar-padding));
	color: var(--ntz-a11y--sidebar-title-color-text);
	background-color: var(--ntz-a11y--sidebar-title-color-background);
	border-bottom: var(--ntz-a11y--sidebar-title-border-width) solid var(--ntz-a11y--sidebar-title-border-color);
	border-top: var(--ntz-a11y--sidebar-title-border-width) solid var(--ntz-a11y--sidebar-title-border-color);
}

#ntz-a11y_sidebar #ntz-a11y_sidebar-toggle svg,
#ntz-a11y_sidebar #ntz-a11y_sidebar-toggle img {
	max-width: inherit;
	width: 100%;
	max-height: inherit;
	height: 100%;
	object-fit: contain;
}

/* DROPBAR */

#ntz-a11y_dropbar {
	display: inline-block;
	position: relative;
	width: auto;
	user-select: none !important;
	z-index: 9998;
}

#ntz-a11y_dropbar #ntz-a11y_dropbar-inner,
#ntz-a11y_dropbar #ntz-a11y_dropbar-inner * {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

#ntz-a11y_dropbar #ntz-a11y_dropbar-inner {
	display: none;
	flex-flow: column wrap;
	justify-content: stretch;
	gap: var(--ntz-a11y--dropbar-padding);
	min-width: var(--ntz-a11y--dropbar-width);
	width: auto;
	height: auto;
	margin: 0 0 var(--ntz-a11y--dropbar-padding) 0;
	padding: var(--ntz-a11y--dropbar-padding);
	list-style: none;
	background-color: var(--ntz-a11y--dropbar-menu-color-background);
	border: var(--ntz-a11y--dropbar-menu-border-width) solid var(--ntz-a11y--dropbar-menu-border-color);
}

#ntz-a11y_dropbar.ntz-a11y_dropbar-open #ntz-a11y_dropbar-inner,
#ntz-a11y_dropbar #ntz-a11y_dropbar-inner.open {
	display: flex;
	/* position: absolute; */
}

#ntz-a11y_dropbar #ntz-a11y_dropbar-inner:last-of-type {
	margin: 0;
}

#ntz-a11y_dropbar #ntz-a11y_dropbar-inner li.ntz-a11y_dropbar-item {
	display: inline-flex;
	flex-flow: row nowrap;
	width: 100%;
	margin: 0;
}

#ntz-a11y_dropbar #ntz-a11y_dropbar-inner li.ntz-a11y_dropbar-item button:not(.connected) {
	width: 100%;
}

#ntz-a11y_dropbar #ntz-a11y_dropbar-inner li.ntz-a11y_dropbar-item button.connected {
	width: 50%;
}

#ntz-a11y_dropbar *,
#ntz-a11y_dropbar ::before,
#ntz-a11y_dropbar ::after {
	box-sizing: border-box;
}

/* DROPBAR TOGGLE BUTTON */

#ntz-a11y_dropbar #ntz-a11y_dropbar-toggle {
	display: inline-flex;
	min-width: 1em;
	width: auto;
	min-height: 1em;
	height: auto;
	padding: calc(0.5 * var(--ntz-a11y--button-padding)) var(--ntz-a11y--button-padding);
	background-color: var(--ntz-a11y--dropbar-button-color-background);
	color: var(--ntz-a11y--dropbar-button-color-text);
	border: var(--ntz-a11y--dropbar-button-border-width) solid var(--ntz-a11y--dropbar-button-border-color);
}

#ntz-a11y_dropbar #ntz-a11y_dropbar-toggle.horizontal {
	flex-flow: row nowrap;
}

#ntz-a11y_dropbar #ntz-a11y_dropbar-toggle.vertical {
	flex-flow: column wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
}

#ntz-a11y_dropbar #ntz-a11y_dropbar-toggle span {
	display: inline-block;
	width: auto;
	height: 100%;
	color: currentColor;
	text-transform: none;
}

#ntz-a11y_dropbar #ntz-a11y_dropbar-toggle.horizontal .ntz-a11y_dropbar-icon:not(:last-of-type) {	
	padding-right: var(--ntz-a11y--button-padding);
}

#ntz-a11y_dropbar #ntz-a11y_dropbar-toggle.vertical .ntz-a11y_dropbar-icon:not(:last-of-type) {	
	padding-bottom: var(--ntz-a11y--button-padding);
}

#ntz-a11y_dropbar #ntz-a11y_dropbar-toggle .ntz-a11y_dropbar-icon svg {
	display: inline-block;
	min-width: 1em;
	width: auto;
	min-height: 1em;
	height: 100%;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	text-rendering: auto;
	color: currentColor;
	object-fit: contain;
}

/* FUNCTION BUTTONS */

button.ntz-a11y_toolbox-button {
	display: inline-flex;
	min-width: 1em;
	width: auto;
	min-height: 1em;
	height: auto;
	padding: calc(0.5 * var(--ntz-a11y--button-padding)) var(--ntz-a11y--button-padding);
	font-weight: 700;
	background-color: var(--ntz-a11y--button-color-background-inactive);
	color: var(--ntz-a11y--button-color-text-inactive);
	text-decoration-color: var(--ntz-a11y--button-color-text-inactive);
	border: var(--ntz-a11y--button-border-width) solid var(--ntz-a11y--button-border-color);
}

button.ntz-a11y_toolbox-button.horizontal {
	flex-flow: row nowrap;
}

button.ntz-a11y_toolbox-button.vertical {
	flex-flow: column wrap;
	align-items: center;
	justify-content: center;
	text-align: center;
}

button.ntz-a11y_toolbox-button.active,
button.ntz-a11y_toolbox-button.active:hover,
button.ntz-a11y_toolbox-button.active:focus,
button.ntz-a11y_toolbox-button.active:active {
	background-color: var(--ntz-a11y--button-color-background-active);
	color: var(--ntz-a11y--button-color-text-active);
	text-decoration-color: var(--ntz-a11y--button-color-text-active);
}

button.ntz-a11y_toolbox-button.blocked {
	background-color: transparent;
	opacity: 0.25;
	pointer: inherit;
	pointer-events: none;
}

button.ntz-a11y_toolbox-button span {
	display: inline-block;
	width: auto;
	height: 100%;
	color: inherit;
	text-transform: none;
}

button.ntz-a11y_toolbox-button .ntz-a11y_toolbox-icon {
	line-height: 1;
	padding-right: var(--ntz-a11y--button-padding);
	color: currentColor;
}

button.ntz-a11y_toolbox-button.vertical .ntz-a11y_toolbox-icon {
	height: 1.5em;
	margin-bottom: 0.5em;
	padding-right: 0;
}

button.ntz-a11y_toolbox-button.vertical .ntz-a11y_toolbox-text {
	height: 2em;
}

button.ntz-a11y_toolbox-button .ntz-a11y_toolbox-icon svg {
	display: inline-block;
	min-width: 1em;
	width: auto;
	min-height: 1em;
	height: 100%;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	text-rendering: auto;
	color: currentColor;
}

/* RESPONSIVE */

@media (min-width: 480px) {
	
	#ntz-a11y_sidebar {
		--ntz-a11y--sidebar-width: var(--ntz-a11y--sidebar-width-desktop);
	}
	
	#ntz-a11y_dropbar {
		--ntz-a11y--dropbar-width: var(--ntz-a11y--dropbar-width-desktop);
	}
	
}

@media (max-width: 479px) {
	
	#ntz-a11y_sidebar {
		--ntz-a11y--sidebar-width: var(--ntz-a11y--sidebar-width-mobile);
	}
	
	#ntz-a11y_dropbar {
		--ntz-a11y--dropbar-width: var(--ntz-a11y--dropbar-width-mobile);
	}
	
	#ntz-a11y_sidebar.ntz-a11y-sidebar-hide-mobile,
	#ntz-a11y_dropbar.ntz-a11y-dropbar-hide-mobile {
		display: none !important;
		visibility: hidden !important;
		width: 0 !important;
		height: 0 !important;
		z-index: -1 !important;
	}
	
}

@media (min-width: 769px) {

	#ntz-a11y_sidebar {
		--ntz-a11y--sidebar-top: var(--ntz-a11y--sidebar-top-desktop);
	}
	
}

@media (max-width: 768px) {

	#ntz-a11y_sidebar {
		--ntz-a11y--sidebar-top: var(--ntz-a11y--sidebar-top-mobile);
	}
	
}