/* High Contrast Icon */
@font-face { font-family: 'high-contrast'; src:  url('../fonts/high-contrast.eot?eadiov'); src:  url('../fonts/high-contrast.eot?eadiov#iefix') format('embedded-opentype'), url('../fonts/high-contrast.ttf?eadiov') format('truetype'), url('../fonts/high-contrast.woff?eadiov') format('woff'), url('../fonts/high-contrast.svg?eadiov#high-contrast') format('svg'); font-weight: normal; font-style: normal; font-display: block; }
[class^="icon-"], [class*=" icon-"] { font-family: 'high-contrast' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-High-Contrast:before { content: "\e900"; font-size: 45px; }

/* ACCESS TOOLS */
.acc-tools { position: fixed; margin: 0; padding: 12px 0; display: inline-block; z-index: 9999; }
.access_tools .tool { display: block; vertical-align: middle; clear:both; overflow: hidden; }
.access_tools a { width: 40px; height: 40px; display: block; vertical-align: middle; font-size: 0; text-align: center; line-height: 40px; opacity: 0.8; text-decoration: none; }	
.access_tools a:hover { opacity: 1; }
.access_tools .tool:hover a { width: 60px; }
.access_tools a.textsize span.small { font-size: 14px; text-transform: uppercase; }
.access_tools a.textsize span.big { font-size: 20px; text-transform: uppercase; }
#access_tools .tool.search-tool { top: 0; position: relative;}
#access_tools .tool.font { top: 55px; }
#access_tools .tool.contrast { top: 110px; }
#access_tools .tool.share { top: 165px; line-height: 31px; padding: 0 10px; cursor: pointer; width: 230px; }
#access_tools .tool.share a { background: none; }
#access_tools .tool:hover { transition: .35s all ease-out; -webkit-transition: .35s all ease-out; }
#access_tools fieldset { margin:0; padding: 0; border:0; }
#access_tools #search label { visibility: hidden; width: 0; height: 0; opacity: 0; display: block; }
#access_tools #search .search-icon { width:40px; }
#access_tools #search .search-icon i { font-size: 22px; width: 40px; height: 40px; display: block; vertical-align: middle; text-align: center; line-height: 40px; opacity: 0.8; text-decoration: none; }
#access_tools #search .search-icon:hover i { opacity: 1; }
#access_tools #search input[type="text"] { padding: 10px 10px 8px 10px ; height: auto; width: 225px; overflow: hidden; margin: 5px; border:0; }
#access_tools #search input[type="submit"] { position: absolute; top: 0; width: 40px; height: 40px; opacity: 0; }

/* RESPONSIVE (THE RELATIVE CLASS) */
.relative {
	width: 100%;
	position: relative;
	left: auto;
	top: 0;
	padding: 0;
}
.relative .access_tools { 
	display: flex; 
	flex-direction: row; 
	justify-content: center;
	width:100%; 
}
.relative .access_tools .tool { 
	left: 0; 
	float: left; 
}
.relative .access_tools .tool:hover a { 
	width: 40px; 
	padding-left: 0;
}
.relative #access_tools .tool.contrast:hover, 
.relative #access_tools .tool.font:hover { 
	left: 0; 
	right: auto; 
	margin: 0px 0 -20px 0; 
	padding-top: 20px; 
}
.relative #access_tools #search .search-icon { 
	float:right; 
}
.relative #access_tools #search input[type="text"] { 
	float: left; 
	width: 225px; 
	padding:10px 10px 8px 10px; 
	margin: 5px; 
}
.relative #access_tools #search input[type="submit"] { 
	right: 0; 
}

/* FOCUS */
.access_tools a:focus { opacity: 1; }
.access_tools .tool:focus a { width: 60px; }
#access_tools .tool:focus { transition: .35s all ease-out; -webkit-transition: .35s all ease-out; }
#access_tools #search .search-icon:focus i { opacity: 1; }
.relative .access_tools .tool:focus a { 
	width: 40px; 
	padding-left: 0;
}
.relative #access_tools .tool.contrast:focus, 
.relative #access_tools .tool.font:focus { 
	left: 0; 
	right: auto; 
	margin: 0px 0 -20px 0; 
	padding-top: 20px; 
}

/* ACCOUNT FOR ADMIN BAR */
.admin-bar .acc-tools.relative { top: 0; }
@media all and (max-width: 782px) {
	.admin-bar .acc-tools.relative { top: 0; }
}