.skip-links
{
    position: fixed;
    top: 5px;
    z-index: 9999;
    list-style: none;
    border: none;
}

.skip-links li a
{
position: absolute;
 width:1px;
 height: 1px;
overflow:hidden;
color: transparent;
margin:0;
padding:0;
}

.skip-links li a:active, .skip-links li a:focus
{
    position: static;
    background-color: var(--menu-item-background-color);
    color:  var(--menu-item-color);
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    padding: 0.5em;
}

.carousel-controls { position: absolute; }

body.wide aside.top, body.wide aside.bottom
{
	padding: 0!important;}

body.wide header>nav.bar_container>ul
{
    flex-grow: 1;
    background-color: #6BB632;
    padding-top: 0.2rem; padding-bottom: 0.2rem;
    border-bottom: 5px solid #1F5195;
    padding: 0.7rem 5rem; 
}

body.wide header>nav.bar_container.switches>ul
{
    flex-grow: 1;
    background-color: #fff;
    padding-right: 1rem;
}

/*
input, textarea
{
	background-color: var(--input-background-color);
	border-color: var(--input-border-color);
}

select
{
	background-color: var(--select-background-color);
	border-color: var(--select-border-color);
}

button, input[type=button], input[type=submit]
{
	background-color: var(--button-background-color);
	border-color: var(--button-border-color);
}

@media (max-width: 45rem)
{

input, textarea
{
	background-color: var(--narrow-input-background-color);
	border-color: var(--narrow-input-border-color);
}

select
{
	background-color: var(--narrow-select-background-color);
	border-color: var(--narrow-select-border-color);
}

button, input[type=button], input[type=submit]
{
	background-color: var(--narrow-button-background-color);
	border-color: var(--narrow-button-border-color);
}

}
*/

footer {
     min-height: 5em;
     padding: 1.5em 1.5em 1.5em 1.5em !important;
}

body.wide .bar_container>ul.bar
{
	justify-content: center !important; align-items: center;
	column-gap: 0.1rem;