/* ----------------------------------------------------------------
	Fix Page title not showing up on phone
-----------------------------------------------------------------*/
.page-title-video .container {
    z-index: 5;
}

/* ----------------------------------------------------------------
Fix hover on active portfolio
-----------------------------------------------------------------*/

.grid-filter li.activeFilter a:hover {
  color:white;
}
/* ----------------------------------------------------------------
Fix page title alignment
-----------------------------------------------------------------*/
#page-title.page-title-parallax h1 {
  padding-left:15px;
}

:root {
	--cnvs-themecolor: #9caaf5;
	--cnvs-themecolor-rgb: 156, 170, 245;
}
.menu-item.current > .menu-link {
  color: white;
}
.menu-item:hover > .menu-link {
  color: white;
}

/* Style for the phone button */
#slide-2800-layer-4 {
  border-color: rgba(255, 255, 255, 1) !important;
}

/* Style for the quote button */
#slide-2800-layer-5 {
  border-color: rgba(255, 255, 255, 1) !important;
}
div.page-title-row.pb-5.align-items-lg-end {
  padding-left:10px;
}
div.page-title-content h1 {
  font-size:2.4em;
}

.page-title.bg1 {
  background: url('images/backgrounds/page-top1.jpg') no-repeat center center / cover;
}

.page-title.bg2 {
  background: url('images/backgrounds/page-top2.jpg') no-repeat center center / cover;
}

.page-title.bg3 {
  background: url('images/backgrounds/page-top3.jpg') no-repeat center center / cover;
}


/* New overlay with semi-transparent gradient */
.page-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    -45deg,
    rgba(13, 13, 30, 0.7),
    rgba(1, 83, 99, 0.7),
    rgba(6, 28, 199, 0.7),
    rgba(167, 0, 245, 0.7)
  );
  background-size: 400% 400%;
  animation: gradient 25s ease infinite;
  z-index: 1; /* Place overlay above image */
  pointer-events: none; /* Allow interaction with content */
}

.page-title .container {
  position: relative;
  z-index: 2; /* Ensure content is above the overlay */
}


@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@media (max-width: 767.98px) {
  h4, .h4 {
   font-size: 1.4rem;
 }
}