.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--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:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.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;--container-default-padding-top:10px;--container-default-padding-right:0px;--container-default-padding-bottom:10px;--container-default-padding-left:0px;}}:root { --color-navy-primary:#0B2A52; --color-sky-blue:#7EC8F8; --color-pale-blue-bg:#E6F3FF; --color-stone-neutral:#F4F6F8; --color-charcoal-text:#333333; --color-white:#FFFFFF; --font-heading:Playfair Display; --font-subheading:Montserrat; --font-body:Inter; }
/* Start custom CSS *//* Global fix: Elementor containers cap their inner wrapper at 1440px by default via .e-con-inner, even when the outer container is set to full width. Every section on this site already sets its own intentional max-width on an inner wrapper via its own custom_css, so this default is redundant and only ever produces unwanted side gutters above 1440px viewports. Disable it globally instead of patching each container. */
.e-con.e-con-boxed > .e-con-inner,
.e-con > .e-con-inner {
  max-width: none !important;
  width: 100% !important;
}

/* Global fix #2: some earlier-built pages (About, Contact, Privacy, Terms, etc) used Elementor's own 'Boxed' Content Width setting on top-level section containers, which caps the section's OWN element (background included) at a fixed width -- not just its inner content. This is why the hero banner (built full-width from the start) stretches edge-to-edge while other sections on the same page show side gutters above ~1440px. Force every top-level section (a direct child of the page's own Elementor root, excluding the header/footer templates) to be full width regardless of its Content Width setting; inner content centering is still handled per-section via each container's own custom_css / e-con-inner padding. */
.elementor:not(.elementor-location-header):not(.elementor-location-footer) > .e-con.e-con-boxed:not(.elementor-element-8e70591):not(.elementor-element-2ecdca2) {
  max-width: none !important;
  width: 100% !important;
}
@media(max-width:1024px){.elementor .elementor-element.e-con.st-col-t{flex:0 0 auto !important;width:100% !important;max-width:100% !important;min-width:0 !important;}.elementor .elementor-element.e-con.st-col-t2{flex:0 0 calc((100% - 24px)/2) !important;width:auto !important;max-width:calc((100% - 24px)/2) !important;min-width:0 !important;}}
@media(max-width:767px){.elementor .elementor-element.e-con.st-col,.elementor .elementor-element.e-con.st-col.st-col-t2{flex:0 0 auto !important;width:100% !important;max-width:100% !important;min-width:0 !important;}}/* End custom CSS */