.elementor-kit-7{--e-global-color-primary:#213735;--e-global-color-secondary:#EBDED1;--e-global-color-text:#2A2A2A;--e-global-color-accent:#EDD5D1;--e-global-color-2af4163:#EDD5D1;--e-global-color-bd15a3f:#EEE5DB;--e-global-color-d1c6edf:#FFFFFF;--e-global-color-623167d:#213735;--e-global-color-8606787:#FAF4F0;--e-global-color-b99aaeb:#FAF4F0;--e-global-color-13eaade:#B79782;--e-global-typography-primary-font-family:"Inter Tight";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){--kit-widget-spacing:10px;}.elementor-element{--widgets-spacing:10px 10px;--widgets-spacing-row:10px;--widgets-spacing-column:10px;}{}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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   HARMONY & PULSE — GLOBAL DESIGN SYSTEM
   CLEAN VERSION
========================================================= */


/* =========================================================
   BRAND COLORS
========================================================= */

:root{
  --hp-green:#213735;

  --hp-blush:#ECD7C9;
  --hp-pink:#EDD5D1;

  --hp-beige:#EBDED1;
  --hp-cream:#EEE5DB;

  --hp-offwhite:#FAF4F0;
  --hp-warm:#F6EFE9;

  --hp-white:#FFFFFF;
}


/* =========================================================
   GLOBAL TYPOGRAPHY
========================================================= */

h1,
h2,
h3,
h4{
  margin-top:0;

  color:var(--hp-green);

  font-family:
    "Bodoni 72",
    "Bodoni Moda",
    serif !important;

  font-weight:400 !important;
  letter-spacing:0;
}


h1{
  font-size:clamp(44px,4.6vw,55px);
  line-height:1.2;
}


h2{
  font-size:clamp(40px,4.2vw,50px);
  line-height:1.02;
}


h3{
  font-size:clamp(32px,3vw,44px);
  line-height:1.08;
}


h4{
  font-size:clamp(24px,2.2vw,32px);
  line-height:1.15;
}


p{
  color:var(--hp-green);

  font-family:"Akatab",Arial,Helvetica,sans-serif;

  font-size:17px;
  line-height:1.5;
}


@media(max-width:767px){

  h1{
    font-size:44px;
  }

  h2{
    font-size:36px;
  }

  h3{
    font-size:28px;
  }

  h4{
    font-size:22px;
  }

  p{
    font-size:16px;
    line-height:1.55;
  }

}


/* =========================================================
   REVEAL UP
========================================================= */

.reveal-up{
  opacity:1;
  transform:none;
}


.reveal-up.reveal-init{
  opacity:0;

  transform:
    translate3d(0,40px,0);

  transition:
    opacity 1.1s ease-out,
    transform 1.1s cubic-bezier(.22,1,.36,1);
}


.reveal-up.reveal-init.active{
  opacity:1;

  transform:
    translate3d(0,0,0);
}


/* =========================================================
   SALON AI / CHAT BUBBLE MOBILE
========================================================= */

@media(max-width:760px){

  #saic-bubble-root{
    bottom:70px !important;
  }

}


/* =========================================================
   BUTTON SYSTEM
========================================================= */


/* ---------------------------------------------------------
   Elementor widget wrapper reset

   Put these classes on the Elementor Button widget:
   hp-btn-new
   hp-btn-secondary
   hp-btn-small
   hp-btn-small-secondary
--------------------------------------------------------- */

.hp-btn-new,
.hp-btn-secondary,
.hp-btn-small,
.hp-btn-small-secondary{
  background:transparent !important;
  padding:0 !important;
}


/* =========================================================
   STANDARD BUTTONS — SHARED
========================================================= */


/* Elementor */

.hp-btn-new .elementor-button,
.hp-btn-secondary .elementor-button,


/* Direct HTML */

a.hp-btn-new,
a.hp-btn-secondary{
  display:inline-flex !important;

  align-items:center !important;
  justify-content:center !important;

  min-width:240px;
  min-height:54px;

  padding:0 32px !important;

  border:1px solid var(--hp-green) !important;
  border-radius:0 !important;

  box-shadow:none !important;

  font-family:
    "Akatab",
    Arial,
    Helvetica,
    sans-serif !important;

  font-size:12px !important;
  font-weight:700 !important;

  line-height:1 !important;

  letter-spacing:.22em !important;

  text-transform:uppercase !important;

  text-align:center;

  text-decoration:none !important;

  transition:
    background-color .25s ease,
    color .25s ease,
    border-color .25s ease,
    transform .25s ease !important;
}


/* Elementor button text */

.hp-btn-new .elementor-button-text,
.hp-btn-secondary .elementor-button-text{
  color:inherit !important;
}


/* =========================================================
   PRIMARY BUTTON
========================================================= */


/* Elementor */

.hp-btn-new .elementor-button,


/* Direct HTML */

a.hp-btn-new{
  background:var(--hp-pink) !important;

  color:var(--hp-green) !important;
}


/* Hover */

.hp-btn-new .elementor-button:hover,
a.hp-btn-new:hover{
  background:var(--hp-blush) !important;

  color:var(--hp-green) !important;

  border-color:var(--hp-green) !important;

  transform:
    translateY(-2px);
}


/* =========================================================
   SECONDARY BUTTON
========================================================= */


/* Elementor */

.hp-btn-secondary .elementor-button,


/* Direct HTML */

a.hp-btn-secondary{
  background:var(--hp-offwhite) !important;

  color:var(--hp-green) !important;
}


/* Hover */

