/*
Theme Name: LW Customize
Description: This is a child theme for Flatsome Theme
Author: LW Team
Template: flatsome
Version: 1.0
*/

@font-face {
  font-family: "SVN-Gilroy";
  src: url("fonts/SVN-Gilroy.eot");
  src: url("fonts/SVN-Gilroy.eot?#iefix") format("embedded-opentype"),
    url("fonts/SVN-Gilroy.woff2") format("woff2"),
    url("fonts/SVN-Gilroy.woff") format("woff"),
    url("fonts/SVN-Gilroy.ttf") format("truetype"),
    url("fonts/SVN-Gilroy.svg#SVN-Gilroy") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

b,
strong {
  font-weight: bold;
}

.is-divider {
  opacity: 0;
}

.category .section-title-normal span {
  font-family: "Beautique Display";
  color: #be883e !important;
  font-size: clamp(1.375rem, 1.7vw + 1rem, 2.5rem);
  border: none;
}

.category .section-title-normal {
  border: none;
}
.portfolio-box .portfolio-box-category {
  display: none;
}

/* Top Image Layer (Visible initially, slides up on hover) */
.image-top {
  z-index: 2; /* Above the bottom image */
  transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1); /* Smooth slide transition */
  position: absolute;
  background-position: 50% 50%;
  background-size: cover;
  height: auto;
  width: 100%;
  top: 0;
}

/* The Hover Effect */
.box-image:hover .image-top {
  transform: translateY(-100%); /* Slide the top image completely up */
}

.project-style .col:nth-child(odd) .image-top {
  padding-top: 139% !important;
}

@media (max-width: 549px) {
  .project-style .col:nth-child(odd) .image-top {
    padding-top: 70% !important;
  }
}

.project-style .icon-box.featured-box {
  display: none;
}

.home #main {
  margin-top: -1px;
}