/*scroll top button*/

.scrollToTopBtn {
  background-color: var(--aColor);
  border: none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
  line-height: 48px;
  width: 48px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100;
  opacity: 0;
  transform: translateY(100px);
  transition: all .5s ease
}
.showBtn {
  opacity: 1;
  transform: translateY(0)
}

/* muted text */

.text-muted {
	color:#bbb;
	font-weight:600;
}

/* Underlined text */

u {
        color:#fff;
        font-weight:600;
}
.ulink {
        color:#fff;
        font-weight:600;
}

/*
.ulink:visited {
    color:#fff ;
}
.ulink:hover {
    color:#fff ;
}
.ulink:focus {
    color:#fff ;
}
.ulink:active {
    color:#fff ;
}
*/

/*tooltips*/
.tooltip{
    display: inline;
    position: relative;
}
@media (hover: hover) { /*media query-a erabili da hover-a touch screen-etan desgaitzeko*/

  .tooltip:hover:after{
      background: #333;
      background: rgba(0,0,0,.8);
      border-radius: 5px;
      bottom: 26px;
      color: #fff;
      content: attr(text);
      left: 20%;
      padding: 5px 15px;
      position: absolute;
      z-index: 998;
      width: auto;
  }
  .tooltip:hover:before{
      border: solid;
      border-color: #333 transparent;
      border-width: 6px 6px 0 6px;
      bottom: 20px;
      content: "";
      left: 50%;
      position: absolute;
      z-index: 99;
  }

}