.elementor-kit-9{--e-global-color-primary:#16283D;--e-global-color-secondary:#24425F;--e-global-color-text:#3B4553;--e-global-color-accent:#3A6A9C;--e-global-color-hp0:#8FA5BC;--e-global-color-hp1:#F5F8FB;--e-global-color-hp2:#24384F;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:1px;font-family:"Inter", Sans-serif;font-weight:400;}.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-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 */img{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}a:hover img{transform:scale(1.03)}.elementor-widget-container:hover img{transform:scale(1.02)};

/* Editorial serif headings - global */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.2px;
} 

/* ==========================================================
   HOMEPRO - BRAND COLOR STORY  (added Aug 2026)
   Carries the logo blues through the whole site.
   Logo blue  #669DD8  = Global "Accent"        buttons, icons, links
   Deep navy  #16283D  = Global "Primary"       header, footer, headings
   Porcelain    #F5F8FB  = Global "Soft Neutral"  page background
   ========================================================== */

/* Warm the plain white page background to a soft vanilla */
body {
  background-color: #F5F8FB;
}

/* Buttons: logo blue with bold white type */
.elementor-button,
.elementor-button-link,
button.elementor-button,
input[type="submit"],
.wp-block-button__link {
  font-weight: 700 !important;
  color: #FFFFFF !important;
}
.elementor-button:hover,
.elementor-button:focus,
.elementor-button-link:hover,
button.elementor-button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
  background-color: #2E5580 !important;
  border-color: #2E5580 !important;
  color: #FFFFFF !important;
}

/* Remaining hard-coded tan -> logo blue */
.elementor-headline-dynamic-text {
  color: #669DD8 !important;
}
.elementor-location-footer h2 {
  color: #669DD8 !important;
}

/* Inline HOMEPRO wordmark used inside body copy */
img.hp-wordmark,
.elementor img.hp-wordmark {
  display: inline-block !important;
  height: 0.74em !important;      /* matches cap height of the surrounding type */
  width: auto !important;
  max-width: none !important;
  vertical-align: baseline;
  margin: 0 0.05em;
  border-radius: 0;
}

/* ---- Footer: deep navy to match the header bar ---- */
.elementor-location-footer .e-con {
  background-color: #16283D !important;
}
.elementor-location-footer .elementor-element-7db75ba8 {   /* copyright strip */
  background-color: #12202F !important;
}
.elementor-location-footer .elementor-icon-list-icon svg,
.elementor-location-footer .elementor-icon-list-icon i {
  fill: #669DD8 !important;
  color: #669DD8 !important;
}
.elementor-location-footer .elementor-social-icon {
  background-color: #24384F !important;
}
.elementor-location-footer .elementor-social-icon:hover {
  background-color: #669DD8 !important;
}

/* ---- Interior page blocks (.hp-*) use their own local tokens ---- */
.hp-showroom,
.hp-collections,
[class*="hp-"] {
  --gold:  #3A6A9C !important;
  --ink:   #16283D !important;
  --cream: #F5F8FB !important;
  --line:  #DFE5EC !important;
}

/* ---- Last hard-coded tan left on individual page widgets ---- */
.hp-kicker {                       /* Kitchen Cabinets - collection chips */
  background-color: rgba(102,157,216,.22) !important;
  border-color: rgba(102,157,216,.9) !important;
}
.hp-num {                          /* Bathrooms - numbered steps */
  background-color: #3A6A9C !important;
  border-color: #3A6A9C !important;
}
.elementor-testimonial__title {    /* testimonial role line */
  color: #3A6A9C !important;
}
.elementor-element-19755c7 .elementor-heading-title,
.elementor-element-9097d1c .elementor-heading-title,
.elementor-element-629bb2d .elementor-heading-title {   /* Countertops - eyebrow headings */
  color: #3A6A9C !important;
}
.elementor-element-6ab082b8 svg,
.elementor-element-6ab082b8 svg path {                  /* Countertops - star rating */
  fill: #3A6A9C !important;
}

.hp-btn {                          /* page-level CTA buttons */
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* ---- Two-tone blue -------------------------------------------
   Global Accent is now the deepened logo blue #3A6A9C, which sits
   calmly on the vanilla backgrounds. On the navy header and footer
   the lighter logo blue #669DD8 is restored, because that is where
   it reads as an exact match to the logo.
   --------------------------------------------------------------- */
.elementor-location-header .elementor-item-active,
.elementor-location-header .elementor-menu-toggle,
.elementor-location-header .elementor-icon {
  color: #669DD8 !important;
}
.elementor-location-header .elementor-button,
.elementor-location-header .elementor-button-link {
  background-color: #669DD8 !important;
  border-color: #669DD8 !important;
}
.elementor-location-header .elementor-button:hover,
.elementor-location-header .elementor-button-link:hover {
  background-color: #3A6A9C !important;
  border-color: #3A6A9C !important;
}/* End custom CSS */