@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* @font-face {
	font-family: 'shiro-icon';
	src: url('../fonts/shiro-icon.eot?56132354');
	src: url('../fonts/shiro-icon.eot?56132354#iefix') format('embedded-opentype'),
		url('../fonts/shiro-icon.woff2?56132354') format('woff2'),
		url('../fonts/shiro-icon.woff?56132354') format('woff'),
		url('../fonts/shiro-icon.ttf?56132354') format('truetype'),
		url('../fonts/shiro-icon.svg?56132354#shiro-icon') format('svg');
	font-weight: normal;
	font-style: normal;
} */

:root {
	--color-success: #2DA4A8;
	--color-alert: #F25648;
	--color-error: #F25648;
	--color-accessibility: rgb(0, 48, 135);
	/* --shiro-theme: #F25648; */

	--color-theme: #f3a22b; /* #2da5a9 */
	--color-theme-ligther: #f5a640;
	
	--color-white:    #ffffff;
	--color-gray-100: #f1f1f1;
	--color-gray-200: #F5F6F7;
	--color-gray-300: #ddd;
	--color-gray-400: #999;
	--color-gray-500: #6D6D6D;
	--color-gray-600: #444;
	--color-gray-700: #333333;
	--color-gray-800: #2D3432;
	--color-gray-900: #181818;
	--color-black:    #0f0f0f;

	--color-amarelo-solar: #FEDD00;
	--color-laranja-vital: #FAA31F;
	--color-laranja-dominante: #F05125;
	--color-vermelho-material: #EC2127;
	--color-magenta-cosmopolita: #EA2262;
	--color-violeta-sintetico: #AC2885;
	--color-roxo-galatico: #724D9F;
	--color-azul-espacial: #0072BC;
	--color-azul-hibrido: #1B94D2;
	--color-azul-dinamico: #00ACCC;
	--color-azul-genetico: #00A99D;
	--color-verde-natural: #009C72;
	--color-verde-oceano: #3FBA8D;
	--color-verde-energetico: #83C559;

	--shadow-light: rgba(0, 0, 0, 0.2) 0px 2px 8px 0px;
	--shadow-medium: rgba(0, 0, 0, 0.1) 3px 4px 8px;
	--shadow-dark: rgba(50, 50, 50, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	--shadow-big: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

body.dark-mode{
	--color-white:    #0f0f0f;
	--color-gray-100: #181818;
	--color-gray-200: #2D3432;
	--color-gray-300: #333333;
	--color-gray-400: #444;
	--color-gray-500: #6D6D6D;
	--color-gray-600: #999;
	--color-gray-700: #ddd;
	--color-gray-800: #F5F6F7;
	--color-gray-900: #f1f1f1;
	--color-black:    #ffffff;
}

body.color1, body.color2{
	--color-theme: var(--color-azul-dinamico);
	--tint-theme: var(--tint-azul-dinamico);
}

body.color3, body.color4{
	--color-theme: var(--color-azul-dinamico);
	--tint-theme: var(--tint-azul-dinamico);
}

body.color5, body.color6{
	--color-theme: var(--color-amarelo-solar);
	--tint-theme: var(--tint-amarelo-solar);
	--color-theme-inverse: var(--color-darkgray);
}

body.color7, body.color8{
	--color-theme: var(--color-laranja-vital);
	--tint-theme: var(--tint-laranja-vital);
}

body.color9, body.color10{
	--color-theme: var(--color-laranja-dominante);
	--tint-theme: var(--tint-laranja-dominante);
}

body.color11, body.color12{
	--color-theme: var(--color-vermelho-material);
	--tint-theme: var(--tint-vermelho-material);
}

body.color13, body.color14{
	--color-theme: var(--color-magenta-cosmopolita);
	--tint-theme: var(--tint-magenta-cosmopolita);
}

body.color15, body.color16{
	--color-theme: var(--color-violeta-sintetico);
	--tint-theme: var(--tint-violeta-sintetico);
}

body.color17, body.color18{
	--color-theme: var(--color-roxo-galatico);
	--tint-theme: var(--tint-roxo-galatico);
}

body.color19, body.color20{
	--color-theme: var(--color-azul-espacial);
	--tint-theme: var(--tint-azul-espacial);
}

body.color21, body.color22{
	--color-theme: var(--color-azul-hibrido);
	--tint-theme: var(--tint-azul-hibrido);
}

body.color23, body.color24{
	--color-theme: var(--color-verde-natural);
	--tint-theme: var(--tint-verde-natural);
}

body {
	font-family: "DM Sans", sans-serif;
	background-color: var(--color-gray-100);
	color: var(--color-black);
}

* {
	margin: 0;
	padding: 0;
}

a{
    color:var(--color-black);
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

ul, ol {
    list-style: none;
}

/* MAIN HEADER */

.header-wrap{
	position:sticky;
	top:0;
	width:100%;
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: subgrid;
	z-index:10;
}

.wide-container{
    grid-column: 2 / -2;
}

.full-container{
    grid-column: 1 / -1;
}

/* MAIN */

	main{
		grid-column: 1 / -1;
		grid-template-columns: subgrid;
		display: grid;
	}

	main a:hover {
		text-decoration: none;
	}

/* BREADCRUMB */

	.breadcrumb{
		background-color: var(--color-white);
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: subgrid;
	}
	.breadcrumb .trail > *:not(:last-child):after {
		content: '>';
		margin: 0 .5rem;
		color: var(--color-gray-700);
	}


/*FOOTER*/

	footer{
		grid-column:1/-1;
		text-align: right;
		grid-template-columns: subgrid;
    	display: grid;
	}

	.cookie-notification{
		background-color: #000000dc;
		width: 100%;
		position: fixed;
		grid-template-columns: repeat(12, 1fr);
		bottom: 0;
		left: 0;
		grid-column: 1 / -1;
		color: white;
		padding: 2rem 0;
		font-size: 14px;
		/* display: none; */
		display: grid;
		z-index: 2;
	}
	
	.cookie-notification p {
		margin-bottom:1.25em;
	}

	.cookie-notification a {
		border: var(--color-theme) 2px solid;
		border-radius: 5px;
		padding: .3rem;
		color: white;
		text-decoration: none;
	}

	.cookie-notification a:hover {
		background-color: var(--color-theme);
	}

	.cookie-content{
		grid-column: 2/-2;
	}

/* PAGINATION */

	.pagination .pagination-prev:before, .pagination .pagination-next:before {
		font-family: '<';
		line-height: 1em;
	}

	.pagination .pagination-next:before {
		content: ">";
	}

/* ACCESSIBILITY */

	.accessibility {
		position: fixed;
		right: 0px;
		bottom: 10%;
		z-index: 10;
		display: flex;
		flex-direction: column;
	}


	.accessibility button {
		pointer-events: auto;
		padding: 0px;
		display: flex;
		cursor: pointer;
		justify-content: center;
		align-items: center;
		background: var(--color-accessibility);
		width: 38px;
		height: 38px;
		border-style: solid;
		border-color: var(--color-white);
		border-width: 0 0 1px 1px;
	}

	.accessibility button:first-child {
		border-width: 1px 0 1px 1px;
		border-radius: 12px 0px 0px 0px !important;
	}

	.accessibility button:last-child {
		border-radius: 0px 0px 0px 12px !important;
	}

	.access-contrast .light-mode {
		width: 18px !important;
		height: 18px;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogICAgPGcgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAwOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiBub25lOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjQwNjU5MzQwNjU5MzQwMTYgMS40MDY1OTM0MDY1OTM0MDE2KSBzY2FsZSgyLjgxIDIuODEpIj4NCiAgICAgICAgPHBhdGggZD0iTSA4OCA0NyBIIDc3Ljg2NiBjIC0xLjEwNCAwIC0yIC0wLjg5NiAtMiAtMiBzIDAuODk2IC0yIDIgLTIgSCA4OCBjIDEuMTA0IDAgMiAwLjg5NiAyIDIgUyA4OS4xMDQgNDcgODggNDcgeiIgc3R5bGU9InN0cm9rZTogd2hpdGU7IHN0cm9rZS13aWR0aDogMnB4OyBmaWxsOiByZ2IoMjU1LDI1NSwyNTUpOyIgLz4NCiAgICAgICAgPHBhdGggZD0iTSAxMi4xMzQgNDcgSCAyIGMgLTEuMTA0IDAgLTIgLTAuODk2IC0yIC0yIHMgMC44OTYgLTIgMiAtMiBoIDEwLjEzNCBjIDEuMTA0IDAgMiAwLjg5NiAyIDIgUyAxMy4yMzkgNDcgMTIuMTM0IDQ3IHoiIHN0eWxlPSJzdHJva2U6IHdoaXRlOyBzdHJva2Utd2lkdGg6IDJweDsgZmlsbDogcmdiKDI1NSwyNTUsMjU1KTsiIC8+DQogICAgICAgIDxwYXRoIGQ9Ik0gNDUgMTQuMTM0IGMgLTEuMTA0IDAgLTIgLTAuODk2IC0yIC0yIFYgMiBjIDAgLTEuMTA0IDAuODk2IC0yIDIgLTIgcyAyIDAuODk2IDIgMiB2IDEwLjEzNCBDIDQ3IDEzLjIzOSA0Ni4xMDQgMTQuMTM0IDQ1IDE0LjEzNCB6IiBzdHlsZT0ic3Ryb2tlOiB3aGl0ZTsgc3Ryb2tlLXdpZHRoOiAycHg7IGZpbGw6IHJnYigyNTUsMjU1LDI1NSk7IiAvPg0KICAgICAgICA8cGF0aCBkPSJNIDQ1IDkwIGMgLTEuMTA0IDAgLTIgLTAuODk2IC0yIC0yIFYgNzcuODY2IGMgMCAtMS4xMDQgMC44OTYgLTIgMiAtMiBzIDIgMC44OTYgMiAyIFYgODggQyA0NyA4OS4xMDQgNDYuMTA0IDkwIDQ1IDkwIHoiIHN0eWxlPSJzdHJva2U6IHdoaXRlOyBzdHJva2Utd2lkdGg6IDJweDsgZmlsbDogcmdiKDI1NSwyNTUsMjU1KTsiIC8+DQogICAgICAgIDxwYXRoIGQ9Ik0gNzUuNDA1IDc3LjQwNSBjIC0wLjUxMiAwIC0xLjAyMyAtMC4xOTUgLTEuNDE0IC0wLjU4NiBsIC03LjE2NiAtNy4xNjYgYyAtMC43ODEgLTAuNzgxIC0wLjc4MSAtMi4wNDcgMCAtMi44MjggcyAyLjA0NyAtMC43ODEgMi44MjggMCBsIDcuMTY2IDcuMTY2IGMgMC43ODEgMC43ODEgMC43ODEgMi4wNDcgMCAyLjgyOCBDIDc2LjQyOSA3Ny4yMSA3NS45MTcgNzcuNDA1IDc1LjQwNSA3Ny40MDUgeiIgc3R5bGU9InN0cm9rZTogd2hpdGU7IHN0cm9rZS13aWR0aDogMnB4OyBmaWxsOiByZ2IoMjU1LDI1NSwyNTUpOyIgLz4NCiAgICAgICAgPHBhdGggZD0iTSAyMS43NiAyMy43NiBjIC0wLjUxMiAwIC0xLjAyNCAtMC4xOTUgLTEuNDE0IC0wLjU4NiBsIC03LjE2NiAtNy4xNjYgYyAtMC43ODEgLTAuNzgxIC0wLjc4MSAtMi4wNDcgMCAtMi44MjggYyAwLjc4IC0wLjc4MSAyLjA0OCAtMC43ODEgMi44MjggMCBsIDcuMTY2IDcuMTY2IGMgMC43ODEgMC43ODEgMC43ODEgMi4wNDcgMCAyLjgyOCBDIDIyLjc4NCAyMy41NjUgMjIuMjcyIDIzLjc2IDIxLjc2IDIzLjc2IHoiIHN0eWxlPSJzdHJva2U6IHdoaXRlOyBzdHJva2Utd2lkdGg6IDJweDsgZmlsbDogcmdiKDI1NSwyNTUsMjU1KTsiIC8+DQogICAgICAgIDxwYXRoIGQ9Ik0gNjguMjM5IDIzLjc2IGMgLTAuNTEyIDAgLTEuMDIzIC0wLjE5NSAtMS40MTQgLTAuNTg2IGMgLTAuNzgxIC0wLjc4MSAtMC43ODEgLTIuMDQ3IDAgLTIuODI4IGwgNy4xNjYgLTcuMTY2IGMgMC43ODEgLTAuNzgxIDIuMDQ3IC0wLjc4MSAyLjgyOCAwIGMgMC43ODEgMC43ODEgMC43ODEgMi4wNDcgMCAyLjgyOCBsIC03LjE2NiA3LjE2NiBDIDY5LjI2MyAyMy41NjUgNjguNzUxIDIzLjc2IDY4LjIzOSAyMy43NiB6IiBzdHlsZT0ic3Ryb2tlOiB3aGl0ZTsgc3Ryb2tlLXdpZHRoOiAycHg7IGZpbGw6IHJnYigyNTUsMjU1LDI1NSk7IiAvPg0KICAgICAgICA8cGF0aCBkPSJNIDE0LjU5NCA3Ny40MDUgYyAtMC41MTIgMCAtMS4wMjQgLTAuMTk1IC0xLjQxNCAtMC41ODYgYyAtMC43ODEgLTAuNzgxIC0wLjc4MSAtMi4wNDcgMCAtMi44MjggbCA3LjE2NiAtNy4xNjYgYyAwLjc4IC0wLjc4MSAyLjA0OCAtMC43ODEgMi44MjggMCBjIDAuNzgxIDAuNzgxIDAuNzgxIDIuMDQ3IDAgMi44MjggbCAtNy4xNjYgNy4xNjYgQyAxNS42MTggNzcuMjEgMTUuMTA2IDc3LjQwNSAxNC41OTQgNzcuNDA1IHoiIHN0eWxlPSJzdHJva2U6IHdoaXRlOyBzdHJva2Utd2lkdGg6IDJweDsgZmlsbDogcmdiKDI1NSwyNTUsMjU1KTsiIC8+DQogICAgICAgIDxwYXRoIGQ9Ik0gNDUgNjYuMDM1IGMgLTExLjU5OSAwIC0yMS4wMzUgLTkuNDM3IC0yMS4wMzUgLTIxLjAzNSBTIDMzLjQwMSAyMy45NjUgNDUgMjMuOTY1IFMgNjYuMDM1IDMzLjQwMSA2Ni4wMzUgNDUgUyA1Ni41OTkgNjYuMDM1IDQ1IDY2LjAzNSB6IE0gNDUgMjcuOTY1IGMgLTkuMzkzIDAgLTE3LjAzNSA3LjY0MiAtMTcuMDM1IDE3LjAzNSBjIDAgOS4zOTQgNy42NDIgMTcuMDM1IDE3LjAzNSAxNy4wMzUgYyA5LjM5NCAwIDE3LjAzNSAtNy42NDIgMTcuMDM1IC0xNy4wMzUgQyA2Mi4wMzUgMzUuNjA3IDU0LjM5NCAyNy45NjUgNDUgMjcuOTY1IHoiIHN0eWxlPSJzdHJva2U6IHdoaXRlOyBzdHJva2Utd2lkdGg6IDJweDsgZmlsbDogcmdiKDI1NSwyNTUsMjU1KTsiIC8+DQogICAgPC9nPg0KPC9zdmc+);
		background-size: 18px;
	}
	.access-contrast .dark-mode {
		width: 16px !important;
		height: 16px;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiB2aWV3Qm94PSIwIDAgMjU2IDI1NiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQogICAgPGcgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAwOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiBub25lOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjQwNjU5MzQwNjU5MzQwMTYgMS40MDY1OTM0MDY1OTM0MDE2KSBzY2FsZSgyLjgxIDIuODEpIj4NCiAgICAgICAgPHBhdGggZD0iTSA4OS42MzQgNTkuNjgzIGMgLTAuMzM4IC0wLjI3NiAtMC44MTYgLTAuMzAyIC0xLjE4NCAtMC4wNjIgYyAtMTYuNTE0IDEwLjg2NCAtMzguNjYxIDguNTg5IC01Mi42NjEgLTUuNDEgQyAyMS43OSA0MC4yMTIgMTkuNTE1IDE4LjA2NSAzMC4zOCAxLjU1MSBjIDAuMjQgLTAuMzY2IDAuMjE1IC0wLjg0NSAtMC4wNjIgLTEuMTgzIGMgLTAuMjc3IC0wLjMzOSAtMC43NDEgLTAuNDYgLTEuMTQ4IC0wLjI5NCBjIC01LjgyNiAyLjM0OSAtMTEuMDQ4IDUuODA5IC0xNS41MjMgMTAuMjgzIGMgLTE4LjE5NSAxOC4xOTUgLTE4LjE5NSA0Ny44MDIgMCA2NS45OTcgQyAyMi43NDQgODUuNDUxIDM0LjY5NSA5MCA0Ni42NDUgOTAgYyAxMS45NTEgMCAyMy45MDEgLTQuNTQ5IDMyLjk5OSAtMTMuNjQ2IGMgNC40NzUgLTQuNDc2IDcuOTM1IC05LjY5OSAxMC4yODQgLTE1LjUyMyBDIDkwLjA5MSA2MC40MjUgODkuOTcyIDU5Ljk2IDg5LjYzNCA1OS42ODMgeiIgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiByZ2IoMjU1LDI1NSwyNTUpOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+DQogICAgICAgIDxwYXRoIGQ9Ik0gNzcuMjU0IDQwLjE3IGMgLTQuODk0IC0xLjYzIC04Ljc4OCAtNS41MjUgLTEwLjQyIC0xMC40MTkgYyAtMC4yNyAtMC44MSAtMC45OTIgLTEuMzM0IC0xLjg0MSAtMS4zMzQgYyAtMC44NDggMCAtMS41NzEgMC41MjQgLTEuODQgMS4zMzUgYyAtMS42MzEgNC44OTMgLTUuNTI2IDguNzg3IC0xMC40MTkgMTAuNDE4IGMgLTAuODExIDAuMjcgLTEuMzM0IDAuOTkzIC0xLjMzNCAxLjg0MSBjIDAgMC44NDggMC41MjQgMS41NzEgMS4zMzQgMS44NDEgYyA0Ljg5NCAxLjYzMSA4Ljc4OCA1LjUyNSAxMC40MTggMTAuNDE5IGggMC4wMDEgYyAwLjI3IDAuODExIDAuOTkyIDEuMzM0IDEuODQgMS4zMzQgYyAwLjg0OSAwIDEuNTcyIC0wLjUyNCAxLjg0MSAtMS4zMzQgYyAxLjYzMSAtNC44OTMgNS41MjYgLTguNzg4IDEwLjQxOSAtMTAuNDE5IGMgMC44MTIgLTAuMjcgMS4zMzUgLTAuOTkyIDEuMzM1IC0xLjg0MSBDIDc4LjU4OCA0MS4xNjIgNzguMDY0IDQwLjQzOSA3Ny4yNTQgNDAuMTcgeiIgc3R5bGU9InN0cm9rZTogbm9uZTsgc3Ryb2tlLXdpZHRoOiAxOyBzdHJva2UtZGFzaGFycmF5OiBub25lOyBzdHJva2UtbGluZWNhcDogYnV0dDsgc3Ryb2tlLWxpbmVqb2luOiBtaXRlcjsgc3Ryb2tlLW1pdGVybGltaXQ6IDEwOyBmaWxsOiByZ2IoMjU1LDI1NSwyNTUpOyBmaWxsLXJ1bGU6IG5vbnplcm87IG9wYWNpdHk6IDE7IiB0cmFuc2Zvcm09IiBtYXRyaXgoMSAwIDAgMSAwIDApICIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+DQogICAgICAgIDxwYXRoIGQ9Ik0gODEuNjM1IDExLjU3NyBjIC0yLjU5NyAtMC44NjUgLTQuNjY0IC0yLjkzMiAtNS41MyAtNS41MjkgYyAtMC4yMDggLTAuNjI2IC0wLjc4OSAtMS4wNDYgLTEuNDQ2IC0xLjA0NiBjIC0wLjY1NyAwIC0xLjIzOSAwLjQyMSAtMS40NDggMS4wNDcgYyAtMC44NjQgMi41OTYgLTIuOTMgNC42NjMgLTUuNTI3IDUuNTI4IGMgLTAuNjI2IDAuMjA4IC0xLjA0NyAwLjc4OSAtMS4wNDcgMS40NDYgcyAwLjQyMSAxLjIzOCAxLjA0NiAxLjQ0NiBjIDIuNTk2IDAuODY1IDQuNjYzIDIuOTMyIDUuNTI5IDUuNTI5IGMgMC4yMDggMC42MjUgMC43ODggMS4wNDYgMS40NDUgMS4wNDcgYyAwLjAwMSAwIDAuMDAxIDAgMC4wMDIgMCBjIDAuNjU2IDAgMS4yMzggLTAuNDIxIDEuNDQ2IC0xLjA0NiBjIDAuODY2IC0yLjU5NyAyLjkzMyAtNC42NjQgNS41MyAtNS41MjkgYyAwLjYyNSAtMC4yMDkgMS4wNDYgLTAuNzkgMS4wNDYgLTEuNDQ2IEMgODIuNjgxIDEyLjM2NyA4Mi4yNiAxMS43ODYgODEuNjM1IDExLjU3NyB6IiBzdHlsZT0ic3Ryb2tlOiBub25lOyBzdHJva2Utd2lkdGg6IDE7IHN0cm9rZS1kYXNoYXJyYXk6IG5vbmU7IHN0cm9rZS1saW5lY2FwOiBidXR0OyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogMTA7IGZpbGw6IHJnYigyNTUsMjU1LDI1NSk7IGZpbGwtcnVsZTogbm9uemVybzsgb3BhY2l0eTogMTsiIHRyYW5zZm9ybT0iIG1hdHJpeCgxIDAgMCAxIDAgMCkgIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4NCiAgICAgICAgPHBhdGggZD0iTSA1Mi4yNzQgMTguNjg5IGMgLTMuMjMyIC0xLjA3NiAtNS44MDUgLTMuNjQ5IC02Ljg4MiAtNi44ODEgYyAtMC4yMjQgLTAuNjc0IC0wLjg0OSAtMS4xMjYgLTEuNTU2IC0xLjEyNiBjIC0wLjcwNiAwIC0xLjMzMSAwLjQ1MyAtMS41NTYgMS4xMjYgYyAtMS4wNzcgMy4yMzIgLTMuNjQ5IDUuODA0IC02Ljg4MSA2Ljg4MSBjIC0wLjY3NCAwLjIyNCAtMS4xMjYgMC44NDkgLTEuMTI2IDEuNTU2IHMgMC40NTMgMS4zMzEgMS4xMjYgMS41NTYgYyAzLjIzMiAxLjA3NyA1LjgwNSAzLjY1IDYuODgxIDYuODgyIGMgMC4yMjQgMC42NzQgMC44NDkgMS4xMjYgMS41NTYgMS4xMjYgYyAwLjcwNiAwIDEuMzMxIC0wLjQ1MyAxLjU1NiAtMS4xMjYgYyAxLjA3NyAtMy4yMzIgMy42NDkgLTUuODA1IDYuODgxIC02Ljg4MiBjIDAuNjc0IC0wLjIyNCAxLjEyNyAtMC44NDkgMS4xMjcgLTEuNTU2IFMgNTIuOTQ3IDE4LjkxMyA1Mi4yNzQgMTguNjg5IHoiIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1saW5lam9pbjogbWl0ZXI7IHN0cm9rZS1taXRlcmxpbWl0OiAxMDsgZmlsbDogcmdiKDI1NSwyNTUsMjU1KTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgdHJhbnNmb3JtPSIgbWF0cml4KDEgMCAwIDEgMCAwKSAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPg0KICAgIDwvZz4NCjwvc3ZnPg==);	background-size: 18px;
		background-size: 16px;
	}

	.access-zoom-in{
		width: 22px;
		height: 22px;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTIuOSw3LjRsNi42LDE3LjJoLTMuN2wtMS40LTMuOEg3LjZsLTEuNCwzLjhIMi41TDkuMiw3LjRIMTIuOXogTTExLDExLjVsLTAuMywxbC0yLDUuNGg0LjdsLTItNS40TDExLDExLjV6Ij48L3BhdGg+DQogICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI1LjksMTAuOXYzLjdoMy42djIuOGgtMy42djMuNkgyM3YtMy42aC0zLjZ2LTIuOEgyM3YtMy43SDI1Ljl6Ij48L3BhdGg+DQo8L3N2Zz4=);
		background-size:22px;
	}

	.accessibility button.access-zoom-in{

		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTIuOSw3LjRsNi42LDE3LjJoLTMuN2wtMS40LTMuOEg3LjZsLTEuNCwzLjhIMi41TDkuMiw3LjRIMTIuOXogTTExLDExLjVsLTAuMywxbC0yLDUuNGg0LjdsLTItNS40TDExLDExLjV6Ij48L3BhdGg+DQogICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI1LjksMTAuOXYzLjdoMy42djIuOGgtMy42djMuNkgyM3YtMy42aC0zLjZ2LTIuOEgyM3YtMy43SDI1Ljl6Ij48L3BhdGg+DQo8L3N2Zz4=);
		background-size:22px;
		background-position: center;
		background-repeat: no-repeat;
	}

	.accessibility button.access-zoom-out{
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTQuMSw3LjRsNi42LDE3LjJoLTMuN2wtMS40LTMuOEg4LjhsLTEuNCwzLjhIMy44bDYuNi0xNy4ySDE0LjF6IE0xMi4yLDExLjVsLTAuMywxbC0yLDUuNGg0LjdsLTItNS40IEwxMi4yLDExLjV6Ij48L3BhdGg+DQogICAgPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTI4LjIsMTYuOHYyLjhoLTcuN3YtMi44SDI4LjJ6Ij48L3BhdGg+DQo8L3N2Zz4=);
		background-size:22px;
		background-position: center;
		background-repeat: no-repeat;
	}

	/* --- MAP / TIMELINE / GRAPH --- */


    #controls {
        position: absolute;
        top: 1.5em;
		right: 1.5em;
        z-index: 100;
        background: rgba(0,0,0, 0.25);
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

		display: flex;
		gap: .5rem;
		padding: .5rem;
        z-index: 1;

        & button {
			background-color: var(--color-white);
			color: var(--color-black);
            border: none;
			padding: .25em .5em;
			cursor: pointer;
			font-size: .75em;
			width: 1.75em;
			height: 1.75em;
			display: block;

			& span{
				display: none;
			}
        }

        & button:hover {
            background-color: var(--color-theme);
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
        }

        & button.btn-left { background-image: url('../assets/control-left.svg'); }
        & button.btn-right { background-image: url('../assets/control-right.svg'); }
        & button.btn-zoom-in { background-image: url('../assets/control-zoom-in.svg'); }
        & button.btn-zoom-out { background-image: url('../assets/control-zoom-out.svg'); }
        & button.btn-fit { background-image: url('../assets/control-fit.svg'); }
    }