/* =============================================================================
 * banner
 * ========================================================================== */
 
#accessibility_banner {
	position: fixed;
	right: 0px;
	top: 300px;
	background: #0373b6;
	border-radius: 10px 0 0 10px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	border-left: 3px solid #fff;
	z-index: 1000000;
	text-align: center;
	display: block;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
	transition: all .5s ease-in-out;
}

#accessibility_banner.hide {
	display: none;
}

#accessibility_banner:hover {
	right: 0;
}

#accessibility_banner a {
	display: block;
	line-height: 1;
}

#accessibility_banner a:focus {
	outline-color: white;
	outline-style: solid;
	outline-width: medium;
}

#accessibility_banner i {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	display: inline-block;
}

#accessibility_banner i.access {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUwLjQ5MnB4IiBoZWlnaHQ9IjUwLjQ5MnB4IiB2aWV3Qm94PSIwIDAgNTAuNDkyIDUwLjQ5MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAuNDkyIDUwLjQ5MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9IkxheWVyXzEiPjwvZz48ZyBpZD0iTGF5ZXJfNCI+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTM3LjY0OCwxNS44N2wtNi45MTQsMC44MmMtMy42MzcsMC41NjYtNy4zMzksMC41NjYtMTAuOTc2LDBsLTYuOTE0LTAuODJjLTEuMDMtMC4xODktMi4wMjMsMC40OC0yLjE4OCwxLjQ5Yy0wLjE1NiwwLjk2NywwLjU0NCwxLjg3MSwxLjUzNywyLjA1NWw4LjMxNywxLjE5NGMwLjM3MywwLjA2OSwwLjY0MiwwLjM4NCwwLjY0MiwwLjc1MWwwLDBjMCw1LjQ5NC0wLjY2OCw5Ljc1Ni0yLjQ4MSwxNC45NjJsLTAuOTY2LDIuNzcyYy0wLjM1NCwxLjAyLDAuMTYxLDIuMTU3LDEuMjAyLDIuNTM0YzEuMDg5LDAuMzk2LDIuMjkxLTAuMTYzLDIuNjU5LTEuMjIxbDMuNjc5LTExLjIxM2wzLjY3OSwxMS4yMTNjMC4yODgsMC44MjcsMS4wODUsMS4zNDksMS45MzksMS4zNDljMC4yMTYsMCwwLjQzNy0wLjAzNCwwLjY1My0wLjEwNGMxLjA3MS0wLjM1LDEuNjQ2LTEuNDczLDEuMjg1LTIuNTA5bC0wLjk4Mi0yLjgyMWMtMS44MTMtNS4yMDYtMi40ODEtOS40NjgtMi40ODEtMTQuOTYybDAsMGMwLTAuMzY3LDAuMjctMC42ODIsMC42NDItMC43NTFsOC4zMTctMS4xOTRjMC45OTMtMC4xODQsMS42OTMtMS4wODcsMS41MzctMi4wNTNDMzkuNjcyLDE2LjM1MiwzOC42NzksMTUuNjgsMzcuNjQ4LDE1Ljg3eiIvPjxjaXJjbGUgZmlsbD0iI0ZGRkZGRiIgY3g9IjI1LjI0NiIgY3k9IjExLjk0NSIgcj0iMy43MzEiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDMuMDk4LDcuMzk1QzM4LjMyOSwyLjYyNiwzMS45ODksMCwyNS4yNDYsMFMxMi4xNjMsMi42MjYsNy4zOTUsNy4zOTVTMCwxOC41MDMsMCwyNS4yNDZzMi42MjYsMTMuMDgzLDcuMzk1LDE3Ljg1MnMxMS4xMDgsNy4zOTUsMTcuODUyLDcuMzk1czEzLjA4My0yLjYyNiwxNy44NTItNy4zOTVzNy4zOTUtMTEuMTA4LDcuMzk1LTE3Ljg1MlM0Ny44NjYsMTIuMTYzLDQzLjA5OCw3LjM5NXogTTI1LjI0Niw0Ny4wNzdjLTEyLjAzOCwwLTIxLjgzMS05Ljc5My0yMS44MzEtMjEuODMxUzEzLjIwOCwzLjQxNSwyNS4yNDYsMy40MTVzMjEuODMxLDkuNzkzLDIxLjgzMSwyMS44MzFTMzcuMjg0LDQ3LjA3NywyNS4yNDYsNDcuMDc3eiIvPjwvZz48L3N2Zz4=);
}

#accessibility_banner i.close {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" stroke="none" fill="white" /></svg>');
}

#accessibility_banner i:hover {
	cursor: pointer;
}

#accessibility_banner h6 {
	color: #fff;
	margin: 0;
	font-family: Arial, Verdana, sans-serif;
}

/* variante: small */
#accessibility_banner.small {
	padding: 5px;
}

#accessibility_banner.small i {
	width: 25px;
	height: 25px;
	margin-bottom: 5px;
}

#accessibility_banner.small h6 {
	color: #fff;
	font-size: 0.8rem;
	margin: 0;
}

/* variante: medium */
#accessibility_banner.medium {
	padding: 10px;
}

#accessibility_banner.medium i {
	width: 35px;
	height: 35px;
	margin-bottom: 5px;
}

#accessibility_banner.medium i.close{
	width: 25px;
	height: 25px;
}


#accessibility_banner.medium h6 {
	color: #fff;
	font-size: 0.85rem;
	margin: 0;
}

/* variante: large */
#accessibility_banner.large {
	padding: 15px;
}

#accessibility_banner.large i {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
}

#accessibility_banner.large h6 {
	color: #fff;
	font-size: 1rem;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	#accessibility_banner {
		/*display: none;*/
	}
}