/*Kontrast czcionka*/
.ulatwienia-wcag {
  /* position: fixed;
  display: flex;
  align-items: flex-start;
  z-index: 9999;
  justify-content: flex-end;
  right: -367px;
  top: 350px;
  transition: 0.3s; */
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
.wcag-kontener:hover{
  /* right:-1px; */
}
#ulatwienia-wcag-3 > ul{
  top: 100%;
  right: -58px;
  border-top-right-radius: 0.5rem;
}
.ulatwienia-wcag > ul {
  display: none;
  padding: 8px;
  z-index: 9999;
  min-width: 366px;
  width: max-content;
  margin: 0;
  -webkit-box-shadow: 3px 3px 0px 0px rgba(89, 89, 89, 0.09);
  -moz-box-shadow: 3px 3px 0px 0px rgba(89, 89, 89, 0.09);
  box-shadow: 3px 3px 0px 0px rgba(89, 89, 89, 0.09);
  background-color: white;
  padding-top: 56px;
  padding-left: 16px;
  padding-bottom: 16px;
  position: relative;
  left: 0px!important;
  border-bottom-left-radius: 0.2rem;
}
#ulatwienia-wcag-2 > ul{
  display: block !important;
  height: 267px !important;
  padding-top: 56px !important;
  padding-bottom: 16px !important;
}
#ulatwienia-wcag-1 > ul, #ulatwienia-wcag-1 > ul * {top: 0px; right: 0;}
#ulatwienia-wcag-2 > ul, #ulatwienia-wcag-2 > ul * {top: 0px; left: 56px; }
.ulatwienia-wcag > ul > li {
  list-style: none;
}
#ulatwienia-wcag-2 > ul{
  left: -60px!important;
}
.ulatwienia-wcag button {
  border: 0px none transparent;
  background-color: transparent;
  cursor: pointer;
  margin: 0 0px;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: white;
  font-size: 18px;
  position: relative;
  left: 0px!important;
  color: #212121;
}
.ulatwienia-wcag > button{
  height: 58px;
  width: 57px;
  display: flex;
  left: -60px!important;
  justify-content: center;
  align-content: center;
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.ulatwienia-wcag:hover > button{
  /* background-color: white; */
}
.ulatwienia-wcag:hover > button:before{

}

.ulatwienia-wcag > button:hover{
  opacity: 1!important;
}

.ulatwienia-wcag ul button:hover{
  color: #6d712e;
}
.ulatwienia-wcag > button::before {
  font-family: "Font Awesome 5 Free";
  font-size: 32px;
  padding: 0px 2px;
  margin-bottom: -2px;
  color: #262626;
}
.pasek_scroll #ulatwienia-wcag-1 > button::before{
  margin-top: -4px;
  color: #212121;
}
.pasek_scroll .ulatwienia-wcag:hover > button:before{
  color: #262626!important;
}
#ulatwienia-wcag-1 > button::before {color: #6d712e;}
#ulatwienia-wcag-2 > button::before {color: #6d712e;}
.ulatwienia-wcag li > button {
  margin: 10px 8px 10px 0;
  font-size: 16px;
  padding: 0;
}
.ulatwienia-wcag li > button::before {
  font-family: "Font Awesome 5 Free";
  font-size: 14px;
  display: inline-block;
  width: 24px;
  padding: 6px 2px;
  text-align: center;
}
.ulatwienia-wcag > button::before {content: "\f29a"; color: #6d712e;}
.wcag-kontrast > button::before {content: "\f042";}
.wcag-czcionka > button::before {content: "\f034";}
.wcag-interlinia > button::before {content: "\f338";}
.wcag-odstepy > button::before {content: "\f337";}
.wcag-linki > button::before {content: "\f0cd";}
.wcag-reset > button::before {content: "\f2ea";}
.wcag-aktywna > button::before {background-color: rgba(0,0,0,0.2)}
#ulatwienia-wcag-1 button:hover, #ulatwienia-wcag-1 button:focus {}
#ulatwienia-wcag-2 button:hover, #ulatwienia-wcag-2 button:focus {}
#ulatwienia-wcag-2 button:hover::before, #ulatwienia-wcag-2 button:focus::before {}

.ulatwienia-wcag > ul > li{
  position: relative;
  left: 0px!important;
}
.wcag-kontener{
  position: fixed;
  display: flex;
  align-items: flex-start;
  z-index: 9999;
  justify-content: flex-end;
  /* margin-right: -366px; */
  right: -426px;
  top: 350px;
  transition: 0.3s;
}
.active-wcag{
  right: -70px;
}
.wcag-tytul{
  color: #212121;
  position: absolute;
  display: block;
  font-size: 20px;
  top: 15px;
  left: 16px;
  z-index: 99999;
}

/* Język */
.menu-lang-1-poziom li.liaktywna a{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #6d712e;
  color: white;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}