/*
Theme Name: neustaberlin
Theme URI: http://neustaberlin-wiki.nsd-dev.de/
Author: David neusta Berlin
Author URI: https://hoolly.de/
Description: accessibility Style
Version: 3.0
Text Domain: neusta-berlin-theme
*/

/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/

a:focus {
	outline: none;
}

a:focus-visible {
	outline: 5px solid #6cae25 !important;
	outline-offset: 4px;
}

/*a:focus-visible img {
	border: 4px solid #a4d63b;
}*/

/*a:active {
	background-color: #6cae25;
	color: #fff;
}*/

/***************************/

form:focus-within {
	border-color: #6cae25;
}

input:focus-visible,
button:focus-visible {
	outline: 2px solid #6cae25;
	outline-offset: 4px;
}

input:focus,
textarea:focus,
select:focus {
	outline: 2px solid #6cae25;
	outline-offset: 2px;
}

label,
select,
texterea,
button,
a {
	position: relative;
	overflow: visible;
}

label:focus-within::after,
button:focus-visible::after,
:not(.main-navigation .menu-item) > a:focus-visible::after,
.tabs-menu-item:focus-visible::after {
	position: absolute;
    content: '\f340';
    font-family: 'dashicons';
    font-size: 3rem;
    color: #ff8f00;
    left:unset;
    top: calc( 50% - 35px );
    right: -55px;
    display: block;
    vertical-align: middle;
    z-index: 99999;
}

/***************************/

#teaser-menu a:focus-visible {
	outline: 5px solid #6cae25 !important;
    outline-offset: 4px;
}

#menu-social-links-menu li a:focus-visible {
	outline: 2px solid #6cae25;
	outline-offset: 2px;
}


.tabs-menu-item:focus-visible {
	outline: 2px solid #6cae25;
	outline-offset: 2px;
}

.navigation-main:not(.site-navigation-fixed) #site-navigation a.custom-logo-link:focus-visible,
.navigation-main.site-navigation-fixed #site-navigation .menu-item-home a:focus-visible {
	outline: unset !important;
}

.navigation-main:not(.site-navigation-fixed) #site-navigation a.custom-logo-link:focus-visible::after {
	content: unset !important;
}

/***************************/

.panel-letzte_beitraege_home .shortcodePosts li a:focus-visible {
	outline: 5px solid #6cae25 !important;
	outline-offset: -5px;
}

/***************************/
/***************************/
/***************************/

@media (forced-colors: active) {

	*:focus-visible {
		outline: 2px solid Highlight;
		outline-offset: 2px;
	}
  
	a:focus-visible {
		outline: 2px solid Highlight;
		outline-offset: 2px;
		text-decoration: underline;
	}
  
}

/***************************/

/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/