/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 23 2026 | 23:04:24 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.tp {
	border: 4px solid cyan;
	background-image: linear-gradient(green, pink);
}

.icon-hover .elementor-icon:hover{
	background-color: red;
}

.comic-practice .slick-slide{
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.nav-page-rect a:hover{
	background-color: green;
}

.poke-tooltip .wpr-hotspot-tooltip{
	display: none;
}

.poke-tooltip .wpr-hotspot-content:hover + .wpr-hotspot-tooltip {
	display: inline;
}
/* 
.transparent-bkg {
	
	background: rgba(0, 0, 0, .5);
} */

.jltma-popup-container-inner{
	background: rgba(0, 0, 0, 0);
}

/* ///comic book part */

.wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  max-width: 1440px;
  font-size: 0;
}

.hero-item,
.standard-item {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.news-item {
  display: inline-block;
  min-height: 400px;
  width: 50%;
}

.hero-item {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/53819/divinity-ori-sin.jpg");
}

.standard-item:nth-child(2) {
  background-image: url("https://misfitmoray.com/wp-content/uploads/2026/06/IMG_1555.webp");
}

.standard-item:nth-child(3) {
  background-image: url("https://images.unsplash.com/photo-1519744699897-3544da770a84");
}

.standard-item:nth-child(4) {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/53819/dishonored-large.jpg");
}

@supports (display: grid) {
  .news-item {
    width: auto;
    min-height: 0;
  }

  .hero-item {
    grid-column: 1/span 2;
    grid-row: 1/50;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 75px), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 75px), 0 100%);
  }

  .standard-item:nth-child(2) {
    grid-column: 1/span 1;
    grid-row: 50/100;
    -webkit-clip-path: polygon(99% 6%, 63% 52%, 82% 52%, 50% 100%, 0 85%, 0 13%);
clip-path: polygon(100% 6%, 85% 52%, 94% 52%, 90% 81%, 0 87%, 0 13%);
    margin-top: -73px;
  }

  .standard-item:nth-child(3) {
    grid-column: 2/span 1;
    grid-row: 50/100;
    -webkit-clip-path: polygon(100% 0, 100% 100%, 21% 100%, 25% 50%, 7% 49%, 28% 0);
    clip-path: polygon(100% 0, 100% 100%, 4% 84%, 8% 52%, 0% 52%, 13% 6%);
    margin-top: -73px;
    margin-left: -15%;
    margin-bottom: 18px;
  }

  .standard-item:nth-child(4) {
    grid-column: 1/span 2;
    grid-row: 100/150;
    -webkit-clip-path: polygon(45% 0, 100% 15%, 100% 100%, 0 100%, 0 5%);
    clip-path: polygon(45% 0, 100% 15%, 100% 100%, 0 100%, 0 5%);
    margin-top: -107px;
  }
}