/*
Theme Name: Hello Everstrong
Description: Everstrong Constructions.
Author: Yeshwin Anil & Dijo Matthew
Author URI: https://www.mambamarketing.co.uk/
Template: hello-elementor
Version: 1.0.0
*/

.bounding-box {
  width: 85% !important; /* Adjust width as needed */
}

/* Site logo hover effect */
.site-logo {
  position: relative;
  display: inline-block;
  height: auto;
}

/* Base layer – default logo */
.site-logo::before,
.site-logo::after {
  content: "";
  position: absolute;
  inset: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.4s ease; /* smooth fade */
}

/* Default logo (visible initially) */
.site-logo::before {
  background-image: url("https://stg-everstrong-devenv.kinsta.cloud/wp-content/uploads/2025/11/image-4.png");
  opacity: 1;
}

/* Hover logo (hidden initially) */
.site-logo::after {
  background-image: url("https://stg-everstrong-devenv.kinsta.cloud/wp-content/uploads/2025/11/site-logo.png");
  opacity: 0;
}

/* On hover – fade to second logo */
.site-logo:hover::after {
  opacity: 1;
}

.site-logo:hover::before {
  opacity: 0;
}

/* Arrow blinking */
.scroll-arow-img {
  animation: niceBlink 2s ease-in-out infinite;
}

@keyframes niceBlink {
  0% {
    opacity: 0;
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(3px); /* tiny nudge down */
  }
  70% {
    opacity: 1; /* stay visible for a bit */
    transform: translateY(5px);
  }
  100% {
    opacity: 0;
    transform: translateY(0); /* back to start */
  }
}

/* Tablet (width less than 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
  .bounding-box {
    width: 95% !important;
  }
}

/* Mobile (width less than 768px) */
@media only screen and (max-width: 768px) {
  .bounding-box {
    width: 95% !important;
  }
}