/******* Do not edit this file *******
Code Snippets Manager
Saved: Apr 30 2026 | 18:55:32 */
@charset "UTF-8";
.gradient-border-dark {
  border-radius: 8px;
  border: 4px solid #90807B;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 62.37%, rgba(0, 0, 0, 0.68) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
}
.gradient-border-dark-lg-radius {
  border-radius: 19px;
  border: 4px solid #90807B;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 62.37%, rgba(0, 0, 0, 0.68) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
}
/*
@media (max-width: 768px) {
  .home-gradient-border-dark {
    border-radius: 0px;
	  border: none;
    background: none;
  }
}
*/
.gradient-border-light {
  border-radius: 19px;
  border: 4px solid var(--Stone, #EADED4);
  background: var(--Off-White, #FFF9F4);
}
/* Buttons */
/* Apply ONLY to buttons with the class .btn-slide-arrow */
/* Make sure the button text is positioned relative */
.btn-slide-arrow .elementor-button-text {
  position: relative;
  display: inline-block;
  transition: transform 0.3s ease;
}
/* Arrow AFTER the text, hidden by default (does not occupy space) */
.btn-slide-arrow .elementor-button-text::after {
  content: "→";
  position: absolute;
  right: -20px;
  top: 47%;
  /* nudged up 2% */
  transform: translateY(-50%) translateX(-5px);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}
/* Hover effects */
.btn-slide-arrow:hover .elementor-button-text {
  transform: translateX(5px);
}
.btn-slide-arrow:hover .elementor-button-text::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}
/* Make sure the button text is positioned relative */
.btn-slide-arrow .elementor-button-text {
  position: relative;
  display: inline-block;
  transition: transform 0.3s ease;
}
.button-borderinset-white:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  bottom: 5px;
  right: 5px;
  pointer-events: none;
  border: 1px solid white;
}
/* Lightbox Gallery Styling */
/* Elementor Lightbox image border radius */
.elementor-lightbox .elementor-lightbox-image, .e-gallery-justified .e-gallery-image {
  border-radius: 8px !important;
  overflow: hidden;
}
/* Image border insets */
.image-borderinset-normal-white:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 15px;
  bottom: 15px;
  right: 15px;
  pointer-events: none;
  border: 1px solid white;
}
.image-borderinset-wide-white:after {
  content: "";
  position: absolute;
  left: 40px;
  top: 40px;
  bottom: 40px;
  right: 40px;
  pointer-events: none;
  border: 1px solid white;
}
@media (max-width: 768px) {
  .image-borderinset-wide-white:after {
    left: 20px;
    top: 20px;
    bottom: 20px;
    right: 20px;
  }
}
/* Image Styling */
.image-dark-grow {
  position: relative;
  overflow: hidden;
}
/* Background image clone */
.image-dark-grow::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  transform: scale(1);
  filter: brightness(1);
  transition: transform 0.45s ease, filter 0.45s ease;
  z-index: 0;
}
/* Hover effect: zoom + subtle darken */
.image-dark-grow:hover::after {
  transform: scale(1.05);
  /* change this value on how big the image is to grow */
  filter: brightness(0.8);
  /* subtle darkening, change this value to lighten or darken, 1 is normal, >1 = darker <1 = lighter */
}
/* Keep gradient overlay & content above */
.image-dark-grow::before, .image-dark-grow > * {
  position: relative;
  z-index: 2;
}
/* Buttons */
.button-borderinset-white:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  bottom: 5px;
  right: 5px;
  pointer-events: none;
  border: 1px solid white;
}
/* Text Formatting */
.truncate-2-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Mega Menu no link still shows pointer */
.e-n-menu-wrapper ul li .e-n-menu-dropdown-icon:hover, .e-n-menu-wrapper ul li .e-n-menu-title-text:hover {
  cursor: pointer;
}
/* Navigaton */
.menu-button-open {
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--e-global-color-708d470);
  letter-spacing: 1px;
}
.menu-button-open-merlot {
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--e-global-color-7cb78f5);
  letter-spacing: 1px;
}
.menu-button-open-merlot::before {
  content: "Menu";
}
.menu-button-open::before {
  content: "Menu";
}
.menu-button-close::before {
  content: "Close";
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--e-global-color-708d470);
  letter-spacing: 1px;
}
/* Elementor Anchor Widget */
.hide-anchor {
  display: none;
}
