/* Theme CSS for Bright Path BH (bright-path) */


@font-face {
  font-family: 'Recoleta';
  src: url('https://d2mo77xyl92d7c.cloudfront.net/Recoleta-Regular-1.otf') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Recoleta';
  src: url('https://d2mo77xyl92d7c.cloudfront.net/Recoleta-Medium.otf') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Recoleta';
  src: url('https://d2mo77xyl92d7c.cloudfront.net/Recoleta-Bold-3.otf') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Custom Theme CSS */
/* Auto-generated CSS from Theme Settings */
/* DO NOT EDIT - This section will be overwritten */
/* CSS Priority: Page CSS > Tailwind Classes > This Global CSS */
/* This CSS uses :where() for zero specificity to avoid overriding Tailwind */

:root {
  --color-primary: #DB704F;
  --color-secondary: #52A3CC;
  --color-action: #007AFF;
  --color-primary-50: color-mix(in srgb, var(--color-primary), white 90%);
  --color-primary-100: color-mix(in srgb, var(--color-primary), white 80%);
  --color-primary-200: color-mix(in srgb, var(--color-primary), white 70%);
  --color-primary-300: color-mix(in srgb, var(--color-primary), white 60%);
  --color-primary-400: color-mix(in srgb, var(--color-primary), white 40%);
  --color-primary-500: var(--color-primary);
  --color-primary-600: color-mix(in srgb, var(--color-primary), black 20%);
  --color-primary-700: color-mix(in srgb, var(--color-primary), black 35%);
  --color-primary-800: color-mix(in srgb, var(--color-primary), black 50%);
  --color-primary-900: color-mix(in srgb, var(--color-primary), black 65%);
  --color-primary-a-10: color-mix(in srgb, var(--color-primary), transparent 90%);
  --color-primary-a-20: color-mix(in srgb, var(--color-primary), transparent 80%);
  --color-primary-a-40: color-mix(in srgb, var(--color-primary), transparent 60%);
  --color-primary-a-60: color-mix(in srgb, var(--color-primary), transparent 40%);
  --color-primary-a-80: color-mix(in srgb, var(--color-primary), transparent 20%);
  --color-secondary-50: color-mix(in srgb, var(--color-secondary), white 90%);
  --color-secondary-100: color-mix(in srgb, var(--color-secondary), white 80%);
  --color-secondary-200: color-mix(in srgb, var(--color-secondary), white 70%);
  --color-secondary-300: color-mix(in srgb, var(--color-secondary), white 60%);
  --color-secondary-400: color-mix(in srgb, var(--color-secondary), white 40%);
  --color-secondary-500: var(--color-secondary);
  --color-secondary-600: color-mix(in srgb, var(--color-secondary), black 20%);
  --color-secondary-700: color-mix(in srgb, var(--color-secondary), black 35%);
  --color-secondary-800: color-mix(in srgb, var(--color-secondary), black 50%);
  --color-secondary-900: color-mix(in srgb, var(--color-secondary), black 65%);
  --color-secondary-a-10: color-mix(in srgb, var(--color-secondary), transparent 90%);
  --color-secondary-a-20: color-mix(in srgb, var(--color-secondary), transparent 80%);
  --color-secondary-a-40: color-mix(in srgb, var(--color-secondary), transparent 60%);
  --color-secondary-a-60: color-mix(in srgb, var(--color-secondary), transparent 40%);
  --color-secondary-a-80: color-mix(in srgb, var(--color-secondary), transparent 20%);
  --color-action-50: color-mix(in srgb, var(--color-action), white 90%);
  --color-action-100: color-mix(in srgb, var(--color-action), white 80%);
  --color-action-200: color-mix(in srgb, var(--color-action), white 70%);
  --color-action-300: color-mix(in srgb, var(--color-action), white 60%);
  --color-action-400: color-mix(in srgb, var(--color-action), white 40%);
  --color-action-500: var(--color-action);
  --color-action-600: color-mix(in srgb, var(--color-action), black 20%);
  --color-action-700: color-mix(in srgb, var(--color-action), black 35%);
  --color-action-800: color-mix(in srgb, var(--color-action), black 50%);
  --color-action-900: color-mix(in srgb, var(--color-action), black 65%);
  --color-action-a-10: color-mix(in srgb, var(--color-action), transparent 90%);
  --color-action-a-20: color-mix(in srgb, var(--color-action), transparent 80%);
  --color-action-a-40: color-mix(in srgb, var(--color-action), transparent 60%);
  --color-action-a-60: color-mix(in srgb, var(--color-action), transparent 40%);
  --color-action-a-80: color-mix(in srgb, var(--color-action), transparent 20%);
  --font-family: "Recoleta", sans-serif;
  --root-font-size: 100%;
  --base-text-size: 16px;
  --mobile-base-heading-size: 24px;
  --base-heading-size: 28px;
  --mobile-type-scale: 1.2;
  --desktop-type-scale: 1.25;
  --heading-font-weight: 700;
  --body-font-weight: 400;
  --heading-line-height: 1.2;
  --body-line-height: 1.6;
  --global-heading-color: #262B2E;
  --global-link-color: #52A3CC;
  --global-muted-color: #707D80;
  --global-accent-color: #DB704F;
  --container-max-width: 1200px;
  --border-radius: 0.5rem;
  --border-width: none;
}

/* Typography Styles - Zero specificity to not override Tailwind */
html:where(:not([class*="text-"])) {
  font-size: var(--root-font-size, 100%);
}

body:where(:not([class*="font-"], [class*="text-"], [class*="leading-"])) {
  font-family: var(--font-family, system-ui, sans-serif);
  font-size: var(--base-text-size, 16px);
  font-weight: var(--body-font-weight, 400);
  line-height: var(--body-line-height, 1.6);
  color: var(--color-secondary-1, #333);
}

h1:where(:not([class*="font-"], [class*="text-xs"], [class*="text-sm"], [class*="text-base"], [class*="text-lg"], [class*="text-xl"], [class*="text-2xl"], [class*="text-3xl"], [class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"], [class*="leading-"])) {
  font-family: var(--font-family, system-ui, sans-serif);
  font-weight: var(--heading-font-weight, 600);
  line-height: var(--heading-line-height, 1.2);
  font-size: calc(var(--mobile-base-heading-size, 24px) * 1.440);
}

h1:where(:not([class*="text-primary"], [class*="text-secondary"], [class*="text-neutral"], [class*="text-action"], [class*="text-black"], [class*="text-white"], [style*="color"])) {
  color: var(--global-heading-color, var(--color-neutral-900, #111827));
}

@media (min-width: 768px) {
  h1:where(:not([class*="font-"], [class*="text-xs"], [class*="text-sm"], [class*="text-base"], [class*="text-lg"], [class*="text-xl"], [class*="text-2xl"], [class*="text-3xl"], [class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"], [class*="leading-"])) {
    font-size: calc(var(--base-heading-size, 28px) * 1.563);
  }
}

h2:where(:not([class*="font-"], [class*="text-xs"], [class*="text-sm"], [class*="text-base"], [class*="text-lg"], [class*="text-xl"], [class*="text-2xl"], [class*="text-3xl"], [class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"], [class*="leading-"])) {
  font-family: var(--font-family, system-ui, sans-serif);
  font-weight: var(--heading-font-weight, 600);
  line-height: var(--heading-line-height, 1.2);
  font-size: calc(var(--mobile-base-heading-size, 24px) * 1.200);
}

h2:where(:not([class*="text-primary"], [class*="text-secondary"], [class*="text-neutral"], [class*="text-action"], [class*="text-black"], [class*="text-white"], [style*="color"])) {
  color: var(--global-heading-color, var(--color-neutral-900, #111827));
}

@media (min-width: 768px) {
  h2:where(:not([class*="font-"], [class*="text-xs"], [class*="text-sm"], [class*="text-base"], [class*="text-lg"], [class*="text-xl"], [class*="text-2xl"], [class*="text-3xl"], [class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"], [class*="leading-"])) {
    font-size: calc(var(--base-heading-size, 28px) * 1.250);
  }
}

h3:where(:not([class*="font-"], [class*="text-xs"], [class*="text-sm"], [class*="text-base"], [class*="text-lg"], [class*="text-xl"], [class*="text-2xl"], [class*="text-3xl"], [class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"], [class*="leading-"])) {
  font-family: var(--font-family, system-ui, sans-serif);
  font-weight: var(--heading-font-weight, 600);
  line-height: var(--heading-line-height, 1.2);
  font-size: calc(var(--mobile-base-heading-size, 24px) * 1.000);
}

h3:where(:not([class*="text-primary"], [class*="text-secondary"], [class*="text-neutral"], [class*="text-action"], [class*="text-black"], [class*="text-white"], [style*="color"])) {
  color: var(--global-heading-color, var(--color-neutral-900, #111827));
}

@media (min-width: 768px) {
  h3:where(:not([class*="font-"], [class*="text-xs"], [class*="text-sm"], [class*="text-base"], [class*="text-lg"], [class*="text-xl"], [class*="text-2xl"], [class*="text-3xl"], [class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"], [class*="leading-"])) {
    font-size: calc(var(--base-heading-size, 28px) * 1.000);
  }
}

h4:where(:not([class*="font-"], [class*="text-xs"], [class*="text-sm"], [class*="text-base"], [class*="text-lg"], [class*="text-xl"], [class*="text-2xl"], [class*="text-3xl"], [class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"], [class*="leading-"])) {
  font-family: var(--font-family, system-ui, sans-serif);
  font-weight: var(--heading-font-weight, 600);
  line-height: var(--heading-line-height, 1.2);
  font-size: calc(var(--mobile-base-heading-size, 24px) * 0.833);
}

h4:where(:not([class*="text-primary"], [class*="text-secondary"], [class*="text-neutral"], [class*="text-action"], [class*="text-black"], [class*="text-white"], [style*="color"])) {
  color: var(--global-heading-color, var(--color-neutral-900, #111827));
}

@media (min-width: 768px) {
  h4:where(:not([class*="font-"], [class*="text-xs"], [class*="text-sm"], [class*="text-base"], [class*="text-lg"], [class*="text-xl"], [class*="text-2xl"], [class*="text-3xl"], [class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"], [class*="leading-"])) {
    font-size: calc(var(--base-heading-size, 28px) * 0.800);
  }
}

h5:where(:not([class*="font-"], [class*="text-xs"], [class*="text-sm"], [class*="text-base"], [class*="text-lg"], [class*="text-xl"], [class*="text-2xl"], [class*="text-3xl"], [class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"], [class*="leading-"])) {
  font-family: var(--font-family, system-ui, sans-serif);
  font-weight: var(--heading-font-weight, 600);
  line-height: var(--heading-line-height, 1.2);
  font-size: calc(var(--mobile-base-heading-size, 24px) * 0.694);
}

h5:where(:not([class*="text-primary"], [class*="text-secondary"], [class*="text-neutral"], [class*="text-action"], [class*="text-black"], [class*="text-white"], [style*="color"])) {
  color: var(--global-heading-color, var(--color-neutral-900, #111827));
}

@media (min-width: 768px) {
  h5:where(:not([class*="font-"], [class*="text-xs"], [class*="text-sm"], [class*="text-base"], [class*="text-lg"], [class*="text-xl"], [class*="text-2xl"], [class*="text-3xl"], [class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"], [class*="leading-"])) {
    font-size: calc(var(--base-heading-size, 28px) * 0.640);
  }
}

h6:where(:not([class*="font-"], [class*="text-xs"], [class*="text-sm"], [class*="text-base"], [class*="text-lg"], [class*="text-xl"], [class*="text-2xl"], [class*="text-3xl"], [class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"], [class*="leading-"])) {
  font-family: var(--font-family, system-ui, sans-serif);
  font-weight: var(--heading-font-weight, 600);
  line-height: var(--heading-line-height, 1.2);
  font-size: calc(var(--mobile-base-heading-size, 24px) * 0.579);
}

h6:where(:not([class*="text-primary"], [class*="text-secondary"], [class*="text-neutral"], [class*="text-action"], [class*="text-black"], [class*="text-white"], [style*="color"])) {
  color: var(--global-heading-color, var(--color-neutral-900, #111827));
}

@media (min-width: 768px) {
  h6:where(:not([class*="font-"], [class*="text-xs"], [class*="text-sm"], [class*="text-base"], [class*="text-lg"], [class*="text-xl"], [class*="text-2xl"], [class*="text-3xl"], [class*="text-4xl"], [class*="text-5xl"], [class*="text-6xl"], [class*="leading-"])) {
    font-size: calc(var(--base-heading-size, 28px) * 0.512);
  }
}

/* Global Text Colors - Zero specificity to not override Tailwind or inline styles */
p:where(:not([class*="text-primary"], [class*="text-secondary"], [class*="text-neutral"], [class*="text-action"], [class*="text-black"], [class*="text-white"], [style*="color"])) {
  color: var(--global-body-color, var(--color-neutral-600, #4b5563));
}

a:where(:not([class*="text-primary"], [class*="text-secondary"], [class*="text-neutral"], [class*="text-action"], [class*="text-black"], [class*="text-white"], [style*="color"])) {
  color: var(--global-link-color, var(--color-primary-500, #3b82f6));
}

.text-muted:where(:not([style*="color"])) {
  color: var(--global-muted-color, var(--color-neutral-500, #6b7280));
}

.text-accent:where(:not([style*="color"])) {
  color: var(--global-accent-color, var(--color-primary-600, #2563eb));
}

/* Layout Styles - Only applied when not using Tailwind */
.container:where(:not([class*="max-w-"], [class*="mx-"], [class*="px-"])) {
  max-width: var(--container-max-width, 1200px);
  margin: 0 auto;
  padding: 0 1rem;
}

/* Theme Button Styles - Use .theme-btn to avoid Tailwind conflicts */
.theme-btn:where(:not([class*="bg-"], [class*="text-"], [class*="p-"], [class*="rounded-"])) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: var(--button-border-radius, 0.5rem);
  font-family: var(--font-family, system-ui, sans-serif);
  font-weight: var(--body-font-weight, 400);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.theme-btn-primary:where(:not([class*="bg-"], [class*="text-"])) {
  background-color: var(--color-primary, #3b82f6);
  color: white;
}

.theme-btn-secondary:where(:not([class*="bg-"], [class*="text-"])) {
  background-color: var(--color-secondary-100, #f3f4f6);
  color: var(--color-black, #333);
}

.theme-btn-accent:where(:not([class*="bg-"], [class*="text-"])) {
  background-color: var(--color-action, #10b981);
  color: white;
}

/* Utility classes using theme variables - Safe to use with Tailwind */
.theme-text-primary { color: var(--color-primary) !important; }
.theme-text-secondary { color: var(--color-secondary) !important; }
.theme-text-accent { color: var(--color-action) !important; }
.theme-bg-primary { background-color: var(--color-primary) !important; }
.theme-bg-secondary { background-color: var(--color-secondary-100) !important; }
.theme-bg-accent { background-color: var(--color-action) !important; }
.theme-bg-black { background-color: var(--color-black) !important; }
.theme-bg-white { background-color: var(--color-white) !important; }

/* Custom Font Declarations */
/* END Auto-generated CSS */

/* Add your custom CSS below this line */





















/* ================================
   Fonts
================================ */
@import url('/assets/css2');

h2,
h3,
h4,
h5,
h6,
p,
a,
li,
button {
	font-family: "Lato", sans-serif !important;
}


/* ================================
   Global Backgrounds
================================ */
body {
	background-color: #f0e6db !important;
}

/* ================================
   Footer Backgrounds
================================ */
.footer-8__cta,
.footer-8__main {
	background-repeat: no-repeat;
	background-position: center;
}

.footer-8__cta {
	background-image: url(/assets/Group 1321314682.png);
}

.footer-8__main {
	background-image: url(/assets/Group 1000001645.png);
}

/* ================================
   Hero Section
================================ */
#hero-section {
	min-height: 812px;
	height: 100%;
	background-size: auto !important;
}
.hero-2__buttons div a span {
	font-size: 16px !important;
}
/* ================================
   Header
================================ */
.header-1 {
	position: fixed;
	z-index: 60;
	background-color: transparent !important;
}

.header-1.fixed {
	background-color: white !important;
}

.header-1__nav-item a {
	color: inherit !important;
}


.contact-map-6 {
	background-size: 100% !important;
}
.team-17a {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 52.11%, rgba(255, 255, 255, 0) 100%) !important;
}
.team-17a .team-17a__container {
    background: url("/assets/Bright Path Group (16).png") bottom / 100% no-repeat !important;
    margin-inline: 0;
    max-width: 100%;
}
.footer-8__cta {
	background-size: 100% !important;
}
.footer-8__main {
	background-size: 100% !important;
}
.insurance-4__container {
	max-width: 100% !important;
}

.payload-richtext p {
	padding-bottom: 18px !important;
}
.payload-richtext ul {
	padding-bottom: 18px !important;
}
.payload-richtext ul li {
  list-style-image: url('/assets/Bright Path Star.png') !important;
  list-style-position: inside !important;
}
/* ================================
   Buttons
================================ */
.button{
	padding: 8px 24px;
	border-radius: 99px;
	background-color: #DB704F;
}
.certs-1__logo-wrapper div img {
	min-width: 75px !important;
}
.insurance-4__logo-card div img{
  min-width: 75px !important;
}
.insurance-6a__logo-card div img {
	min-width: 75px !important;
}

.btn *, .button, theme-btn-primary, .theme-btn-secondary, .theme-btn-accent {
	font-weight: 700 !important;
}

/* Color Variables */
:root {
  --color-primary: #DB704F;
  --color-primary-50: color-mix(in srgb, #DB704F, white 90%);
  --color-primary-100: color-mix(in srgb, #DB704F, white 80%);
  --color-primary-200: color-mix(in srgb, #DB704F, white 70%);
  --color-primary-300: color-mix(in srgb, #DB704F, white 60%);
  --color-primary-400: color-mix(in srgb, #DB704F, white 40%);
  --color-primary-500: #DB704F;
  --color-primary-600: color-mix(in srgb, #DB704F, black 20%);
  --color-primary-700: color-mix(in srgb, #DB704F, black 35%);
  --color-primary-800: color-mix(in srgb, #DB704F, black 50%);
  --color-primary-900: color-mix(in srgb, #DB704F, black 65%);
  --color-secondary: #52A3CC;
  --color-secondary-50: color-mix(in srgb, #52A3CC, white 90%);
  --color-secondary-100: color-mix(in srgb, #52A3CC, white 80%);
  --color-secondary-200: color-mix(in srgb, #52A3CC, white 70%);
  --color-secondary-300: color-mix(in srgb, #52A3CC, white 60%);
  --color-secondary-400: color-mix(in srgb, #52A3CC, white 40%);
  --color-secondary-500: #52A3CC;
  --color-secondary-600: color-mix(in srgb, #52A3CC, black 20%);
  --color-secondary-700: color-mix(in srgb, #52A3CC, black 35%);
  --color-secondary-800: color-mix(in srgb, #52A3CC, black 50%);
  --color-secondary-900: color-mix(in srgb, #52A3CC, black 65%);
  --color-action: #007AFF;
  --color-action-50: color-mix(in srgb, #007AFF, white 90%);
  --color-action-100: color-mix(in srgb, #007AFF, white 80%);
  --color-action-200: color-mix(in srgb, #007AFF, white 70%);
  --color-action-300: color-mix(in srgb, #007AFF, white 60%);
  --color-action-400: color-mix(in srgb, #007AFF, white 40%);
  --color-action-500: #007AFF;
  --color-action-600: color-mix(in srgb, #007AFF, black 20%);
  --color-action-700: color-mix(in srgb, #007AFF, black 35%);
  --color-action-800: color-mix(in srgb, #007AFF, black 50%);
  --color-action-900: color-mix(in srgb, #007AFF, black 65%);
  --color-neutral: #4D5E61;
  --color-neutral-50: color-mix(in srgb, #4D5E61, white 90%);
  --color-neutral-100: #ffffff;
  --color-neutral-200: color-mix(in srgb, #4D5E61, white 70%);
  --color-neutral-300: color-mix(in srgb, #4D5E61, white 60%);
  --color-neutral-400: color-mix(in srgb, #4D5E61, white 40%);
  --color-neutral-500: #4D5E61;
  --color-neutral-600: color-mix(in srgb, #4D5E61, black 20%);
  --color-neutral-700: color-mix(in srgb, #4D5E61, black 35%);
  --color-neutral-800: color-mix(in srgb, #4D5E61, black 50%);
  --color-neutral-900: #000000;
}


/* Apply font family */
body {
  font-family: 'Recoleta', sans-serif;
}