.elementor-kit-2224{--e-global-color-primary:#3F5748;--e-global-color-secondary:#9C6B3F;--e-global-color-text:#121212;--e-global-color-accent:#9C6B3F;--e-global-color-2e49160:#3F5748;--e-global-color-8ff65de:#33463A;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;font-family:"Poppins", Sans-serif;}.elementor-kit-2224 e-page-transition{background-color:#FFBC7D;}.elementor-kit-2224 a{font-family:"Poppins", Sans-serif;}.elementor-kit-2224 h1{font-family:"Poppins", Sans-serif;}.elementor-kit-2224 h2{font-family:"Poppins", Sans-serif;}.elementor-kit-2224 h3{font-family:"Poppins", Sans-serif;}.elementor-kit-2224 h4{font-family:"Poppins", Sans-serif;}.elementor-kit-2224 h5{font-family:"Poppins", Sans-serif;}.elementor-kit-2224 h6{font-family:"Poppins", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:768px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Vivotee palette - applied 2026-09-21.
   Overrides Blocksy's theme-mod palette, which has no REST route. */
:root {
  --theme-palette-color-1: #3F5748;
  --theme-palette-color-2: #9C6B3F;
  --theme-palette-color-3: #121212;
  --theme-palette-color-4: #121212;
}
:root, .ct-container, body {
  --theme-button-background-initial-color: #3F5748;
  --theme-button-background-hover-color: #33463A;
  --theme-button-text-initial-color: #FDFBF7;
  --theme-button-text-hover-color: #FDFBF7;
}
/* Elementor buttons. These render as a bare <a class="elementor-button"> with no
   wrapper element, so they inherit Blocksy's link colour - which is now the same
   green as the button background, making the label invisible. The colour has to
   be forced on the anchor and its inner span, and the .elementor-kit-2224 must not depend on
   a .elementor-button-wrapper ancestor that is not always emitted. */
a.elementor-button,
.elementor-button,
.elementor-button .elementor-button-text {
  color: #FDFBF7;
}
.elementor-button:not([class*="elementor-button-link"]),
.elementor-widget-button .elementor-button {
  background-color: #3F5748;
}
a.elementor-button:hover,
.elementor-button:hover,
.elementor-button:hover .elementor-button-text {
  color: #FDFBF7;
}
/* The trust-bar icons are uploaded SVG files with #FFC176 baked into every
   <path fill>, so the colour is in the file, not in any stylesheet. Overriding
   the fill is reversible; recolouring the files would mean re-uploading media
   and repointing each widget at the new attachment. The bar is solid black, so
   they take the cream rather than the copper: #9C6B3F on #000 is too dark to
   read, while cream is still a Vivotee palette colour. */
.elementor-widget svg [fill="#ffc176"],
.elementor-widget svg [fill="#FFC176"],
.elementor-widget svg[fill="#ffc176"],
.elementor-widget svg[fill="#FFC176"] {
  fill: #F4F1EA;
}
/* The footer sits on near-black. Links inside it inherit the brand green from
   --theme-palette-color-1, which is unreadable there - the support email and
   phone number were effectively invisible. Force them white inside the footer
   template only, so light-background links keep the brand colour. */
[data-elementor-type="footer"] a,
[data-elementor-type="footer"] a:visited {
  color: #FFFFFF;
}
[data-elementor-type="footer"] a:hover {
  color: #F4F1EA;
}
/* Page transition overlay still flashed Luxe Lighting's peach. */
e-page-transition { background-color: #F4F1EA; }/* End custom CSS */