@tailwind base;
@tailwind components;
@tailwind utilities;

/* Font */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Poppins:wght@600;700&display=swap');

/* Navbar */
.nav-link {
      color: #c4eeff2e !important;
      padding-top: .7rem !important;
      padding-bottom: .7rem !important;
}

.dropdown-menu {
      min-width: 6rem !important;
      padding: 0.5rem 0;
      margin: 0.5rem 0;
      font-size: .9rem !important;
      background-color: #f1f9fc;
      animation: fadeDropdown .5s !important;
      /* required for the fade animation */
}

.dropdown.show>a,
.nav-link:hover,
.nav-link.active {
      color: #FF5722 !important;
}

/* Countdown */
.countdown {
      margin-top: -50px !important;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      font-family: 'Poppins', sans-serif;
}

.countdown .box-time {
      background: linear-gradient(109.57deg, #00FF4A -44.44%, #5C00FF 217.12%);
      font-family: 'Poppins', sans-serif;
}

.countdown {
    margin-top: -5%;     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-family: 'Poppins', sans-serif;
}

@media screen and (max-width: 768px) {
    .countdown {
        margin-top: -3%;     
	}
}

@media screen and (max-width: 480px) {
    .countdown {
        margin-top: 0;     
	}
}


/* Counter */
.count {
      background-image: linear-gradient(to right bottom, #396b4e, #3d7153, #427758, #467d5d, #4b8362, #528b69, #589271, #5f9a78, #6aa684, #75b190, #81bd9c, #8cc9a8);
      margin-top: 2rem;
      height: auto;
      padding: 2rem;
}

/* Highlight */
.aspect-square {
      position: relative;
      z-index: 99;
}

.aspect {
      max-width: 70%;
}

/* Benefit */

.benefit {
      background-image: linear-gradient(to right bottom, #396b4e, #3d7153, #427758, #467d5d, #4b8362, #528b69, #589271, #5f9a78, #6aa684, #75b190, #81bd9c, #8cc9a8);
      margin: 4rem auto;
      padding-bottom: 2rem;
}

.benefit .benefit-card {
      margin: 8px auto;
}

/* faq */
.opening {
      background-image: linear-gradient(to right bottom, #396b4e, #3d7153, #427758, #467d5d, #4b8362, #528b69, #589271, #5f9a78, #6aa684, #75b190, #81bd9c, #8cc9a8);
}

.ask::before {
      content: url(../dist/img/question.png) " ";
}

/* register */

.register {
    background: linear-gradient(112.44deg, #6EFF98 -59.19%, #5C00FF 270.47%);
    border-radius: 12px; 
    width: 80%;
}

.banner-regis {
    height: 19rem;
}

/* Gallery */
.grid .gallery-img img {
      border-radius: 10px;
}

.grid .highlight-text img {
      border-radius: 20px;
}

.active5::after {
   content: " ";
   height: 3px;
   width: 30%;
   bottom: 0;
   left: 35%;
   border-radius: .25rem;
   position: absolute;
   background: rgba(239,68,68)!important;
   opacity: 1;
}

.menu-gallery::after{
   content: " ";
   width: 0px;
   height: 3px;
   transition: width 0.5s;
}

.menu-gallery:hover::after {
   content: " ";
   height: 3px;
   width: 30%;
   bottom: 0;
   left: 35%;
   border-radius: .25rem;
   position: absolute;
   background: rgba(239,68,68)!important;
   opacity: 1;
}

/* rundown */
.event-rundown {
   background-color: #fafafa;
}

.rundown-content {
   background-color: #fafafa;
}

/* Footer */
.footer-i2spe {
      background-image: url(https://ispedev.kerenevent.com/dist/img/ispe-2025/background-footer.png);
}

.copyright-i2spe {
      background-image: linear-gradient(to right bottom, #396b4e, #3d7153, #427758, #467d5d, #4b8362, #528b69, #589271, #5f9a78, #6aa684, #75b190, #81bd9c, #8cc9a8);
}




/* Desktop */
@media (min-width: 1240px) {
   /* Rundown */

   .rundown-content .day-1 {
    background-image: url(../dist/img/bg-rundown1.png);
    background-size: contain;
    background-repeat: no-repeat;
 }
 
 .rundown-content .day-2 {
    background-image: url(../dist/img/bg-rundown2.png);
    background-size: contain;
    background-repeat: no-repeat;
 }
}


/* Laptop */
@media (min-width: 1024px) {

   /* Home */
   
   /* Navigation */
   .navbar.top-nav-collapse {
      background-color: #000000cb !important;
      backdrop-filter: blur(5px) !important;
      }

   /* Activities */
   .act {
      position: relative;
    }
   .act::before {
      content: '';
      position: absolute;
      background: url(https://testing1.kreen.id/dist/img/foot-right.png) no-repeat;
      width: 280px;
      top: -70px;
      left: 77%;
      height: 759px;
      z-index: -1;
    }   

   .act-wrapper .act-card {
      transition: .8s;
   }

   .act-wrapper .act-card:hover {
      transform: scale(1.1);
   }

   /* About */
   .about {
      position: relative;
   }

   .about::before {
      content: '';
      position: absolute;
      background: url(/dist/img/foot-left.png) no-repeat;
      width: 280px;
      top: -70px;
      right: 80%;
      height: 759px;
      z-index: -1;
   }  

   /* news and Press release */
   .news {
      position: relative;
   }

   .news::before {
      content: '';
      position: absolute;
      background: url(/dist/img/) no-repeat;
      background-size: contain;
      width: 280px;
      top: -70px;
      right: 80%;
      height: 759px;
      z-index: -1;
   } 

    /* Media Partner */
   .media-partner {
      position: relative;
   }

   .media-partner::before {
      content: '';
      position: absolute;
      background: url(/dist/img/foot-right.png) no-repeat;
      background-size: cover;
      width: 280px;
      top: -70px;
      left: 77%;
      height: 759px;
      z-index: -1;
   } 

   .background-banner {
         background-image: url(../dist/img/bg-bannerlight.png);
         background-repeat: no-repeat;
         background-size: cover;
   }

   /* Location */
   .location {
         background-image: url(../dist/img/bg-bannerlight.png);
      background-repeat: no-repeat;
      background-size: cover;
   }

   /* Floor plan */
   .floor-plan {
      background-image: url(../dist/img/bg-bannerlight.png);
      background-repeat: no-repeat;
      background-size: auto;
   }
   /* .exhibitor {
         background-image: url(../dist/img/bg-bannerlight.png);
      background-repeat: no-repeat;
      background-size: cover;
   } */

   .register .regis-image {
      margin-top: -4rem;
   }

   /* Footer */
   /* .footer-sosmed {
         margin-top: -6rem;
   } */

   /* I2spe */
   .i2spe-about {
      background-image: url(../dist/img/bg-bannerlight.png);
      background-repeat: no-repeat;
      background-size: cover;
   }

   .about-details {
      background-image: url(../dist/img/bg-bannerlight.png);
      background-repeat: no-repeat;
      background-size: contain;
   }

   .about-details .content-3 {
      position: relative;
   }

   .about-details .content-3::before {
      content: '';
      position: absolute;
      background: url(/dist/img/foot-right.png) no-repeat;
      background-size: cover;
      width: 280px;
      top: -70px;
      left: 77%;
      height: 759px;
      z-index: -1;
   } 

   /* Last Event */
   .gallery {
      background-image: url(../dist/img/bg-bannerlight.png);
      background-repeat: no-repeat;
      background-size: auto;
   }

/* Gallery */
.gallery-2 {
   position: relative;
}

.gallery-2::before {
   content: '';
   position: absolute;
   background: url(/dist/img/foot-right.png) no-repeat;
   background-size: cover;
   width: 280px;
   top: -70px;
   left: 77%;
   height: 759px;
   z-index: -1;
} 

}


/* Tablet  */
@media (min-width: 640px) {

   /* Highlight  */
   .ilust {
         max-width: 80%;
   }

   .about-heading h2 {
   font-size: 2rem;
   }

   .content-text h3 {
   font-size: 2rem;
   }


}

/* Mobile  */
@media (max-width: 640px) {

   /* Countdown */
   .countdown .box-time {
         width: 4rem; 
   }

   .faq .container h2 {
      font-size: 2rem;
   }

   /* Highlight */
   .ilust {
         background: none;
   }

   .aspect {
         max-width: 90%;
   }

   .benefit-card img {
         margin: 0 auto;
   }

   .register .regis-image {
      display: none;
   }

   /* i2spe 2023 */
   /* .i2spe-about h2 {
      font-size: 1.3rem;
   } */

   .i2spe-about h3 {
      font-size: 1.3rem;
   }

   .img-i2spe h5 {
   font-size: 1rem;
   }

   .about-details h2 {
      font-size: 1.5rem;
   }

   .content-text h3 {
      font-size: 1.2rem;
   }
   .content-text h6 {
      font-size: .9rem;
   }

   /* Last Event */
   .last-event h2 {
      font-size: 2rem;
   }

   .highlight-text h4 {
      font-size: 1.2rem;
   }

   /* Rundown */
   .rundown h2 {
      font-size: 1.7rem;
   }

   .rundown-content h4 {
      font-size: 1.2rem;
   }   

   /* Location */
   .location .h2{
      font-size: 1.7rem;
   }
   .location .heading{
      font-size: 2rem;
   }
   

   /* Media Partner */
   .heading-1 h1 {
      font-size: 2.5rem;
   }

   /* News & press release */

   .news h2{
      font-size: 1.7rem;
   }

    /* News & press release details */
   
   .news-details h2{
      font-size: 1.7rem;
   }
   
   .news-details h3{
      font-size: 1.5rem;
   }
   
   .news-details h4{
      font-size: 1rem;
      text-align: left;
   }

   


   /* Media Partner */
   .heading-1 .partner {
      font-size: 2.5rem;
   }

   .heading-1 .news {
      font-size: 1.9rem;
   }


}