/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 04 2025 | 14:51:31 */
a {
  color: var(--e-global-color-blocksy_palette_2);
  text-decoration: none; /* optional, if you don’t want underline */
}

a:hover {
  color:var(--theme-palette-color-1);
}

.home #header [data-row] {
	background-image: none;
}

.home nav[class*="menu"] li[class*="current-menu-"] > .ct-menu-link, nav[class*="menu"] li[class*="current-menu-"] > .ct-sub-menu-parent, .home nav[class*="menu"] .ct-menu-link {
	color: var(--theme-palette-color-1);
	font-family: "Canela Bold";
	text-transform: unset;
}

.nav[class*="menu"] li[class*="current-menu-"] > .ct-menu-link, nav[class*="menu"] li[class*="current-menu-"] > .ct-sub-menu-parent, nav[class*="menu"] .ct-menu-link {
	font-family: "Canela Bold";
	text-transform: unset;
}

.site-logo-container img.default-logo {
  content: url("https://aytatectona.com/wp-content/uploads/2025/08/logo-2.png");
}

/* Homepage logo */
.home .site-logo-container img.default-logo {
  content: url("https://aytatectona.com/wp-content/uploads/2025/08/logo-1.png");
}

.box-card img {
	width: 100% !important;
}

#the-soul {
  position: relative;
  z-index: 0;
}

#the-soul {
  position: relative;
  z-index: 0;
}

/* Background layer */
#the-soul::before {
  content: "";
  position: absolute;
  inset: 0; /* full cover */
  z-index: -1;

  background-image: url("https://aytatectona.com/wp-content/uploads/2025/08/Asset-2@4x-scaled.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 120%; /* start lower */

  opacity: 0;
  animation: bgFadeSlide 2s ease forwards;
}

/* Animation */
@keyframes bgFadeSlide {
  0% {
    opacity: 0;
    background-position: center 120%; /* below */
  }
  100% {
    opacity: 1;
    background-position: center calc(100% - 30px); /* final pos */
  }
}

.woocommerce-loop-category__title a {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
}

.woocommerce-loop-category__title a::after {
  content: "→"; /* Unicode right arrow */
  font-size: 1em;
  margin-left: 8px; /* spacing between title and arrow */
  transition: transform 0.3s ease;
}

.woocommerce-loop-category__title a:hover::after {
  transform: translateX(4px); /* animate arrow on hover */
}

.woocommerce-loop-category__title .count {
  display: none;
}

.ct-footer .wp-block-heading {
	color:var(--theme-palette-color-5);
}

 .footer-process {
	 font-family: "SF Pro Display Bold";
	text-transform: uppercase;
    background: #46483a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    gap: 30px;
    font-size: 30px;
  }
  .footer-process .footer-circle {
    background: #fff;
    color: #d76d2e;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8em; /* Matches text size */
    height: 1.8em;
    font-weight: bold;
    margin-right: 5px;
    flex-shrink: 0;
  }
  .footer-process .footer-step {
    display: inline-flex;
    align-items: center;
  }
  .footer-process .footer-separator {
    color: #fff;
	  font-size: 70px;
  }

.footer-cta {
    text-align: center;
    font-size: 30px;
    margin: 20px 0 10px;
    color: #fff; /* Assuming footer bg is dark */
  }

  .footer-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .footer-btn {
    display: inline-block;
    padding: 10px 18px;
    font-size: 0.95rem;
    text-decoration: none;
    border-radius: 20px;
    font-weight: 600;
  }

  .footer-btn-contact {
    background: #ffffff;
    color: #d76d2e;
  }

  .footer-btn-custom {
    background: #46483a;
    color: #ffffff;
  }

.ct-footer .menu-item a, .ct-footer .wp-block-list a {
	color: var(--theme-palette-color-5)
}

.ct-footer .menu-item a:hover, .ct-footer .wp-block-list a:hover {
	color: var(--theme-palette-color-1)
}

.menu-item .ct-menu-link {
	display: flex;
}

.home nav[class*="menu"] li:hover > .ct-menu-link, nav[class*="menu"] li:hover > .ct-sub-menu-parent {
	color: var(--theme-palette-color-1);
}

.home .ct-icon, .ct-icon-container svg {
	fill: var(--theme-palette-color-1);
}

.elementor-button {
	border-radius: 20px;
}

.banner-btn {
	background: #d76d2e;
    color: #ffffff;
	display: inline-block;
    padding: 10px 18px;
    font-size: 0.95rem;
    text-decoration: none;
    border-radius: 20px;
    font-weight: 600;
}

@media (max-width: 1024px) {
	
	 .footer-process .footer-separator {
	   display: none;
	  }
	.footer-process {
		font-size: 16px;
	}
}

@media (max-width: 750px) {
	.footer-process {
		padding: 20px 0;
		flex-direction: column;
	}
}

/* target your container by data-id (no new classes needed) */
[data-id="d07aefc"] {
  position: relative;
  overflow: hidden;
}

/* keep first widget in normal flow so it defines the container height */
[data-id="d07aefc"] .elementor-element-5aa81ff {
  position: relative;
  z-index: 1;
}

/* overlay the second widget on top of the first */
[data-id="d07aefc"] .elementor-element-f9e6f50 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
}

/* images: smooth fade + slower scale transition */
[data-id="d07aefc"] img {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 2.5s ease, transform 3s ease; /* slowed down */
}

/* start with the top image hidden */
[data-id="d07aefc"] .elementor-element-f9e6f50 img {
  opacity: 0;
  transform: scale(1);
}

/* on hover: fade out base image, fade in overlay */
[data-id="d07aefc"]:hover .elementor-element-5aa81ff img {
  opacity: 0;
  transform: scale(1);
}
[data-id="d07aefc"]:hover .elementor-element-f9e6f50 img {
  opacity: 1;
  transform: scale(1);
}

.location-center p, .location-center h3 {
	margin-bottom: 0;
}
