.widget-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 999;
  /*overflow: hidden;*/
}

.widget-wrapper .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  background-color: rgba(142, 204, 226, 0.5);
}

.widget-wrapper .overlay ul {
  position: relative;
  width:100%;
  overflow:hidden;
  padding:0;
  margin:0;

  top: 50%;
  transform: translateY(-50%);
}

.widget-wrapper .overlay li {
  width:100%;
  padding:0;
  margin:0;
  padding:10px;
  box-sizing:border-box;
  display:block;
  background:rgba(0,0,0,0.8);
}

.widget-wrapper a div.overlay ul li {
  display:block;
  margin:0 auto;

  color:white;
  text-decoration:none;
  font-weight:900;
  font-size:18px;
  text-align:center;
  width:100%;

}

.widget-wrapper a:hover .overlay {
  color:rgb(142, 204, 226);
}

.widget-wrapper .overlay .icon {
  height: 10px;
  width: 10px;
}