.elementor-kit-9{--e-global-color-primary:#31261F;--e-global-color-secondary:#31261F;--e-global-color-text:#635951;--e-global-color-accent:#A12878;--e-global-color-8740d51:#FBF6F1;--e-global-color-7e12dd1:#F5ECDF;--e-global-color-2badfcd:#E2D8C8;--e-global-color-8ef61fd:#FFFFFF;--e-global-typography-primary-font-family:"Fraunces";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Figtree";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:24px;--e-global-typography-accent-font-family:"Figtree";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-line-height:23px;--e-global-typography-94847d6-font-family:"Fraunces";--e-global-typography-94847d6-font-size:54px;--e-global-typography-94847d6-font-weight:600;--e-global-typography-94847d6-line-height:57px;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-9{--e-global-typography-text-font-size:18px;--e-global-typography-94847d6-font-size:32px;--e-global-typography-94847d6-line-height:34px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9{--e-global-typography-text-font-size:18px;--e-global-typography-text-line-height:24px;--e-global-typography-accent-font-size:16px;--e-global-typography-accent-line-height:24px;--e-global-typography-94847d6-font-size:30px;--e-global-typography-94847d6-line-height:34px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ================================
   HEADER - SCROLL COLOR SWITCH
   ================================ */

/* Header container background */
#site-header {
  background-color: transparent;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}
#site-header.scrolled {
  background-color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

/* Logo swap wrapper */
#header-logo-wrap {
  position: relative;
  height: 50px; /* adjust to match your logo height */
}
.logo-light,
.logo-dark {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
}
.logo-dark {
  opacity: 0;
}
#site-header.scrolled .logo-light {
  opacity: 0;
}
#site-header.scrolled .logo-dark {
  opacity: 1;
}

/* Nav menu text color */
.main-nav a {
  color: #ffffff !important;
  transition: color 0.3s ease;
}
#site-header.scrolled .main-nav a {
  color: #241e1acc
 !important;
}

/* Mobile hamburger toggle icon */
.main-nav .elementor-menu-toggle {
  color: #ffffff !important;
  transition: color 0.3s ease;
}
#site-header.scrolled .main-nav .elementor-menu-toggle {
  color: #241e1acc
 !important;
}

/* Phone button - text */
.header-phone-btn,
.header-phone-btn .elementor-button-text {
  color: #ffffff !important;
  transition: color 0.3s ease;
}
#site-header.scrolled .header-phone-btn,
#site-header.scrolled .header-phone-btn .elementor-button-text {
  color: #241e1acc
 !important;
}

/* Phone button - icon */
.header-phone-btn .elementor-button-icon,
.header-phone-btn .elementor-button-icon i,
.header-phone-btn .elementor-button-icon svg {
  color: #A10020 !important;
  fill: #A10020 !important;
  transition: color 0.3s ease, fill 0.3s ease;
}
#site-header.scrolled .header-phone-btn .elementor-button-icon,
#site-header.scrolled .header-phone-btn .elementor-button-icon i,
#site-header.scrolled .header-phone-btn .elementor-button-icon svg {
  color: #241e1acc
 !important;
  fill: #241e1acc
!important;
}

.square-image {
    position: relative;
    z-index: 1;
}
.square-image::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 16px;
    left: 16px;
    border: 2px solid rgba(170, 8, 41, 0.25);
    z-index: -1;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .square-image::after {
        display: none;
    }
}

.square-image-mirror {
    position: relative;
    z-index: 1;
}
.square-image-mirror::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 16px;
    right: 16px;
    
    border: 2px solid rgba(170, 8, 41, 0.25);
    z-index: -1;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .square-image-mirror::after {
        display: none;
    }
}/* End custom CSS */