.sexhack_gallery_title {
   top: -30px;
}

.sexhack_gallery_thumbnail {
   padding: 10px 10px 10px 10px;
}

ul.products li.sexhack_thumbli {
   border: 2px solid #253e50;
   border-radius:15px;
   margin-bottom: 1.6em; 
}


.sexhack_vtag {
  position:relative;
  float:left;
  border-radius:20px;
  padding: 0 10px 0 10px;
  text-align: center;
  font-size: 9px;
  color:white;
  top:-30px;
}

.sexhack_vtag:hover {
   z-index:100;
}
.sexhack_download {
   position: absolute;
   top:1px;
   left:-15px;
   z-index:100;
   border-bottom:-20px;
   background-color:#4a235a;
}

.sexhack_VR {
   position: absolute;
   top:1px;
   right:-15px;
   z-index:100;
   font-size: 14px;
   border-bottom:-20px;
   background-color:#9c640c;
}

.sexhack_public {
   background-color:#145a32;
}

.sexhack_premium {
   background-color: #78281f;
}

.sexhack_members {
   background-color: #154360;
}

.sexhack_preview {
   background-color: #283747;
}

@media screen and (max-width: 767px) {
   .sexhack_gallery_thumbnail { 
      width:90%;
      display: block;
   }
   
   .sexhack_gallery_row {
      display: block;
   }

	ul.products li.sexhack_thumbli img.sexhack_thumbnail {
		width:90%;
	}
	.sexhack_thumb_cont .sexhack_thumb_hover {
		width: 90%;
	}

}


@media screen and (min-width: 768px) {
	
	.site-main ul.products.columns-4 li.sexhack_thumbli {
      width: 21%;
      /* This to solve the different title lenght, combine with right trim and popup full title maybe, 
         and maybe not here but adding another container.
         I should also re-check the sexhack class naming...
      */
		//height: 210px;
      height: fit-content;
		//overflow: hidden;
   }

   .sexhack_gallery_row {
      display: table-row;
   }

   .sexhack_gallery_container {
      align: left;
      align-content: top;
      align-items:top;
      //border: 2px solid red;
      display: table;
   }
	
	.sexhack_thumb_cont .sexhack_thumb_hover {
		object-fit: contain;
   }

}            

.sexhack_thumb_cont {
     position: relative;
     max-width: 100%;
     display: block;
     //border: 2px solid red;
     //border-radius: 6px;
}
.sexhack_thumb_cont .sexhack_thumb_hover {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     opacity: 0;
     transition: opacity .2s;
}
.sexhack_thumb_cont:hover .sexhack_thumb_hover {
     opacity: 1;
}