.hp-btn-secondary .elementor-button:hover,
a.hp-btn-secondary:hover{
  background:var(--hp-beige) !important;

  color:var(--hp-green) !important;

  border-color:var(--hp-green) !important;

  transform:
    translateY(-2px);
}


/* =========================================================
   OPTIONAL WHITE PRIMARY VARIANT

   Elementor:
   hp-btn-new hp-btn-white

   Direct:
   hp-btn-new hp-btn-white
========================================================= */

.hp-btn-new.hp-btn-white .elementor-button,
a.hp-btn-new.hp-btn-white{
  background:var(--hp-white) !important;

  color:var(--hp-green) !important;
}


.hp-btn-new.hp-btn-white .elementor-button:hover,
a.hp-btn-new.hp-btn-white:hover{
  background:var(--hp-offwhite) !important;
}


/* =========================================================
   SMALL PRIMARY BUTTON
========================================================= */

.hp-btn-small .elementor-button,
a.hp-btn-small{
  display:inline-flex !important;

  align-items:center !important;
  justify-content:center !important;

  min-width:160px;
  min-height:42px;

  padding:0 20px !important;

  border:1px solid var(--hp-green) !important;
  border-radius:0 !important;

  background:var(--hp-pink) !important;

  color:var(--hp-green) !important;

  box-shadow:none !important;

  font-family:
    "Akatab",
    Arial,
    Helvetica,
    sans-serif !important;

  font-size:10px !important;
  font-weight:700 !important;

  line-height:1 !important;

  letter-spacing:.20em !important;

  text-transform:uppercase !important;

  text-align:center;

  text-decoration:none !important;

  transition:
    background-color .25s ease,
    color .25s ease,
    border-color .25s ease,
    transform .25s ease !important;
}


.hp-btn-small .elementor-button-text{
  color:inherit !important;
}


.hp-btn-small .elementor-button:hover,
a.hp-btn-small:hover{
  background:var(--hp-blush) !important;

  color:var(--hp-green) !important;

  transform:
    translateY(-2px);
}


/* =========================================================
   SMALL SECONDARY BUTTON
========================================================= */

.hp-btn-small-secondary .elementor-button,
a.hp-btn-small-secondary{
  display:inline-flex !important;

  align-items:center !important;
  justify-content:center !important;

  min-width:150px;
  min-height:42px;

  padding:0 18px !important;

  border:1px solid var(--hp-green) !important;
  border-radius:0 !important;

  background:var(--hp-offwhite) !important;

  color:var(--hp-green) !important;

  box-shadow:none !important;

  font-family:
    "Akatab",
    Arial,
    Helvetica,
    sans-serif !important;

  font-size:10px !important;
  font-weight:700 !important;

  line-height:1 !important;

  letter-spacing:.20em !important;

  text-transform:uppercase !important;

  text-align:center;

  text-decoration:none !important;

  transition:
    background-color .25s ease,
    color .25s ease,
    border-color .25s ease,
    transform .25s ease !important;
}


.hp-btn-small-secondary .elementor-button-text{
  color:inherit !important;
}


.hp-btn-small-secondary .elementor-button:hover,
a.hp-btn-small-secondary:hover{
  background:var(--hp-beige) !important;

  color:var(--hp-green) !important;

  transform:
    translateY(-2px);
}


/* =========================================================
   BUTTONS ON DARK GREEN SECTIONS

   Automatically supports:
   .hp-about-cta

   Or use:
   .hp-dark-section
========================================================= */


/* PRIMARY */

.hp-about-cta .hp-btn-new .elementor-button,
.hp-dark-section .hp-btn-new .elementor-button,

.hp-about-cta a.hp-btn-new,
.hp-dark-section a.hp-btn-new{
  background:var(--hp-pink) !important;

  border-color:var(--hp-pink) !important;

  color:var(--hp-green) !important;
}


.hp-about-cta .hp-btn-new .elementor-button:hover,
.hp-dark-section .hp-btn-new .elementor-button:hover,

.hp-about-cta a.hp-btn-new:hover,
.hp-dark-section a.hp-btn-new:hover{
  background:var(--hp-white) !important;

  border-color:var(--hp-white) !important;

  color:var(--hp-green) !important;
}


/* SECONDARY */

.hp-about-cta .hp-btn-secondary .elementor-button,
.hp-dark-section .hp-btn-secondary .elementor-button,

.hp-about-cta a.hp-btn-secondary,
.hp-dark-section a.hp-btn-secondary{
  background:transparent !important;

  border-color:var(--hp-white) !important;

  color:var(--hp-white) !important;
}


.hp-about-cta .hp-btn-secondary .elementor-button:hover,
.hp-dark-section .hp-btn-secondary .elementor-button:hover,

.hp-about-cta a.hp-btn-secondary:hover,
.hp-dark-section a.hp-btn-secondary:hover{
  background:var(--hp-white) !important;

  border-color:var(--hp-white) !important;

  color:var(--hp-green) !important;
}


/* =========================================================
   MOBILE BUTTONS
========================================================= */

@media(max-width:767px){

  .hp-btn-new .elementor-button,
  .hp-btn-secondary .elementor-button,

  a.hp-btn-new,
  a.hp-btn-secondary{
    min-width:220px;
    min-height:50px;

    padding:0 24px !important;

    font-size:11px !important;
  }


  .hp-btn-small .elementor-button,
  a.hp-btn-small{
    min-width:150px;
    min-height:40px;

    padding:0 18px !important;
  }


  .hp-btn-small-secondary .elementor-button,
  a.hp-btn-small-secondary{
    min-width:145px;
    min-height:40px;

    padding:0 16px !important;
  }

}/* End custom CSS */