.elementor-kit-6{--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-6 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);}@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;}}:root { --navy:#1D3A5C; --teal:#1A7A8C; --teal-light:#2BA090; --gold:#B89230; --white:#ffffff; --text-mid:#4A5A65; --text-dark:#1D2A35; --negative:#8A4040; --positive:#1A6050; --bg-warmwhite:#FAFAF7; --bg-tealtint:#E0F5F2; --bg-cream:#FFF8E1; --bg-cream-2:#F5EDD6; --border:#DDD9D0; --DUP_white:#ffffff; --DUP_teal-light:#2BA090; }
/* Start custom CSS *//* 360 Degree Bodyworks — Design System fallback CSS
   Paste this into: Elementor > Site Settings > Custom CSS
   (or WP Admin > Appearance > Customize > Additional CSS if that's not available)
   This defines the same 25 classes you built in the Class Manager,
   as plain CSS that will load regardless of the Global Classes pipeline issue. */

/* Type */
.g-eyebrow{font-family:Helvetica,Arial,sans-serif;font-weight:600;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;line-height:1.4;}
.g-h1{font-family:Georgia,serif;font-weight:600;font-size:46px;line-height:1.15;}
.g-h2{font-family:Georgia,serif;font-weight:600;font-size:34px;line-height:1.2;}
.g-h3{font-family:Georgia,serif;font-weight:600;font-size:20px;line-height:1.2;}
.g-body{font-family:Helvetica,Arial,sans-serif;font-weight:300;font-size:15px;line-height:1.75;}
.g-body-sm{font-family:Helvetica,Arial,sans-serif;font-weight:300;font-size:13px;line-height:1.75;}
@media (max-width:767px){
  .g-h1{font-size:32px;}
  .g-h2{font-size:26px;}
}

/* Colors */
.g-c-navy{color:#1D3A5C;}
.g-c-teal{color:#1A7A8C;}
.g-c-tealLight{color:#2BA090;}
.g-c-gold{color:#B89230;}
.g-c-white{color:#FFFFFF;}
.g-c-textmid{color:#4A5A65;}
.g-c-textdark{color:#1D2A35;}
.g-c-negative{color:#8A4040;}
.g-c-positive{color:#1A6050;}

/* Buttons */
.g-btn-primary{background-color:#B89230;color:#FFFFFF;font-family:Helvetica,Arial,sans-serif;font-weight:600;font-size:13px;letter-spacing:0.5px;padding:13px 26px;border-radius:3px;border:none;display:inline-block;}
.g-btn-secondary{background-color:transparent;color:rgba(255,255,255,0.8);font-family:Helvetica,Arial,sans-serif;font-weight:600;font-size:13px;padding:13px 26px;border-radius:3px;border:1.5px solid rgba(255,255,255,0.3);display:inline-block;}

/* Surfaces */
.g-card{background-color:#FFFFFF;border:1px solid #DDD9D0;border-radius:4px;padding:26px 22px;}
.g-bg-navy{background-color:#1D3A5C;}
.g-bg-warmwhite{background-color:#FAFAF7;}
.g-bg-tealtint{background-color:#E0F5F2;}
.g-bg-cream{background-color:#FFF8E1;}
.g-bg-cream-2{background-color:#F5EDD6;}

/* Pills & tags */
.g-pill{background-color:#E0F5F2;border:1px solid #2BA090;color:#1A7A8C;font-family:Helvetica,Arial,sans-serif;font-weight:600;font-size:12px;padding:5px 12px;border-radius:3px;display:inline-block;}
.g-tag{background-color:#FAFAF7;border:1px solid #DDD9D0;color:#4A5A65;font-family:Helvetica,Arial,sans-serif;font-weight:300;font-size:13px;padding:11px 16px;display:inline-block;}/* End custom CSS */