/* .acessivel_toolbar{ display: flex;}*/

#acessivel_toolbar {
  position:sticky;
}

.acessivel_navbar{
  isolation: isolate;
  font:.8rem Arial, Helvetica, sans-serif !important;
  border-bottom:.1em solid rgba(197, 194, 194, 0.2);
  background-color: #fff;
  color:#000;
  width: 100%;
 /* height: 60px;*/
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
  z-index: 1;

}
.acessivel_navbar nav{
  display: flex;
  justify-content: center;

}
.acessivel_navbar ul{
      display: flex;
      flex-wrap: wrap;
      /*justify-content: center;*/
      justify-content: space-around;
      list-style-type: none;
      margin: 0 auto;
      padding: 0;
      max-width: 1060px;
      font-size: 1em;
}

.acessivel_navbar  li{
  display: block !important;
  line-height: 2em  !important;
  padding: .2em  !important;

  border-right: .1em solid rgba(197, 194, 194, 0.2)  !important;
  text-align: center  !important;
  flex:1  !important;
}
.acessivel_navbar li:hover{
  background-color:rgba(197, 194, 194, 0.1);
}

.acessivel_navbar li:focus-within{
  background-color:rgba(197, 194, 194, 0.1); 
}
.acessivel_navbar  li:first-child{
  border-left: .1em solid rgba(197, 194, 194, 0.2);
}
.acessivel_navbar .ida11y_mlast {
min-width:1.5em !important;
max-width: 1.5em !important;
padding-top: .5em !important;
max-width: 14px !important;
margin:0 auto !important;
flex:none !important;
}


.acessivel_navbar li a {
  color:#000;
  text-decoration: none;
}

.acessivel_navbar ul ul {
  display:none;
  position: absolute;
  margin: .3em 0 0 -.3em;
  background: #fff;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.5);
  z-index: 2;
 }
 
.acessivel_navbar ul li:hover > ul
{
   display:block; 

 }
 
 .acessivel_navbar ul>li>ul>li {
  
  border-bottom: .1em solid rgba(197, 194, 194, 0.2);
  border-left:none !important;
  border-right:none !important;
  padding: .5em 2em .5em 2em;
  width: 189px;
}

.sub-menu li {
  display: flex;
  padding-right: 2em !important;
  
}

.sub-menu li:hover, .sub-menu li a:hover {
  background: rgb(221, 221, 221);
  color: rgb(68, 67, 67);
}

/*Set new focus for all elemments*/



/*Color sets for tool bar */

/*Set 1: Background: White | Foreground: Black */

.icon-equal {
background: url('../img/icon-equal.png') no-repeat 0px 0px;
width: 14px;
height: 14px;
display:block;
}

.icon-equal:hover {
 background-position: 0px -14px;
}


/*Set 2: Background: Black | Foreground: Yellow */

.toolbar-colorset2{
  background-color: #000 !important;
  color:yellow!important;
}
.toolbar-colorset2 li a {
  color:yellow !important;
}
.toolbar-colorset2 li a:hover{
 color:#fff !important;
}
.toolbar-colorset2 ul ul {

  background: #000;

}
.toolbar-colorset2 li a:focus { 
  /* background-color: #FFFF00 !important; */
  color:#fff !important;
}

.icon-equal2 {
background: url('//cdn.igualedigital.com.br/a11y/assets/icon-equal2.png') no-repeat 0px 0px;
width: 14px;
height: 14px;
display:block;
}

.icon-equal2:hover {
 background-position: 0px -14px;
}


/*Set 3: Background: Gray | Foreground: Black */

.toolbar-colorset3{
  background-color: rgba(204, 204, 204,0.99)!important;
  color:#000!important;
  border-color: #000 !important;
}
.toolbar-colorset3 li{
  border-color: #000 !important;

}
.toolbar-colorset3 li:focus-within{
  background: rgba(255, 255, 255, 0.90) !important;
}
.toolbar-colorset3 li a {
  color:#000!important;
}
.toolbar-colorset3 li a:hover{
 color:#000!important;
}
.toolbar-colorset3 ul ul {

  background: rgba(204, 204, 204,0.99)!important;

}

.icon-equal3 {
background: url('//cdn.igualedigital.com.br/a11y/assets/icon-equal3.png') no-repeat 0px 0px;
width: 14px;
height: 14px;
display:block;
}

.icon-equal3:hover {
 background-position: 0px -14px;
}

/* Certifications List (footer) */

.acessibility-certifications-list{
      background-color:transparent;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      list-style-type: none;
      margin: 0;
      padding: 0;
      /*max-height: 32px;*/
      padding:10px;
      min-height: 50px;

}
.acessibility-certifications-list img{
  border:1px solid #ccc;
 
}
/*.acessibility-certifications-list ul{}*/

.acessibility-certifications-list li{
  background-color: yellow;
  list-style:none;
  display: inline;
  margin: 0 5px 0 5px;
  height: 32px;
}
/* Certifications List (footer) */

/*+ acessibility-Scroll-to-top*/
.acc-scrollToTop{
display: none;
opacity: 0;
width: 102px;
height: 45px; 
text-align:center; 
background: whiteSmoke;
font-size: 0px;
font-weight: bold;
text-decoration: none;
position:fixed;
bottom:40px;
right:-56px;
display:none;
background: url('//cdn.igualedigital.com.br/a11y/assets/acc-to-top-b.png') no-repeat 0px 0px;
/* background: url('//iguale.com.br/assets/images/scroll-to-top.png') no-repeat 0px 0px; */
/* background: url('//iguale.com.br/assets/images/scroll-to-top-b.png') no-repeat 0px 0px; */
}
.acc-scrollToTop:hover{
text-decoration:none;
}
/*- acessibility-Scroll-to-top*/

/* + acessible focus */

/*
.focus--keyboard, a:focus, button:focus, input:focus, select:focus, textarea:focus {
border-color: #143E4A;
box-shadow: 0 0 6px 2px #0F5672;
outline: none; }

.focus--mouse, a.focus--mouse:focus, button.focus--mouse:focus, input.focus--mouse:focus, select.focus--mouse:focus, textarea.focus--mouse:focus {
border-color: #143E4A;
box-shadow: 0 0 6px 2px #0F5672;
outline: none; 
}
*/
/* - acessible focus*/




/*media querys::devices*/

@media screen and (min-width: 0px) and (max-width: 768px) {

  #acessivel_toolbar{
     display: none ;
  }
  .acessibility-certifications-list{
      margin-top: 38px;
  };
 
  #developmentByBlock,
  #acc-scroll-to-top {
      display: none;
  }

.acessivel_navbar ul{
    display: inline;
}
.acessivel_navbar ul ul {

  margin: .3em 0 0 4em;
  background: #fff;
}
 .acessivel_navbar li{
     display: block;
     /* text-align: center; */
 }
 
}


@media screen and (min-width: 768px) and (max-width: 1120px) {

  .acessivel_navbar{
      font-size:.9em;
  }
  #accessibilityInfo, #acessibilityInfoBlock, #developmentByBlock, #acc-scroll-to-top {display: inline;}
  #acc-scroll-to-top{display: block important!;}
  .acessivel_navbar ul{display: flex; }
    .acessivel_navbar li{
     display: block;
    
 }
  .acessivel_navbar li a:hover{background-color: none;}
  .toolbar-colorset2{background-color: none;color:#000;}
  .toolbar-colorset3{background-color: none;color:#000;}

}