/*

Theme Name: Xerces Accessibility Styles

*/



.not-screen-reader.closed ,

#not-screen-reader.closed ,

#screen-reader-content.closed ,

.screen-reader-content.closed {

	height: 0 !important;

    overflow: hidden !important;

    opacity: 0 !important;

	margin:0 !important;

	padding:0 !important;

		

}



#screen-reader-content {

	width:calc( 100% - 40px );

	padding:20px;

	

}



#screen-reader-content[style] > * {

	 all: unset;

}



#accessibility-content-toggle {

	display: flex;

	flex-direction: row;

	padding: 10px;

	margin:50px auto;
	margin-top:50px;
	margin-bottom: 50px !important;

	width:calc( 100% - 100px );

	align-items: center;

	justify-content: center;

	background-color:#ff0000;

	border:5px solid #ff0000;

	color:#fff;

	font-weight: bold;

	font-size:1em;

	border-radius:5px;

}



#accessibility-content-toggle:hover {

	background-color:#cc0000;

	border:5px solid #cc0000;

}



#screen-reader-content ,

#screen-reader-content > * {

	color:#000;

	font-family: "Open Sans", Helvetica, Arial, sans-serif !important;

	margin:0 !important;

	margin-bottom:20px !important;

	text-align: left;

}



.a11y-toolbar ul li button {
	margin:0 !important;
	margin-bottom: 0 !important; 
	color:#007079 !important;
	border-color:#000000 !important;
	background-color:#ffffff !important;
	border-left:1px solid #000000;
}


.a11y-toolbar ul li button {
	border-bottom:none;
	min-height:60px !important;
	max-height:60px !important;
	height:60px !important;
	width:60px !important;
	max-width:60px !important;
	min-width:60px !important;
}

.a11y-toolbar ul li:last-of-type button {
	border-bottom:1px solid #000000;
}

.a11y-toolbar button:hover .offscreen, .a11y-toolbar button:focus .offscreen,
.a11y-toolbar button .offscreen {
    color: #333;
    background: #ffffff !important;
    padding: 0 !important;
    padding-left: 1em !important;
    padding-right: 1em !important;
    box-shadow: none !important;
    border-radius: 5px !important;
    font-size: 1em !important;
	margin-right: 10px;
	line-height: 2em;
	max-height: 2em;
	border:1px solid #000000 !important;
}



.a11y-toolbar ul li button:hover {
	color:#ffffff !important;
	background-color:#007079 !important;
	border-color:#000000 !important;
}


#screen-reader-content a { color:blue; }





@media only screen and ( max-width: 1200px ) {

	

	

}