/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
/*DO NOT REMOVE*/
@font-face {
  font-family: 'Ivy Presto';
  src: url('fonts/IvyPrestoHeadline-Thin.eot'); /* IE9 Compat Modes */
  src: url('fonts/IvyPrestoHeadline-Thin.eot?#iefix') format('embedded-opentype'), /* IE6–IE8 */
       url('fonts/IvyPrestoHeadline-Thin.woff2') format('woff2'), /* Modern Browsers */
       url('fonts/IvyPrestoHeadline-Thin.woff') format('woff'),   /* Legacy Browsers */
       url('fonts/IvyPrestoHeadline-Thin.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/Ivy-Presto.otf') format('opentype'); /* Older OTF support */
  font-weight: 100;
  font-style: normal;
}

/* Hide the entry title */
h1.entry-title {
    display: none !important;
}
/* Apply Ivy Presto to headings */
h1, h2, h3,
.elementor-counter-number {
    font-family: 'Ivy Presto', serif !important;
	letter-spacing: 3px !important;
}
/* Cabinet Selection */
.predesign {
	height: 5.5vh !important;
    overflow: hidden !important;
    transition: height 0.5s ease-in-out !important;
}
.predesign .pre-description {
  opacity: 0 !important;
  transition: opacity 0.5s ease-in-out !important; /* smooth fade */
}
.predesign:hover {
  height: 14.5vh !important;
}
.predesign:hover .pre-description {
  opacity: 1 !important;
}
/* Tablet (max 1024px) */
@media (max-width: 1024px) {
  .predesign {
    height: 12vh !important; /* larger default height */
  }
  .predesign:hover {
    height: 20vh !important; /* more space when expanded */
  }
}

/* Mobile (max 767px) */
@media (max-width: 767px) {
  .predesign {
    height: auto;       /* let it grow naturally */
    overflow: visible;  /* no hidden text */
  }
  .predesign .pre-description {
    opacity: 1;         /* always show text */
    transition: none;   /* remove fade for mobile */
  }
  .predesign:hover {
    height: auto;       /* no hover expansion */
  }
}

/* ---------- Service Box Hover (Scale) ---------- */

/* Base state */
.service-box {
  border: 1px solid #ccc;
  padding: 1rem;
  transition: transform 0.3s ease, border-color 0.3s ease;
  transform-origin: center; /* grow from the middle */
}

/* Hover effects */
.service-box:hover {
  transform: scale(1.05);   /* enlarge slightly */
  border-color: #7a8b77;
}

.service-box:hover .service-icon {
  transform: rotate(30deg);
}

.thumb,
.thumb:hover {
	cursor: pointer;
	transition: 0.3s ease-in-out;
}