/* HTML Invisibile screen reader */

.screenreader-text {
  border: 0;
  clip: rect(1px,1px,1px,1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  left: -999px;
  top: auto;
  width: 1px;
  word-wrap: normal !important;
  border: 0px !important; 
}

.screenreader-text:focus {
  color: var(--white);
  background-color: var(--black);
  display: inline-block;    
  height: auto;
  width: auto;
  position: absolute;
  top: 10px;
  left:10px;
  margin: auto;
  font-weight: 500;
  border: 0px !important; 
}

/* barra vai al contenuto */

#skip-link {border:0px !important; border-radius:5px; padding:8px;}

.skip-link-text {
  position: absolute;
  left: -999px;
  top: auto;
}

.skip-link-label {
  padding: 0px;
}

.skip-link-text:focus {
  color: #fff;
  background-color: #000;
  display: inline-block;    
  height: auto;
  width: auto;
  position: absolute;
  top: 10px;
  left:10px;
  margin: auto;
  font-weight: 500;

  border: 0px !important; 
}

/* Gestione del focus */

/*
a:focus {
  border-color: var(--focus) !important;
  box-shadow:inset 0 0 0 2px var(--focus) !important;
  outline: none !important;
}

input:focus { 
  border-color: var(--focus) !important;
  box-shadow:inset  0 0 0 2px var(--focus) !important;
  outline: none !important;
}
select:focus { 
  border-color: var(--focus) !important;
  box-shadow:inset  0 0 0 2px var(--focus) !important;
  outline: none !important;
}

button:focus {
  border-color: var(--focus) !important;
  box-shadow:inset  0 0 0 2px var(--focus) !important;
  outline: none !important;
}

textarea:focus {
  border-color: var(--focus) !important;
  box-shadow:inset  0 0 0 2px var(--focus) !important;
  outline: none !important;
}
.box-link:focus .boxflex {border:4px solid var(--focus);}

.link_blocco{display: inline-block; overflow: hidden;}



*/