:root {
        --font: IBM Plex Sans;
        --alt-font: Aleo;
        --accent-color: #293666;
        --secondary-color: #ab4381;
        --link-color: #0388a6;
        --accent-highlight-color: #293666;
        --accent-highlight-background-color: #e6e9f5;
        --accent-tinted-color-70: #bfc3d1;
        --accent-tinted-color-80: #d4d7e0;
        --accent-tinted-color-90: #eaebf0;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #38498a;
        --secondary-hover-color: #c1609a;
        --secondary-contrast-color: #fff;
        --link-hover-color: #14d0fb;
      }
      
body { background: url('https://media.thoughtindustries.com/thoughtindustries/image/upload/v1/course-uploads/ac46a9a1-1dd8-4a79-9b4b-82de59ceb848/dzc3uwed15oq-vg6n9nq5njpl-GrayCamdenBackground.png'); background-attachment: fixed; background-size: cover; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/ac46a9a1-1dd8-4a79-9b4b-82de59ceb848/ky9ua3osg1dz-CamdenCoalitionlogocolor3.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/* ==========================================================================
   ==========================================================================
   >>>         START — DIGITAL INTELLECTIVE UPDATED CSS         <<<
   ==========================================================================
   ========================================================================== */

/* #region GLOBAL VARIABLES ======================================= */

:root {

  /* --- Font --- */
  --camden-font: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;

  /* --- Brand Colors --- */
  --camden-primary:              #293666; /* Navy — Text, Backgrounds, Elements, Borders */
  --camden-primary-contrast:     white;

  --camden-accent-1:             #037F9B; /* Teal — Elements/Borders/Backgrounds (deepened so white text passes AA) */
  --camden-accent-1-ada:         #035E72; /* Teal — AA text on white (7.4:1) */
  --camden-accent-1-bright:      #0388A6; /* Brighter teal — ELEMENTS/ICONS/BORDERS ONLY (4.13:1 on white; NOT AA for body text) */
  --camden-accent-1-dark:        #013642; /* Darkest teal — BACKGROUNDS ONLY (pairs with white/light text; 13:1) */
  --camden-accent-1-contrast:    white;   /* Text ON teal background (4.65:1) */

  --camden-accent-2:             #E7AA30; /* Gold — Elements/Borders/Backgrounds */
  --camden-accent-2-ada:         #946608; /* Gold — AA text on white (5.0:1) */
  --camden-accent-2-contrast:    black;   /* Text ON gold background (10:1) */

  --camden-accent-3:             #AB4381; /* Magenta — Text, Backgrounds, Elements, Borders */
  --camden-accent-3-contrast:    white;   /* Text ON magenta background (5.4:1) */

  --camden-gray:                 #464646; /* Dark Gray — Text, Backgrounds, Elements, Borders */
  --camden-gray-contrast:        white;

  /* --- Text Callout Colors (muted tones for kickers/labels) --- */
  --camden-callout-a:            #4F5561; /* Muted slate — Text only (7.4:1) */
  --camden-callout-b:            #293666; /* = primary */

  /* --- Neutral Grays (no pastel backgrounds for this client) --- */
  --camden-neutral-1:            #ECECEC; /* light */
  --camden-neutral-2:            #E5E5E5; /* medium */
  --camden-neutral-3:            #CDCDCD; /* deep */
  --camden-neutral-contrast:     #333333;
  --camden-stripe:               #F5F5F5; /* subtle table row striping / section fills */

  --camden-red:                  #C62828;
  --camden-orange:               #B45309;
  --camden-yellow:               #8A6D00;
  --camden-green:                #2E7D32;
  --camden-teal:                 #00796B;
  --camden-blue:                 #1565C0;
  --camden-indigo:               #3949AB;
  --camden-violet:               #6A1B9A;
  --camden-pink:                 #C2185B;
  --camden-brown:                #6D4C41;

  /* --- Margin Sizes --- */
  --camden-margin-sm: 0.5rem;
  --camden-margin-md: 1rem;
  --camden-margin-lg: 1.5rem;
  --camden-margin-xl: 2rem;

  /* --- Padding Sizes --- */
  --camden-padding-sm: 0.5rem;
  --camden-padding-md: 1rem;
  --camden-padding-lg: 1.5rem;
  --camden-padding-xl: 2rem;

  /* --- Border Widths --- */
  --camden-border-sm: 1px;
  --camden-border-md: 2px;
  --camden-border-lg: 3px;
  --camden-border-xl: 5px;

  /* --- Table --- */
  --camden-table-border:  #D0D0D0;
  --camden-table-radius:  5px;

  /* --- Numbered List (Accent) --- */
  --camden-nl-num-w:          2rem;
  --camden-nl-bar-w:          3px;
  --camden-nl-gap:            0.75rem;
  --camden-nl-gap-between:    1rem;
  --camden-nl-num-h:          2.2rem;
  --camden-nl-center-offset:  0.5rem;

  /* --- Flag Box --- */
  --camden-flag-h:        2.5rem;
  --camden-flag-overhang: 1rem;
  --camden-flag-fold-w:   1rem;
  --camden-flag-fold-h:   0.5rem;
  --camden-flag-radius:   10px;

}

/* #endregion */

/* #region ICON VARIABLES ======================================== */

:root {
  --camden-static-exclamation-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 1 22 22'%3E%3Cpath d='M 12,15 C 9.5,11 9,7 10.5,5.5 C 11,4 13,4 13.5,5.5 C 15,7 14.5,11 12,15 Z' fill='black'/%3E%3Ccircle cx='12' cy='17.5' r='1.5' fill='black'/%3E%3C/svg%3E");
  --camden-static-info-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 1 22 22'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='1.75'/%3E%3Cline x1='12' y1='11' x2='12' y2='16' stroke='black' stroke-width='1.75' stroke-linecap='round'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
  --camden-static-alert-inverted-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22currentColor%22%20d%3D%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3ZM11%209a1%201%200%200%201%202%200v4a1%201%200%200%201-2%200ZM11%2017a1%201%200%201%200%202%200a1%201%200%201%200-2%200Z%22%2F%3E%3C%2Fsvg%3E");
  --camden-static-question-mark-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201512.47%202302.73%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M740.31%2C1689.91c-65.01%2C0-130.02.1-195.03-.04-35.48-.07-46.1-10.95-46.13-46.74-.04-60.44.52-120.88-.08-181.31-1.4-140.54%2C50.65-257.93%2C151.38-354.95%2C51.3-49.41%2C108.58-91.75%2C161.87-138.78%2C43.59-38.47%2C85.68-78.33%2C110.05-132.58%2C30.06-66.95%2C37.34-135.21%2C4.25-203.06-26.64-54.62-71.06-87.29-131.65-97.38-64.57-10.76-124.53-3.34-175.53%2C42.16-42.03%2C37.5-62.5%2C85.14-60.8%2C140.63%2C1.77%2C57.83-7.53%2C111.77-37.91%2C161.97-72.75%2C120.2-231.35%2C163.13-354.9%2C95.97-91.89-49.95-140.64-129.71-158.49-229.7-19.3-108.07.72-211.73%2C45.6-310.27%2C76.9-168.82%2C205.43-285.67%2C372.35-362.88C552.76%2C13.98%2C687.01-11.28%2C825.88%2C4.7c266.12%2C30.64%2C472.43%2C158.38%2C605.98%2C393.86%2C59.09%2C104.18%2C86.98%2C217.56%2C79.39%2C337.94-11.95%2C189.55-89.57%2C346.76-234.94%2C469.89-51.59%2C43.7-108.23%2C80.83-160.55%2C123.54-52.32%2C42.72-95.22%2C92.67-116.79%2C158.38-6.75%2C20.56-9.77%2C41.44-10.07%2C62.86-.45%2C31.99-.19%2C64-1.14%2C95.97-.9%2C30.34-14.15%2C43.05-44.8%2C43.19-67.55.3-135.1.09-202.64.09%2C0-.17%2C0-.35%2C0-.52Z%22%2F%3E%3Cpath%20d%3D%22M750.38%2C2302.66c-153.98-1.61-261.67-125.9-259.23-261.28%2C2.54-140.67%2C123.35-253.72%2C266.92-250.25%2C142.62%2C3.45%2C255.99%2C121%2C253.34%2C262.68-2.54%2C136.08-124.07%2C251.94-261.03%2C248.85Z%22%2F%3E%3C%2Fsvg%3E");
  --camden-static-bell-ring-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.268%2021a2%202%200%200%200%203.464%200%22%2F%3E%3Cg%20transform%3D%22translate%281%2C-0.4%29%22%3E%3Cpath%20d%3D%22M22%208c0-2.3-.8-4.3-2-6%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.262%2015.326A1%201%200%200%200%204%2017h16a1%201%200%200%200%20.74-1.673C19.41%2013.956%2018%2012.499%2018%208A6%206%200%200%200%206%208c0%204.499-1.411%205.956-2.738%207.326%22%2F%3E%3Cg%20transform%3D%22translate%28-1%2C-0.4%29%22%3E%3Cpath%20d%3D%22M4%202C2.8%203.7%202%205.7%202%208%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --camden-static-messages-square-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2010a2%202%200%200%201-2%202H6.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%202%2014.286V4a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202z%22%2F%3E%3Cpath%20d%3D%22M20%209a2%202%200%200%201%202%202v10.286a.71.71%200%200%201-1.212.502l-2.202-2.202A2%202%200%200%200%2017.172%2019H10a2%202%200%200%201-2-2v-1%22%2F%3E%3C%2Fsvg%3E");
  --camden-static-notebook-pen-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13.4%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-7.4%22%2F%3E%3Cpath%20d%3D%22M2%206h4%22%2F%3E%3Cpath%20d%3D%22M2%2010h4%22%2F%3E%3Cpath%20d%3D%22M2%2014h4%22%2F%3E%3Cpath%20d%3D%22M2%2018h4%22%2F%3E%3Cpath%20d%3D%22M21.378%205.626a1%201%200%201%200-3.004-3.004l-5.01%205.012a2%202%200%200%200-.506.854l-.837%202.87a.5.5%200%200%200%20.62.62l2.87-.837a2%202%200%200%200%20.854-.506z%22%2F%3E%3C%2Fsvg%3E");
  --camden-icon-thumbs-up: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%205.88%2014%2010h5.83a2%202%200%200%201%201.92%202.56l-2.33%208A2%202%200%200%201%2017.5%2022H4a2%202%200%200%201-2-2v-8a2%202%200%200%201%202-2h2.76a2%202%200%200%200%201.79-1.11L12%202a3.13%203.13%200%200%201%203%203.88Z%22%20%2F%3E%20%3Cpath%20d%3D%22M7%2010v12%22%20%2F%3E%3C%2Fsvg%3E");
  --camden-icon-thumbs-down: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018.12%2010%2014H4.17a2%202%200%200%201-1.92-2.56l2.33-8A2%202%200%200%201%206.5%202H20a2%202%200%200%201%202%202v8a2%202%200%200%201-2%202h-2.76a2%202%200%200%200-1.79%201.11L12%2022a3.13%203.13%200%200%201-3-3.88Z%22%20%2F%3E%20%3Cpath%20d%3D%22M17%2014V2%22%20%2F%3E%3C%2Fsvg%3E");
  --camden-icon-yes: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206%209%2017l-5-5%22%20%2F%3E%3C%2Fsvg%3E");
  --camden-icon-list-todo: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%205h8%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2012h8%22%20%2F%3E%20%3Cpath%20d%3D%22M13%2019h8%22%20%2F%3E%20%3Cpath%20d%3D%22m3%2017%202%202%204-4%22%20%2F%3E%20%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%226%22%20height%3D%226%22%20rx%3D%221%22%20%2F%3E%3C%2Fsvg%3E");
  --camden-icon-user-round: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%225%22%20%2F%3E%20%3Cpath%20d%3D%22M20%2021a8%208%200%200%200-16%200%22%20%2F%3E%3C%2Fsvg%3E");
  --camden-icon-users: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-2a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v2%22%20%2F%3E%20%3Cpath%20d%3D%22M16%203.128a4%204%200%200%201%200%207.744%22%20%2F%3E%20%3Cpath%20d%3D%22M22%2021v-2a4%204%200%200%200-3-3.87%22%20%2F%3E%20%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%224%22%20%2F%3E%3C%2Fsvg%3E");
  --camden-icon-clock: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20%2F%3E%20%3Cpath%20d%3D%22M12%206v6l4%202%22%20%2F%3E%3C%2Fsvg%3E");
  --camden-icon-no: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%206%206%2018%22%20%2F%3E%20%3Cpath%20d%3D%22m6%206%2012%2012%22%20%2F%3E%3C%2Fsvg%3E");
  --camden-icon-heart-handshake: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19.414%2014.414C21%2012.828%2022%2011.5%2022%209.5a5.5%205.5%200%200%200-9.591-3.676.6.6%200%200%201-.818.001A5.5%205.5%200%200%200%202%209.5c0%202.3%201.5%204%203%205.5l5.535%205.362a2%202%200%200%200%202.879.052%202.12%202.12%200%200%200-.004-3%202.124%202.124%200%201%200%203-3%202.124%202.124%200%200%200%203.004%200%202%202%200%200%200%200-2.828l-1.881-1.882a2.41%202.41%200%200%200-3.409%200l-1.71%201.71a2%202%200%200%201-2.828%200%202%202%200%200%201%200-2.828l2.823-2.762%22%20%2F%3E%3C%2Fsvg%3E");
  --camden-icon-lightbulb: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%2014c.2-1%20.7-1.7%201.5-2.5%201-.9%201.5-2.2%201.5-3.5A6%206%200%200%200%206%208c0%201%20.2%202.2%201.5%203.5.7.7%201.3%201.5%201.5%202.5%22%20%2F%3E%20%3Cpath%20d%3D%22M9%2018h6%22%20%2F%3E%20%3Cpath%20d%3D%22M10%2022h4%22%20%2F%3E%3C%2Fsvg%3E");
  --camden-icon-shield-alert: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%2F%3E%3Cpath%20d%3D%22M12%208v4%22%2F%3E%3Cpath%20d%3D%22M12%2016h.01%22%2F%3E%3C%2Fsvg%3E");
}

/* #endregion */

/* #region GLOBAL TI OVERRIDES ==================================== */

/* Skip icon-font glyphs (icon- classes + bare i/em) so TI's icons render */
.editor-content, .editor-content *:not(i):not(em):not([class*="icon-"]),
.topic__container, .topic__container *:not(i):not(em):not([class*="icon-"]),
.topic__text__body, .topic__text__body *:not(i):not(em):not([class*="icon-"]),
[class*="camden-"], [class*="camden-"] *:not(i):not(em):not([class*="icon-"]) {
  font-family: var(--camden-font) !important;
}

h1.camden-main-heading,
h1.camden-main-heading * {
  font-family: var(--alt-font, "Aleo", Georgia, serif) !important;
}

/* TI wraps buttons and images in <p> tags and adds margin/padding */
p:has(> .btn),
p:has(> img) {
  margin-bottom: 0;
  padding: 0;
}

/* TI adds excess left padding to all lists */
.editor-content ul,
.editor-content ol {
  padding-left: 0;
}

/* Suppress background/text-color when camden-bg- classes are used on <ul> for bullet color */
ul[class*="camden-bg-"] {
  background-color: transparent;
  color: inherit;
}

/* TI applies asymmetric padding to the main content body — normalize to equal sides */
.topic__text__body {
  padding: 0 2em;
}

/* Section/lesson titles run into the bookmark icon when long — add breathing room */
.learner-section__title__container h3 {
  padding-right: 40px;
}

/* Text pages: strip TI's extra 44px left / 32px right inner padding */
.topic__container .topic__content--text .topic__text__body {
  padding-left: 0;
  padding-right: 0;
}

.topic__container .topic__content .topic__content--text {
  padding-left: 0;
  padding-right: 0;
}

/* Surveys, workbooks, quizzes: question area was double-padded */
.topic__container .quiz__container {
  padding-left: 0;
  padding-right: 0;
}

/* Some image blocks carry an extra 16px side margin */
.topic__container .topic__image {
  margin-left: 0;
  margin-right: 0;
}

/* #endregion */

/* #region GLOBAL UTILITIES ======================================= */

/* #region BACKGROUND COLOR UTILITIES ============================= */

/* --- Brand Colors --- */
.camden-bg-primary {
  background-color: var(--camden-primary);
  color: var(--camden-primary-contrast);
}

.camden-bg-accent-1 {
  background-color: var(--camden-accent-1);
  color: var(--camden-accent-1-contrast);
}

.camden-bg-accent-2 {
  background-color: var(--camden-accent-2);
  color: var(--camden-accent-2-contrast);
}

.camden-bg-accent-3 {
  background-color: var(--camden-accent-3);
  color: var(--camden-accent-3-contrast);
}

.camden-bg-gray {
  background-color: var(--camden-gray);
  color: var(--camden-gray-contrast);
}

/* --- Neutral Grays --- */
.camden-bg-1 {
  background-color: var(--camden-neutral-1);
  color: var(--camden-neutral-contrast);
}

.camden-bg-2 {
  background-color: var(--camden-neutral-2);
  color: var(--camden-neutral-contrast);
}

.camden-bg-3 {
  background-color: var(--camden-neutral-3);
  color: var(--camden-neutral-contrast);
}

.camden-bg-white {
  background-color: white;
  color: #333333;
}

.camden-bg-transparent {
  background-color: transparent;
}

/* --- Secondary Rainbow (rare use; white text) --- */
.camden-bg-red    { background-color: var(--camden-red);    color: white; }
.camden-bg-orange { background-color: var(--camden-orange); color: white; }
.camden-bg-yellow { background-color: var(--camden-yellow); color: white; }
.camden-bg-green  { background-color: var(--camden-green);  color: white; }
.camden-bg-teal   { background-color: var(--camden-teal);   color: white; }
.camden-bg-blue   { background-color: var(--camden-blue);   color: white; }
.camden-bg-indigo { background-color: var(--camden-indigo); color: white; }
.camden-bg-violet { background-color: var(--camden-violet); color: white; }
.camden-bg-pink   { background-color: var(--camden-pink);   color: white; }
.camden-bg-brown  { background-color: var(--camden-brown);  color: white; }

/* #endregion */

/* #region FONT SIZE UTILITIES ==================================== */

.camden-text-08  { font-size: 0.8rem !important; }
.camden-text-09  { font-size: 0.9rem !important; }
.camden-text-10  { font-size: 1.0rem !important; }
.camden-text-11  { font-size: 1.1rem !important; }
.camden-text-12  { font-size: 1.2rem !important; }
.camden-text-13  { font-size: 1.3rem !important; }
.camden-text-14  { font-size: 1.4rem !important; }
.camden-text-15  { font-size: 1.5rem !important; }
.camden-text-16  { font-size: 1.6rem !important; }
.camden-text-17  { font-size: 1.7rem !important; }
.camden-text-175 { font-size: 1.75rem !important; }
.camden-text-18  { font-size: 1.8rem !important; }
.camden-text-19  { font-size: 1.9rem !important; }
.camden-text-20  { font-size: 2.0rem !important; }
.camden-text-21  { font-size: 2.1rem !important; }
.camden-text-22  { font-size: 2.2rem !important; }
.camden-text-23  { font-size: 2.3rem !important; }
.camden-text-24  { font-size: 2.4rem !important; }
.camden-text-25  { font-size: 2.5rem !important; }

/* #endregion */

/* #region FONT WEIGHT UTILITIES ================================== */

.camden-thin       { font-weight: 100 !important; } /* Thin */
.camden-extralight { font-weight: 200 !important; } /* ExtraLight */
.camden-light      { font-weight: 300 !important; } /* Light */
.camden-regular    { font-weight: 400 !important; } /* Regular */
.camden-medium     { font-weight: 500 !important; } /* Medium */
.camden-semibold   { font-weight: 600 !important; } /* SemiBold */
.camden-bold       { font-weight: 700 !important; } /* Bold */

/* #endregion */

/* #region BORDER UTILITIES ======================================= */

[class*="camden-border-"] {
  border-style: solid;
}

/* --- Primary --- */
.camden-border-primary-sm { border-color: var(--camden-primary); border-width: var(--camden-border-sm); }
.camden-border-primary-md { border-color: var(--camden-primary); border-width: var(--camden-border-md); }
.camden-border-primary-lg { border-color: var(--camden-primary); border-width: var(--camden-border-lg); }
.camden-border-primary-xl { border-color: var(--camden-primary); border-width: var(--camden-border-xl); }

/* --- Accent 1 (Teal) --- */
.camden-border-accent-1-sm { border-color: var(--camden-accent-1-bright); border-width: var(--camden-border-sm); }
.camden-border-accent-1-md { border-color: var(--camden-accent-1-bright); border-width: var(--camden-border-md); }
.camden-border-accent-1-lg { border-color: var(--camden-accent-1-bright); border-width: var(--camden-border-lg); }
.camden-border-accent-1-xl { border-color: var(--camden-accent-1-bright); border-width: var(--camden-border-xl); }

/* --- Accent 2 (Gold) --- */
.camden-border-accent-2-sm { border-color: var(--camden-accent-2); border-width: var(--camden-border-sm); }
.camden-border-accent-2-md { border-color: var(--camden-accent-2); border-width: var(--camden-border-md); }
.camden-border-accent-2-lg { border-color: var(--camden-accent-2); border-width: var(--camden-border-lg); }
.camden-border-accent-2-xl { border-color: var(--camden-accent-2); border-width: var(--camden-border-xl); }

/* --- Accent 3 (Magenta) --- */
.camden-border-accent-3-sm { border-color: var(--camden-accent-3); border-width: var(--camden-border-sm); }
.camden-border-accent-3-md { border-color: var(--camden-accent-3); border-width: var(--camden-border-md); }
.camden-border-accent-3-lg { border-color: var(--camden-accent-3); border-width: var(--camden-border-lg); }
.camden-border-accent-3-xl { border-color: var(--camden-accent-3); border-width: var(--camden-border-xl); }

/* --- Gray --- */
.camden-border-gray-sm { border-color: var(--camden-gray); border-width: var(--camden-border-sm); }
.camden-border-gray-md { border-color: var(--camden-gray); border-width: var(--camden-border-md); }
.camden-border-gray-lg { border-color: var(--camden-gray); border-width: var(--camden-border-lg); }
.camden-border-gray-xl { border-color: var(--camden-gray); border-width: var(--camden-border-xl); }

/* --- Sides --- */
.camden-border-top-only {
  border-right: none;
  border-bottom: none;
  border-left: none;
}

.camden-border-left-only {
  border-top: none;
  border-right: none;
  border-bottom: none;
}

/* --- Border Radius --- */
.camden-rounded-sm   { border-radius: 5px; }
.camden-rounded-md   { border-radius: 12px; }
.camden-rounded-lg   { border-radius: 25px; }
.camden-rounded-xl   { border-radius: 50px; }
.camden-rounded-full { border-radius: 999px; }

/* --- Box Shadow --- */
.camden-shadow {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

/* --- Image Frame --- */
img.camden-img-frame {
  display: block;
  max-width: 100%;
  padding: 0.75rem;
  border: 1px solid var(--camden-neutral-3);
  background-color: white;
  box-sizing: border-box;
}

/* #endregion */

/* #region BUTTON UTILITIES ======================================= */

.camden-btn {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--camden-primary);      /* on-brand default so a bare .camden-btn is never TI's gray */
  border: 2px solid transparent;
  border-radius: 2px;
  color: var(--camden-primary-contrast);
  cursor: pointer;
  display: inline-block;
  font-family: var(--camden-font);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.25px;
  line-height: normal;
  margin: 0 0 1.5rem;
  padding: 0.75em 2em;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.25s ease-in-out,
              border-color 0.25s ease-in-out,
              color 0.25s ease-in-out,
              opacity 0.25s ease-in-out;
}

/* --- Focus state for keyboard navigation (ADA) --- */
.camden-btn:focus-visible {
  outline: 3px solid var(--camden-primary);
  outline-offset: 2px;
}

/* --- Reduced motion (ADA) --- */
@media (prefers-reduced-motion: reduce) {
  .camden-btn,
  .camden-tabset-label {
    transition: none;
  }
}

/* --- Shared: Block Display for Alignment Classes --- */
.camden-btn-left,
.camden-btn-centered,
.camden-btn-right {
  display: block;
  width: fit-content;
}

/* --- Alignment --- */
.camden-btn-left     { margin-right: auto; }
.camden-btn-centered { margin: 0 auto; }
.camden-btn-right    { margin-left: auto; }

/* --- Full Width --- */
.camden-btn-expanded {
  display: block;
  width: 100%;
}

/* --- Filled fill: our color (specificity beats TI's .btn; .btn class excludes the link rule) --- */
.camden-btn.camden-bg-primary  { background-color: var(--camden-primary)  ; color: var(--camden-primary-contrast) ; }
.camden-btn.camden-bg-accent-1 { background-color: var(--camden-accent-1) ; color: var(--camden-accent-1-contrast); }
.camden-btn.camden-bg-accent-2 { background-color: var(--camden-accent-2) ; color: var(--camden-accent-2-contrast); }
.camden-btn.camden-bg-accent-3 { background-color: var(--camden-accent-3) ; color: var(--camden-accent-3-contrast); }
.camden-btn.camden-bg-gray     { background-color: var(--camden-gray)     ; color: var(--camden-gray-contrast)    ; }
.camden-btn.camden-bg-1        { background-color: var(--camden-neutral-1); color: var(--camden-neutral-contrast); }
.camden-btn.camden-bg-2        { background-color: var(--camden-neutral-2); color: var(--camden-neutral-contrast); }
.camden-btn.camden-bg-3        { background-color: var(--camden-neutral-3); color: var(--camden-neutral-contrast); }
.camden-btn.camden-bg-white    { background-color: #ffffff; color: #333333; }

/* --- Outline / Inverse: white fill, colored border + text --- */
.camden-btn.camden-btn-outline {
  background-color: #ffffff;
  border-width: 2px;
  border-style: solid;
}
.camden-btn.camden-btn-outline.camden-bg-primary  { border-color: var(--camden-primary) ; color: var(--camden-primary)     ; }
.camden-btn.camden-btn-outline.camden-bg-accent-1 { border-color: var(--camden-accent-1); color: var(--camden-accent-1-ada); }
.camden-btn.camden-btn-outline.camden-bg-accent-2 { border-color: var(--camden-accent-2-ada); color: var(--camden-accent-2-ada); }
.camden-btn.camden-btn-outline.camden-bg-accent-3 { border-color: var(--camden-accent-3); color: var(--camden-accent-3)     ; }
.camden-btn.camden-btn-outline.camden-bg-gray     { border-color: var(--camden-gray)    ; color: var(--camden-gray)        ; }

/* --- Transparent variant --- */
.camden-btn.camden-bg-transparent { background-color: transparent; }

/* --- Mobile: Stack All Positioned Buttons to Full Width --- */
@media (max-width: 768px) {
  .camden-btn-left,
  .camden-btn-centered,
  .camden-btn-right {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

/* --- Filled buttons invert: white fill + colored border + #656565 text --- */
.camden-btn.camden-bg-primary:hover     { background-color: #ffffff; border-color: var(--camden-primary)  ; color: #656565; }
.camden-btn.camden-bg-accent-1:hover    { background-color: #ffffff; border-color: var(--camden-accent-1) ; color: #656565; }
.camden-btn.camden-bg-accent-2:hover    { background-color: #ffffff; border-color: var(--camden-accent-2-ada); color: #656565; }
.camden-btn.camden-bg-accent-3:hover    { background-color: #ffffff; border-color: var(--camden-accent-3) ; color: #656565; }
.camden-btn.camden-bg-gray:hover        { background-color: #ffffff; border-color: var(--camden-gray)     ; color: #656565; }
.camden-btn.camden-bg-1:hover           { background-color: #ffffff; border-color: var(--camden-gray); color: #656565; }
.camden-btn.camden-bg-2:hover           { background-color: #ffffff; border-color: var(--camden-gray); color: #656565; }
.camden-btn.camden-bg-3:hover           { background-color: #ffffff; border-color: var(--camden-gray); color: #656565; }
.camden-btn.camden-bg-white:hover       { background-color: #ffffff; border-color: var(--camden-gray); color: #656565; }
.camden-btn.camden-bg-transparent:hover { background-color: transparent; }

/* --- Outline buttons invert: fill in with the color + contrast text --- */
.camden-btn.camden-btn-outline.camden-bg-primary:hover  { background-color: var(--camden-primary) ; border-color: var(--camden-primary) ; color: var(--camden-primary-contrast) ; }
.camden-btn.camden-btn-outline.camden-bg-accent-1:hover { background-color: var(--camden-accent-1); border-color: var(--camden-accent-1); color: var(--camden-accent-1-contrast); }
.camden-btn.camden-btn-outline.camden-bg-accent-2:hover { background-color: var(--camden-accent-2); border-color: var(--camden-accent-2); color: var(--camden-accent-2-contrast); }
.camden-btn.camden-btn-outline.camden-bg-accent-3:hover { background-color: var(--camden-accent-3); border-color: var(--camden-accent-3); color: var(--camden-accent-3-contrast); }
.camden-btn.camden-btn-outline.camden-bg-gray:hover     { background-color: var(--camden-gray)    ; border-color: var(--camden-gray)    ; color: var(--camden-gray-contrast)    ; }
.camden-btn.camden-btn-outline.camden-bg-transparent:hover { background-color: transparent; }

/* #endregion */

/* #region TEXT FORMATTING UTILITIES ============================== */

.camden-text-caps      { text-transform: uppercase; }
.camden-text-italic    { font-style: italic; }
.camden-text-underline { text-decoration: underline; }
.camden-text-normal    { font-weight: 400 !important; }
.camden-text-bold      { font-weight: 700 !important; }
.camden-text-center    { text-align: center !important; }
.camden-text-right     { text-align: right !important; }
.camden-text-left      { text-align: left !important; }

/* #endregion */

/* #region TEXT COLOR UTILITIES =================================== */

.camden-color-primary   { color: var(--camden-primary); }
.camden-color-accent-1  { color: var(--camden-accent-1-ada); }
.camden-color-accent-2  { color: var(--camden-accent-2-ada); }
.camden-color-accent-3  { color: var(--camden-accent-3); }
.camden-color-gray      { color: var(--camden-gray); }
.camden-color-callout-a { color: var(--camden-callout-a); }
.camden-color-callout-b { color: var(--camden-callout-b); }
.camden-color-white     { color: white; }
.camden-color-black     { color: black; }

/* --- Secondary Rainbow (AA as text on white) --- */
.camden-color-red    { color: var(--camden-red); }
.camden-color-orange { color: var(--camden-orange); }
.camden-color-yellow { color: var(--camden-yellow); }
.camden-color-green  { color: var(--camden-green); }
.camden-color-teal   { color: var(--camden-teal); }
.camden-color-blue   { color: var(--camden-blue); }
.camden-color-indigo { color: var(--camden-indigo); }
.camden-color-violet { color: var(--camden-violet); }
.camden-color-pink   { color: var(--camden-pink); }
.camden-color-brown  { color: var(--camden-brown); }

/* #endregion */

/* #region PADDING UTILITIES ====================================== */

/* --- All Sides --- */
.camden-padding-sm   { padding: var(--camden-padding-sm) !important; }
.camden-padding-md   { padding: var(--camden-padding-md) !important; }
.camden-padding-lg   { padding: var(--camden-padding-lg) !important; }
.camden-padding-xl   { padding: var(--camden-padding-xl) !important; }
.camden-padding-none { padding: 0 !important; }

/* --- Top --- */
.camden-padding-top-sm   { padding-top: var(--camden-padding-sm) !important; }
.camden-padding-top-md   { padding-top: var(--camden-padding-md) !important; }
.camden-padding-top-lg   { padding-top: var(--camden-padding-lg) !important; }
.camden-padding-top-xl   { padding-top: var(--camden-padding-xl) !important; }
.camden-padding-top-none { padding-top: 0 !important; }

/* --- Bottom --- */
.camden-padding-bottom-sm   { padding-bottom: var(--camden-padding-sm) !important; }
.camden-padding-bottom-md   { padding-bottom: var(--camden-padding-md) !important; }
.camden-padding-bottom-lg   { padding-bottom: var(--camden-padding-lg) !important; }
.camden-padding-bottom-xl   { padding-bottom: var(--camden-padding-xl) !important; }
.camden-padding-bottom-none { padding-bottom: 0 !important; }

/* --- Horizontal (Left & Right) --- */
.camden-padding-horiz-sm   { padding-left: var(--camden-padding-sm) !important; padding-right: var(--camden-padding-sm) !important; }
.camden-padding-horiz-md   { padding-left: var(--camden-padding-md) !important; padding-right: var(--camden-padding-md) !important; }
.camden-padding-horiz-lg   { padding-left: var(--camden-padding-lg) !important; padding-right: var(--camden-padding-lg) !important; }
.camden-padding-horiz-xl   { padding-left: var(--camden-padding-xl) !important; padding-right: var(--camden-padding-xl) !important; }
.camden-padding-horiz-none { padding-left: 0 !important; padding-right: 0 !important; }

/* --- Vertical (Top & Bottom) --- */
.camden-padding-vert-sm   { padding-top: var(--camden-padding-sm) !important; padding-bottom: var(--camden-padding-sm) !important; }
.camden-padding-vert-md   { padding-top: var(--camden-padding-md) !important; padding-bottom: var(--camden-padding-md) !important; }
.camden-padding-vert-lg   { padding-top: var(--camden-padding-lg) !important; padding-bottom: var(--camden-padding-lg) !important; }
.camden-padding-vert-xl   { padding-top: var(--camden-padding-xl) !important; padding-bottom: var(--camden-padding-xl) !important; }
.camden-padding-vert-none { padding-top: 0 !important; padding-bottom: 0 !important; }

/* #endregion */

/* #region MARGIN UTILITIES ======================================= */

/* --- All Sides --- */
.camden-margin-sm   { margin: var(--camden-margin-sm) !important; }
.camden-margin-md   { margin: var(--camden-margin-md) !important; }
.camden-margin-lg   { margin: var(--camden-margin-lg) !important; }
.camden-margin-xl   { margin: var(--camden-margin-xl) !important; }
.camden-margin-none { margin: 0 !important; }

/* --- Top --- */
.camden-margin-top-sm   { margin-top: var(--camden-margin-sm) !important; }
.camden-margin-top-md   { margin-top: var(--camden-margin-md) !important; }
.camden-margin-top-lg   { margin-top: var(--camden-margin-lg) !important; }
.camden-margin-top-xl   { margin-top: var(--camden-margin-xl) !important; }
.camden-margin-top-none { margin-top: 0 !important; }

/* --- Bottom --- */
.camden-margin-bottom-sm   { margin-bottom: var(--camden-margin-sm) !important; }
.camden-margin-bottom-md   { margin-bottom: var(--camden-margin-md) !important; }
.camden-margin-bottom-lg   { margin-bottom: var(--camden-margin-lg) !important; }
.camden-margin-bottom-xl   { margin-bottom: var(--camden-margin-xl) !important; }
.camden-margin-bottom-none { margin-bottom: 0 !important; }

/* --- Horizontal (Left & Right) --- */
.camden-margin-horiz-sm   { margin-left: var(--camden-margin-sm) !important; margin-right: var(--camden-margin-sm) !important; }
.camden-margin-horiz-md   { margin-left: var(--camden-margin-md) !important; margin-right: var(--camden-margin-md) !important; }
.camden-margin-horiz-lg   { margin-left: var(--camden-margin-lg) !important; margin-right: var(--camden-margin-lg) !important; }
.camden-margin-horiz-xl   { margin-left: var(--camden-margin-xl) !important; margin-right: var(--camden-margin-xl) !important; }
.camden-margin-horiz-none { margin-left: 0 !important; margin-right: 0 !important; }

/* --- Vertical (Top & Bottom) --- */
.camden-margin-vert-sm   { margin-top: var(--camden-margin-sm) !important; margin-bottom: var(--camden-margin-sm) !important; }
.camden-margin-vert-md   { margin-top: var(--camden-margin-md) !important; margin-bottom: var(--camden-margin-md) !important; }
.camden-margin-vert-lg   { margin-top: var(--camden-margin-lg) !important; margin-bottom: var(--camden-margin-lg) !important; }
.camden-margin-vert-xl   { margin-top: var(--camden-margin-xl) !important; margin-bottom: var(--camden-margin-xl) !important; }
.camden-margin-vert-none { margin-top: 0 !important; margin-bottom: 0 !important; }

/* --- Mobile: Scale All Spacing Sizes Down --- */
@media (max-width: 768px) {
  :root {
    --camden-padding-sm: 0.25rem;
    --camden-padding-md: 0.5rem;
    --camden-padding-lg: 1rem;
    --camden-padding-xl: 1.5rem;
    --camden-margin-sm: 0.25rem;
    --camden-margin-md: 0.5rem;
    --camden-margin-lg: 1rem;
    --camden-margin-xl: 1.5rem;
  }
}

/* #endregion */

/* #region HR UTILITIES =========================================== */

hr[class*="camden-hr-"] {
  border: none;
  border-top-width: 1px;
  border-top-style: solid;
}

hr.camden-hr-primary  { border-top-color: var(--camden-primary); }
hr.camden-hr-accent-1 { border-top-color: var(--camden-accent-1-bright); }
hr.camden-hr-accent-2 { border-top-color: var(--camden-accent-2); }
hr.camden-hr-accent-3 { border-top-color: var(--camden-accent-3); }
hr.camden-hr-gray     { border-top-color: var(--camden-gray); }

hr.camden-hr-2px { border-top-width: 2px; }
hr.camden-hr-3px { border-top-width: 3px; }

/* #endregion */

/* #region ICON MASK UTILITY ====================================== */

.camden-icon-mask {
  display: block;
  flex-shrink: 0;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

/* #endregion */

/* #region FLOAT UTILITIES ======================================== */

.camden-float-left {
  float: left;
  margin-right: 1.5rem;
  margin-bottom: 1rem;
  width: var(--camden-float-width, 30%);
}

.camden-float-right {
  float: right;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
  width: var(--camden-float-width, 30%);
}

.camden-float-10 { --camden-float-width: 10%; }
.camden-float-20 { --camden-float-width: 20%; }
.camden-float-25 { --camden-float-width: 25%; }
.camden-float-30 { --camden-float-width: 30%; }
.camden-float-33 { --camden-float-width: 33.333%; } /* one third */
.camden-float-40 { --camden-float-width: 40%; }
.camden-float-50 { --camden-float-width: 50%; }
.camden-float-60 { --camden-float-width: 60%; }
.camden-float-66 { --camden-float-width: 66.667%; } /* two thirds */
.camden-float-75 { --camden-float-width: 75%; }

.camden-float-left.camden-box,
.camden-float-right.camden-box {
  margin-top: 0;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .camden-float-left,
  .camden-float-right {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.camden-clear { clear: both; }

/* #endregion */

/* --- First-child heading margin reset --- */
.camden-box > :is(h1, h2, h3, h4, h5, h6):first-child,
[class*="camden-bg-"] > :is(h1, h2, h3, h4, h5, h6):first-child,
[class*="camden-border-"] > :is(h1, h2, h3, h4, h5, h6):first-child {
  margin-top: 0;
}

/* --- Heading color inheritance inside colored containers --- */
[class*="camden-bg-"] :is(h1, h2, h3, h4, h5, h6),
[class*="camden-border-"] :is(h1, h2, h3, h4, h5, h6) {
  color: inherit;
}

/* --- Default heading margin-bottom (classless headings in TI only) --- */
.topic__container :is(h1, h2, h3, h4, h5, h6):not([class]) {
  margin-bottom: 0.25em;
}

/* --- Remove bottom margin from last list item --- */
:is(ol, ul) > li:last-child {
  margin-bottom: 0;
}

/* --- Auto-padding for text elements with bg/border classes --- */
:is(p, h1, h2, h3, h4, h5, h6, blockquote, .camden-callout, .camden-instructions)[class*="camden-bg-"],
:is(p, h1, h2, h3, h4, h5, h6, blockquote, .camden-callout, .camden-instructions)[class*="camden-border-"] {
  padding: 0.75rem 1.25rem;
}

/* #endregion GLOBAL UTILITIES */

/* #region COURSE SNIPPETS ======================================== */

  /* #region HEADINGS =========================================== */

    /* --- Base heading: ONE class (camden-main-heading), size keyed to the tag --- */
    .camden-main-heading {
      font-weight: 900;
      letter-spacing: 0.5px;
    }
    h1.camden-main-heading { margin: 0 0 0.75rem; }
    h2.camden-main-heading,
    h3.camden-main-heading { margin: 0 0 0.75rem; }

    .camden-main-heading:not([class*="camden-color-"]) { color: var(--camden-primary); }

    h1.camden-main-heading.camden-main-heading { font-size: 2.2rem; }
    h2.camden-main-heading.camden-main-heading { font-size: 1.8rem; }
    h3.camden-main-heading.camden-main-heading { font-size: 1.4rem; }

    /* Underline modifier (works on any base heading) */
    .camden-main-heading.camden-underline {
      border-bottom: 4px solid var(--camden-accent-2);
      padding-bottom: 8px;
    }

    @media (max-width: 768px) {
      h1.camden-main-heading.camden-main-heading { font-size: 1.85rem; }
      h2.camden-main-heading.camden-main-heading { font-size: 1.5rem; }
      h3.camden-main-heading.camden-main-heading { font-size: 1.2rem; }
    }

    /* --- Sub-heading with mini rule (h2/h3 OR a paragraph) --- */
    .camden-subhead {
      --camden-subhead-line: var(--camden-accent-1-bright); /* rule color — override with camden-line-* */
      display: block;
      width: fit-content;   /* so the rule below can be 25% of the TEXT width, not the container */
      max-width: 100%;
      font-weight: 900;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      line-height: 1.2;
      margin-top: 0;
      margin-bottom: 0.75rem;
    }

    /* Default text color #333 — :not() overridable by a camden-color-* utility */
    .camden-subhead:not([class*="camden-color-"]) { color: #333333; }

    .camden-subhead.camden-subhead   { font-size: 1.5rem; }  /* h2-level (mixed h2 = 1.8rem) */
    h3.camden-subhead.camden-subhead { font-size: 1.15rem; } /* h3-level (mixed h3 = 1.4rem) */
    p.camden-subhead.camden-subhead  { font-size: 1.2rem; }  /* paragraph form */

    /* Mini rule: 6px tall, 25% of the title width, clamped between 40px and 100px */
    .camden-subhead::after {
      content: "";
      display: block;
      width: 25%;
      min-width: 40px;
      max-width: 100px;
      height: 6px;
      margin-top: 0.4rem;
      background-color: var(--camden-subhead-line);
    }

    /* Rule color modifiers — add alongside camden-subhead (default is accent-1) */
    .camden-subhead.camden-line-primary  { --camden-subhead-line: var(--camden-primary); }
    .camden-subhead.camden-line-accent-1 { --camden-subhead-line: var(--camden-accent-1-bright); }
    .camden-subhead.camden-line-accent-2 { --camden-subhead-line: var(--camden-accent-2); }
    .camden-subhead.camden-line-accent-3 { --camden-subhead-line: var(--camden-accent-3); }
    .camden-subhead.camden-line-gray     { --camden-subhead-line: var(--camden-gray); }

    .camden-icon-heading {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 0;
      margin-bottom: 0.75rem;
    }

    .camden-icon-heading.camden-icon-heading > :is(h1, h2, h3, h4, h5, h6, p) {
      font-weight: 900;
      line-height: 1.2;
      margin: 0;
    }
    /* Text color: default primary, overridable by a camden-color-* on the heading */
    .camden-icon-heading > :is(h1, h2, h3, h4, h5, h6, p):not([class*="camden-color-"]) { color: var(--camden-primary); }
    .camden-icon-heading > h1 { font-size: 2rem; }
    .camden-icon-heading > h2,
    .camden-icon-heading > p  { font-size: 1.75rem; } /* paragraphs default to the h2 size; override with camden-text-* */
    .camden-icon-heading > h3,
    .camden-icon-heading > h4 { font-size: 1.25rem; }

    .camden-icon-heading .camden-icon,
    .camden-icon-heading .camden-icon-mask {
      width: 2.1rem;
      height: 2.1rem;
      flex-shrink: 0;
    }

    /* Underline option — line color via camden-line-* (default accent-1) */
    .camden-icon-heading.camden-underline {
      border-bottom: 1px solid var(--camden-ih-line, var(--camden-accent-1-bright));
      padding-bottom: 0.5rem;
    }
    .camden-icon-heading.camden-line-primary  { --camden-ih-line: var(--camden-primary); }
    .camden-icon-heading.camden-line-accent-1 { --camden-ih-line: var(--camden-accent-1-bright); }
    .camden-icon-heading.camden-line-accent-2 { --camden-ih-line: var(--camden-accent-2); }
    .camden-icon-heading.camden-line-accent-3 { --camden-ih-line: var(--camden-accent-3); }
    .camden-icon-heading.camden-line-gray     { --camden-ih-line: var(--camden-gray); }

    /* Icon flush right, text flush left */
    .camden-icon-heading.camden-icon-right {
      flex-direction: row-reverse;
      justify-content: space-between;
    }

    @media (max-width: 768px) {
      .camden-icon-heading > h1 { font-size: 1.625rem; }
      .camden-icon-heading > h2,
      .camden-icon-heading > p  { font-size: 1.375rem; }
      .camden-icon-heading > h3,
      .camden-icon-heading > h4 { font-size: 1.1rem; }
      .camden-icon-heading .camden-icon,
      .camden-icon-heading .camden-icon-mask { width: 1.65rem; height: 1.65rem; }
    }

    .camden-icon-heading-filled {
      display: flex;
      align-items: center;
      margin-top: 0;
      margin-bottom: 0.75rem;
    }

    .camden-icon-heading-filled .camden-icon-container {
      width: 3.25rem;
      height: 3.25rem;
      background: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-shrink: 0;
      position: relative;
      z-index: 2;
      margin-right: -1.5rem;
    }

    .camden-icon-heading-filled .camden-icon,
    .camden-icon-heading-filled .camden-icon-mask {
      width: 2.25rem;
      height: 2.25rem;
    }

    .camden-icon-heading-filled.camden-icon-heading-filled > :is(h1, h2, h3, h4, h5, h6, p) {
      font-weight: 900;
      line-height: 1.2;
      background-color: var(--camden-ihf-bg, var(--camden-neutral-1));
      border-radius: 0 999px 999px 0;
      padding: 0.5rem 1.5rem 0.5rem 2.25rem;
      margin: 0;
      flex: 1;
    }

    .camden-icon-heading-filled > :is(h1, h2, h3, h4, h5, h6, p):not([class*="camden-color-"]) {
      color: var(--camden-ihf-text, var(--camden-primary));
    }
    /* Pill background — add camden-fill-* to the wrapper (default neutral-1) */
    .camden-icon-heading-filled.camden-fill-primary  { --camden-ihf-bg: var(--camden-primary);   --camden-ihf-text: var(--camden-primary-contrast); }
    .camden-icon-heading-filled.camden-fill-accent-1 { --camden-ihf-bg: var(--camden-accent-1);  --camden-ihf-text: var(--camden-accent-1-contrast); }
    .camden-icon-heading-filled.camden-fill-accent-2 { --camden-ihf-bg: var(--camden-accent-2);  --camden-ihf-text: var(--camden-accent-2-contrast); }
    .camden-icon-heading-filled.camden-fill-accent-3 { --camden-ihf-bg: var(--camden-accent-3);  --camden-ihf-text: var(--camden-accent-3-contrast); }
    .camden-icon-heading-filled.camden-fill-gray     { --camden-ihf-bg: var(--camden-gray);      --camden-ihf-text: var(--camden-gray-contrast); }
    .camden-icon-heading-filled.camden-fill-1        { --camden-ihf-bg: var(--camden-neutral-1); --camden-ihf-text: var(--camden-neutral-contrast); }
    .camden-icon-heading-filled.camden-fill-2        { --camden-ihf-bg: var(--camden-neutral-2); --camden-ihf-text: var(--camden-neutral-contrast); }
    .camden-icon-heading-filled.camden-fill-3        { --camden-ihf-bg: var(--camden-neutral-3); --camden-ihf-text: var(--camden-neutral-contrast); }
    .camden-icon-heading-filled.camden-fill-white    { --camden-ihf-bg: white;                   --camden-ihf-text: #333333; }
    .camden-icon-heading-filled > h1 { font-size: 2rem; }
    .camden-icon-heading-filled > h2,
    .camden-icon-heading-filled > p  { font-size: 1.75rem; }
    .camden-icon-heading-filled > h3,
    .camden-icon-heading-filled > h4 { font-size: 1.25rem; }

    @media (max-width: 768px) {
      .camden-icon-heading-filled > h1 { font-size: 1.625rem; }
      .camden-icon-heading-filled > h2,
      .camden-icon-heading-filled > p  { font-size: 1.375rem; }
      .camden-icon-heading-filled > h3,
      .camden-icon-heading-filled > h4 { font-size: 1.1rem; }
    }

    /* Filled — icon on the right: pill flips to the left, circle overlaps from the right */
    .camden-icon-heading-filled.camden-icon-right {
      flex-direction: row-reverse;
    }
    .camden-icon-heading-filled.camden-icon-right .camden-icon-container {
      margin-right: 0;
      margin-left: -1.5rem;
      justify-content: flex-end;
    }
    .camden-icon-heading-filled.camden-icon-right > :is(h1, h2, h3, h4, h5, h6) {
      border-radius: 999px 0 0 999px;
      padding: 0.5rem 2.25rem 0.5rem 1.5rem;
    }

    /* --- Filled bar heading --- */
    .camden-heading-bar.camden-heading-bar {
      font-size: 1.25rem;
      font-weight: 500;
      text-align: center;
      text-transform: uppercase;
      padding: 0.75rem 1.5rem;
      margin-top: 0;
      margin-bottom: 0.75rem;
    }
    .camden-heading-bar:not([class*="camden-bg-"]) {
      background-color: var(--camden-primary);
      color: var(--camden-primary-contrast);
    }

    /* --- Bordered heading (top/bottom rule) --- */
    .camden-heading-bordered.camden-heading-bordered {
      font-size: 1.25rem;
      color: var(--camden-callout-a);
      text-align: center;
      text-transform: uppercase;
      padding: 0.75rem 1.5rem;
      margin-top: 0;
      margin-bottom: 0.75rem;
      border: 1px solid var(--camden-neutral-3);
      border-left: 0;
      border-right: 0;
    }

    @media (max-width: 768px) {
      .camden-heading-bar.camden-heading-bar,
      .camden-heading-bordered.camden-heading-bordered { font-size: 1.1rem; }
    }

  /* #endregion HEADINGS */

  /* #region TEXT CALLOUTS ========================================== */

  .camden-callout {
    font-weight: 600;
    margin: 0 0 1rem;
    line-height: 1.45;
  }

  .camden-callout:not([class*="camden-text-"]) { font-size: 1.3rem; }
  .camden-callout:not([class*="camden-color-"]) { color: var(--camden-primary); }

  /* --- Instructions Text --- */
  .camden-instructions {
    font-size: 0.85rem;
    font-style: italic;
    text-align: center;
    margin: 1.5rem 0 0;
  }

  .camden-callout[class*="camden-bg-"],
  .camden-callout[class*="camden-border-"],
  .camden-instructions[class*="camden-bg-"],
  .camden-instructions[class*="camden-border-"] { display: flow-root; }

  .camden-caption {
    text-align: center;
    font-size: 0.9rem;
  }

  .camden-resource-callout em {
    color: var(--camden-accent-1-bright);
    font-size: 1.2rem;
    margin-right: 5px;
  }

  .camden-notice {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0.5rem 0.75rem;
    background-color: var(--camden-neutral-1);
    margin-bottom: 1.5rem;
  }

  .camden-notice .camden-icon-mask {
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
  }

  .camden-notice .camden-icon-mask:not([class*="camden-bg-"]) {
    background-color: var(--camden-accent-3);
  }

  .camden-notice p {
    margin: 0;
    color: var(--camden-primary);
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .camden-sidebar-note {
    display: flow-root;         /* contain the floated icon */
    margin-bottom: 1.5rem;
  }
  .camden-sidebar-note .camden-icon-mask {
    float: right;
    width: 2.25rem;
    height: 2.25rem;
    margin: 0 0 0.5rem 1rem;    /* bottom + left spacing */
  }
  .camden-sidebar-note .camden-icon-mask:not([class*="camden-bg-"]) {
    background-color: var(--camden-accent-1-bright);
  }

  /* #endregion TEXT CALLOUTS */

  /* #region UNORDERED LISTS ======================================== */

  ul[class*="camden-list-"] {
    list-style: none;
    padding-left: 0;
    margin: 0 0 1rem 1.5rem;
  }

  ul[class*="camden-list-"] li {
    display: flex;
    align-items: flex-start;
    gap: 0.6em;
    line-height: 1.45;
    margin-bottom: 0.5rem;
  }

  ul[class*="camden-list-"] li::before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: var(--camden-list-size, 0.7em);
    height: var(--camden-list-size, 0.7em);
    background-color: var(--camden-list-color, var(--camden-primary));
    border-radius: var(--camden-list-radius, 0);
    margin-top: var(--camden-list-offset, 0.25em);
  }

  /* --- Size --- */
  .camden-list-sm {
    --camden-list-size: 0.4em;
    --camden-list-check-size: 0.9em;
    --camden-list-bg-size: 1.4em;
    --camden-list-offset: 0.5em;
  }

  .camden-list-md {
    --camden-list-size: 0.7em;
    --camden-list-check-size: 1.1em;
    --camden-list-bg-size: 1.8em;
    --camden-list-offset: 0.35em;
  }

  .camden-list-lg {
    --camden-list-size: 1.1em;
    --camden-list-check-size: 1.4em;
    --camden-list-bg-size: 2.2em;
    --camden-list-offset: 0.15em;
  }

  /* --- Shape --- */
  .camden-square { --camden-list-radius: 0; }
  .camden-circle { --camden-list-radius: 50%; }
  .camden-check  { --camden-list-offset: 0; }

  ul.camden-check li::before {
    content: "\2713";
    font-family: Arial, Helvetica, sans-serif; /* match pre-Plex checkmark shape */
    background-color: transparent;
    color: var(--camden-list-color, var(--camden-primary));
    font-size: var(--camden-list-check-size, 1.1em);
    width: auto;
    height: auto;
    line-height: 1;
  }

  ul.camden-list-bg li { align-items: center; }

  ul.camden-list-bg li::before {
    background-color: var(--camden-list-bg-color, var(--camden-primary));
    color: var(--camden-list-bg-contrast, white);
    border-radius: var(--camden-list-radius, 50%);
    width: var(--camden-list-bg-size, 1.8em);
    height: var(--camden-list-bg-size, 1.8em);
    display: block;
    text-align: center;
    line-height: var(--camden-list-bg-size, 1.8em);
    margin-top: 0;
  }

  /* --- Color (add a camden-bg- class to <ul>) --- */
  ul.camden-bg-primary  { --camden-list-color: var(--camden-primary);     --camden-list-bg-color: var(--camden-primary);   --camden-list-bg-contrast: var(--camden-primary-contrast); }
  ul.camden-bg-accent-1 { --camden-list-color: var(--camden-accent-1);    --camden-list-bg-color: var(--camden-accent-1);  --camden-list-bg-contrast: var(--camden-accent-1-contrast); }
  ul.camden-bg-accent-2 { --camden-list-color: var(--camden-accent-2);    --camden-list-bg-color: var(--camden-accent-2);  --camden-list-bg-contrast: var(--camden-accent-2-contrast); }
  ul.camden-bg-accent-3 { --camden-list-color: var(--camden-accent-3);    --camden-list-bg-color: var(--camden-accent-3);  --camden-list-bg-contrast: var(--camden-accent-3-contrast); }
  ul.camden-bg-gray     { --camden-list-color: var(--camden-gray);        --camden-list-bg-color: var(--camden-gray);      --camden-list-bg-contrast: var(--camden-gray-contrast); }

  /* --- Auto-remove indent when bullets have background shapes --- */
  ul.camden-list-bg { margin-left: 0; }

  /* --- Auto-remove indent when list items have individual backgrounds --- */
  ul[class*="camden-list-"]:has(li[class*="camden-bg-"]) { margin-left: 0; }

  /* #endregion UNORDERED LISTS */

  /* #region ORDERED LISTS ========================================== */

  ol[class*="camden-color-"] {
    color: inherit;
    font-size: inherit;
    padding-left: 1.5rem;
    margin: 0 0 1rem 1.5rem;
  }

  ol[class*="camden-color-"] li {
    line-height: 1.45;
    margin-bottom: 0.5rem;
  }

  ol[class*="camden-color-"] li::marker {
    color: var(--camden-ol-color, var(--camden-primary));
    font-weight: 700;
    font-size: var(--camden-ol-size, 1rem);
  }

  /* --- Size (controls number size only) --- */
  ol.camden-text-10 { --camden-ol-size: 1.0rem; --camden-ol-bg-size: 1.8rem; }
  ol.camden-text-11 { --camden-ol-size: 1.1rem; --camden-ol-bg-size: 1.9rem; }
  ol.camden-text-12 { --camden-ol-size: 1.2rem; --camden-ol-bg-size: 2.0rem; }
  ol.camden-text-13 { --camden-ol-size: 1.3rem; --camden-ol-bg-size: 2.1rem; }

  /* --- Color (controls number color only; -bg variables activate with camden-list-bg) --- */
  ol.camden-color-primary   { --camden-ol-color: var(--camden-primary);      --camden-list-bg-color: var(--camden-primary);   --camden-list-bg-contrast: var(--camden-primary-contrast); }
  ol.camden-color-accent-1  { --camden-ol-color: var(--camden-accent-1-ada); --camden-list-bg-color: var(--camden-accent-1);  --camden-list-bg-contrast: var(--camden-accent-1-contrast); }
  ol.camden-color-accent-2  { --camden-ol-color: var(--camden-accent-2-ada); --camden-list-bg-color: var(--camden-accent-2);  --camden-list-bg-contrast: var(--camden-accent-2-contrast); }
  ol.camden-color-accent-3  { --camden-ol-color: var(--camden-accent-3);     --camden-list-bg-color: var(--camden-accent-3);  --camden-list-bg-contrast: var(--camden-accent-3-contrast); }
  ol.camden-color-gray      { --camden-ol-color: var(--camden-gray);         --camden-list-bg-color: var(--camden-gray);      --camden-list-bg-contrast: var(--camden-gray-contrast); }
  ol.camden-color-callout-a { --camden-ol-color: var(--camden-callout-a); }
  ol.camden-color-callout-b { --camden-ol-color: var(--camden-callout-b); }
  ol.camden-color-white     { --camden-ol-color: white; }
  ol.camden-color-black     { --camden-ol-color: black; }

  ol.camden-list-bg { margin-left: 0; }
  ol[class*="camden-color-"]:has(li[class*="camden-bg-"]) { margin-left: 0; }

  /* --- Background (add camden-list-bg + camden-circle or camden-square to <ol>) --- */
  ol.camden-list-bg {
    list-style: none;
    counter-reset: camden-ol-counter;
    padding-left: 0;
  }

  ol.camden-list-bg li {
    counter-increment: camden-ol-counter;
    display: flex;
    align-items: center;
    gap: 0.6em;
  }

  ol.camden-list-bg li::before {
    content: counter(camden-ol-counter);
    display: block;
    flex-shrink: 0;
    width: var(--camden-ol-bg-size, 1.8rem);
    height: var(--camden-ol-bg-size, 1.8rem);
    background-color: var(--camden-list-bg-color, var(--camden-primary));
    color: var(--camden-list-bg-contrast, white);
    border-radius: var(--camden-list-radius, 50%);
    text-align: center;
    line-height: var(--camden-ol-bg-size, 1.8rem);
    font-size: var(--camden-ol-size, 1rem);
    font-weight: 700;
  }

  /* #endregion ORDERED LISTS */

  /* #region LIST ITEM BACKGROUNDS ================================== */

  /* Add any camden-bg- class directly to individual <li> elements. */
  ul[class*="camden-list-"] li[class*="camden-bg-"],
  ol[class*="camden-color-"] li[class*="camden-bg-"] {
    padding: 0.6rem 1rem;
    list-style-position: inside;
    margin-bottom: 0.75rem;
  }

  /* #endregion LIST ITEM BACKGROUNDS */

  /* #region CONTENT BOX ============================================ */

  .camden-box {
    display: flow-root;    /* BFC so the box sits beside a float instead of leaking behind it */
    padding: 1.5rem 2rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
  }

  .camden-box > :last-child { margin-bottom: 0; }

  /* #endregion CONTENT BOX */

  /* #region FLAG BOX =========================================== */

  .camden-flag-box {
    display: flow-root;    /* BFC so the box sits beside a float instead of leaking behind it */
    position: relative;
    margin-top: calc(var(--camden-flag-h) / 2 + 1.5rem);
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    padding-top: calc(var(--camden-flag-h) / 2 + 0.75rem);
  }

  .camden-flag-box > :last-child { margin-bottom: 0; }

  .camden-flag {
    position: absolute;
    top: calc(-1 * var(--camden-flag-h) / 2);
    left: calc(-1 * var(--camden-flag-overhang));
    padding: 0.5rem 1rem;
    font-weight: 600;
    font-size: 1.1rem;
  }

  .camden-flag::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: var(--camden-flag-fold-w);
    height: var(--camden-flag-fold-h);
    background-color: color-mix(in srgb, var(--camden-flag-color) 55%, black);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
  }

  /* --- Flag color variables (needed for the fold triangle's color-mix) --- */
  .camden-flag.camden-bg-primary  { --camden-flag-color: var(--camden-primary); }
  .camden-flag.camden-bg-accent-1 { --camden-flag-color: var(--camden-accent-1); }
  .camden-flag.camden-bg-accent-2 { --camden-flag-color: var(--camden-accent-2); }
  .camden-flag.camden-bg-accent-3 { --camden-flag-color: var(--camden-accent-3); }
  .camden-flag.camden-bg-gray     { --camden-flag-color: var(--camden-gray); }
  .camden-flag.camden-bg-1        { --camden-flag-color: var(--camden-neutral-1); }
  .camden-flag.camden-bg-2        { --camden-flag-color: var(--camden-neutral-2); }
  .camden-flag.camden-bg-3        { --camden-flag-color: var(--camden-neutral-3); }
  .camden-flag.camden-bg-white    { --camden-flag-color: white; }

  .camden-flag-rounded               { border-radius: var(--camden-flag-radius); }
  .camden-flag-rounded > .camden-flag { border-radius: 3px 3px 3px 0; }

  /* #endregion FLAG BOX */

  /* #region TABLE ================================================= */

  .camden-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 1.5rem;
  }

  .camden-table thead th,
  .camden-table thead td {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    border: solid 1px var(--camden-table-color);
  }

  /* Header color — repeated .camden-table class lifts specificity over TI's default */
  .camden-table.camden-table thead th,
  .camden-table.camden-table thead td {
    background-color: var(--camden-table-color, var(--camden-primary));
    color: var(--camden-table-contrast, var(--camden-primary-contrast));
    text-transform: none;
  }

  .camden-table.camden-table thead tr th,
  .camden-table.camden-table thead tr td {
    border-color: var(--camden-table-color);
  }

  .camden-table tbody td {
    padding: 0.75rem 1rem;
    border: 1px solid var(--camden-table-border);
    vertical-align: top;
  }

  .camden-table tbody td:first-child { font-weight: 600; }

  .camden-table tbody tr:nth-child(even) { background-color: var(--camden-stripe); }

  .camden-table tbody tr:last-child td {
    border-bottom: 3px solid var(--camden-table-color, var(--camden-primary));
  }

  /* --- Map camden-bg-* to table color variables --- */
  .camden-table[class*="camden-bg-"]  { background-color: transparent; color: inherit; }
  .camden-table.camden-bg-primary     { --camden-table-color: var(--camden-primary);   --camden-table-contrast: var(--camden-primary-contrast); }
  .camden-table.camden-bg-accent-1    { --camden-table-color: var(--camden-accent-1);  --camden-table-contrast: var(--camden-accent-1-contrast); }
  .camden-table.camden-bg-accent-2    { --camden-table-color: var(--camden-accent-2);  --camden-table-contrast: var(--camden-accent-2-contrast); }
  .camden-table.camden-bg-accent-3    { --camden-table-color: var(--camden-accent-3);  --camden-table-contrast: var(--camden-accent-3-contrast); }
  .camden-table.camden-bg-gray        { --camden-table-color: var(--camden-gray);      --camden-table-contrast: var(--camden-gray-contrast); }

  /* --- Equal column widths --- */
  .camden-table.camden-table-equal-cols { table-layout: fixed; }

  /* --- Rounded corners --- */
  .camden-table.camden-table-rounded {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--camden-table-radius);
    overflow: hidden;
  }

  .camden-table.camden-table-rounded th,
  .camden-table.camden-table-rounded td          { border-top: none; border-left: none; }
  .camden-table.camden-table-rounded th:first-child,
  .camden-table.camden-table-rounded td:first-child { border-left: 1px solid var(--camden-table-border); }
  .camden-table.camden-table-rounded tbody tr:last-child td { border-bottom: none; }
  .camden-table.camden-table-rounded { border-bottom: 3px solid var(--camden-table-color, var(--camden-primary)); }

  /* #endregion TABLE */

  /* #region ARROW COMPARE TABLE ================================== */

  .camden-arrow-table {
    --camden-arrow-depth: 1.5rem;         /* depth of the arrow point / notch */
    --camden-arrow-pad-1: 1.5rem;         /* first column: left padding (header + content) */
    --camden-arrow-pad-2: 2.75rem;        /* second column: left padding (also clears the notch) */
    width: 100%;
    table-layout: fixed;                  /* equal columns */
    border-collapse: separate;
    border-spacing: 0.375rem 0;           /* white gap between the two columns */
    margin-bottom: 1.5rem;
  }

  .camden-arrow-table th,
  .camden-arrow-table td {
    border: none;
    text-align: left;
  }

  .camden-arrow-table th:first-child,
  .camden-arrow-table td:first-child {
    padding-left: var(--camden-arrow-pad-1);
    padding-right: var(--camden-arrow-depth);
  }
  .camden-arrow-table th:last-child,
  .camden-arrow-table td:last-child {
    padding-left: max(var(--camden-arrow-pad-2), calc(var(--camden-arrow-depth) + 0.5rem));
    padding-right: 1.5rem;
  }

  .camden-arrow-table th {
    vertical-align: middle;
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: none;                 /* beat TI's ALL-CAPS table headers */
  }

  /* First header: arrow points right */
  .camden-arrow-table th:first-child {
    clip-path: polygon(0 0, calc(100% - var(--camden-arrow-depth)) 0, 100% 50%, calc(100% - var(--camden-arrow-depth)) 100%, 0 100%);
  }
  /* Second header: concave notch on the left to receive the arrow */
  .camden-arrow-table th:last-child {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--camden-arrow-depth) 50%);
  }

  .camden-arrow-table th:not([class*="camden-bg-"]) { background-color: var(--camden-neutral-2); color: var(--camden-neutral-contrast); }
  .camden-arrow-table th.camden-bg-primary  { background-color: var(--camden-primary);   color: var(--camden-primary-contrast); }
  .camden-arrow-table th.camden-bg-accent-1 { background-color: var(--camden-accent-1);  color: var(--camden-accent-1-contrast); }
  .camden-arrow-table th.camden-bg-accent-2 { background-color: var(--camden-accent-2);  color: var(--camden-accent-2-contrast); }
  .camden-arrow-table th.camden-bg-accent-3 { background-color: var(--camden-accent-3);  color: var(--camden-accent-3-contrast); }
  .camden-arrow-table th.camden-bg-gray     { background-color: var(--camden-gray);      color: var(--camden-gray-contrast); }
  .camden-arrow-table th.camden-bg-1        { background-color: var(--camden-neutral-1); color: var(--camden-neutral-contrast); }
  .camden-arrow-table th.camden-bg-2        { background-color: var(--camden-neutral-2); color: var(--camden-neutral-contrast); }
  .camden-arrow-table th.camden-bg-3        { background-color: var(--camden-neutral-3); color: var(--camden-neutral-contrast); }

  .camden-arrow-table td {
    vertical-align: top;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .camden-arrow-table td p { margin: 0 0 0.75rem; }
  .camden-arrow-table td :is(ul, ol) { margin: 0 0 0.75rem; padding-left: 1.25rem; }
  .camden-arrow-table td > :last-child { margin-bottom: 0; }

  /* #endregion ARROW COMPARE TABLE */

  /* #region NUMBERED LIST (ACCENT) ================================= */

  .camden-numlist {
    list-style: none;
    padding-left: 0;
    margin: 0 0 1.5rem;
    counter-reset: camden-nl;
  }

  .camden-numlist > li {
    counter-increment: camden-nl;
    position: relative;
    padding-left: calc(var(--camden-nl-num-w) + var(--camden-nl-gap) * 2 + var(--camden-nl-bar-w));
    padding-bottom: var(--camden-nl-gap-between);
  }

  .camden-numlist > li:last-child { padding-bottom: 0; }

  /* Number */
  .camden-numlist > li::before {
    content: counter(camden-nl);
    position: absolute;
    left: 0;
    top: 0;
    width: var(--camden-nl-num-w);
    color: var(--camden-primary);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    text-align: right;
  }

  /* Accent bar */
  .camden-numlist > li::after {
    content: '';
    position: absolute;
    left: calc(var(--camden-nl-num-w) + var(--camden-nl-gap));
    top: 0;
    height: var(--camden-nl-num-h);
    bottom: auto;
    width: var(--camden-nl-bar-w);
    background-color: var(--camden-nl-bar, var(--camden-accent-1-bright));
  }

  /* Text-only items: nudge down to visually center the number */
  .camden-numlist > li:not(:has(> strong:first-child)):not(:has(> b:first-child)) {
    padding-top: var(--camden-nl-center-offset);
  }

  /* Optional heading — <strong> as first child of <li> */
  .camden-numlist > li > strong:first-child,
  .camden-numlist > li > b:first-child {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }

  .camden-numlist > li > p {
    margin: 0;
    color: var(--camden-gray);
  }

  /* --- Bar color modifiers --- */
  .camden-numlist.camden-nl-primary  { --camden-nl-bar: var(--camden-primary); }
  .camden-numlist.camden-nl-accent-1 { --camden-nl-bar: var(--camden-accent-1-bright); }
  .camden-numlist.camden-nl-accent-2 { --camden-nl-bar: var(--camden-accent-2); }
  .camden-numlist.camden-nl-accent-3 { --camden-nl-bar: var(--camden-accent-3); }
  .camden-numlist.camden-nl-gray     { --camden-nl-bar: var(--camden-gray); }

  /* --- Zero-padded numbers (01, 02, 03...) --- */
  .camden-numlist.camden-nl-padded > li::before { content: counter(camden-nl, decimal-leading-zero); }

  /* #endregion NUMBERED LIST (ACCENT) */

  /* #region ORDERED LIST (CLEAN) ================================== */

  .camden-ol {
    list-style: none;
    padding-left: 1.5rem;
    margin: 0 0 1.5rem;
    counter-reset: camden-ol;
  }

  .camden-ol > li {
    counter-increment: camden-ol;
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: 1rem;
  }

  .camden-ol > li:last-child { margin-bottom: 0; }

  .camden-ol > li::before {
    content: counter(camden-ol, decimal-leading-zero);
    flex-shrink: 0;
    line-height: 1;
    color: var(--camden-callout-a);
    font-size: 1.3rem;
    font-weight: 700;
  }

  /* #endregion ORDERED LIST (CLEAN) */

  /* #region STEPS (BIG NUMBER) =================================== */

  .camden-steps {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
  }

  .camden-steps > li {
    position: relative;
    z-index: 0;                                   /* stacking context so the number can sit behind the text */
    padding-left: var(--camden-steps-indent, 3rem);
    margin-bottom: 2rem;
  }
  .camden-steps > li:last-child { margin-bottom: 0; }

  .camden-steps > li > :is(h1, h2, h3, h4, h5, h6, .camden-steps-heading) {
    position: relative;
    margin: 0 0 0.5rem;
    color: var(--camden-primary);
    font-size: var(--camden-steps-heading-size, 1.6rem);
    font-weight: 700;
  }

  .camden-steps > li > :is(h1, h2, h3, h4, h5, h6, .camden-steps-heading)::before {
    content: counter(list-item, decimal-leading-zero);    /* 01, 02, ... */
    position: absolute;
    left: calc(-1 * var(--camden-steps-indent, 3rem));    /* number's left edge sits at the li's left */
    bottom: var(--camden-steps-num-drop, 8px);            /* bottom rides the heading baseline */
    font-size: var(--camden-steps-num-size, 3.5rem);
    font-weight: 700;
    line-height: 0.8;
    color: color-mix(in srgb, var(--camden-neutral-1) 65%, transparent); /* neutral-1, lightened via transparency */
    z-index: -1;                                          /* behind the heading text */
  }

  .camden-steps > li p { margin: 0 0 1rem; }
  .camden-steps > li :is(ul, ol) { margin: 0.5rem 0 1rem; padding-left: 1.5rem; }
  .camden-steps > li :is(ul, ol) li { margin-bottom: 0.35rem; }
  .camden-steps > li > :last-child { margin-bottom: 0; }

  /* #endregion STEPS (BIG NUMBER) */

  /* #region CITATION ============================================== */

  .camden-citation {
    font-size: 0.8rem;
    margin-top: 1.5rem;
  }

  .camden-citation hr {
    border: none;
    border-top: 1px solid #ECECEC;
    margin-bottom: 0.75rem;
  }

  .camden-citation p,
  .camden-citation ol li {
    position: relative;
    padding: 0 0 0 1.8ch;
    margin-bottom: 0.3rem;
    line-height: 1.2;
  }

  /* The hanging number — manual <sup>, or the auto counter on the <ol> variant */
  .camden-citation sup,
  .camden-citation ol li::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.4ch;
    text-align: right;
    line-height: 1;
  }

  .camden-citation ol {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: camden-cite;
  }
  .camden-citation ol li { counter-increment: camden-cite; }
  .camden-citation ol li::before {
    content: counter(camden-cite);
    font-size: 0.83em;
  }

  /* #endregion CITATION */

  /* #region DROPDOWN ============================================== */

  .camden-dropdown {
    --camden-dropdown-color:    var(--camden-primary);
    --camden-dropdown-contrast: var(--camden-primary-contrast);
    padding: 0.75rem 0.75rem 0;
    margin-bottom: 1.5rem;
    background-color: white;
  }

  .camden-dropdown[class*="camden-bg-"] {
    background-color: white;
    color: inherit;
  }

  .camden-dropdown.camden-bg-primary  { --camden-dropdown-color: var(--camden-primary);   --camden-dropdown-contrast: var(--camden-primary-contrast); }
  .camden-dropdown.camden-bg-accent-1 { --camden-dropdown-color: var(--camden-accent-1);  --camden-dropdown-contrast: var(--camden-accent-1-contrast); }
  .camden-dropdown.camden-bg-accent-2 { --camden-dropdown-color: var(--camden-accent-2);  --camden-dropdown-contrast: var(--camden-accent-2-contrast); }
  .camden-dropdown.camden-bg-accent-3 { --camden-dropdown-color: var(--camden-accent-3);  --camden-dropdown-contrast: var(--camden-accent-3-contrast); }
  .camden-dropdown.camden-bg-gray     { --camden-dropdown-color: var(--camden-gray);      --camden-dropdown-contrast: var(--camden-gray-contrast); }

  .camden-dropdown-heading {
    display: flex;
    align-items: flex-start;
    list-style: none;
    font-weight: 600;
    margin: -0.75rem -0.75rem 0;
    padding: 0.75rem 1rem;
    cursor: pointer;
    background-color: var(--camden-dropdown-color);
    color: var(--camden-dropdown-contrast);
  }

  .camden-dropdown-heading::-webkit-details-marker { display: none; }

  .camden-dropdown-heading:focus-visible {
    outline: 3px solid var(--camden-dropdown-color);
    outline-offset: -3px;
  }

  .camden-dropdown-heading::before {
    content: '+';
    flex-shrink: 0;
    margin-right: 7px;
  }

  details[open] .camden-dropdown-heading::before { content: '\2013'; }

  .camden-dropdown-body {
    padding: 1rem 1.5rem;
    background-color: white;
  }
  .camden-dropdown-body p:last-child { margin-bottom: 0; }

  details[open].camden-dropdown {
    border-left:   1px solid var(--camden-dropdown-color);
    border-right:  1px solid var(--camden-dropdown-color);
    border-bottom: 1px solid var(--camden-dropdown-color);
    margin-bottom: 1.5rem;
  }

  .camden-dropdown.camden-rounded {
    border-radius: 5px;
    overflow: hidden;
  }

  /* #endregion DROPDOWN */

  /* #region TABS ================================================= */

  .camden-tabset {
    --camden-tabs-color:    var(--camden-primary);
    --camden-tabs-contrast: var(--camden-primary-contrast);
    --camden-tabs-underline-width: 3px; /* thickness of the camden-tabs-border-bottom line */
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
  }

  fieldset.camden-tabset {
    border: none;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    min-inline-size: 0;
  }

  .camden-tabset-legend {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  .camden-tabset input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    pointer-events: none;
  }

  .camden-tabset[class*="camden-bg-"] {
    background-color: transparent;
    color: inherit;
  }

  .camden-tabset.camden-bg-primary  { --camden-tabs-color: var(--camden-primary);   --camden-tabs-contrast: var(--camden-primary-contrast); }
  .camden-tabset.camden-bg-accent-1 { --camden-tabs-color: var(--camden-accent-1);  --camden-tabs-contrast: var(--camden-accent-1-contrast); }
  .camden-tabset.camden-bg-accent-2 { --camden-tabs-color: var(--camden-accent-2);  --camden-tabs-contrast: var(--camden-accent-2-contrast); }
  .camden-tabset.camden-bg-accent-3 { --camden-tabs-color: var(--camden-accent-3);  --camden-tabs-contrast: var(--camden-accent-3-contrast); }
  .camden-tabset.camden-bg-gray     { --camden-tabs-color: var(--camden-gray);      --camden-tabs-contrast: var(--camden-gray-contrast); }

  .camden-tabset-label {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.25rem;
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    font-size: 1rem;
    border: 1px solid var(--camden-tabs-color);
    background-color: white;
    color: var(--camden-tabs-color);
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    transition: background-color 0.2s, color 0.2s;
    border-radius: 4px 4px 0 0;
  }

  .camden-tabset input[type="radio"] + .camden-tabset-label {
    display: flex;
    margin-left: 0;
    margin-right: 0;
    vertical-align: unset;
  }

  /* Gold inactive-tab text is not AA on white — use a dark readable color */
  .camden-tabset.camden-bg-accent-2 .camden-tabset-label { color: var(--camden-accent-2-ada); }

  .camden-tabset-label ~ .camden-tabset-label { margin-left: -1px; }

  .camden-tabset-body {
    width: 100%;
    border: 1px solid var(--camden-tabs-color);
    border-top: none;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
  }

  .camden-tabset-body:not([class*="camden-bg-"]) { background-color: white; }

  .camden-tabset.camden-tabs-borderless .camden-tabset-body {

    border-color: transparent;
  }
  .camden-tabset.camden-tabs-border-bottom .camden-tabset-body {
    border-left-color: transparent;
    border-right-color: transparent; /* only the bottom border stays visible */
    border-bottom-width: var(--camden-tabs-underline-width, 3px); /* set to 2px for a subtler line */
  }

  .camden-tabset-panel {
    display: none;
    padding: 1rem 1.5rem;
  }

  .camden-tabset-panel > *:last-child { margin-bottom: 0; }

  /* Active tab + visible panel — group A */
  #camden-tabset-1:checked ~ label[for="camden-tabset-1"],
  #camden-tabset-2:checked ~ label[for="camden-tabset-2"],
  #camden-tabset-3:checked ~ label[for="camden-tabset-3"],
  #camden-tabset-4:checked ~ label[for="camden-tabset-4"],
  #camden-tabset-5:checked ~ label[for="camden-tabset-5"] {
    background-color: var(--camden-tabs-color);
    color: var(--camden-tabs-contrast);
    font-weight: 600;
    cursor: default;
    z-index: 2;
  }

  #camden-tabset-1:checked ~ .camden-tabset-body > .camden-tabset-panel-1 { display: block; }
  #camden-tabset-2:checked ~ .camden-tabset-body > .camden-tabset-panel-2 { display: block; }
  #camden-tabset-3:checked ~ .camden-tabset-body > .camden-tabset-panel-3 { display: block; }
  #camden-tabset-4:checked ~ .camden-tabset-body > .camden-tabset-panel-4 { display: block; }
  #camden-tabset-5:checked ~ .camden-tabset-body > .camden-tabset-panel-5 { display: block; }

  #camden-tabset-1:focus-visible ~ label[for="camden-tabset-1"],
  #camden-tabset-2:focus-visible ~ label[for="camden-tabset-2"],
  #camden-tabset-3:focus-visible ~ label[for="camden-tabset-3"],
  #camden-tabset-4:focus-visible ~ label[for="camden-tabset-4"],
  #camden-tabset-5:focus-visible ~ label[for="camden-tabset-5"] {
    outline: 3px solid var(--camden-tabs-color);
    outline-offset: -3px;
    z-index: 3;
  }

  #camden-tabset-1:checked:focus-visible ~ label[for="camden-tabset-1"],
  #camden-tabset-2:checked:focus-visible ~ label[for="camden-tabset-2"],
  #camden-tabset-3:checked:focus-visible ~ label[for="camden-tabset-3"],
  #camden-tabset-4:checked:focus-visible ~ label[for="camden-tabset-4"],
  #camden-tabset-5:checked:focus-visible ~ label[for="camden-tabset-5"] {
    outline-color: white;
  }

  /* Second tab group — b-prefixed IDs */
  #camden-tabset-b-1:checked ~ label[for="camden-tabset-b-1"],
  #camden-tabset-b-2:checked ~ label[for="camden-tabset-b-2"],
  #camden-tabset-b-3:checked ~ label[for="camden-tabset-b-3"],
  #camden-tabset-b-4:checked ~ label[for="camden-tabset-b-4"],
  #camden-tabset-b-5:checked ~ label[for="camden-tabset-b-5"] {
    background-color: var(--camden-tabs-color);
    color: var(--camden-tabs-contrast);
    font-weight: 600;
    cursor: default;
    z-index: 2;
  }

  #camden-tabset-b-1:checked ~ .camden-tabset-body > .camden-tabset-panel-1 { display: block; }
  #camden-tabset-b-2:checked ~ .camden-tabset-body > .camden-tabset-panel-2 { display: block; }
  #camden-tabset-b-3:checked ~ .camden-tabset-body > .camden-tabset-panel-3 { display: block; }
  #camden-tabset-b-4:checked ~ .camden-tabset-body > .camden-tabset-panel-4 { display: block; }
  #camden-tabset-b-5:checked ~ .camden-tabset-body > .camden-tabset-panel-5 { display: block; }

  #camden-tabset-b-1:focus-visible ~ label[for="camden-tabset-b-1"],
  #camden-tabset-b-2:focus-visible ~ label[for="camden-tabset-b-2"],
  #camden-tabset-b-3:focus-visible ~ label[for="camden-tabset-b-3"],
  #camden-tabset-b-4:focus-visible ~ label[for="camden-tabset-b-4"],
  #camden-tabset-b-5:focus-visible ~ label[for="camden-tabset-b-5"] {
    outline: 3px solid var(--camden-tabs-color);
    outline-offset: -3px;
    z-index: 3;
  }

  #camden-tabset-b-1:checked:focus-visible ~ label[for="camden-tabset-b-1"],
  #camden-tabset-b-2:checked:focus-visible ~ label[for="camden-tabset-b-2"],
  #camden-tabset-b-3:checked:focus-visible ~ label[for="camden-tabset-b-3"],
  #camden-tabset-b-4:checked:focus-visible ~ label[for="camden-tabset-b-4"],
  #camden-tabset-b-5:checked:focus-visible ~ label[for="camden-tabset-b-5"] {
    outline-color: white;
  }

  .camden-tabset.camden-rounded .camden-tabset-label { border-radius: 10px 10px 0 0; }
  .camden-tabset.camden-rounded .camden-tabset-body  { border-radius: 0 0 10px 10px; }

  @media (max-width: 768px) {
    .camden-tabset-label {
      flex: 0 0 100%;
      margin-left: 0;
    }
    .camden-tabset-label ~ .camden-tabset-label {
      margin-left: 0;
      margin-top: -1px;
    }
    .camden-tabset.camden-rounded .camden-tabset-label          { border-radius: 0; }
    .camden-tabset.camden-rounded .camden-tabset-label:first-of-type { border-radius: 10px 10px 0 0; }
    .camden-tabset.camden-rounded .camden-tabset-body           { border-radius: 0 0 10px 10px; }
  }

  /* #endregion TABS */

  /* #region BANNER =============================================== */

  .camden-banner {
    --camden-banner-color:     var(--camden-primary);
    --camden-banner-contrast:  var(--camden-primary-contrast);
    --camden-banner-icon-size: 8.5rem; /* sets the MINIMUM bar height + text clearance; the circle itself is sized to the bar */
    --camden-banner-overhang:  2.5rem; /* how far the circle peeks above AND below the colored bar */
    margin-bottom: 1.5rem;
    border-bottom: 3px solid var(--camden-banner-color);
  }

  .camden-banner[class*="camden-bg-"] {
    background-color: transparent;
    color: inherit;
  }

  .camden-banner.camden-bg-primary  { --camden-banner-color: var(--camden-primary);   --camden-banner-contrast: var(--camden-primary-contrast); }
  .camden-banner.camden-bg-accent-1 { --camden-banner-color: var(--camden-accent-1);  --camden-banner-contrast: var(--camden-accent-1-contrast); }
  .camden-banner.camden-bg-accent-2 { --camden-banner-color: var(--camden-accent-2);  --camden-banner-contrast: var(--camden-accent-2-contrast); }
  .camden-banner.camden-bg-accent-3 { --camden-banner-color: var(--camden-accent-3);  --camden-banner-contrast: var(--camden-accent-3-contrast); }
  .camden-banner.camden-bg-gray     { --camden-banner-color: var(--camden-gray);      --camden-banner-contrast: var(--camden-gray-contrast); }

  .camden-banner-header {
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--camden-banner-color);
    color: var(--camden-banner-contrast);
    padding: 1.5rem 2rem;
    padding-right: calc(var(--camden-banner-icon-size) + 6rem); /* clearance for the circle, which widens as the bar grows taller */
    min-height: calc(var(--camden-banner-icon-size) * 0.6);
    box-sizing: border-box;
    overflow: visible;
    border-radius: 10px;
  }

  .camden-banner-header.camden-banner-header :is(h1, h2, h3, h4, h5, h6) {
    color: var(--camden-banner-contrast);
    margin: 0;
    font-size: 2.5rem;
    line-height: 1;
  }

  .camden-banner-icon {
    position: absolute;
    right: 3rem;
    top: calc(-1 * var(--camden-banner-overhang));
    bottom: calc(-1 * var(--camden-banner-overhang));
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }

  .camden-banner-icon img {
    width: 55%;
    height: 55%;
    object-fit: contain;
    filter: brightness(0) invert(1);
  }
  .camden-banner-icon .camden-icon-mask {
    width: 55%;
    height: 55%;
    background-color: white;
  }

  .camden-banner-body {
    padding: 1.5rem 1.5rem 1.5rem 2rem;
  }

  .camden-banner-body::before {
    content: '';
    float: right;
    width: calc(var(--camden-banner-icon-size) + 5rem);
    height: calc(var(--camden-banner-overhang) + 0.75rem);
  }

  .camden-banner-body > *:last-child { margin-bottom: 0; }

  @media (max-width: 768px) {
    .camden-banner { --camden-banner-icon-size: 4.5rem; --camden-banner-overhang: 1.5rem; }
  }

  @media (max-width: 32rem) {
    .camden-banner-icon        { display: none; }
    .camden-banner-header      { padding-right: 2rem; }
    .camden-banner-body::before { display: none; }
  }

  /* #endregion BANNER */

  /* #region NOTE CALLOUT ========================================= */

  .camden-note:has(.camden-exclamation) { --camden-note-icon-size: 2.75rem; --camden-note-gap: 0rem; }
  .camden-note:has(.camden-exclamation).camden-bg-primary,
  .camden-note:has(.camden-exclamation).camden-bg-accent-1,
  .camden-note:has(.camden-exclamation).camden-bg-accent-2,
  .camden-note:has(.camden-exclamation).camden-bg-accent-3,
  .camden-note:has(.camden-exclamation).camden-bg-gray,
  .camden-note:has(.camden-exclamation).camden-bg-1,
  .camden-note:has(.camden-exclamation).camden-bg-2,
  .camden-note:has(.camden-exclamation).camden-bg-3 { --camden-note-gap: 1rem; }

  .camden-note {
    display: flow-root;    /* BFC so the box sits beside a float instead of leaking behind it */
    --camden-note-icon-size: 2.25rem;
    --camden-note-gap: 1rem;
    --camden-note-bg: var(--camden-primary);
    --camden-note-border: transparent;
    position: relative;
    padding: 1.1rem 1.5rem 1.1rem calc(var(--camden-note-icon-size) * 0.5 + var(--camden-note-gap));
    margin-bottom: 1.5rem;
    box-sizing: border-box;
    border: 2px solid var(--camden-note-border);
  }

  /* Icon matches background for strong brand colors */
  .camden-note.camden-bg-primary  { --camden-note-bg: var(--camden-primary); }
  .camden-note.camden-bg-accent-1 { --camden-note-bg: var(--camden-accent-1-bright); }
  .camden-note.camden-bg-accent-2 { --camden-note-bg: var(--camden-accent-2); }
  .camden-note.camden-bg-accent-3 { --camden-note-bg: var(--camden-accent-3); }
  .camden-note.camden-bg-gray     { --camden-note-bg: var(--camden-gray); }

  /* Neutral backgrounds — icon defaults to primary */
  .camden-note.camden-bg-1,
  .camden-note.camden-bg-2,
  .camden-note.camden-bg-3,
  .camden-note.camden-bg-white { --camden-note-bg: var(--camden-primary); }

  /* Border variants — white background with colored border; icon matches border */
  .camden-note.camden-border-primary  { --camden-note-border: var(--camden-primary);  --camden-note-bg: var(--camden-primary); }
  .camden-note.camden-border-accent-1 { --camden-note-border: var(--camden-accent-1-bright); --camden-note-bg: var(--camden-accent-1-bright); }
  .camden-note.camden-border-accent-2 { --camden-note-border: var(--camden-accent-2); --camden-note-bg: var(--camden-accent-2); }
  .camden-note.camden-border-accent-3 { --camden-note-border: var(--camden-accent-3); --camden-note-bg: var(--camden-accent-3); }
  .camden-note.camden-border-gray     { --camden-note-border: var(--camden-gray);     --camden-note-bg: var(--camden-gray); }

  .camden-note.camden-note-icon-primary  { --camden-note-bg: var(--camden-primary); }
  .camden-note.camden-note-icon-accent-1 { --camden-note-bg: var(--camden-accent-1-bright); }
  .camden-note.camden-note-icon-accent-2 { --camden-note-bg: var(--camden-accent-2); }
  .camden-note.camden-note-icon-accent-3 { --camden-note-bg: var(--camden-accent-3); }
  .camden-note.camden-note-icon-gray     { --camden-note-bg: var(--camden-gray); }
  .camden-note.camden-note-icon-white    { --camden-note-bg: white; }

  .camden-note-icon {
    position: absolute;
    left: calc(var(--camden-note-icon-size) * -0.5);
    top: calc(1.1rem + 0.75rem - var(--camden-note-icon-size) * 0.5);
    width: var(--camden-note-icon-size);
    height: var(--camden-note-icon-size);
    border-radius: 50%;
    background-color: white;
    border: 3px solid white;
    box-sizing: border-box;
  }

  .camden-note-icon::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--camden-note-bg);
    -webkit-mask-image: var(--camden-static-info-icon);
    mask-image: var(--camden-static-info-icon);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-mode: alpha;
    mask-mode: alpha;
  }

  .camden-note-icon.camden-exclamation::after {
    -webkit-mask-image: var(--camden-static-exclamation-icon);
    mask-image: var(--camden-static-exclamation-icon);
  }

  .camden-note-content > *:last-child { margin-bottom: 0; }

  .camden-note-heading {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 3px;
  }

  /* #endregion NOTE CALLOUT */

  /* #region TRIGGER WARNING ====================================== */

  .camden-trigger {
    --camden-trigger-color: var(--camden-primary);
    border: 2px solid var(--camden-trigger-color);
    background-color: white;
    margin: 0 0 1.5rem;
  }

  /* Color modifiers — header bar AND border move together */
  .camden-trigger.camden-bg-primary  { --camden-trigger-color: var(--camden-primary); }
  .camden-trigger.camden-bg-accent-1 { --camden-trigger-color: var(--camden-accent-1); }
  .camden-trigger.camden-bg-accent-2 { --camden-trigger-color: var(--camden-accent-2); }
  .camden-trigger.camden-bg-accent-3 { --camden-trigger-color: var(--camden-accent-3); }
  .camden-trigger.camden-bg-gray     { --camden-trigger-color: var(--camden-gray); }

  .camden-trigger-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background-color: var(--camden-trigger-color);
  }

  .camden-trigger-title {
    margin: 0;
    color: white;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.2;
  }

  .camden-trigger-icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
    flex-shrink: 0;
    background-color: white;
    -webkit-mask-image: var(--camden-static-alert-inverted-icon);
    mask-image: var(--camden-static-alert-inverted-icon);
    -webkit-mask-size: contain; mask-size: contain;
    -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    -webkit-mask-position: center; mask-position: center;
  }

  .camden-trigger-body {
    padding: 1rem 1.5rem 1.5rem; /* trimmed top to offset the font's cap-height space */
    color: #333333;
  }

  .camden-trigger-body > *:first-child { margin-top: 0; }
  .camden-trigger-body > *:last-child  { margin-bottom: 0; }

  /* #endregion TRIGGER WARNING */

  /* #region COMPARISON BOXES ===================================== */

  .camden-compare {
    --camden-compare-icon-size: 5rem;
    display: flex;
    gap: 1.5rem;
    align-items: stretch;
    margin-bottom: 1.5rem;
  }

  .camden-compare-box {
    --camden-compare-box-border: transparent;
    flex: 1;
    position: relative;
    margin-top: calc(var(--camden-compare-icon-size) / 2);
    padding: calc(var(--camden-compare-icon-size) / 2 + 1.25rem) 2rem 2rem;
    border: 2px solid var(--camden-compare-box-border);
    box-sizing: border-box;
    text-align: center;
  }

  .camden-compare-icon {
    position: absolute;
    top: calc(var(--camden-compare-icon-size) / -2);
    left: 50%;
    transform: translateX(-50%);
    width: var(--camden-compare-icon-size);
    height: var(--camden-compare-icon-size);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 5px white;
  }

  .camden-compare-icon img {
    width: 55%;
    height: 55%;
    object-fit: contain;
    filter: brightness(0) invert(1);
  }
  .camden-compare-icon .camden-icon-mask {
    width: 55%;
    height: 55%;
    background-color: white;
  }
  .camden-compare-icon.camden-icon-white .camden-icon-mask {
    background-color: var(--camden-primary);
  }

  .camden-compare-title {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0 0 3px;
  }

  .camden-compare-content > *:last-child { margin-bottom: 0; }

  .camden-compare-box.camden-border-primary  { --camden-compare-box-border: var(--camden-primary); }
  .camden-compare-box.camden-border-accent-1 { --camden-compare-box-border: var(--camden-accent-1-bright); }
  .camden-compare-box.camden-border-accent-2 { --camden-compare-box-border: var(--camden-accent-2); }
  .camden-compare-box.camden-border-accent-3 { --camden-compare-box-border: var(--camden-accent-3); }
  .camden-compare-box.camden-border-gray     { --camden-compare-box-border: var(--camden-gray); }

  .camden-compare-icon.camden-square { border-radius: 25px; }

  .camden-compare-icon.camden-icon-white { background-color: white; }
  .camden-compare-icon.camden-icon-white img { filter: none; }

  @media (max-width: 768px) {
    .camden-compare { flex-direction: column; }
  }

  /* #endregion COMPARISON BOXES */

  /* #region RULED HEADING ======================================== */

  h1.camden-ruled,
  h2.camden-ruled,
  h3.camden-ruled {
    --camden-ruled-line: var(--camden-accent-1-bright);
    --camden-ruled-min: 33%;       /* rule never shrinks below this; past it, the title wraps instead */
    --camden-ruled-nudge: -0.35em; /* optical: raises the rule to the first line's cap-height center (tune to taste) */
    display: flex;
    align-items: baseline;         /* keeps the rule beside the FIRST line once the title wraps */
    gap: 1rem;
    margin: 0 0 0.75rem;
  }

  /* Text color: default primary, overridable by a camden-color-* on the heading */
  :is(h1, h2, h3).camden-ruled:not([class*="camden-color-"]) { color: var(--camden-primary); }

  h1.camden-ruled::after,
  h2.camden-ruled::after,
  h3.camden-ruled::after {
    content: '';
    flex: 1 0 var(--camden-ruled-min, 33%);   /* grows to fill on short titles; floors at 33% */
    height: 3px;
    border-radius: 9999px;
    background-color: var(--camden-ruled-line);
    transform: translateY(var(--camden-ruled-nudge));
  }

  .camden-ruled.camden-line-primary  { --camden-ruled-line: var(--camden-primary); }
  .camden-ruled.camden-line-accent-1 { --camden-ruled-line: var(--camden-accent-1-bright); }
  .camden-ruled.camden-line-accent-2 { --camden-ruled-line: var(--camden-accent-2); }
  .camden-ruled.camden-line-accent-3 { --camden-ruled-line: var(--camden-accent-3); }
  .camden-ruled.camden-line-gray     { --camden-ruled-line: var(--camden-gray); }

  /* Kicker modifier — add camden-line-sm */
  h1.camden-ruled.camden-line-sm,
  h2.camden-ruled.camden-line-sm,
  h3.camden-ruled.camden-line-sm {
    color: var(--camden-callout-a);
    font-size: 0.7rem;
    font-weight: 400;
    text-transform: uppercase;
  }

  h1.camden-ruled.camden-line-sm::after,
  h2.camden-ruled.camden-line-sm::after,
  h3.camden-ruled.camden-line-sm::after { height: 2px; }

  /* #endregion RULED HEADING */

  /* #region PULL QUOTE =========================================== */

  .camden-quote {
    --camden-quote-color: var(--camden-accent-1);
    --camden-quote-mark-w: 4rem;
    position: relative;
    margin-left: 0;
    padding: 2rem 2rem 2rem calc(var(--camden-quote-mark-w) * 0.5 + 1rem);
    margin-top: 0;
    margin-bottom: 1.5rem;
    box-sizing: border-box;
  }

  .camden-quote.camden-bg-white {
    margin-top: 0;
    margin-bottom: 0;
  }

  .camden-quote-mark {
    position: absolute;
    left: calc(var(--camden-quote-mark-w) * -0.5);
    top: 10px;
    width: var(--camden-quote-mark-w);
    overflow: visible;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 12rem;
    line-height: 0.8;
    color: var(--camden-quote-color);
    user-select: none;
  }

  .camden-quote-content > *:last-child { margin-bottom: 0; }

  .camden-quote-content > p:not(.camden-quote-source)  { font-size: 1.25rem; }
  .camden-quote-content > p:has(+ .camden-quote-source) { margin-bottom: 0.5rem; }

  .camden-quote-source {
    font-size: 0.85rem;
    margin-top: 0;
    margin-bottom: 0;
  }

  .camden-quote-mark.camden-quote-primary   { color: var(--camden-primary); }
  .camden-quote-mark.camden-quote-accent-1  { color: var(--camden-accent-1); }
  .camden-quote-mark.camden-quote-accent-2  { color: var(--camden-accent-2); }
  .camden-quote-mark.camden-quote-accent-3  { color: var(--camden-accent-3); }
  .camden-quote-mark.camden-quote-gray      { color: var(--camden-gray); }
  .camden-quote-mark.camden-quote-callout-a { color: var(--camden-callout-a); }
  .camden-quote-mark.camden-quote-callout-b { color: var(--camden-callout-b); }

  @media (max-width: 768px) {

    .camden-quote {
      --camden-quote-mark-w: 2.75rem;
      padding: 3.25rem 2rem 2rem; /* top clears the in-box mark; no left-hang space */
    }
    .camden-quote-mark {
      left: 2rem;   /* aligned with the text (matches the box's left padding) */
      top: 0.5rem;
      font-size: 4.5rem;
    }
  }

  /* #endregion PULL QUOTE */

  /* #region DIVIDED COLUMNS ====================================== */

  .camden-divided {
    display: flex;
    align-items: stretch;
    margin-bottom: 1.5rem;
  }

  .camden-divided-col {
    flex: 1;
    min-width: 0;
    padding: 0 2rem;
  }

  .camden-divided-col:first-child { padding-left: 0; }
  .camden-divided-col:last-child  { padding-right: 0; }
  .camden-divided-col > *:last-child { margin-bottom: 0; }

  .camden-divided-line {
    --camden-divided-color: var(--camden-primary);
    flex-shrink: 0;
    width: 2px;
    background-color: var(--camden-divided-color);
  }

  .camden-divided-line.camden-line-primary  { --camden-divided-color: var(--camden-primary); }
  .camden-divided-line.camden-line-accent-1 { --camden-divided-color: var(--camden-accent-1-bright); }
  .camden-divided-line.camden-line-accent-2 { --camden-divided-color: var(--camden-accent-2); }
  .camden-divided-line.camden-line-accent-3 { --camden-divided-color: var(--camden-accent-3); }
  .camden-divided-line.camden-line-gray     { --camden-divided-color: var(--camden-gray); }

  @media (max-width: 768px) {
    .camden-divided { flex-direction: column; }
    .camden-divided-col { padding: 0; }
    .camden-divided-col:not(:last-child) { margin-bottom: 1.25rem; }
    .camden-divided-line { width: 100%; height: 2px; }
  }

  /* #endregion DIVIDED COLUMNS */

  /* #region CONTENT CARDS ======================================== */

  .camden-cards {
    display: flex;
    align-items: stretch;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .camden-card {
    flex: 1;
    min-width: 0;
    padding: 1.25rem;
    box-sizing: border-box;
  }

  .camden-card > *:last-child { margin-bottom: 0; }

  .camden-card-title {
    font-weight: 600;
    letter-spacing: 0.05em;
    margin: 0 0 3px;
  }

  @media (max-width: 768px) {
    .camden-cards { flex-direction: column; }
  }

  /* #endregion CONTENT CARDS */

  /* #region CONNECTED BOXES (FLOW) ================================ */

  .camden-flow {
    --camden-flow-accent:      var(--camden-accent-1-bright);  /* left bar */
    --camden-flow-connector:   var(--camden-neutral-3); /* joining line */
    --camden-flow-pad-x:       2rem;                    /* box horizontal padding */
    --camden-flow-list-indent: 1.5rem;                  /* bullet column — matches camden-list-* native indent */
    --camden-flow-gap:         1.5rem;                  /* space + connector length between boxes */

    --camden-flow-connector-x: calc(var(--camden-flow-pad-x) + var(--camden-flow-list-indent) + 0.35rem);
    display: flex;
    flex-direction: column;
    gap: var(--camden-flow-gap);
    margin-bottom: 1.5rem;
  }

  .camden-flow.camden-flow-primary  { --camden-flow-accent: var(--camden-primary); }
  .camden-flow.camden-flow-accent-1 { --camden-flow-accent: var(--camden-accent-1-bright); }
  .camden-flow.camden-flow-accent-2 { --camden-flow-accent: var(--camden-accent-2); }
  .camden-flow.camden-flow-accent-3 { --camden-flow-accent: var(--camden-accent-3); }
  .camden-flow.camden-flow-gray     { --camden-flow-accent: var(--camden-gray); }

  .camden-flow-box {
    position: relative;
    background: white;
    color: var(--camden-gray);
    border-left: 12px solid var(--camden-flow-accent);
    padding: 1.5rem var(--camden-flow-pad-x);
    box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.15);
  }

  .camden-flow-box > :is(h1, h2, h3, h4, h5, h6) {
    /* Negative top trims the heading's line leading so top padding reads even */
    margin: -0.15rem 0 0.75rem;
    color: var(--camden-neutral-contrast);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.2;
  }

  /* 1. Bare <ul> — auto dots, centered on the shared bullet column */
  .camden-flow-box ul:not([class*="camden-list-"]) {
    list-style: none;
    margin: 0 0 0 var(--camden-flow-list-indent);
    padding-left: 0;
  }
  .camden-flow-box ul:not([class*="camden-list-"]) li {
    position: relative;
    padding-left: 1.3rem;
    margin-bottom: 0.4rem;
    line-height: 1.35;
  }
  .camden-flow-box ul:not([class*="camden-list-"]) li::before {
    content: '';
    position: absolute;
    left: 0.35rem;               /* dot center = connector column */
    top: 0.68em;                 /* optical center of the first line */
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background: currentColor;
    transform: translate(-50%, -50%);
  }

  /* 2. Our list snippets inside a flow box — default dots to gray, tidy spacing */
  .camden-flow-box ul[class*="camden-list-"] {
    --camden-list-color: var(--camden-gray);
    margin-bottom: 0;
  }

  .camden-flow-box ol { margin: 0; padding-left: var(--camden-flow-list-indent); }
  .camden-flow-box > :last-child,
  .camden-flow-box li:last-child { margin-bottom: 0; }

  /* Connector line joining each box to the next, centered on the bullet column */
  .camden-flow-box:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 100%;
    left: var(--camden-flow-connector-x);
    transform: translateX(-50%);
    width: 2px;
    height: var(--camden-flow-gap);
    background: var(--camden-flow-connector);
  }

  /* #endregion CONNECTED BOXES (FLOW) */

  /* #region DISCUSSION BOARD ===================================== */

  .camden-discussion {
    margin-bottom: 1.5rem;
  }

  .camden-discussion-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 5px solid var(--camden-accent-1-bright);
  }

  .camden-discussion-header .camden-icon-mask {
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
  }
  .camden-discussion-header .camden-icon-mask:not([class*="camden-bg-"]) {
    background-color: var(--camden-accent-1-bright);
  }

  .camden-discussion-header > :is(h1, h2, h3, h4, h5, h6) {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: var(--camden-neutral-contrast);
  }

  .camden-discussion-body {
    background-color: var(--camden-neutral-1);
    padding: 1.5rem 2rem;
  }

  .camden-discussion-body p {
    margin: 0;
    font-size: 1rem;
    color: var(--camden-gray);
  }

  .camden-discussion-body .camden-discussion-question {
    margin-top: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--camden-neutral-contrast);
  }

  @media (max-width: 768px) {
    .camden-discussion-header > :is(h1, h2, h3, h4, h5, h6) { font-size: 1.5rem; }
    .camden-discussion-header .camden-icon-mask { width: 2.25rem; height: 2.25rem; }
    .camden-discussion-body { padding: 1.25rem; }
    .camden-discussion-body .camden-discussion-question { font-size: 1.15rem; }
  }

  /* #endregion DISCUSSION BOARD */

  /* #region REFLECTION ========================================== */

  .camden-reflection {
    color: var(--camden-neutral-contrast);
  }

  .camden-reflection-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 5px solid var(--camden-accent-1-bright);
  }

  .camden-reflection-header .camden-icon-mask {
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
  }
  .camden-reflection-header .camden-icon-mask:not([class*="camden-bg-"]) {
    background-color: var(--camden-accent-1-bright);
  }

  .camden-reflection-header > :is(h1, h2, h3, h4, h5, h6, .camden-reflection-title) {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    color: var(--camden-neutral-contrast);
  }

  /* Intro (left) + disclaimer note (right) */
  .camden-reflection-cols {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2.5rem;
    margin-top: 1rem;
  }
  .camden-reflection-cols > * { margin: 0; }
  .camden-reflection-intro { flex: 1; }

  .camden-reflection-note {
    flex: 0 0 25%;    /* full width once stacked */
    text-align: right;
    font-style: italic;
    font-size: 0.875rem;
  }
  .camden-reflection-note-label { color: var(--camden-accent-3); }

  .camden-reflection-question {
    font-size: 1.2rem;
    font-weight: 700;
  }

  .camden-reflection-disclaimer {
    margin: 0.5rem 0;
    font-size: 0.85rem;
    font-style: italic;
  }

  @media (max-width: 768px) {
    .camden-reflection-header > :is(h1, h2, h3, h4, h5, h6, .camden-reflection-title) { font-size: 1.5rem; }
    .camden-reflection-header .camden-icon-mask { width: 2.25rem; height: 2.25rem; }
    .camden-reflection-cols { flex-direction: column; gap: 0.75rem; }
    .camden-reflection-cols > * { flex: none; }   /* full width once stacked */
    .camden-reflection-note { text-align: left; }
  }

  /* #endregion REFLECTION */

  /* #region ICON OPTION CLASSES ================================= */

  /* Custom widget icons (also referenced internally by the note / trigger) */
  .camden-icon-exclamation    { -webkit-mask-image: var(--camden-static-exclamation-icon);    mask-image: var(--camden-static-exclamation-icon); }
  .camden-icon-info           { -webkit-mask-image: var(--camden-static-info-icon);           mask-image: var(--camden-static-info-icon); }
  .camden-icon-question-mark  { -webkit-mask-image: var(--camden-static-question-mark-icon);  mask-image: var(--camden-static-question-mark-icon); }
  .camden-icon-bell-ring      { -webkit-mask-image: var(--camden-static-bell-ring-icon);      mask-image: var(--camden-static-bell-ring-icon); }
  .camden-icon-alert-inverted { -webkit-mask-image: var(--camden-static-alert-inverted-icon); mask-image: var(--camden-static-alert-inverted-icon); }
  .camden-icon-messages-square { -webkit-mask-image: var(--camden-static-messages-square-icon); mask-image: var(--camden-static-messages-square-icon); }
  .camden-icon-notebook-pen    { -webkit-mask-image: var(--camden-static-notebook-pen-icon);    mask-image: var(--camden-static-notebook-pen-icon); }

  /* Lucide icons */
  .camden-icon-thumbs-up { -webkit-mask-image: var(--camden-icon-thumbs-up); mask-image: var(--camden-icon-thumbs-up); }
  .camden-icon-thumbs-down { -webkit-mask-image: var(--camden-icon-thumbs-down); mask-image: var(--camden-icon-thumbs-down); }
  .camden-icon-yes { -webkit-mask-image: var(--camden-icon-yes); mask-image: var(--camden-icon-yes); }
  .camden-icon-list-todo { -webkit-mask-image: var(--camden-icon-list-todo); mask-image: var(--camden-icon-list-todo); }
  .camden-icon-user-round { -webkit-mask-image: var(--camden-icon-user-round); mask-image: var(--camden-icon-user-round); }
  .camden-icon-users { -webkit-mask-image: var(--camden-icon-users); mask-image: var(--camden-icon-users); }
  .camden-icon-clock { -webkit-mask-image: var(--camden-icon-clock); mask-image: var(--camden-icon-clock); }
  .camden-icon-no { -webkit-mask-image: var(--camden-icon-no); mask-image: var(--camden-icon-no); }
  .camden-icon-heart-handshake { -webkit-mask-image: var(--camden-icon-heart-handshake); mask-image: var(--camden-icon-heart-handshake); }
  .camden-icon-lightbulb { -webkit-mask-image: var(--camden-icon-lightbulb); mask-image: var(--camden-icon-lightbulb); }
  .camden-icon-shield-alert { -webkit-mask-image: var(--camden-icon-shield-alert); mask-image: var(--camden-icon-shield-alert); }

  /* #endregion ICON OPTION CLASSES */

/* #endregion COURSE SNIPPETS */

/* #region AUDIO PLAYER =========================================== */

.camden-audio-container {
  --camden-audio-border: transparent;
  border: 1px solid var(--camden-audio-border);
  box-sizing: border-box;
  border-radius: 999px;
  margin: 0 0 1.5rem;
}

.camden-audio-audio {
  display: block;
  width: 100%;
}

.camden-audio-container.camden-border-primary  { --camden-audio-border: var(--camden-primary); }
.camden-audio-container.camden-border-accent-1 { --camden-audio-border: var(--camden-accent-1-bright); }
.camden-audio-container.camden-border-accent-2 { --camden-audio-border: var(--camden-accent-2); }
.camden-audio-container.camden-border-accent-3 { --camden-audio-border: var(--camden-accent-3); }
.camden-audio-container.camden-border-gray     { --camden-audio-border: var(--camden-gray); }

.camden-audio-33 { width: 33%; }
.camden-audio-50 { width: 50%; }
.camden-audio-66 { width: 66%; }

@media (max-width: 768px) {
  .camden-audio-container.camden-audio-33,
  .camden-audio-container.camden-audio-50,
  .camden-audio-container.camden-audio-66 {
    width: 100%;
  }
}

/* #endregion AUDIO PLAYER */

/* #region VIDEO ================================================= */

.camden-video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;   /* 9 / 16 = 16:9 */
  margin: 0 0 1.5rem;
}

.camden-video-container figure { margin: 0; }

.camden-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* #endregion VIDEO */

/* #region COURSE PAGE OVERRIDES ================================== */

  /* Hide TI's default "required" asterisk */
  .quiz__container--assessment .required,
  .quiz__container--learner .required {
    display: none;
  }

  /* Center the Likert column headers */
  table.zebra thead th {
    text-align: center !important;
  }

  table.zebra tr:nth-of-type(2n) {
    background: var(--camden-accent-1);
    color: var(--camden-accent-1-contrast);
  }

  /* Question body text size */
  .question-table__body {
    font-size: 1.1em;
  }

  /* Clickable title that opens the dropdown — lighter weight (300 = our Light) */
  .topic__list__title .h3 {
    font-weight: 300;
  }

  .topic__list .topic__list__info {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    column-gap: 16px;
  }

  .topic__list .topic__list__info > .btn--link {
    float: none;
    grid-column: 2;
    grid-row: 1;
    margin-top: 12px;
    line-height: 28px;
  }

  .topic__list .topic__list__info > .topic__list__title {
    grid-column: 1;
    grid-row: 1;
  }

  .topic__list .topic__list__info > .topic__list__description {
    grid-column: 1 / -1;
  }

  /* Image sizing and position */
  .topic__list .topic__list__thumb {
    width: auto;
    padding: 0 8px 0 16px;
    margin-top: 6px;
  }

  /* One image element in both states: no swap flash, no bounce */
  .topic__list .topic__list__thumb img:first-of-type {
    display: block !important;
    visibility: visible !important;
    width: 60px;
    height: 60px;
    object-fit: cover;
    transition: transform 0.25s ease;
  }

  .topic__list .topic__list__thumb img:first-of-type ~ img {
    display: none !important;
  }

  /* Slight growth on expand, no layout shift */
  .topic__list .topic__list__item--expanded .topic__list__thumb {
    width: auto;
  }

  .topic__list .topic__list__item--expanded .topic__list__thumb img:first-of-type {
    transform: scale(1.1);
  }

  /* Expanded content keeps full width (TI narrows the info column when expanded) */
  .topic__list .topic__list__item--expanded .topic__list__info.topic__list__info--column {
    width: calc(100% - 84px);
  }

  /* Description ends at the same right edge as the Expand/Close link */
  .topic__list .topic__list__item--expanded .topic__list__info.topic__list__info--column > .topic__list__description {
    width: auto;
    max-width: 100%;
    margin-right: 0;
    padding-right: 0;
    box-sizing: border-box;
  }

  .video__container {
    padding: 0;
    border: solid 1px var(--camden-neutral-2);
  }

  .topic__container__video .topic__content--post-text-block {
    margin-top: -0.25rem;
  }

  .topic__container__audio .slide-show__controls {
    display: none;
  }

  .topic__container__workbook .heading.heading--primary {
    display: none;
  }

  /* Strip TI's excess padding around the reflection question container */
  .topic__container__workbook .quiz__container--learner .question__container {
    padding: 0;
  }

  .resource__title {
    background-color: color-mix(in srgb, var(--camden-accent-1-dark) 80%, transparent);
    color: white;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
  }

  .progress.colorized .meter {
    background: linear-gradient(90deg, var(--camden-primary), var(--camden-accent-1-bright));
  }

  /* Remove TI's random completion-criteria avatar */
  .avatar.avatar--completion-criteria {
    display: none;
  }

  .course-progress {
    margin-top: var(--camden-margin-sm);
  }

  /* Camden: remove the attach-file option on all discussion boards */
  .thread__options__container.comment__attachments__container {
    display: none;
  }

  /* Hide TI's duplicate "Enter Your Comment" label and collapse its space */
  .topic__container__discussion-board .comment__editor label {
    visibility: hidden;
    margin-bottom: 0;
  }

  /* Comment card — bg matches the discussion snippet (neutral-1) */
  .items__list--comments .comment {
    background-color: var(--camden-neutral-1);
    padding: 0 25px 20px 0;
    border-radius: 0 0 15px 15px;
    margin-top: -30px;
    margin-bottom: 10px;
  }

  .items__list--comments .comment-border,
  .items__list--comments .comment-border__child {
    margin-bottom: 30px;
  }

  /* Highlighted comment — light teal (accent-1 mixed with white) */
  .items__list--comments .comment.highlight {
    background-color: color-mix(in srgb, var(--camden-accent-1) 30%, white);
  }

  .thread__header {
    display: none;
  }

/* #endregion COURSE PAGE OVERRIDES */

/* #region MARKETING SNIPPETS ==================================== */

  /* (empty — added later) */

/* #endregion MARKETING SNIPPETS */

/* #region MARKETING PAGE OVERRIDES ============================== */

  /* (empty — added later) */

/* #endregion MARKETING PAGE OVERRIDES */


/* ==========================================================================
   ==========================================================================
    >>>         END — DIGITAL INTELLECTIVE UPDATED CSS         <<<
   ==========================================================================
   ========================================================================== */














.company__beta-logo{
  margin-left: 25px;
}
.featured-content-carousel-item__title{
    text-align:center;
}
.featured-content-carousel-item__description{
    text-align:center;
} 
.widget__cta .btn{
    float:left;
}
.widget__title {
    color: #000;
    margin-bottom: .75em;
}
.nav--global-links>a {
    padding-left: 3em;
    font-size: 12px;
    font-size: .75rem;
    color: #4c4c4c;
}
.nav a:active {
    color: #4c4c4c;
}
.nav--top ul a, .nav--top ul button {
    font-size: 13px;
    font-size: .8125rem;
    text-transform: none;
}
.footer__inner {
    width: 100%;
    color: #000;
    background-color: #3dab80;
    margin: 0 auto;
    max-width: 100%;
    font-size: 14px;
    font-size: .875rem;
    /* border-top: 1px solid #e9e9e9; */
    padding: 1rem 0;
}
.footer {
    /* padding: 0 1rem; */
}
.footer {
    /* padding: 0 1rem; */
    color: #000;
    width: 100%;
    /* margin-left: 10px; */
    /* background: url(images/bg.jpg) no-repeat center center fixed; */
}
.footer .footer__links {
    float: right;
    color: #000;
    margin-right: 20px;
}
.footer .footer__company__info {
    float: left;
    color: #000;
    margin-left: 30px;
}
.footer .footer__powered-by {
    border-left: 1px solid #000;
    display: inline-block;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
}
.top-bar {
    padding-top: 15px;
    border-top: none;
}
.top-bar-section ul li>a {
    color: #000;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: #fff;
    background: #f6f6f6;
    color: #ab4282;
}
.header .company__beta-logo .company-logo__container img {
    max-height: 100px;
    margin-left: -10px;
}
a:hover {
    color: #ab4282;
}
.btn--bare:hover {
    color: #ab4282;
}

.btn--large {
    background-color: #0388a6;
    color: white;
    border: solid 2px #0388a6;
}

.btn--large:hover {
    background-color: white;
    color: #656565;
    border: solid 2px #0388a6;
}

.btn--large.btn--large--blue {
    background-color: #293666;
    color: white;
    border: solid 2px #293666;
}

.btn--large.btn--large--blue:hover {
    background-color: white;
    color: #656565;
    border: solid 2px #293666;
}

.btn--large.btn--outline {
background-color: white;
color: #656565;
}

.btn--large.btn--outline: hover {
    background-color: #0388a6;
    color: white;
    border: solid 2px #0388a6;
}

.btn--large.btn--outline--blue {
background-color: white;
color: #656565;
border: solid 2px #293666;
}

.btn--large.btn--outline--blue: hover {
    background-color: #293666;
    color: white;
    border: solid 2px #293666;
}

.editor-content a:not(.btn):hover, .editor-content a:not(.btn):focus, .redactor_editor a:not(.btn):hover {
    color: #cf85b1;
}

.catalog-grid-item__description {
    font-size: 0.8rem !Important;
}

catalog-header{
 color:#293666;
 text-decoration:bold;
}
/*.learner__sidebar-list > li, #learner h1, .session h1, #learner h2, .session h2, #learner h3, .session h3, #learner h4, .session h4, #learner h5, .session h5, #learner h6, .session h6, #learner .h1, .session .h1, #learner .h2, .session .h2, #learner .h3, #learner .catalog-calendar__table caption, .catalog-calendar__table #learner caption, #learner .quiz__container--learner .question__container h2, .quiz__container--learner .question__container #learner h2, #learner .quiz__container--assessment .question__container h2, .quiz__container--assessment .question__container #learner h2, #learner .metrics__title, .session .h3, .session .catalog-calendar__table caption, .catalog-calendar__table .session caption, .session .quiz__container--learner .question__container h2, .quiz__container--learner .question__container .session h2, .session .quiz__container--assessment .question__container h2, .quiz__container--assessment .question__container .session h2, .session .metrics__title, #learner .h4, #learner .collection__course__title, #learner .topic__index .topic__index__number, .topic__index #learner .topic__index__number, .session .h4, .session .collection__course__title, .session .topic__index .topic__index__number, .topic__index .session .topic__index__number, #learner .h5, .session .h5, #learner .h6, .session .h6, .hero .hero__caption span, .redactor-styles h1, .redactor-styles h2, .redactor-styles h3, .redactor-styles h4, .redactor-styles h5, .redactor-styles h6 {*/
/*    font-family: Aleo;*/
/*    text-align: left;*/
/*}*/
/*.catalog-filters__select, .catalog-filters__select:hover {*/
/*    background-color: transparent;*/
/*    font-family: 'IBM Plex Sans', sans-serif;*/
/*}*/
/*.form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {*/
/*    width: 144px;*/
/*    font-size: 1em;*/
/*    padding: 9px 15px;*/
/*    font-family: 'IBM Plex Sans', sans-serif;*/
/*    font-size: 15px;*/
/*    font-weight: normal;*/
/*    border: none;*/
/*}*/
/*.jotform-form {*/
/*    margin-left: 180px;*/
/*    margin-top:-80px;*/
/*}*/
/*.form-all {*/
/*    background-image: none;*/
/*    margin-left: -100px;*/
/*}*/
/*.catalog-aggregation__header--label {*/
/*    font-weight: 600;*/
/*    padding-left: 1em;*/
/*    display: inline-block;*/
/*    font-family: 'Aleo', serif;*/
/*}*/
/*.catalog-grid-item__title {*/
/*    margin-bottom: .25em;*/
/*    font-family: 'Aleo', serif;*/
/*}*/
/*.home .layout__content .widget--featured-content:nth-of-type(1) {*/
/*  padding: 0 !important;*/
/*}*/
/* red section */
/* blue: #1b75bb */
/*.red-images{*/
/*  display: block;*/
/*}*/
/*.header .company__beta-logo .company-logo__container img {*/
/*    max-height: 100px;*/
/*    padding-top: 10px;*/
/*}*/
/*.search-bar-widget button {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    height: 40px;*/
/*    text-transform: uppercase;*/
/*    background-color: #3EAB7F;*/
/*    border: none;*/
/*    color: #000;*/
/*}*/
/*.search-bar-widget button:hover {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    height: 40px;*/
/*    text-transform: uppercase;*/
/*    background-color: #6ac9a3;*/
/*    border: none;*/
/*    color: #000;*/
/*}*/
/*.h3 {*/
/*    color: #000000;*/
/*}*/
/*.nav--top ul button {*/
/*    font-size: 13px;*/
/*    font-size: .8125rem;*/
/*    text-transform: none;*/
/*}*/
/*a:hover {*/
/*    color: #AB4381;*/
/*}*/
/*.btn--bare:hover {*/
/*    color: #AB4381;*/
/*}*/
/*.nav--top ul a, .nav--top ul button {*/
/*    font-size: 13px;*/
/*    font-size: .8125rem;*/
/*    text-transform: none;*/
/*}*/
/*.widget__title {*/
/*    color: #000000;*/
/*    margin-bottom: .75em;*/
/*}*/

/*.nav--global-links>a {*/
/*    padding-left: 2em;*/
/*    font-weight:normal;*/
/*    font-size: 12px;*/
/*    font-size: .75rem;*/
/*    color: #000;*/
/*}*/
/*.nav--global-links>a:hover {*/
/*    padding-left: 2em;*/
/*    font-weight:normal;*/
/*    font-size: 12px;*/
/*    font-size: .75rem;*/
/*    color: #AB4381;*/
/*}*/
/*.editor-content a:not(.btn):hover, .editor-content a:not(.btn):focus, .redactor_editor a:not(.btn):hover {*/
/*    color: #bb689a;*/
/*}*/
/*.red-images--item{*/
/*  background-size: cover;*/
/*  background-position: 50% 50%;*/
/*  background-repeat: no-repeat;*/
/*  min-height: 265px;*/
/*  color: #fff;*/
/*  text-align: center;*/
/*}*/
/*.red-images--item a{*/
/*  display: flex;*/
/*  width: 100%;*/
/*  min-height: 100%;*/
/*  min-height: 265px;*/
/*    padding-left: 20px;*/
/*    padding-right: 20px;*/
/*    padding-bottom: 15px;*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*}*/
/*.red-images--item .icon{*/
/*	position: absolute;*/
/*	bottom: 30px;*/
/*	left: 30px;*/
/*	display: block;*/
/*	width: 44px;*/
/*	height: 40px;*/
/*	background-size: contain;*/
/*	background-repeat: no-repeat;*/
/*	background-position: 50% 50%;*/
/*	transition: width 0.2s ease-in, height 0.2s ease-in, left 0.2s ease-in;*/
/*}*/
/*.red-images--item a:hover .icon{*/
/*	width: 60px;*/
/*	height: 60px;*/
/*	left: calc(50% - 30px);*/
/*}*/
/*.red-images--item h2{*/
/*    color: #fff;*/
/*    width: 100%;*/
/*    text-transform: uppercase;*/
/*    margin-bottom: 0;*/
/*    font-size: 23px;*/
/*    line-height: 1.3;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    bottom: 16px;*/
/*	transition: all 0.3s ease-out;*/
/*    transform: translateX(-50%);*/
/*	padding-left: 40px;*/
/*	padding-right: 40px;*/
/*	max-width: 264px;*/
/*	margin-left: 50%;*/
/*}*/
/*.red-images--item a:hover h2{*/
/*  bottom: 50%;*/
/*  transform: translate(-50%, 50%);*/
/*  font-size: 25px;*/
/*}*/

/* end red section */
/*.home-quotes--quote{*/
/*    color: #1b75bb;*/
/*    background-repeat: no-repeat;*/
/*    background-position: 50% 0;*/
/*    background-image: url(//d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1499395966/jlo9axysvz5jzwvais8o.png);*/
/*    padding-top: 80px;*/
/*	font-weight: 300;*/
/*}*/
/*.home-quotes--holder .home-quotes--author{*/
/*	font-family: Aleo;*/
/*    font-style: italic;*/
/*    color: #1b75bb;*/
/*    padding-top: 16px;*/
/*    font-size: 22px;*/
/*    font-weight: 300;*/
/*	text-align: center;*/
/*	position: relative;*/
/*	margin-bottom: 0;*/
/*}*/
/*.home-quotes--holder .home-quotes--author:before{*/
/*	content: '';*/
/*	position: absolute;*/
/*	top: 0;*/
/*	height: 0;*/
/*	min-width: 180px;*/
/*	border-top: 1px solid #1b75bb;*/
/*	margin-left: calc(50% - 90px);*/
/*	display: block;*/
/*}*/
/*.home-quotes--item.slick-slide{*/
/*    min-height: 489px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*	background-repeat: no-repeat;*/
/*	background-position: 50% 50%;*/
/*	background-size: cover;*/
/*}*/
/*.home-quotes--holder{*/
/*	width: 80%;*/
/*	margin-left: auto;*/
/*	margin-right: auto;*/
/*}*/
/*.home-quotes--holder h1{*/
/*	font-size: 1.75rem;*/
/*	text-align: center;*/
/*}*/
/*.home-quotes--holder .home-quotes--author-info{*/
/*	color: #1b75bb;*/
/*	font-style: italic;*/
/*	text-align: center;*/
/*	font-weight: 100;*/
/*}*/
/* carousel styling */
/*.slick-initialized .home-quotes--item.slick-slide{*/
/*  display: flex;*/
/*}*/
/*.home-quotes .slick-arrow{*/
/*  position: absolute;*/
/*  z-index: 5;*/
/*  border: none;*/
/*  background-color: transparent;*/
/*  background-position: 50% 50%;*/
/*  background-size: contain;*/
/*  background-repeat: no-repeat;*/
/*  top: 50%;*/
/*  margin-top: -30px;*/
/*  height: 60px;*/
/*  width: 36px;*/
/*  text-indent: 110%;*/
/*  line-height: 60px;*/
/*  overflow: hidden;*/
/*  opacity: 0.6;*/
/*  transition: opacity 0.2s ease-in;*/
/*  margin: 0;*/
/*  padding: 0;*/
/*}*/
/*.home-quotes .slick-arrow:hover{*/
/*  opacity: 0.9;*/
/*}*/
/*.home-quotes .slick-arrow.slick-prev{*/
/*  background-image: url(//d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1499395009/cecqyzpkxafkujvxzc7q.png);*/
/*  left: 15px;*/
/*}*/
/*.home-quotes .slick-arrow.slick-next{*/
/*  background-image: url(//d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1499395022/prqh43iveyoe9dyptsme.png);*/
/*  right: 15px;*/
/*}*/

/*.home-hero .hero .hero__caption a{*/
/*    margin-top: 15px;*/
/*    text-transform: uppercase;*/
/*    letter-spacing: 0.09em;*/
/*}*/
/*.hero .hero__caption .hero__title{*/
/*	text-align: center;*/
/*	font-weight: 300;*/
/*}*/

/* our courses */
/*.our-courses-home{*/
/*    padding-top: 69px;*/
/*    padding-left: 2rem;*/
/*    padding-right: 2rem;*/
/*	padding-bottom: 25px;*/
/*}*/
/*.our-courses-home h1{*/
/*  font-size: 54px;*/
/*  margin-bottom: 26px;*/
/*}*/
/*.our-courses-home--wrapper{*/
/*  display: block;*/
/*}*/
/*#learner .our-courses-home--item h3{*/
/*    font-weight: 200;*/
/*    font-family: 'Aleo', serif;*/
/*    font-size: 27px;*/
/*    padding-top: 13px;*/
/*    letter-spacing: -0.05em;*/
/*    margin-bottom: 0;*/
/*    padding-bottom: 40px;*/
/*}*/
/*.our-courses-home--item a{*/
/*  display: block;*/
/*}*/
/*.our-courses-home--item img{*/
/*  min-width: 100%;*/
/*}*/
/* video section on the bottom */
/*.home-video{*/
/*  padding-top: 46px;*/
/*    padding-left: 2rem;*/
/*    padding-right: 2rem;*/
/*}*/

/*.home-video h1{*/
/*  font-size: 54px;*/
/*  margin-bottom: 0;*/
/*  padding-bottom: 23px;*/
/*}*/
/*.home.index .widget--featured-content h3{*/
/*  margin-bottom: 0;*/
/*  padding-bottom: 23px;*/
/*  font-weight: 200;*/
/*}*/
/*.home-video--item h3{*/
/*    padding-top: 22px;*/
/*    font-size: 28px;*/
/*    margin-bottom: 0;*/
/*}*/
/*#learner .widget--featured-content .featured-content-article-item__title{*/
/*    font-weight: 200;*/
/*    font-family: 'IBM Plex Sans', sans-serif;*/
/*    font-size: 27px;*/
/*    padding-top: 13px;*/
/*    letter-spacing: -0.05em;*/
/*    margin-bottom: 0;*/
/*    padding-bottom: 40px;*/
/*    margin-top: 0;*/
/*	  color: #1b75bb;*/
/*}*/

/*.home.index #learner .widget--featured-content~.widget--featured-content .featured-content-article-item h4{*/
/*	padding-top: 0;*/
/*	font-size: 26px;*/
/*	margin-bottom: 0;*/
/*	font-family: 'Aleo', serif;*/
/*	padding-bottom: 0;*/
/*	letter-spacing: 0;*/
/*	margin-top: 26px;*/
/*}*/
/*.home-video--item p{*/
/*  color: #999;*/
/*}*/

/*.home.index .featured-content-article-item__description{*/
/*  color: #999;*/
/*  font-size: 14px;*/
/*  padding-top: 0.5rem;*/
/*}*/
/*.home-video--item .home-video--tooltip{*/
/*  font-size: 12px;*/
/*  text-transform: uppercase;*/
/*  padding-top: 3px;*/
/*  padding-bottom: 17px;*/
/*  position: relative;*/
/*  color: #999;*/
/*}*/
/*.home-video--item .home-video--tooltip:after{*/
/*  content: '';*/
/*  position: absolute;*/
/*  min-width: 80px;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  border-bottom: 5px solid #be1523;*/
/*}*/

/*.widget--featured-content .featured-content-article-item__description:before {*/
/*    content: " ";*/
/*    position: absolute;*/
/*    top: -10px;*/
/*    left: 0;*/
/*    border-width: 4px 0 0;*/
/*    border-style: solid;*/
/*    width: 41px;*/
/*    height: 0;*/
/*}*/
/*.home.index .featured-content-multi-carousel-item__source{*/
/*  font-size: 12px;*/
/*    text-transform: uppercase;*/
/*    padding-top: 3px;*/
/*    padding-bottom: 0;*/
/*    position: relative;*/
/*    color: #999;*/
/*}*/
/*.home-video--item a{*/
/*  display: block;*/
/*  position: relative;*/
/*}*/
/*.index.home .video-player-arrow{*/
/*  position: relative;*/
/*}*/
/*.home-video--item a:after,*/
/*.index.home .widget--featured-content~.widget--featured-content .video-player-arrow:after{*/
/*  content: '';*/
/*  background-image: url(//d36ai2hkxl16us.cloudfront.net/m/crowd-culture/arrow.svg);*/
/*  background-color: rgba(45, 45, 45, 0.6);*/
/*    width: 60px;*/
/*    height: 60px;*/
/*    background-position: 22px 50%;*/
/*    position: absolute;*/
/*    background-repeat: no-repeat;*/
/*    border-radius: 50%;*/
/*    background-size: 32%;*/
/*  top: 50%;*/
/*    left: 50%;*/
/*    margin-top: -30px;*/
/*    margin-left: -30px;*/
/*  transition: background-color 0.3s ease-in;*/
/*}*/

/*.home-video--item a:after, .index.home .video-player-arrow:hover:after {*/
/*  background-color: rgba(45, 45, 45, 0.9);*/
/*}*/
/*.home-video--item img{*/
/*  min-width: 100%;*/
/*}*/
/*.index.home .featured-content-article-item{*/
/*  border: none;*/
/*  padding: 0;*/
/*  position: relative;*/
/*}*/
/*.index.home .featured-content-article-item .featured-content-article-item__body{*/
/*  padding: 0;*/
/*}*/
/*.index.home .hr__accent{*/
/*  display: none;*/
/*}*/
/* end our courses */
/* footer */
/*.footer{*/
/*  background-color: #293666;*/
/*}*/
/*.footer__inner{*/
/*  border: none;*/
  
/*}*/
/*.footer__company__info,*/
/*.footer__company__name,*/
/*.footer__powered-by,*/
/*.footer__powered-by a{*/
/*  color: #fff;*/
/*}*/
/*.footer .link {*/
/*    display: inline-block;*/
/*    color:#293666;*/
/*    font-size: 14px;*/
/*    font-size: .875rem;*/
/*    padding-right: .66667rem;*/
/*}*/
/*.footer__links a {*/
/*    display: block;*/
/*    overflow: hidden;*/
/*    color: #fff;*/
/*}*/

/*@media only screen and (min-width: 24em){*/

/*}*/
/*@media only screen and (min-width: 30.063em) {*/

/*}*/
/*@media only screen and (min-width: 40.063em) {*/

/*}*/
/*@media only screen and (min-width: 48.063em) {*/
  /* transparent nav */
/*  .index.home .header.header--microsite {*/
/*    position: absolute;*/
/*    top: 72px;*/
/*    font-family: Aleo;*/
/*    background-color: rgba(255, 255, 255, 0.7);*/
/*    color: #AB4381;*/
/*    z-index: 10;*/
/*    width: 100%;*/
/*}*/
/*  .top-bar{*/
/*    border: none;*/
/*    background: transparent;*/
/*    font-family: 'Aleo', serif;*/
/*      float: right;*/
/*      padding-right: 58px;*/
/*      margin-top: -75px;*/
/*  }*/
/*  .top-bar-section ul li{*/
/*    background: transparent;*/
/*    font-family: 'Aleo', serif;*/
/*  }*/
/*  .top-bar-section li:not(.has-form) a:not(.button){*/
/*    text-transform: uppercase;*/
/*    font-family: 'Aleo', serif;*/
/*    color: #000000;*/
/*      font-weight: normal;*/
/*      font-size: 20px;*/
/*      padding-right: 34px;*/
/*  }*/
/* .top-bar-section li:not(.has-form) a:not(.button):hover{*/
/*   background-color: transparent;*/
/*   font-family: 'Aleo', serif;*/
/*  text-transform: uppercase;*/
/*    color: #AB4381;*/
/*      font-weight: normal;*/
/*      font-size: 20px;*/
/*      padding-right: 34px;*/
/*  }*/
/*  .top-bar-section li:not(.has-form) a:not(.button):focus{*/
/*    background-color: transparent;*/
/*  }*/
/*  .top-bar-section li:not(.has-form) a:not(.button){*/
/*    background-color: transparent;*/
/*  }*/
/*  .top-bar-section ul li:hover:not(.has-form)>a{*/
/*    background-color: transparent;*/
/*  }*/
/*  .top-bar-section .left li .dropdown {*/
/*      right: auto;*/
/*      left: -60px;*/
/*  }*/
  /* nav specific */
  /* replace the cart link with cart icon */
/*  .nav--top ul a{*/
/*    position: absolute;*/
/*    font-family: 'IBM Plex Sans', sans-serif;*/
/*    top: 0;*/
/*    right: 5px;*/
/*    display: none;*/
/*  }*/
  
  
/*   .nav--top ul li:last-of-type a{*/
/*    overflow: hidden;*/
/*    background-image: url(//d36ai2hkxl16us.cloudfront.net/m/crowd-culture/cart.svg);*/
/*    background-repeat: no-repeat;*/
/*      background-size: 90%;*/
/*      background-position: 50% 50%;*/
/*      text-indent: 400%;*/
/*      width: 36px;*/
/*      height: 36px;*/
/*      position: absolute;*/
/*      right: 39px;*/
/*      top: 49px;*/
/*    z-index: 4;*/
/*  }*/
/*  .nav ul>li:not(.has-form) a:not(.button):focus,*/
/*  .nav--top ul li:last-of-type a:focus{*/
/*    background-color: transparent;*/

/*  }*/
  /* dropdown */
/*  .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button),*/
/*  .top-bar-section .dropdown li a{*/
/*      width: auto;*/
/*      height: auto;*/
/*    text-indent: 0;*/
/*    overflow: visible;*/
/*      margin-left: 0;*/
/*      text-align: right;*/
/*      padding-right: 15px;*/
/*      color: #000;*/
/*      font-size: 14px;*/
/*      font-weight: normal;*/
/*  }*/
  
/*  .home-hero .hero:before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    top: 44%;*/
/*    left: 0;*/
/*    right: 0;*/
/*    z-index: 5;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.60+100 
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.80) 100%); /* FF3.6-15 
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); /* Chrome10-25,Safari5.1-6 
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.80) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
/*    transition: top 0.3s ease-in;*/
/*  }*/
  
/*  .home-hero .hero .hero__caption{*/
/*      background-color: #000;*/
/*      z-index: 5;*/
/*      color: #fff;*/
/*      width: 90%;*/
/*      left: 50%;*/
/*	  transform: translateX(-50%);*/
/*  }*/
/*  .home-hero .hero .hero__caption h2{*/
/*    font-family: 'Aleo', serif;*/
/*    color: #fff;*/
/*    font-size: 48px;*/
/*  }*/
/*  #learner .home-hero .hero .hero__caption .h4{*/
/*    color: #fff;*/
/*    font-family: 'Aleo', serif;*/
/*    font-weight: 200;*/
/*    font-size: 23px;*/
/*    display: block;*/
/*	text-align: center;*/
/*	max-width: 610px;*/
/*	margin-left: auto;*/
/*	margin-right: auto;*/
/*  }*/

/*  .layout__content .home-hero .hero{*/
/*    margin-bottom: 0;*/
/*  }*/
  /* red items */
/*  .red-images{*/
/*    display: flex;*/
/*  }*/
/*  .red-images--item{*/
/*    width: 33.33%;*/
/*  }*/
/*  .red-images--item a{*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    min-height: 265px;*/
/*  }*/
  /* our courses */
/*  .our-courses-home{*/
/*      padding-left: 4.1rem;*/
/*      padding-right: 4.1rem;*/
/*  }*/
/*  .our-courses-home--wrapper{*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-between;*/
/*  }*/
/*  .our-courses-home--item{*/
/*    width: calc(33.33% - 15px);*/
/*  }*/
  /* red banner */
/*  .home-quotes--item,*/
/*  .home-quotes--item.slick-slide{*/
/*      min-height: 489px;*/
/*      display: flex;*/
/*      flex-direction: column;*/
/*      justify-content: center;*/
/*    background-repeat: no-repeat;*/
/*    background-position: 50% 50%;*/
/*    background-size: cover;*/
/*  }*/
/*  .slick-initialized .home-quotes--item.slick-slide{*/
/*    display: flex;*/
/*  }*/
/*  .home-quotes--holder{*/
/*    width: 80%;*/
/*  }*/
/*  .home-quotes--holder h1{*/
/*    font-size: 2.25rem;*/
/*  }*/
/*  .home-video--wrapper{*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*  }*/
/*  .home-video--item{*/
/*    width: calc(50% - 19px);*/
/*  }*/
  /* footer */
/*  .footer .footer__powered-by{*/
/*    border: none;*/
/*    display: block;*/
/*      padding: 7px 0 0 0;*/
/*      margin: 0;*/
/*  }*/
/*}*/
/*@media only screen and (min-width: 55em){*/

/*  .home-hero .hero .hero__caption{*/
/*      width: 80%;*/
/*  }*/
/*  .home-hero .hero .hero__caption h2{*/
/*    font-size: 53px;*/
/*  }*/
/*}*/

/*@media only screen and (min-width: 72.063em){*/
/*  .home-hero .hero:before{*/
/*    top: 44%;*/
/*  }*/
/*}*/
/*@media only screen and (min-width: 80.063em) {*/

/*}*/

/*}*/
/*.hero__caption {*/
/*    text-align: center;*/
/*    width: 200px;*/
/*    display: block;*/
/*}*/

/*******************************************
****** DIGITAL INTELLECTIVE CSS START ******
*******************************************/
.catalog__ribbon {
  visibility: hidden;
}

/* Heading 1 Style */
.di-customheading {
  font-size: 2.2rem;
  color: #293666;
}

/* Colored Call Out Style */
.di-callouttext {
  font-size: 1.6rem;
  color: #035E72;
  font-weight: 400;
  margin-bottom: 1rem;
  line-height: 1.45;
}

/* Hide TI Reflection Title */
.heading.heading--primary {
  display: none;
}

.quiz__container--learner .question__container {
  padding: 0;
}

/* Reflection Question Heading */
.di-titles-reflection-main {
    display: flex;
    gap: 1.125rem;
    /*background: #424141;*/
    border-bottom: 5px solid #0388a6;
    padding: 0rem 0.5rem;
    align-items: center;
    min-height: 3.5rem;
    margin-bottom: 15px;
}

.di-titles-reflection-title {
    color: black;
    /*font-family: "Montserrat";*/
    font-size: 2.2rem;
    margin-left: -0.5rem;
    font-weight: 600;
    letter-spacing: 0.08rem;
    line-height: 2.2rem;
}

.di-titles-reflection-icon {
    /*background-color: white;*/
    /*mask-image: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/c909c322-0da3-424e-a344-3e8203658162/4hc73eb51z1t-Pen.svg");*/
    /*mask-size: cover;*/
    /*mask-position: center;*/
    /*mask-repeat: no-repeat;*/
    /*-webkit-mask-image: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/c909c322-0da3-424e-a344-3e8203658162/4hc73eb51z1t-Pen.svg");*/
    /*-webkit-mask-size: cover;*/
    /*-webkit-mask-position: center;*/
    /*-webkit-mask-repeat: no-repeat;*/
    background: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/c909c322-0da3-424e-a344-3e8203658162/37abbq48sx1e-Quill3.svg");
    background-size: cover;
    height: 3rem;
    width: 3rem;
    flex-shrink: 0;
}


/* Discussion Board Header */
.di-titles-discussion-main {
    display: flex;
    gap: 1.125rem;
    /*background: #424141;*/
    border-bottom: 5px solid #0388a6;
    padding: 0rem 0.5rem;
    align-items: center;
    min-height: 3.5rem;
}

.di-titles-discussion-title {
    color: black;
    /*font-family: "Montserrat";*/
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 0.08rem;
    line-height: 1.4375rem;
}

.di-titles-discussion-icon {
    /*background-color: white;*/
    /*mask-image: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/c909c322-0da3-424e-a344-3e8203658162/4hc73eb51z1t-Pen.svg");*/
    /*mask-size: cover;*/
    /*mask-position: center;*/
    /*mask-repeat: no-repeat;*/
    /*-webkit-mask-image: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/c909c322-0da3-424e-a344-3e8203658162/4hc73eb51z1t-Pen.svg");*/
    /*-webkit-mask-size: cover;*/
    /*-webkit-mask-position: center;*/
    /*-webkit-mask-repeat: no-repeat;*/
    background: url("https://d36ai2hkxl16us.cloudfront.net/course-uploads/c909c322-0da3-424e-a344-3e8203658162/4gr11t991k5t-Discussion.svg");
    background-size: cover;
    height: 3rem;
    width: 3.8rem;
    flex-shrink: 0;
    margin-bottom: 10px;
}


/* Call Out Quote */
.di-quote-style-1 {
    position: relative;
    background: black;
    padding: 64px 32px 8px 32px;
    filter: hue-rotate(90);
}

.di-quote-style-1 .di-quote-text,
.di-quote-attribution {
    position: relative;
    margin: 32px;
    z-index: 2;
    font-size: 1.1666625em;
    line-height: 1.1666625em;
    color: white;
}

.di-quote-style-1 .di-quote-glyph-1 {
    position: absolute;
    top: 0;
    left: 16px;
    z-index: 0;
    font-size: 300px;
    line-height: 300px;
    /*color: #d9d9d9;*/
    color: #444;
    font-weight: bold;
    font-family: helvetica;
}

/* Remove white padding from quote page */
.di-bg-black {
    background-color: black;
    padding: 2rem;
}

/* Establish Flexbox context for quote page container */
.di-flex {
    display: flex;
}

/* Vertically center items in quote page container */
.di-flex-vertical-center {
    align-items: center;
}


/* Make YouTube Videos Full Width */
.di-video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.di-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Folded flag rules for side-by-side text+icon */
div.di-callout-folded-flag-content {
    display: flex;
}

img.di-callout-folded-flag-content-icon {
    width: 4rem;
    height: 4rem;
    max-width: none;
    max-height: none;
}

/* Folded flag overrides for showing content beneath flag */
div.di-callout-folded-flag-main-content-below {
  display: block;
}

div.di-callout-folded-flag-content-content-below {
  margin-left: 1rem;
}

div.di-callout-folded-flag-text-content-below {
  width: fit-content;
}

/* Example Widget - DARK */
.di-callout-folded-flag-main-dark {
    /*font-family: Lato;*/
    background-color: #ececec;
    padding: 1rem 1rem 1rem 0;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
    margin-left: 2rem;
    display: flex;
}

.di-callout-folded-flag-title-dark {
    /*font-family: Montserrat;*/
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 600;
    letter-spacing: 1px;
    color: white;
    transform: translateX(-1rem) translateY(-0.25rem);
}

.di-callout-folded-flag-title-text-dark {
    background-color: #ab4381;
    white-space: nowrap;
    padding: 0.25rem 0.75rem 0.4rem 0.5rem;
}

.di-callout-folded-flag-title-doodad-dark {
    background-color: #552140;
    height: 0.5rem;
    width: 1rem;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0)
}

.di-callout-folded-flag-content-dark {
    color: #484848;
    line-height: 1.5rem;
    font-size: 1.1rem;
}

/* Example Widget - BLUE */
.di-callout-folded-flag-main-blue {
    /*font-family: Lato;*/
    background-color: #ececec;
    padding: 1rem 1rem 1rem 0;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
    margin-left: 2rem;
    display: flex;
}

.di-callout-folded-flag-title-blue {
    /*font-family: Montserrat;*/
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 600;
    letter-spacing: 1px;
    color: white;
    transform: translateX(-1rem) translateY(-0.25rem);
}

.di-callout-folded-flag-title-text-blue {
    background-color: #293666;
    white-space: nowrap;
    padding: 0.25rem 0.75rem 0.4rem 0.5rem;
}

.di-callout-folded-flag-title-doodad-blue {
    background-color: #18203d;
    height: 0.5rem;
    width: 1rem;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0)
}

.di-callout-folded-flag-content-blue {
    color: #484848;
    line-height: 1.5rem;
    font-size: 1.1rem;
}

/* Example Widget - GRAY */
.di-callout-folded-flag-main-gray {
    /*font-family: Lato;*/
    background-color: #ececec;
    padding: 1rem 1rem 1rem 0;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
    margin-left: 2rem;
    display: flex;
}

.di-callout-folded-flag-title-gray {
    /*font-family: Montserrat;*/
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 600;
    letter-spacing: 1px;
    color: white;
    transform: translateX(-1rem) translateY(-0.25rem);
}

.di-callout-folded-flag-title-text-gray {
    background-color: #484848;
    white-space: nowrap;
    padding: 0.25rem 0.75rem 0.4rem 0.5rem;
}

.di-callout-folded-flag-title-doodad-gray {
    background-color: #181818;
    height: 0.5rem;
    width: 1rem;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0)
}

.di-callout-folded-flag-content-gray {
    color: #484848;
    line-height: 1.5rem;
    font-size: 1.1rem;
}

/* Example Widget - LIGHT */
.di-callout-folded-flag-main-light {
    /*font-family: Lato;*/
    background-color: #ececec;
    padding: 1rem 1rem 1rem 0;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
    margin-left: 2rem;
    display: flex;
}

.di-callout-folded-flag-title-light {
    /*font-family: Montserrat;*/
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 600;
    letter-spacing: 1px;
    color: white;
    transform: translateX(-1rem) translateY(-0.25rem);
}

.di-callout-folded-flag-title-text-light {
    background-color: #0388a6;
    white-space: nowrap;
    padding: 0.25rem 0.75rem 0.4rem 0.5rem;
}

.di-callout-folded-flag-title-doodad-light {
    background-color: #014453;
    height: 0.5rem;
    width: 1rem;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0)
}

.di-callout-folded-flag-content-light {
    color: #484848;
    line-height: 1.5rem;
    font-size: 1.1rem;
}

/* Formatting Changes to List Roll */
.topic__list__title, .h3 {
  color:#464646;
  font-size:2rem;
  padding-top: 0.5rem;
  font-weight:600;
}

.topic__list__info .btn--link {
  color: #0388a6;
}


@media only screen and (max-width: 30em){
.topic__list__thumb {
  width: 10%;
}

.topic__list__info--column {
  width: 90%;
}
}

@media only screen and (min-width:30.063em) and (max-width: 40em){
.topic__list__thumb {
  width: 10%;
}

.topic__list__info--column {
  width: 90%;
}
}

@media only screen and (min-width:40.063em) and (max-width: 64em){
.topic__list__thumb {
  width: 18%;
}

.topic__list__info--column {
  width: 82%;
}
}

@media only screen and (min-width:64.063em) and (max-width: 90em){
.topic__list__thumb {
  width: 13%;
}

.topic__list__info--column {
  width: 87%;
}
}

@media only screen and (min-width:90.063em) and (max-width: 120em){
.topic__list__thumb {
  width: 10%;
}

.topic__list__info--column {
  width: 90%;
}
}

@media only screen and (min-width:120.063em) {
.topic__list__thumb {
  width: 10%;
}

.topic__list__info--column {
  width: 90%;
}
}


/* Reflections ordered list spacing override */
.di-ordered-list-widget.reflections-ordered-list > li.di-ordered-list-item:not(:last-child) {
  margin-bottom: 1rem;
}


/* Custom Ordered List */
ol.di-ordered-list-widget {
    list-style: none;
    /*font-family: Lato, sans-serif;*/
    line-height: unset;
    counter-reset: di-ordered-list 0;
    background: white;
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.di-ordered-list-widget .di-ordered-list-item-title {
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 900;
    color: #484848;
    letter-spacing: 3px;
}

.di-ordered-list-widget .di-ordered-list-item-content {
    line-height: 1.5rem;
    color: #484848;
}

.di-ordered-list-widget > li.di-ordered-list-item {
    position: relative;
    display: flex;
    flex-direction: row nowrap;
    counter-increment: di-ordered-list;
}

.di-ordered-list-widget > li.di-ordered-list-item::before {
    content: counter(di-ordered-list);
}

.di-ordered-list-widget.big-numbers-variant > li.di-ordered-list-item::before {
    color: #0388a6;
    font-size: 2rem;
    line-height: .855em;
    font-weight: 900;
    padding-right: 1rem;
}

.di-ordered-list-widget.small-numbers-variant li.di-ordered-list-item::before {
    color: #0388a6;
    font-size: 1.5rem;
    line-height: 1.25rem;
    font-weight: 900;
    padding-right: 1rem;
    margin-top: 0.15rem;
}

.di-ordered-list-widget.flat-circle-numbers-variant > li.di-ordered-list-item::before {
    font-size: 2.4375rem;
    line-height: 2.4375rem;
    background-color: #0388a6;
    height: fit-content;
    padding: .25rem 1.25rem .25rem 4.25rem;
    border-radius: 0 1.96875rem 1.96875rem 0;
    font-weight: 900;
    margin-right: 1rem;
    margin-top: 4px;
}

.di-ordered-list-widget.flat-circle-numbers-small-variant > li.di-ordered-list-item::before {
    font-size: 1.875rem;
    line-height: 1.875rem;
    background-color: #0388a6;
    height: fit-content;
    padding: .13333em .666em .133333em 2em;
    border-radius: 0 1.96875rem 1.96875rem 0;
    font-weight: 900;
    margin-right: 1rem;
    margin-top: 4px;
}

.di-ordered-list-widget.line-numbers-large-variant > li.di-ordered-list-item::before {
    font-size: 2.4375rem;
    line-height: 1em;
    border-right: .1em solid #0388a6;
    padding: .076923em 1rem 0.076923em 0;
    height: fit-content;
    font-weight: 900;
    margin-right: 1rem;
    margin-top: 4px;
    color: #484848;
}

.di-ordered-list-widget.line-numbers-small-variant > li.di-ordered-list-item::before {
    font-size: 1.875rem;
    line-height: 1em;
    border-right: .1em solid #0388a6;
    padding: 0.076923em 1rem 0.076923em 0;
    height: fit-content;
    font-weight: 900;
    margin-right: 1rem;
    margin-top: 4px;
    color: #484848;
}

.di-ordered-list-widget.square-numbers-large-variant > li.di-ordered-list-item::before {
    font-size: 2.4375rem;
    line-height: 1em;
    background-color: #0388a6;
    padding: 0.5rem 1.1rem;
    height: fit-content;
    font-weight: 900;
    margin-right: 1rem;
    margin-top: 4px;
    color: black;
}

.di-ordered-list-widget.square-numbers-large-outline-variant > li.di-ordered-list-item::before {
    font-size: 2.4375rem;
    line-height: 1em;
    background-color: transparent;
    outline: 4px solid #0388a6;
    padding: 0.5rem 1.1rem;
    height: fit-content;
    font-weight: 900;
    margin-right: 1rem;
    margin-top: 4px;
    color: black;
}

.di-ordered-list-widget.square-numbers-small-variant > li.di-ordered-list-item::before {
    font-size: 1.875rem;
    line-height: 1em;
    background-color: #0388a6;
    padding: 0.5rem 1.1rem;
    height: fit-content;
    font-weight: 900;
    margin-right: 1rem;
    margin-top: 4px;
    color: black;
}

.di-ordered-list-widget.circle-numbers-large-variant > li.di-ordered-list-item::before {
    font-size: 2.4375rem;
    border-radius: 2.4375rem;
    line-height: 1em;
    background-color: #0388a6;
    padding: 0.5rem 1.1rem;
    height: fit-content;
    font-weight: 900;
    margin-right: 1rem;
    margin-top: 4px;
    color: black;
}

.di-ordered-list-widget.circle-numbers-large-outline-variant > li.di-ordered-list-item::before {
    font-size: 2.4375rem;
    border-radius: 2.4375rem;
    line-height: 1em;
    background-color: transparent;
    outline: 4px solid #0388a6;
    padding: 0.5rem 1.1rem;
    height: fit-content;
    font-weight: 900;
    margin-right: 1rem;
    margin-top: 4px;
    color: black;
}

.di-ordered-list-widget.circle-numbers-small-variant > li.di-ordered-list-item::before {
    font-size: 1.875rem;
    border-radius: 1.5625rem;
    line-height: 1em;
    background-color: #0388a6;
    padding: 0.5rem 1rem;
    height: fit-content;
    font-weight: 900;
    margin-right: 1rem;
    margin-top: 4px;
    color: black;
}

.di-ordered-list-widget.call-out-numbers-variant .di-ordered-list-item-title {
    /*font-family: Montserrat;*/
    text-transform: none;
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 600;
    color: #293666;
    letter-spacing: 1.2px;
    padding-bottom: 8px;
    z-index: 5
}

.di-ordered-list-widget.call-out-numbers-variant > li.di-ordered-list-item::before {
    content: counter(di-ordered-list, decimal-leading-zero);
    position: absolute;
    top: -2rem;
    left: -3rem;
    /*font-family: "Montserrat";*/
    font-size: 3.5rem;
    line-height: 3.5rem;
    height: fit-content;
    font-weight: 700;
    color: #4F5050;
    opacity: 0.11;
}

.di-ordered-list-widget.call-out-numbers-variant > li.di-ordered-list-item:not(:last-child) {
    margin-top: 3rem;
}

.di-ordered-list-widget.call-out-numbers-variant > li.di-ordered-list-item {
    margin-left: 1rem;
}

.di-ordered-list-widget.spelled-out-numbers-variant .di-ordered-list-item-title {
    /*font-family: Montserrat;*/
    text-transform: none;
    font-size: 2.1875rem;
    line-height: 2.1875rem;
    font-weight: 600;
    color: #484848;
    letter-spacing: 4.38px;
    z-index: 5
}

.di-ordered-list-widget.spelled-out-numbers-variant > li.di-ordered-list-item::before {
    content: none;
}

.di-ordered-list-widget.spelled-out-numbers-variant .di-ordered-list-item-numeral {
    position: relative;
    content: counter(di-ordered-list);
    /*font-family: "Montserrat";*/
    font-size: 9.6875rem;
    line-height: 9.6875rem;
    height: fit-content;
    font-weight: 700;
    color: rgba(79,80,80,.11);
    min-width: 6.875rem;
    text-align: center;
    margin-right: 3rem;
    margin-top: -1rem;
    z-index: 1;
}

.di-ordered-list-widget.spelled-out-numbers-variant .di-ordered-list-item-word {
    position: absolute;
    top: 50%;
    left: 50%;
    /*font-family: Montserrat;*/
    font-weight: 700;
    font-size: 2.25rem;
    color: #43B4BE;
    line-height: 2.25rem;
    text-transform: uppercase;
    opacity: 1;
    z-index: 10;
    transform: translateX(-50%) translateY(-50%);
}

.di-ordered-list-widget.spelled-out-numbers-variant > li.di-ordered-list-item:not(:last-child) {
    margin-top: 3rem;
}

.di-ordered-list-widget.spelled-out-numbers-variant > li.di-ordered-list-item {
    margin-left: 1rem;
}

.di-ordered-list-widget > li.di-ordered-list-item:not(:last-child) {
    margin-bottom: 3rem;
}

/* Info Icon */
.di-callout-offset-icon-main {
    /*font-family: Lato;*/
    background-color: #0388a6;
    margin: 1rem 0rem 1rem 0rem;
} 

.di-callout-offset-icon-title {
    position: relative;
    font-size: 1.25rem;
    font-weight: 900;
    padding: 1rem 1rem 0 2rem;
    color: white;
}

.di-callout-offset-icon-icon {
    position: absolute;
    top: 5px;
    left: 0;
    transform: translateX(-50%);
    background: white;
    border-radius: 100%;
    border: 0.35rem solid white;
    width: 2.5rem;
}

.di-callout-offset-icon-content {
    line-height: 1.5rem;
    color: white;
    padding: 0rem 2rem 1rem 2rem;
}

/* Outline Square Bullets */
ul.di-unordered-list-widget {
    list-style: none;
    /*font-family: Lato, sans-serif;*/
    line-height: unset;
    background: white;
}

.di-unordered-list-widget .di-unordered-list-item-title {
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 900;
    
    letter-spacing: 3px;
}

.di-unordered-list-widget .di-unordered-list-item-content {
    line-height: 1.5rem;

}

.di-unordered-list-widget > li.di-unordered-list-item {
    position: relative;
    display: flex;
    flex-direction: row nowrap;
}

.di-unordered-list-widget > li.di-unordered-list-item:not(:last-child) {
    margin-bottom: 1rem;
}

.di-unordered-list-widget .di-unordered-list-marker {
    content: "";
    margin-right: 1.25rem;
    margin-top: 0.25rem;
    position: relative;
}

.di-unordered-list-widget.big-squared-variant .di-unordered-list-marker {
    background-color: #0388a6;
    height: 1.5rem;
    min-width: 1.5rem;
}

.di-unordered-list-widget.big-squared-outline-variant .di-unordered-list-marker {
    border: 3px solid #0388a6;
    height: calc(1.5rem - 6px);
    min-width: calc(1.5rem - 6px);
    background-color: #0388a6;
}

.di-unordered-list-widget.small-squared-variant .di-unordered-list-marker {
    background-color: #0388a6;
    height: 1.125rem;
    min-width: 1.125rem;
}

.di-unordered-list-widget.small-squared-outline-variant .di-unordered-list-marker {
    border: 3px solid #0388a6;
    height: calc(1.125rem);
    min-width: calc(1.125rem);
}


.di-unordered-list-widget.big-diamond-variant .di-unordered-list-marker {
    margin-top: 0.5rem;
    margin-right: 1.75rem;
}

.di-unordered-list-widget.big-diamond-variant .di-unordered-list-marker::after {
    content: "";
    display: block;
    background-color: #43B4BE;
    min-height: 1rem;
    min-width: 1rem;
    transform: rotateZ(45deg);
}

.di-unordered-list-widget.big-diamond-outline-variant .di-unordered-list-marker {
    margin-top: 0.5rem;
    margin-right: 1.75rem;
}

.di-unordered-list-widget.big-diamond-outline-variant .di-unordered-list-marker::after {
    content: "";
    display: block;
    border: 3px solid #43B4BE;
    min-height: calc(1rem - 6px);
    min-width: calc(1rem - 6px);
    transform: rotateZ(45deg);
}

.di-unordered-list-widget.big-circle-variant .di-unordered-list-marker {
    background-color: #43B4BE;
    height: 1.5rem;
    min-width: 1.5rem;
    border-radius: 100%;
}

.di-unordered-list-widget.big-circle-outline-variant .di-unordered-list-marker {
    border: 3px solid #43B4BE;
    height: calc(1.5rem - 6px);
    min-width: calc(1.5rem - 6px);
    border-radius: 100%;
}

.di-unordered-list-widget.big-arrow-variant .di-unordered-list-marker {
    width: 0;
    height: 0;
    border-top: 0.75rem solid transparent;
    border-left: 1.5rem solid #43B4BE;
    border-bottom: 0.75rem solid transparent;
}

.di-unordered-list-widget.big-arrow-outline-variant .di-unordered-list-marker {
    width: 0;
    height: 0;
    border-top: 0.75rem solid transparent;
    border-left: 1.5rem solid #43B4BE;
    border-bottom: 0.75rem solid transparent;
}

.di-unordered-list-widget.big-arrow-outline-variant .di-unordered-list-marker::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 0.45rem solid transparent;
    border-left: 0.9rem solid white;
    border-bottom: 0.45rem solid transparent;
    position: absolute;
    top: 50%;
    left: calc(-1.5rem + 3px);
    transform: translateY(-50%);
}

/* Bookends */
.di-text-embellishments-bookends-main {
    width: 100%;
    display: flex;
    align-items: center;
    /*font-family: Montserrat;*/
    background-color: white;
    box-sizing: border-box;
    margin-bottom: 2rem;
}

.di-text-embellishments-bookends-spacer {
    height: 0.25rem;
    width: 100%;
    background-color: #0388a6;
    border-radius: 0.25rem;
}

.di-text-embellishments-bookends-content.text {
    white-space: nowrap;
    font-weight: 800;
    font-size: 2.2rem;
    line-height: 2.2rem;
    letter-spacing: 0.36px;
    padding-right: 1.5rem;
    color: #293666;
}

.di-text-embellishments-bookends-content.circle-icon {
    position: relative;
    display: block;
    border-radius: 100%;
    text-align: center;
    margin: 0.25rem 0.75rem;
    height: 4.625rem;
    min-width: 4.625rem;
    width: fit-content;
}

.di-text-embellishments-bookends-content.circle-icon img {
    position: absolute;
    width: 50%;
    height: auto;
    object-fit: cover;
    top: 0;
    left: 50%;
    bottom: 0;
    margin: auto;
    transform: translateX(-50%);
}

.di-text-embellishments-bookends-content.circle-icon.filled {
    background-color: #43B4BE;
}

.di-text-embellishments-bookends-content.circle-icon.outline {
    background-color: white;
    border: 4px solid #43B4BE;
    outline-style: none;
    padding: calc(2.25rem - 4px);
}

.di-text-embellishments-bookends-content.circle-text {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 4.5rem;
    letter-spacing: 0.71px;
    color: #484848;
    height: 4.625rem;
    min-width: 4.625rem;
    width: fit-content;
    text-align: center;
    border-radius: 100%;
    margin: 0.25rem 0.75rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.di-text-embellishments-bookends-content.circle-text.filled {
    background-color: #43B4BE;
}

.di-text-embellishments-bookends-content.circle-text.outline {
    background-color: white;
    border: 4px solid #0388a6;
    line-height: calc(4.5rem - 6px);
}

.quiz__container--learner .choices__list li .choice {
  font-size: 1rem;
}

/* Comparison Widget */
.di-misc-comparison-main {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin-bottom: 2rem;
    gap: 2rem;
}

.di-misc-comparison-item {
    position: relative;
    margin-top: 3rem;
    width: 18.75rem;
    padding: 3.5rem 1.75rem 1.75rem 1.75rem;
    /*font-family: Lato;*/
    line-height: 1.5rem;
    color: #484848;
    flex: 1;
}

.di-misc-comparison-item-icon {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.di-misc-comparison-item-icon-wrapper {
    position: relative;
    display: block;
    border-radius: 100%;
    padding: 2.5rem 3rem;
    border: 4px solid white;
    text-align: center;
}

.di-misc-comparison-item-icon-wrapper::before {
    content: "";
    padding-top: 100%;
    display: block;
}

.di-misc-comparison-item-icon-wrapper img {
    position: absolute;
    width: 40%;
    height: auto;
    object-fit: cover;
    top: 0;
    left: 50%;
    bottom: 0;
    margin: auto;
    transform: translateX(-50%);
}

.di-misc-comparison-item.colored .di-misc-comparison-item-icon-wrapper {
    background-color: #0388a6;
}

.di-misc-comparison-item.gray .di-misc-comparison-item-icon-wrapper {
    background-color: #ab4381;
}

.di-misc-comparison-main.filled .di-misc-comparison-item {
    background-color: #EAEAEA;
    border: 3px solid transparent;
}

.di-misc-comparison-main.outline .di-misc-comparison-item.colored {
    border: 3px solid #0388a6;
}

.di-misc-comparison-main.outline .di-misc-comparison-item.gray {
    border: 3px solid #ab4381;
}

/* Text Embellishments */
.di-text-embellishments-line-enhancements-main {
    box-sizing: border-box;
    /*font-family: Lato;*/
    padding: 1rem;
    background-color: white;
}

.di-text-embellishments-line-enhancements-container {
    display: flex;
    flex-flow: column nowrap;
    width: min-content;
}

.di-text-embellishments-line-enhancements-text {
    font-weight: 900;
    font-size: 1.2rem;
    line-height: 1.2rem;
    letter-spacing: .33px;
    color: black;
    margin: 0.25rem 0;
    width: max-content;
}

.di-text-embellishments-line-enhancements-line {
    display: inline;
    height: 6px;
    width: 25%;
    background-color: #0388a6;
}

.di-text-embellishments-line-enhancements-line.left {
    margin: 0 auto 0 0;
}

.di-text-embellishments-line-enhancements-line.center {
    margin: 0 auto;
}

.di-text-embellishments-line-enhancements-line.right {
    margin: 0 0 0 auto;
}


/* Non-Bulleted List */
.di-no-bullet-list-item-title {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 800;
    color: #484848;
    letter-spacing: 3px;
    margin-left: 2rem;
}

.di-no-bullet-list-item-content {
    line-height: 1.5rem;
    color: #484848;
    margin-left: 2rem;
}

/* Reminder Call Out */
.di-callout-circle-banner-main {
    padding: 2.375rem 1rem;
    /*font-family: Montserrat, sans-serif;*/
    margin-top: -1rem;
    background-color: white;
}

.di-callout-circle-banner-banner {
    position: relative;
    height: 4.375rem;
    width: 100%;
    background-color: #293666;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.di-callout-circle-banner-header {
    padding: 0 2.75rem;
    font-size: 2.625rem;
    font-weight: 600;
    letter-spacing: 5.25px;
    line-height: 1.5rem;
    color: white;
}

.di-callout-circle-banner-circle {
    position: absolute;
    right: 8.125rem;
    height: 10rem;
    width: 10rem;
    font-size: 10.625rem;
    line-height: 10.625rem;
    font-weight: 600;
    color: white;
    background-color: #0388a6;
    border-radius: 100%;
    text-align: center;
    shape-outside: circle();
}

.di-callout-circle-banner-circle-icon {
    height: 6rem;
    line-height: 6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.di-callout-circle-banner-text-container {
    border-bottom: 3px solid #293666;
    margin-left: 1rem;
}

.di-callout-circle-banner-text {
    padding: 1rem 1rem 1.5rem 1rem;
    line-height: 1.5rem;
    color: #484848;
}

.di-callout-circle-banner-buffer {
    display: inline;
    width: 10rem;
    margin-right: 8.125rem;
    height: 3rem;
    float: right;
}

/* Essay Question Formatting */
.bordered__header {
    /*background-color: #0388a6;*/
    /*border-left: 1px solid #0388a6;*/
    /*border-right: 1px solid #0388a6;*/
    /*color: #ffffff;*/
    font-size: .9rem;
    font-weight: 600;
    padding: 1em;
    letter-spacing: 1.5px;
}

.bordered__header.bordered__header--top {
    /*border-top: 1px solid #0388a6;*/
}

.essay-widget {
  margin-bottom: 1em;
}

/* Bookends */
.di-text-embellishments-bookends-main {
    width: 100%;
    display: flex;
    align-items: center;
    /*font-family: Montserrat;*/
    padding: 0 1.25rem;
    background-color: white;
    box-sizing: border-box;
}

.di-text-embellishments-bookends-spacer {
    height: 0.25rem;
    width: 100%;
    background-color: #293666;
    border-radius: 0.25rem;
}

.di-text-embellishments-bookends-content.text {
    white-space: nowrap;
    font-weight: 800;
    font-size: 1.25rem;
    line-height: 1.25rem;
    letter-spacing: 0.36px;
    padding: 2rem 0;
    margin: 0 1.5rem;
}

.di-text-embellishments-bookends-content.circle-icon {
    position: relative;
    display: block;
    border-radius: 100%;
    text-align: center;
    margin: 0.25rem 0.75rem;
    height: 4.625rem;
    min-width: 4.625rem;
    width: fit-content;
}

.di-text-embellishments-bookends-content.circle-icon img {
    position: absolute;
    width: 50%;
    height: auto;
    object-fit: cover;
    top: 0;
    left: 50%;
    bottom: 0;
    margin: auto;
    transform: translateX(-50%);
}

.di-text-embellishments-bookends-content.circle-icon.filled {
    background-color: #293666;
}

.di-text-embellishments-bookends-content.circle-icon.outline {
    background-color: white;
    border: 4px solid #293666;
    padding: calc(2.25rem - 4px);
}

.di-text-embellishments-bookends-content.circle-text {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 4.5rem;
    letter-spacing: 0.71px;
    color: #293666;
    height: 4.625rem;
    min-width: 4.625rem;
    width: fit-content;
    text-align: center;
    border-radius: 100%;
    margin: 0.25rem 0.75rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.di-text-embellishments-bookends-content.circle-text.filled {
    background-color: #293666;
}

.di-text-embellishments-bookends-content.circle-text.outline {
    background-color: white;
    border: 4px solid #293666;
    line-height: calc(4.5rem - 6px);
}

/* Rejoinder on Journals */
.quiz__start {
  padding-top: 15px;
  padding-bottom: 1rem;
}

/* Audio Player */
.di-audio-demo-container {
    /*text-align:center;*/
    /*padding: 5rem 0;*/
  }
  
  .di-audio-demo-audio {
    width: 50%;
    /*height: 1.5rem;*/
    /*border: solid 2px #0388a6;*/
    border-radius: 50px;
  }
  
  /* Resource Page Title Changes */
  .resource__title {
    background-color: #0388a6;
    opacity:0.8;
    color: white;
    font-size: 1.1rem;
    font-weight: bold;
    text-align: center;
}  

/************************************************************
***  Common CSS for the DI CALLOUT BASIC BOX widget type  ***
************************************************************/
.di-callout-basic-box-main {
}

.di-callout-basic-box-main > .di-callout-basic-box-title {
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: 0.5px;
    display: flex;
    justify-content: space-between;
    padding: 0.25rem 0.5rem;
}

.di-callout-basic-box-main > .di-callout-basic-box-content {
    line-height: 1.25rem;
    color: #484848;
    padding: 1rem;
}

/***********************************
***  CSS for the Camden variant  ***
***********************************/
.di-callout-basic-box-main-Camden {
    border: 2px solid #293666;
}

.di-callout-basic-box-main-Camden > .di-callout-basic-box-title {
    background-color: #293666;
    color: white;
}

.progress.colorized .meter {
    background: linear-gradient(90deg,#293666,#0388a6);
}

.avatar.avatar--completion-criteria {
    display: none;
}

.course-progress {
    margin-top: 0.5rem;
    }

/***********************************
***  CSS for Reflectio Drop Down  ***
***********************************/
    .camden_pointer {
    cursor: pointer;
}

details.camden_dropdown {
    border: 1px solid #0388a6 !Important;
    padding: .75em .75em 0;
    margin-top: 10px;
    box-shadow: 0 0 5px #d4d4d4;
    margin-bottom: 1.5rem;
}

summary.camden_dropdown {
    font-weight: bold;
    margin: -.75em -.75em 0;
    padding: .75em;
    background-color: #0388a6;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

  /* Remove Attach File Button on all Discussion Boards */
.thread__options__container.comment__attachments__container {
    display: none;
}

/* Remove the double up of "Enter Your Comment Here on Discussion Boards */
.topic__container__discussion-board .comment__editor label {
    visibility: hidden;
    margin-bottom: 0;
}

/******************* CSS FROM DIGITAL INTELLECTIVE FOR CAMDEN *******************/
/* INLINE ON HOMEPAGE ONLY */
/* Formatting: Header background the controling level of elements */
.company__beta-logo {
	background: transparent;
}

.home.index .container .header--microsite {
	background: #293666;
}

.home.index .container .header--microsite .nav.nav--top {
	z-index: 3;
	position: relative;
}

.home.index .container .header--microsite .company__beta-logo {
	z-index: 3;
	position: relative;
}

.home.index .container .home__content {
	z-index: 2;
	position: relative;
	margin-top: -2.75rem;
}

/* Formatting: Change logo to white for homepage only */
.home.index .container .header--microsite .company__beta-logo .company-logo__container img {
	content: url(https://media.thoughtindustries.com/course-uploads/ac46a9a1-1dd8-4a79-9b4b-82de59ceb848/9nlchyzmtjiy-WhiteCamdenLogo.svg);
    padding-top: 10px;
}

/* Formatting: Change Manager Access Button for Homepage Only */
.home.index .container .header--microsite .header__inner .nav--top ul li:first-of-type a {
	background: white;
    color: black;
    border-radius: 6px;
    border: 1px solid white;
    padding: 8px 35px;
    margin-bottom: 0;
}


/******************* DESIGN REFRESH CSS FROM DIGITAL INTELLECTIVE FOR CAMDEN *******************/

/* Variables for colors and font sizes reused throughout
the rest of the CSS */
:root {
  --camden-yellow: #e7aa30;
  --camden-dark-blue: #293666;
  --camden-pink: #ab4381;
  --camden-green: #0388a6;
  --camden-dark-green: #035e72;
}


/******* GLOBAL CSS *******/
/******* Header *******/
/* LOGO */
.company__beta-logo {
	background: transparent;
}

/* BUTTONS */
/* Formatting: Background color, Text color, and Padding */
.header__inner .nav.nav--top li > #cart-button {
	background: #0388a6 !important;
    color: white;
    border-radius: 6px;
    border: 1px solid #03819D;
    padding: 8px 35px;
	margin-bottom: 0;
}

/* Placement: Centering buttons and Increasing gap */
.header__inner .nav.nav--top > ul {
	display: flex;
	gap: 20px;
	align-items: center;
}

/******* Footer *******/
/* Formatting and Layout: Take out background color and Top margin */
.footer__inner {
    background-color: white;
    padding-top: 0;
	border-top: 0;
}

/* Formatting: Color of company info */
.footer .footer__company__info {
    color: #333333;
}

/* Formatting: Color of links */
.footer .footer__links {
    color: #333333;
}

/* Formatting: Color of Contact Support link */
.footer .footer__links .link a {
	color: #333333;
	text-decoration: none !important;
}

/******* Course Detail Pages *******/
/* LEARNING PATH SPECIFIC PAGES */
/* Layout: Hide Automated List of Courses */
.collection__courses {
	display: none;
}

/* Layout: Remove Margins for Tabs */
.learning-path .course__detail__container .course__detail__content .row > .column.small-12:first-of-type {
	padding-left: 0;
	padding-right: 0;
}

/* SIDEBAR */
/* Formatting: Enroll Today Text */
.course__detail__container .course__detail__sidebar .layout__content--sidebar .enroll .enroll__title {
/*	font-family: Aleo-Light;*/
	font-family: Aleo, Georgia, serif;
    font-size: 1.1rem;
    color: #293666;
    font-weight: 200;
	margin-bottom: 0.25rem;
}

/* Layout: Run Dates */
.course__detail__container .course__detail__sidebar .layout__content--sidebar .enroll .course__detail__runs {
	margin: 0 0 1.25em;
}

/* Layout: Drop Down */
.course__detail__container .course__detail__sidebar .layout__content--sidebar .enroll .enroll__session__select {
	margin-bottom: 0.5rem !important;
}

/* Format: Drop Down */
.course__detail__container .course__detail__sidebar .layout__content--sidebar .enroll select.enroll__session__select {
	background-color: white;
	border-radius: 2px;
}

/* Formatting: Price */
.course__detail__container .course__detail__sidebar .layout__content--sidebar .enroll .enroll__price {
/*	font-family: IBMPlexSans-Medium;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    color: #035E72;
    line-height: 40px;
    font-weight: 200;
	margin-bottom: 0;
}

/* Formatting: Enroll Now Button */
.course__detail__container .course__detail__sidebar .layout__content--sidebar .enroll .enroll__buy .btn {
	border-radius: 8px;
	background: white;
	border: 1px solid #293666;
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
	color: #293666;
	padding: .5em 3em;
}

.course__detail__container .course__detail__sidebar .layout__content--sidebar .enroll .enroll__buy .btn:hover {
	background: #293666;
	color: white;
}

/* Formatting: Horizontal Line */
.course__detail__container .course__detail__sidebar .layout__content--sidebar .enroll hr {
	border-style: dashed;
}

/* CONTENT */
/* Layout: Make image fill the entire column */
.course__detail__container .course__detail__content .course__detail__asset img {
    width: 100%;
}

/* Formatting: Round tabs and Bottom Border */
.course__detail__container .course__detail__content .tabs .tab-title > a {
	border-radius: 5px 5px 0 0;
	border-bottom: solid 3px #efefef;
}

/* Formatting: Border Under Tabs*/
.course__detail__container .course__detail__content .tabs .tab-title.active {
	border-bottom: solid 2px #293666;
}

.course__detail__container .course__detail__content .tabs {
	border-color: white;
}

.course__detail__container .course__detail__content .tabs .tab-title.active a {
	border-bottom: solid 2px #293666;
}

.course__detail__container .course__detail__content .tabs-content {
	border-top: dashed 2px #293666;
	margin-top: -3px;
	position: relative;
}

.course__detail__container .course__detail__content .tabs-content > .content {
	padding: 0;
}

/* Formatting: Text Within Tabs */
.course__detail__container .course__detail__content .tabs-content .editor-content h2 {
	font-family: Aleo, Georgia, serif !Important;
    color: #293666;
	font-size: 1.3rem !important;
}

.course__detail__container .course__detail__content .tabs-content .editor-content .detail-sub-heading {
/*	font-family: IBMPlexSans-Medium !Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.1rem;
    line-height: 29px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.course__detail__container .course__detail__content .tabs-content .editor-content > ul {
	padding-left: 0;
}

.course__detail__container .course__detail__content .tabs-content .editor-content > ul > li::marker {
	color: #e7aa30;
}

.course__detail__container .course__detail__content .tabs-content .editor-content .detail-callout {
	color: #035e72;
	font-size: 1.2rem;
/*	font-family: IBMPlexSans-SemiBold;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
	margin-top: 1.5rem;
}

/* Layout and Formatting: Courses Included */
/* COURSE TILES */
/* Formatting and Layout: Tile border radius and padding */
.course__detail__container .course__detail__content .tabs-content .editor-content .catalog-grid-item {
    border-radius: 6px;
    padding: 5px 10px;
}

/* Layout: Make all of the boxes the same height */
.course__detail__container .course__detail__content .tabs-content .editor-content .catalog-grid-item {
	height: 100%;
}


.course__detail__container .course__detail__content .tabs-content .editor-content ul.featured-content-block-grid {
	display: flex;
	flex-wrap: wrap;
}

.course__detail__container .course__detail__content .tabs-content .editor-content ul.featured-content-block-grid li {
	display: flex;
}

.course__detail__container .course__detail__content .tabs-content .editor-content ul.featured-content-block-grid li .catalog-item {
	width: 100%;
}



.course__detail__container .course__detail__content .tabs-content .editor-content ul.featured-content-block-grid li .row .column.medium-12:last-of-type {
	display: flex;
	height: 100%;
}


/* Layout: Hide Course Price */
.course__detail__container .course__detail__content .tabs-content .editor-content .grid-cols-3 {
    grid-template-columns: none;
}

.course__detail__container .course__detail__content .tabs-content .editor-content .grid-cols-3 > .col-span-2 {
	display: none;
}

/* Formatting: Course Title */
.course__detail__container .course__detail__content .tabs-content .editor-content .catalog-grid-item__body .catalog-grid-item__title {
/*	font-family: IBMPlexSans-Semibold;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    color: #000000;
}

/* Layout: Padding above description to allow for blue line after */
.course__detail__container .course__detail__content .tabs-content .editor-content .catalog-grid-item__body .catalog-grid-item__description {
	position: relative;
	padding-top: 10px;
}

/* Formatting: Adding horizontal line */
.course__detail__container .course__detail__content .tabs-content .editor-content .catalog-grid-item__body .catalog-grid-item__description:before {
    border-width: 2px 0 0;
	border: solid #03819d;
    content: " ";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}


/* Formatting: Remove gray horizontal line */
.course__detail__container .course__detail__content .tabs-content .editor-content .catalog-grid-item__body hr.catalog-grid-item__hr {
	display: none;
}

/* Layout: Call-to-Action */
.course__detail__container .course__detail__content .tabs-content .editor-content .catalog-grid-item .catalog-grid-item__cta-container {
    margin-top: 10px;
    margin-bottom: 5px;
}

/* Formatting: Call-to-Action Color*/
.course__detail__container .course__detail__content .tabs-content .editor-content .catalog-grid-item .catalog-grid-item__cta-container .btn--link.btn--primary {
	color: #293666;
}



/******* COMMON WIDGETS *******/
/******* White Header *******/
/* Formatting: Background image and spacing */
.camden.camden-banner-white {
	background: url(https://media.thoughtindustries.com/course-uploads/ac46a9a1-1dd8-4a79-9b4b-82de59ceb848/igwuwuyleq3e-BlueCatalogImage.svg);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: top right;
	margin: -3.5rem -1rem 0;
	min-width: calc(100% + 2rem);
	border-bottom: solid 5px #293666;
	padding: 5rem 3rem 0.5rem;
}

/* Formatting: Page Header */
.camden.camden-banner-white h1 {
    font-family: Aleo, Georgia, serif !Important;
    text-transform: uppercase;
    font-size: 2.5rem;
    color: #333333;
    padding-bottom: 0;
	padding-right: 0.5rem;
	font-weight: 200;
	background: white;
	border: solid 1px white;
	width: fit-content;
	margin: 1rem 0 0;
}

/******************* RESPONSIVENESS *******************/
@media (min-width: 0px) and (max-width: 24em) {
	.camden.camden-banner-white {
		background: white;
		margin-top: 0;
		padding-top: 0;
	}
}

/******* Contact Us Footer *******/
/* GENERAL */
/* Layout: Background image padding, and Force it to go all the way across */
.widget--one-column.widget--one-column_standard.camden.group-pricing {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 4.5rem;
	margin-bottom: 2rem;

}

/* Formatting: Widget Title */
.widget--one-column.widget--one-column_standard.camden.group-pricing .widget__title {
	text-transform: uppercase;
/*    font-family: IBMPlexSans-Text !Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 2rem;
    color: #FFFFFF;
}

/* Formatting: Descriptive Copy */
.widget--one-column.widget--one-column_standard.camden.group-pricing .widget__subtitle {
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-size: 1.25rem;
    color: #FFFFFF;
	margin-bottom: 30px;
}

/* Layout: Hide Empty Description Box */
.widget--one-column.widget--one-column_standard.camden.group-pricing .ember-view > .row {
	display: none;
}

/* Layout: Center CTA button and Top Margin */
.widget--one-column.widget--one-column_standard.camden.group-pricing .ember-view .widget__cta {
	display: flex;
	padding: 0;
}

/* Formatting and Layout: Call to Action Button */
.widget--one-column.widget--one-column_standard.camden.group-pricing .ember-view .widget__cta .btn {
    font-size: 1.25rem;
    border-radius: 8px;
    background: #E7AA30;
    border: 1px solid #E7AA30;
    padding: 15px 80px;
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    color: #000000;
}

.widget--one-column.widget--one-column_standard.camden.group-pricing .ember-view .widget__cta .btn:hover {
    background: #ffffff;
    border: 1px solid #E7AA30;
    color: #9B6E12;
}

/* BLUE VARIANT */
/* Formatting: Background Image*/
.widget--one-column.widget--one-column_standard.camden.camden-blue.group-pricing {
	background-image: url(https://media.thoughtindustries.com/course-uploads/ac46a9a1-1dd8-4a79-9b4b-82de59ceb848/w2mr15rx3had-CamdenFooterBlueImage.svg);
}

/* GREEN VARIANT */
/* Formatting: Background Image*/
.widget--one-column.widget--one-column_standard.camden.camden-green.group-pricing {
	background-image: url(https://media.thoughtindustries.com/course-uploads/ac46a9a1-1dd8-4a79-9b4b-82de59ceb848/cicxscozxo0c-TurquoiseFooterImage.svg);
}

/* PINK VARIANT */
/* Formatting: Background Image*/
.widget--one-column.widget--one-column_standard.camden.camden-pink.group-pricing {
	background-image: url(https://media.thoughtindustries.com/course-uploads/ac46a9a1-1dd8-4a79-9b4b-82de59ceb848/2bgd876bk44a-Magentahexagonfooter.png);
}

/******* Modality Sidebar Widget *******/
/* Formatting: Border and Padding for Widget*/
.camden-modality-widget-container {
	border-top: solid 4px #F4F4F4;
    border-bottom: solid 4px #F4F4F4;
    padding: 1.5rem 2.5rem;
    display: flex;
	gap: 1rem;
	margin-left: -3rem;
	margin-right: -3rem;
}

/* Layout: Move Icon up to match text */
.camden-modality-widget-container img {
	margin-top: 4px;
}

/* Layout: Max Width for Content */
.camden-modality-widget-container > div {
	max-width: 80%;
}

/* Formatting: Description */
.camden-modality-widget-container > div > p {
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    color: #333333;
    line-height: 22px;
}

/* Formatting: Link */
.camden-modality-widget-container > div > a {
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 0.95rem;
    color: #293666 !important;
    text-align: center;
    text-transform: uppercase;
}

/* Formatting: Blue Variant */
.camden-modality-widget-container.blue > div > a {
    color: #293666 !important;
}

/* Formatting: Blue Variant */
.camden-modality-widget-container.green > div > a {
    color: #03819D !important;
}

/******************* RESPONSIVENESS *******************/
@media (min-width: 0px) and (max-width: 1280px) {
	.camden-modality-widget-container {
		flex-wrap: wrap;
		gap: 0;
		justify-content: center;
		text-align: center;
	}
}

@media (min-width: 0px) and (max-width: 992px) {
	.camden-modality-widget-container {
		padding: 1rem 0.5rem;
	}
}

@media (min-width: 0px) and (max-width: 40.063em) {
	.camden-modality-widget-container > p {
		width: 100%;
	}
}

/******* Certificate Sidebar Widget *******/
/* Layout: Icon */
.camden-certificate-widget-container > p {
	text-align: center;
	margin-bottom: -3rem;
}

/* Formatting: Content Box */
.camden-certificate-widget-container .certificate-main {
	background: #F7F8F9;
    text-align: center;
    padding: 4rem 1.5rem 1rem;
    border-radius: 5px;
    border: solid 1px #F7F8F9;
}

/* Formatting: Paragraph text */
.camden-certificate-widget-container .certificate-main p {
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
}

/* Formatting: Learning Path Title */
.camden-certificate-widget-container .certificate-main h4 {
/*	font-family: Aleo-Regular !Important;*/
	font-family: Aleo, Georgia, serif !Important;
    font-size: 1.5rem;
    text-align: center;
    line-height: 27px;
    font-weight: 200;
}

/* Formatting: Button */
.camden-certificate-widget-container .certificate-main .btn {
	border-radius: 8px;
    color: white;
    text-transform: uppercase;
/*    font-family: IBMPlexSans-Text;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    padding: .75em;
}

/* Blue Variant */
.camden-certificate-widget-container.blue .certificate-main h4 {
	    color: #293666;
}

.camden-certificate-widget-container.blue .certificate-main .btn, .camden-certificate-widget-container.blue .certificate-main .btn:hover {
    background: #293666;
    border: 3px solid #293666;
}

/* Green Variant */
/* Blue Variant */
.camden-certificate-widget-container.green .certificate-main h4 {
	    color: #03819D;
}

.camden-certificate-widget-container.green .certificate-main .btn, .camden-certificate-widget-container.green .certificate-main .btn:hover {
    background: #03819D;
    border: 3px solid #03819D;
}

/******* HOME PAGE *******/
/* HERO BANNER */
/* Formatting: Add background image to widget */
.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner {
	background: url(https://media.thoughtindustries.com/course-uploads/ac46a9a1-1dd8-4a79-9b4b-82de59ceb848/ir79i752egt9-CamdenHeaderBackground.svg);
	background-repeat: no-repeat;
    background-size: cover;
/*
    margin-left: -1rem;
    margin-right: -1rem;
    min-width: calc(100% + 2rem);
*/
    margin-bottom: 1rem;
	padding-bottom: 0;
	background-position: top right;
	margin-top: -2rem;
}

/* Layout: Positioning of elements within the hero widget */
.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row {
	padding-top: 2rem;
	display: flex;
/*	align-items: center;*/
}

.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:first-of-type {
/*	width: 60%;*/
	padding-right: 0;
	padding-left: 2rem;
	display: flex;
	align-items: center;
}

.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:last-of-type {
	display: flex;
	align-items: flex-end;
}

.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:last-of-type p {
	margin-bottom: 0;
}

/* Formatting: Widget Heading */
.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:first-of-type h1 {
/*	font-family: Aleo-Regular !Important;*/
	font-family: Aleo, Georgia, serif !Important;
    font-size: 4.25rem;
    color: #FFFFFF;
    text-align: left;
    line-height: 1.1;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

/* Formatting: Widget Sub-Heading */
.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:first-of-type h2 {
/*	font-family: IBMPlexSans-Light !Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-size: 2rem;
    color: #FFFFFF;
    text-align: left;
    line-height: 1;
    font-weight: 100;
    margin-bottom: 3rem;
}

/* Formatting: Button */
.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:first-of-type .btn, .widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:first-of-type .btn:hover {
	border-radius: 8px;
    background: #E7AA30;
    border: 1px solid #E7AA30;
    font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.5rem;
    color: #000000;
    padding: 15px 12%;
}

/* DESCRIPTIVE PARAGRAPH */
/* Formatting: Format of Text */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.description p {
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-size: 1.5rem;
    color: #333333;
    text-align: center;
    text-transform: uppercase;
    padding: 0 15%;
    margin-bottom: 0;
}

/* SEARCH BAR */
/* Layout: Spading under widget */
.widget--searchbar.widget--searchbar_standard.camden.camden-home-page.search-bar {
	margin-bottom: 1.25rem;
}

/* Formatting: Round Edges of Search Bar */
.widget--searchbar.widget--searchbar_standard.camden.camden-home-page.search-bar .form-control .btn--submit {
    border-radius: 0 6px 6px 0 !important;
}

.widget--searchbar.widget--searchbar_standard.camden.camden-home-page.search-bar .search-bar-widget input[type=text] {
	border-radius: 6px 0 0 6px;
}

/* Formatting: Text "Search for Content" */
.widget--searchbar.widget--searchbar_standard.camden.camden-home-page.search-bar .search-bar-widget input {
	font-size: 1rem;
}

/* Formatting: Make Search Box Green */
.widget--searchbar.widget--searchbar_standard.camden.camden-home-page.search-bar .btn--primary {
    background-color: #03819D;
	border-color: #03819D;
}

.widget--searchbar.widget--searchbar_standard.camden.camden-home-page.search-bar .btn--primary:hover {
    background-color: #03819D;
	border-color: #03819D;
}

/* TOPIC TAXONOMY */
/* Layout: Left and Right Space of Widget */
.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas {
	margin: 0 1rem;
}

/* Layout: Spacing between boxes */
.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .row {
	display: flex;
	gap: 20px;
	max-width: 100%;
}

.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .row:before {
	display: none;
}

.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .row:after {
	display: none;
}

/* Formatting: Add border and padding to each box */
.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .medium-6.large-3.columns {
	border: solid 1px #e9e9e9;
    border-radius: 6px;
    padding: 1.75em 1em;
	display: flex;
}

/* Layout: Placement of Title and Icon within each box */
.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .medium-6.large-3.columns .taxonomy-main {
	display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    height: 100%;
}

.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .medium-6.large-3.columns .taxonomy-main div.camden-cta-container {
	display: flex;
    width: 100%;
    align-content: flex-end;
    justify-content: flex-end;
}

.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .medium-6.large-3.columns .taxonomy-main div.camden-cta-container p {
	margin-bottom: 0;
}

.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .medium-6.large-3.columns .taxonomy-topic-container {
	display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .medium-6.large-3.columns .taxonomy-topic-container p {
	margin-bottom: 0;
	width: 50px;
	min-width: 50px;
}

/* Formatting: Column Title */
.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .medium-6.large-3.columns .taxonomy-topic-container h3 {
	font-size: 1.1rem;
/*    font-family: IBMPlexSans-Medium !important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
	color: #101010;
	margin-bottom: 0;
	padding-right: 1rem;
}

.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .medium-6.large-3.columns p {
	font-size: 0.95rem;
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
}

/* Formatting: Coloring and placement of Learn More link */
.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .medium-6.large-3.columns p.link {
	float: right;
	margin-top: 1rem;
	color: #03819D;
}

/*Formatting: Remove link formatting for all other text in button*/
.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .medium-6.large-3.columns .editor-content a:not(.btn) {
    color: #333333;
}

/*
.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .medium-6.large-3.columns a:hover {
	float: right;
	margin-top: 1rem;
	color: #03819D;
}
*/

/* PRODUCT LIST */
/* Formatting: Adding background, box-shadow and spacing for widget */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.product-list {
	background: #F0F1F4;
/*
    margin-left: -1rem;
    margin-right: -1rem;
    min-width: calc(100% + 2rem);
*/
    padding: 1.75rem;
    box-shadow: 0 -4px 6px -4px rgba(0, 0, 0, 0.25), 0 4px 6px -4px rgba(0, 0, 0, 0.25);
    margin-top: 3rem;
}

/* Layout: Make bullets spread across the widget and center vertically */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.product-list ul {
	display: flex;
	justify-content: center;
	gap: 5rem;
	margin-bottom: 0;
	align-items: center;
	padding: 0 2rem;
	margin: 0 2rem;
}

.widget--one-column.widget--one-column_standard.camden.camden-home-page.product-list ul li {
	margin: 0;
}

/* Formatting: Color and format of Text */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.product-list ul li a {
/*	font-family: IBMPlexSans-Medium;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.1rem;
    color: #000000;
    text-transform: uppercase;
}

/* Formatting: Changing bullet to image */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.product-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget--one-column.widget--one-column_standard.camden.camden-home-page.product-list ul li a {
	position: relative;
	padding-left: calc(3rem + 0.5rem);
	min-height: 3rem;
	display: flex;
	align-items: center;
	text-decoration: none;
}

.widget--one-column.widget--one-column_standard.camden.camden-home-page.product-list ul li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 3rem;
	height: 3rem;
	background: url(https://media.thoughtindustries.com/course-uploads/ac46a9a1-1dd8-4a79-9b4b-82de59ceb848/qstc14qd0mw9-CamdenProductIcon.svg) no-repeat center / contain;
	cursor: pointer;
}

/* TESTIMONIALS */
/* Layout: Widget Title */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.testimonials {
	padding-bottom: 0;
	margin-top: 3rem;
	text-align: center;
}

/* Formatting: Widget Title */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.testimonials h1 {
/*	font-family: IBMPlexSans-Bold ! Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-size: 1.5rem;
    color: #333333;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
}

/* Layout: Padding of Slideshow */
.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials {
	padding: 0 2rem;
	margin-bottom: 1.5rem;
}

/* Layout: Height of Slideshow */
.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .testimonial.learner {
    padding-top: 15%;
}

/* Formatting and Layout: Color and Vertical Spacing of Arrows */
.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .btn.testimonials__nav {
	color: #293666;
	top: 20%;
}

/* Formatting: Size of Arrows */
.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .testimonials__nav>i {
    font-size: 2.75rem;
}

/* Layout: Force testimonial to go all the way across */
.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .testimonial .testimonial-quote {
	width: 100%;
	padding: 0 8em;
}

/* Formatting: Testimonial Source */
.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .testimonial-quote__author-description {
	font-style: normal;
/*	font-family: IBMPlexSans-Light;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
}

/* Formatting: Formatting Testimonial Text */
.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .testimonial .testimonial-quote .testimonial-quote__text {
/*	font-family: IBMPlexSans-Light !Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-size: 1.55rem;
    color: #333333;
    text-align: center;
    line-height: 1.7;
    font-weight: 200;
    margin-bottom: 0;
}

/* Formatting: Remove Horizontal Line */
.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .testimonial .testimonial-quote__author-name:before {
    border-top: 0;
}

/* CERTIFICATE PROMOTION */
/* Layout: Add background color and spacing of widget */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo {
	background: linear-gradient(to bottom, #fff 0 12%, #293666 12% 88%, #fff 88% 100%);
/*
    margin-left: -1rem;
    margin-right: -1rem;
    min-width: calc(100% + 2rem);
*/
    padding: 0 3rem;
}

/* Layout: Center elements within the widget */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo .row .medium-12.columns .editor-content {
	display: flex;
	align-items: center;
	gap: 2rem;
}

/* Layout: Max width for content */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo .row .medium-12.columns .editor-content > div {
	max-width: 60%;
}

/* Layout: Image size */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo .row .medium-12.columns .editor-content p.camden-image {
	width: 65%;
	margin-bottom: 0;
}

/* Formatting: Widget Title */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo .row .medium-12.columns .editor-content div h1 {
/*	font-family: IBMPlexSans-Bold !Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-size: 2rem;
    color: #FFFFFF;
    font-weight: 300;
    margin-bottom: 0.5rem;
	text-transform: uppercase;
}

/* Formatting: Widget Description */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo .row .medium-12.columns .editor-content div p {
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    color: #FFFFFF;
    margin-bottom: 1.75rem;
}

/* Formatting: General Formatting of Buttons */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo .row .medium-12.columns .editor-content div .btn {
	border-radius: 8px;
	border: 2px solid #03819D;
    width: 100%;
    text-transform: uppercase;
/*    font-family: IBMPlexSans-Text;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    line-height: 1.5;
    font-size: 1rem;
}

/* Formatting: Complex Care Certificate Button */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo .row .medium-12.columns .editor-content div .btn:first-of-type {
	background: #03819D;
    color: white;
	margin-bottom: 1.1rem;	
}

/* Formatting: Supervisor Certificate Button */
.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo .row .medium-12.columns .editor-content div .btn:last-of-type {
	background: white;
    color: #03819D;
	margin-bottom: 0.25rem;
	
}

/* FEATURED TRAININGS */
/* Layout: Make all of the boxes the same height */
.widget.widget--featured-content.widget--featured-content_article.camden.camden-home-page.featured-training .featured-content-article-item {
	display: flex;
	height: 100%;
}

.widget.widget--featured-content.widget--featured-content_article.camden.camden-home-page.featured-training ul {
	display: flex;
	flex-wrap: wrap;
}

.widget.widget--featured-content.widget--featured-content_article.camden.camden-home-page.featured-training ul li {
	display: flex;
}

.widget.widget--featured-content.widget--featured-content_article.camden.camden-home-page.featured-training ul li .row .column.medium-12:last-of-type {
	display: flex;
	height: 100%;
}

/* Formatting: Widget Title */
.widget.widget--featured-content.widget--featured-content_article.camden.camden-home-page.featured-training .widget__title {
/*	font-family: IBMPlexSans-Bold !Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-size: 1.5rem;
    color: #333333;
    text-align: center;
    text-transform: uppercase;
	margin-bottom: 1.5rem;
}

/* Formatting: Content Type */
.widget.widget--featured-content.widget--featured-content_article.camden.camden-home-page.featured-training .featured-content-multi-carousel-item__source {
	font-size: .7rem;
/*	font-family: IBMPlexSans-Light !Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
	text-transform: uppercase;
	margin-top: 2px;
}

.widget.widget--featured-content.widget--featured-content_article.camden.camden-home-page.featured-training .featured-content-multi-carousel-item__source > strong {
	font-weight: 300;
}

/* Formatting: Tile Description */
.widget.widget--featured-content.widget--featured-content_article.camden.camden-home-page.featured-training .featured-content-article-item__description {
	font-size: 0.8rem;
}

/* Formatting: Round Edges of Tiles */
.widget--featured-content.widget--featured-content_article.camden.camden-home-page.featured-training .featured-content-article-item {
	border-radius: 6px;
}

/* WHAT MAKES US DIFFERENT? */
/* Layout: Spacing Above and Below Widget */
.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference {
	margin-top: 1.5rem;
	margin-bottom: 3rem;
}

/* Layout: Spacing Between Columns */
.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference .row .medium-4.columns {
	text-align: center;
	padding: 0 2rem;
}

.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference .row .medium-4.columns > .editor-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/* Formatting: Widget Title */
.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference .widget__title {
/*	font-family: IBMPlexSans-Bold !Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-size: 1.5rem;
    color: #333333;
    text-align: center;
    text-transform: uppercase;
}

/* Formatting and Layout: Numbered Hexagons */
.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference .hex {               
  width: 4rem;
  aspect-ratio: 1;         
  background-color: #293666;    
  clip-path: polygon(
    25% 6.7%, 75% 6.7%, 100% 50%,
    75% 93.3%, 25% 93.3%, 0 50%
  );
  display: grid;                 
  place-items: center;
  flex-shrink: 0;                
  -webkit-transform: translateZ(0);
	margin-bottom: 1.15rem;
}

.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference .hex-number {
	margin: 0;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	font-size: 1.75rem;            
/*	font-family: IBMPlexSans-Bold !Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
}

/* Formatting: Column Title */
.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference h4 {
/*	font-family: IBMPlexSans-SemiBold !Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-size: 1rem;
    color: #000000;
    text-align: center;
    line-height: 1.6;
	min-width: 100%;
}

/* Formatting: Size of Paragraph Text within Columns */
.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference p {
	font-size: 0.95rem;
}

/* Formatting: Addition of dotted line behind the hexagons */
.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference .row {
  --hex: 4rem;                          /* your .hex width */
  --line-y: calc(var(--hex) / 2);       /* vertical position through hex center */
  position: relative;
}

.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference .row .medium-4.columns {
  position: relative;                    /* anchor the segment pieces */
}

.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference
  .row .medium-4.columns::before,
.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference
  .row .medium-4.columns::after {
  content: "";
  position: absolute;
  top: var(--line-y);
  transform: translateY(-50%);
  width: calc(50% - var(--hex) / 2);     /* from column edge to hex edge */
  border-top: 2px dashed #293666;
  pointer-events: none;
  z-index: 0;                            /* sit behind the hex */
	  margin-left: 2px;
}

.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference
  .row .medium-4.columns::before { left: 0; }   /* left half */
.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference
  .row .medium-4.columns::after  { right: 0; }  /* right half */

.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference
  .row .medium-4.columns:first-of-type::before { display: none; }
.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference
  .row .medium-4.columns:last-of-type::after  { display: none; }

.widget--three-column.widget--three-column_standard.camden.camden-home-page.difference .hex {
  position: relative;
  z-index: 1;
}

/* optional: hide the connector when the layout stacks */
@media (max-width: 40.063em) {
  .widget--three-column.widget--three-column_standard.camden.camden-home-page.difference
    .row .medium-4.columns::before,
  .widget--three-column.widget--three-column_standard.camden.camden-home-page.difference
    .row .medium-4.columns::after { display: none; }
}

/******************* RESPONSIVENESS *******************/
@media only screen and (min-width: 120.063em) {
	.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo .row .medium-12.columns .editor-content p.camden-image {
		width: 40%;
	}
}

@media only screen and (min-width: 90.063em) {	
	.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials {
		margin-bottom: 0;
	}
}

@media (min-width: 0px) and (max-width: 90em) {
	.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner {
		margin-top: -0.75rem;
	}
	
	.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:first-of-type h1 {
		font-size: 3.5rem;
	}
	
	.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:first-of-type .btn {
		font-size: 1.25rem;
	}
	
	.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:first-of-type h2 {
		font-size: 1.75rem;
		margin-bottom: 2rem;
	}
	
	.widget--one-column.widget--one-column_standard.camden.camden-home-page.description p {
		padding: 0 5%;
	}
	
	.widget--one-column.widget--one-column_standard.camden.camden-home-page.product-list ul {
		gap: 3rem;
	}
	
	.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .testimonial.learner {
		padding-top: 22%;
	}
	
	.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .testimonial .testimonial-quote .testimonial-quote__text {
		line-height: 1.2;
	}
	
	.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo {
		background: linear-gradient(to bottom, #fff 0 6%, #293666 6% 94%, #fff 94% 100%)
	}
	
	.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo .row .medium-12.columns .editor-content p.camden-image {
		width: 200%;
	}
	
	.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo .row .medium-12.columns .editor-content div .btn:first-of-type {
		margin-bottom: 1rem;
	}
}
	
	@media (min-width: 0px) and (max-width: 64em) {
		.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner {
			padding-bottom: 1.5rem;
			padding-top: 2.5rem;
		}
		
		.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:first-of-type {
			width: 100%;
			padding-right: 2rem;
		}
		
		.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:last-of-type {
			display: none;
		}
		
		.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .row {
			row-gap: 13px;
			justify-content: space-between;
			flex-wrap: wrap;
			column-gap: 0;
		}
		
		.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .medium-6.large-3.columns {
			max-width: 49%;
		}
		
		.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .medium-6.large-3.columns p.link {
			margin-top: 0.25rem;
		}
		
		.widget--one-column.widget--one-column_standard.camden.camden-home-page.product-list ul {
			flex-wrap: wrap;
			row-gap: 0.5rem;
			column-gap: 3rem;
		}
		
		    .widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .testimonial.learner {
				padding-top: 40%;
		}
		
		.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .btn.testimonials__nav {
			top: 30%;
		}
		
		    .widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo .row .medium-12.columns .editor-content p.camden-image {
				display: none;
		}
		
		.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo {
        background: #293666;
        padding: 2rem 3rem;
		text-align: center;
			margin-bottom: 2rem;
    }
		
		.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo .row .medium-12.columns .editor-content > div {
			max-width: 100%;
		}
}

@media (min-width: 0px) and (max-width: 500px) {
	.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials {
		margin-bottom: 3.25rem;
	}
	
	.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .testimonial.learner {
        padding-top: 50%;
    }
	
	.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .testimonial .testimonial-quote {
		padding: 0;
	}
	
	    .widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .btn.testimonials__nav {
        top: 80%;
    }
}

@media (min-width: 0px) and (max-width: 30em) {
	.widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .row {
		flex-wrap: wrap;
	}
	
	    .widget--four-column.widget--four-column_standard.camdencamden-home-page.topic-areas .medium-6.large-3.columns {
        max-width: 100%;
        width: 100%;
    }
	
	    .widget--one-column.widget--one-column_standard.camden.camden-home-page.product-list ul {
			column-gap: 2rem;
	}
	
	.widget--one-column.widget--one-column_standard.camden.camden-home-page.product-list ul li {
		width: 45%;
	}
	
	.widget--one-column.widget--one-column_standard.camden.group-pricing {
		padding: 3rem;
	}
}

@media (min-width: 0px) and (max-width: 24em) {
.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .testimonial.learner {
        padding-top: 80%;
    }
}

@media (min-width: 0px) and (max-width: 20em) {
	    .widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:first-of-type h1 {
        font-size: 2.5rem;
    }
	
	    .widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:first-of-type h2 {
        font-size: 1.5rem;
    }
	
	.widget--two-column.widget--two-column_standard.camden.camden-home-page.banner .ember-view .row .medium-6.columns:first-of-type .btn {
		width: 100%;
		padding: 0.75rem;
	}
	
	.widget--one-column.widget--one-column_standard.camden.camden-home-page.product-list ul li {
		width: 100%;
	}
	
	.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .testimonial.learner {
        padding-top: 120%;
    }
	
	.widget--testimonial.widget--testimonial_standard.camden.camden-home-page.testimonials .btn.testimonials__nav {
		top: 85%;
	}
}

/******* CATALOG PAGE *******/
/* CATALOG WIDGET */
/* Layout: Move Catalog Up */
.widget--catalog.widget--catalog_standard.camden.camden-catalog {
	padding-top: 0;
}

/* Layout: Hide Default Catalog Title */
.camden.camden-catalog .catalog-header {
	display: none;
}

.camden.camden-catalog .catalog-search-bar {
	padding: 1.5rem 0 0.5rem;
}

/* Formatting: Turn background of all catalog buttons white */
.camden.camden-catalog .catalog-display-type button {
	background: white;
}

/* Formatting: Turn all borders and color of icons gray in search bar */
.camden.camden-catalog .catalog-display-type .border-black {
    border: 1px solid #d3d4de;
}

.camden.camden-catalog .catalog-display-type .text-black {
    color: rgb(107 114 128 / 1);
}

/* Formatting: Color and Placement of divider lines */
.widget--catalog.widget--catalog_standard.camden.camden-catalog .catalog-aggregation {
    border-top: 1px dashed #e7aa30;
    padding: 1em .5em;
}

.widget--catalog.widget--catalog_standard.camden.camden-catalog .catalog-aggregation:first-of-type {
	border-top: 0;
	padding-top: 0;
}

/* Formatting: Expanded Drop Down */
.widget--catalog.widget--catalog_standard.camden.camden-catalog .catalog-aggregation--expanded {
    background-color: white;
    border-bottom: 0;
    margin-bottom: 0;
}

/* Layout: Height of Tiles */
.widget--catalog.widget--catalog_standard.camden.camden-catalog .catalog-grid-item__cta-container {
	height: max-content !Important;
}

/* Layout: Course Tiles */
.camden.camden-catalog .catalog-grid-item__title {
    margin-bottom: .25em;
    height: fit-content !important;
}

.camden.camden-catalog .catalog-grid-item__source {
    margin-bottom: 0.5rem;
}

/* Layout: Right Align CTA */
.widget--catalog.widget--catalog_standard.camden.camden-catalog .catalog-grid-item__text-cta {
	text-align: right;
}

/* Layout: Spacing above and below call to action */
.widget--catalog.widget--catalog_standard.camden.camden-catalog .catalog-grid-item__cta-container > .btn--link.btn--primary {
	margin-top: 0.5rem;
	margin-bottom: 0.25rem;
}

/* Layout: Hide Catalog Ribbons */
.widget--catalog.widget--catalog_standard.camden.camden-catalog .catalog__ribbon {
  display: none;
}

/* Formatting: Catalog Buttons */
.widget--catalog.widget--catalog_standard.camden.camden-catalog .catalog-filters {
        background: white;
        display: flex;
        align-items: center;
    }

/******* MARKETING PAGES *******/
/******* Certificate Landing Pages *******/
/* BANNER AT TOP OF PAGE */
/* Layout: Force widget to be flus with right side of page */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner {
	margin: -1rem -1rem 2.5rem -1rem;
	min-width: calc(100% + 2rem);
	padding: 0;
}

/* Layout: Add padding to left of widget */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner .medium-12.columns {
	padding-left: 4rem;
}

/* Layout: Remove margin TI automatially adds to images */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner .medium-12.columns p:first-of-type {
	margin-bottom: 0;
}

/* Layout: Control placement and width of image */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner .medium-12.columns img {
	float: right;
	min-width: 37%;
	margin-left: 1rem;
	margin-bottom: 1.25rem;
}

/* Formatting: Widget Main Heading */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner .medium-12.columns h1 {
	padding-top: 4rem;
/*	font-family: Aleo-Light;*/
	font-family: Aleo, Georgia, serif;
	font-size: 3rem;
	font-weight: 200;
	margin-bottom: .25em;
}

/* Formatting: Green Variant */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner.green .medium-12.columns h1 {
		color: #03819D;
}

/* Formatting: Blue Variant */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner.blue .medium-12.columns h1 {
		color: #293666;
}

/* Formatting: Widget Sub-Heading */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner .medium-12.columns h2 {
/*	font-family: IBMPlexSans-ExtraLight !Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
	font-weight: 200;
	font-size: 1.75rem;
	color: #494949;
	line-height: 1.3;
	margin-bottom: 1.75rem;
}

/* Formatting: Descriptive Copy */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner .medium-12.columns p:not(:first-of-type) {
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
	font-size: 1rem;
	color: #2f2f2f;
	line-height: 1.7;
}

/* Formatting: Green Variant for Links */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner.green .medium-12.columns a {
	color: #03819D;
}

.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner.green .medium-12.columns a:hover {
	color: #03819D;
}

/* Formatting: Blue Variant for Links */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner.blue .medium-12.columns a {
	color: #293666;
	text-decoration: underline;
}

.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner.blue .medium-12.columns a:hover {
	color: #293666;
	text-decoration: underline;
}

/* COURSES INCLUDED IN THIS PROGRAM */
/* Layout: Padding above and below widget */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.title-with-button {
	padding-top: 0;
	padding-bottom: 5px;
}

/* Layout: Align both elements to the bottom */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.title-with-button .row {
	display: flex;
	align-items: flex-end;
}

/* Formatting: Title */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.title-with-button h2 {
/*	font-family: IBMPlexSans-SemiBold !Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-size: 1.25rem;
    color: #2F2F2F;
    margin-bottom: 0;
}

/* Formatting and Layout: Button */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.title-with-button .btn {
	float: right;
	margin-bottom: 0;
	border-radius: 8px;
    color: white;
    text-transform: uppercase;
/*    font-family: IBMPlexSans-Light;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    padding: 10px 60px;
}


/* Formatting: Green Variant */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.title-with-button.green .btn {
	background: #03819D;
    border: 1px solid #03819D;
}

.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.title-with-button.green .btn:hover {
    background: white;
    border: 1px solid #03819D;
    color: #03819D;
}

/* Formatting: Blue Variant */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.title-with-button.blue .btn {
	background: #293666;
    border: 1px solid #293666;
}

.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.title-with-button.blue .btn:hover {
    background: white;
    border: 1px solid #293666;
    color: #293666;
}

/* COURSE TILES */
/* Formatting and Layout: Tile border radius and padding */
.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page .catalog-grid-item {
    border-radius: 6px;
    padding: 5px 10px;
}

/* Layout: Make all of the boxes the same height */
.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page .catalog-grid-item {
	height: 100%;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page ul {
	display: flex;
	flex-wrap: wrap;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page ul li {
	display: flex;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page ul li .catalog-item {
	width: 100%;
}

/*
.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page ul li .row .column.medium-12:last-of-type {
	display: flex;
	height: 100%;
}
*/

/* Layout: Hide Course Price */
.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page .grid-cols-3 {
    grid-template-columns: none;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page .grid-cols-3 > .col-span-2 {
	display: none;
}

/* Formatting: Course Title */
.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page .catalog-grid-item__body .catalog-grid-item__title {
/*	font-family: IBMPlexSans-Semibold;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    color: #000000;
}

/* Layout: Padding above description to allow for blue line after */
.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page .catalog-grid-item__body .catalog-grid-item__description {
	position: relative;
	padding-top: 10px;
}

/* Formatting: Adding horizontal line */
.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page .catalog-grid-item__body .catalog-grid-item__description:before {
    border-width: 2px 0 0;
    content: " ";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px;
}

/* Formatting: Green Variant */
.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page.green .catalog-grid-item__body .catalog-grid-item__description:before {
	    border: solid #0388a6;
}

/* Formatting: Blue Variant */
.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page.blue .catalog-grid-item__body .catalog-grid-item__description:before {
	    border: solid #293666;
}

/* Formatting: Remove gray horizontal line */
.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page .catalog-grid-item__body hr.catalog-grid-item__hr {
	display: none;
}

/* Layout: Call-to-Action */
.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page .catalog-grid-item .catalog-grid-item__cta-container {
    margin-top: 10px;
    margin-bottom: 5px;
}


/* Formatting: Green Variant */
.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page.green .catalog-grid-item .catalog-grid-item__cta-container .btn--link.btn--primary {
    color: #03819D;
}

/* Formatting: Blue Variant */
.widget--featured-content.widget--featured-content_standard.camden.camden-certificate-landing-page.blue .catalog-grid-item .catalog-grid-item__cta-container .btn--link.btn--primary {
    color: #293666;
}

/* CALL OUT */
/* Layout: Background and Removing margin of widget */
.widget--one-column_standard.camden.camden-certificate-landing-page.call-out .medium-12.columns {
    background: #F0F1F4;
    width: calc(100% + 4rem);
    padding: 1.5rem;
    margin: 0.5rem -2rem 2.5rem -2rem;
}

/* Layout: Centering of text and icon and space between the two */
.widget--one-column_standard.camden.camden-certificate-landing-page.call-out .medium-12.columns > .editor-content {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: center;
}

/* Layout and Formatting: Remove bottom margin from both elements in the call-out and increase font size */
.widget--one-column_standard.camden.camden-certificate-landing-page.call-out .medium-12.columns > .editor-content p {
	margin-bottom: 0;
	font-size: 1.1rem;
}

/* Formatting: Set max width for quote image */
.widget--one-column_standard.camden.camden-certificate-landing-page.call-out .medium-12.columns > .editor-content p img {
	max-width: 45px;
}

/* CHOOSE YOUR LEARNING EXPERIENCE  */
/* Layout: Spacing below widget */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience {
	padding-bottom: 2rem;
}

/* Formatting: Style of Title */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience .widget__title {
/*	font-family: IBMPlexSans-SemiBold !Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-size: 1.5rem;
    color: #2F2F2F;
    text-align: center;
    line-height: 29px;
    text-transform: uppercase;
    margin-bottom: 3rem;
}

/* Layout: Centering text in columns, Adding padding, and Removing space between */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience .row .medium-6.columns {
	text-align: center;
	padding: 0 4rem;
}

/* Formatting: Adding dashed line between columns */
/* Formatting: Green Variant */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience.green .row .medium-6.columns:first-child {
	border-right: 1px dashed #0388a6;
}

/* Formatting: Blue Variant */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience.blue .row .medium-6.columns:first-child {
	border-right: 1px dashed #293666;
}

/* Formatting: Title within each column */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience .row .medium-6.columns h2 {
/*	font-family: IBMPlexSans-SemiBold !Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-size: 1.25rem;
    color: #494949;
}

/* Formatting: Price within each column */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience .row .medium-6.columns p.certificate-price {
/*	font-family: Aleo-ExtraLight;*/
	font-family: Aleo, Georgia, serif;
    font-size: 2rem;
    text-align: center;
	line-height: 1.45;
}

/* Formatting: Green Variant */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience.green .row .medium-6.columns p.certificate-price {
	    color: #03819D;
}

/* Formatting: Blue Variant */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience.blue .row .medium-6.columns p.certificate-price {
	    color: #293666;
}

/* Formatting: Description of learning experience */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience .row .medium-6.columns p {
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    color: #494949;
    text-align: center;
    line-height: 1.7;
}

.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience .row .medium-6.columns .certificate-price strong {
/*	font-family: Aleo-ExtraBold;*/
	font-family: Aleo, Georgia, serif;
}

/* Layout: Adding space above the Register Now link */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience .row .medium-6.columns p:last-of-type {
	margin-top: 2.25rem;
}

/* Formatting: Link for Learning Experiences */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience .row .medium-6.columns a {
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: underline;
	text-underline-offset: 0.4em;
	text-decoration-thickness: 0.04em;
}

/* Formatting: Green Variant */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience.green .row .medium-6.columns a {
	    color: #02657b;
}

/* Formatting: Blue Variant */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience.blue .row .medium-6.columns a {
	    color: #18203b;
}

/* Layout: Center Call-to-action button */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience .widget__cta {
	display: flex;
	align-items: center;
}

/* Formatting: Style of Call-to-action button */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience .widget__cta .btn {
	border-radius: 8px;
    background: #FFFFFF;
    border: 1px solid #595959;
    font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    color: #595959;
    padding: 10px 10%;
}

.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience .widget__cta .btn:hover {
	background: #595959;
    border: 1px solid #595959;
    font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    color: #ffffff;
}

/* WHAT YOU'LL GET */
/* Layout: Control Padding Above and Below Widget */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.what-youll-get {
	margin-top: -1rem;
	margin-bottom: 2rem;	
}

/* Layout: Column Widths */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.what-youll-get .row > .medium-6.columns:first-of-type {
	width: 40%;
}

.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.what-youll-get .row > .medium-6.columns:last-of-type {
	width: 60%;
}

/* Formatting: Widget Title */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.what-youll-get .row > .medium-6.columns:last-of-type h1 {
/*	font-family: IBMPlexSans-SemiBold ! Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-size: 1.5rem;
    color: #2F2F2F;
    text-align: left;
    line-height: 29px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

/* Formatting: Bulleted List */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.what-youll-get .row > .medium-6.columns:last-of-type ul {
padding-left: 1.25rem;
margin-bottom: 1.5rem;
}

.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.what-youll-get .row > .medium-6.columns:last-of-type ul li {
    list-style-type: none;
    position: relative;
}

.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.what-youll-get .row > .medium-6.columns:last-of-type ul li::before {
    content: "";
    position: absolute;
    left: -0.8em;          
    font-size: 3rem;
    background-color: #e7aa30; 
	height: 1rem;
	min-width: 1rem;
	top: 3px;
}

/* Formatting: Price*/
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.what-youll-get .row > .medium-6.columns:last-of-type p.certificate-price {
/*font-family: Aleo-ExtraLight;*/
	font-family: Aleo, Georgia, serif;
    font-size: 2rem;
    text-align: left;
    line-height: 1.45;
    color: #293666;
}

.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.what-youll-get .row > .medium-6.columns:last-of-type .certificate-price strong {
/*	font-family: Aleo-ExtraBold;*/
	font-family: Aleo, Georgia, serif;
}

/* Formatting: Link for Register Now */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.what-youll-get .row > .medium-6.columns:last-of-type a {
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: underline;
	text-underline-offset: 0.4em;
	text-decoration-thickness: 0.04em;
	color: #293666;
}

.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.what-youll-get .row > .medium-6.columns:last-of-type a:hover {
	color: #293666;
}


/* WHAT YOU'LL GET */
/* Layout: Control Padding Above and Below Widget */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.what-youll-get {
	margin-top: -1rem;
	margin-bottom: 1.5rem;	
}

/* Layout: Image */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.what-youll-get img {
	float: right;
	width: 40%;
	margin-left: 1.5rem;
	margin-bottom: 1rem;
	max-width: 400px;
}

/* Formatting: Widget Title */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.what-youll-get h1 {
/*	font-family: IBMPlexSans-SemiBold ! Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-size: 1.5rem;
    color: #2F2F2F;
    text-align: left;
    line-height: 29px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

/* Formatting: Bulleted List */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.what-youll-get ul {
margin-bottom: 1.5rem;
}

.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.what-youll-get ul li {
    list-style-type: none;
    position: relative;
}

.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.what-youll-get ul li::before {
    content: "";
    position: absolute;
    left: -0.8em;          
    font-size: 3rem;
    background-color: #e7aa30; 
	height: 1rem;
	min-width: 1rem;
	top: 3px;
}

/* Formatting: Price*/
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.what-youll-get p.certificate-price {
/*font-family: Aleo-ExtraLight;*/
	font-family: Aleo, Georgia, serif;
    font-size: 2rem;
    text-align: left;
    line-height: 1.45;
    color: #293666;
}

.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.what-youll-get .certificate-price strong {
/*	font-family: Aleo-ExtraBold;*/
	font-family: Aleo, Georgia, serif;
}

/* Formatting: Link for Register Now */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.what-youll-get a {
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: underline;
	text-underline-offset: 0.4em;
	text-decoration-thickness: 0.04em;
	color: #293666;
}

.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.what-youll-get a:hover {
	color: #293666;
}


/******************* RESPONSIVENESS *******************/
@media only screen and (min-width: 1537px) {
	.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner .medium-12.columns img {
		min-width: 30%;
	}
}

@media (min-width: 0px) and (max-width: 64.063em) {
	.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner .medium-12.columns img {
		width: 50%;
		margin-top: 2rem;
	}
	
	.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner .medium-12.columns h2 {
		margin-bottom: 2rem;
	}	
}

@media (min-width: 0px) and (max-width: 90em) {
	
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience .row .medium-6.columns {
    padding: 0 2rem;
	}
	
.widget--one-column_standard.camden.camden-certificate-landing-page.call-out .medium-12.columns > .editor-content {
    gap: 10px;
    flex-wrap: wrap;
    text-align: center;
    padding: 0 2rem;
	}
}

@media (min-width: 0px) and (max-width: 50em) {
	.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner {
		margin-bottom: 1rem;
	}
	
	.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.title-with-button .btn {
		padding: 10px 15px;
	}
}

@media (min-width: 0px) and (max-width: 40.063em) {
	.header__inner .nav.nav--top > ul {
		justify-content: flex-end;
	}
	
	.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner .medium-12.columns img {
		display: none;
	}
	
	.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner {
		margin: 1rem auto;
		min-width: 100%;
	}
	
	.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner .medium-12.columns {
		padding-left: 2rem;
	}
	
	.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner .medium-12.columns h1 {
		padding-top: 0rem;
	}
	
	.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience .row .medium-6.columns:first-child {
    	border-right: 0;
		margin-bottom: 2rem;
	}
}

@media (min-width: 0px) and (max-width: 768px) {
	.header__inner .nav.nav--top > ul {
		justify-content: flex-end;
	}
}

@media (min-width: 0px) and (max-width: 500px) {
	.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.title-with-button .row {
		flex-wrap: wrap;
	}
	
	.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.title-with-button .btn {
		margin-top: 10px;
		width: 100%;
	}
	
	.widget--one-column.widget--one-column_standard.camden.group-pricing .ember-view .widget__cta .btn {
		padding: 15px 30px;
	}
}

@media (min-width: 0px) and (max-width: 24em) {
	.header__inner .nav.nav--top > ul {
		justify-content: center;
	}
	
	.header .company__beta-logo {
		margin-top: 0.5rem;
		min-width: 100%;
		margin-left: 0;
	}
	
	.header .company__beta-logo .company-logo__container {
		display: flex;
		justify-content: center;
	}
	
	.header .company__beta-logo .company-logo__container img {
		max-width: 200px;
		margin-left: 0;
	}
	
	.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner {
        margin: 0.5rem auto;
	}
	
	.widget--one-column.widget--one-column_standard.camden.group-pricing {
		padding: 4rem 2.5rem;
	}
}

@media (min-width: 0px) and (max-width: 20em) {
	.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner .medium-12.columns h1 {
		font-size: 2rem;
	}
	
	.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner .medium-12.columns h2 {
		margin-bottom: 1rem;
		font-size: 1.25rem;
	}
	
	.widget--one-column.widget--one-column_standard.camden.group-pricing .widget__title {
		font-size: 1.5rem;
	}
	
	.widget--one-column.widget--one-column_standard.group-pricing .widget__subtitle {
		font-size: 1rem;
	}
	
	.widget--one-column.widget--one-column_standard.camden.group-pricing .ember-view .widget__cta .btn {
		font-size: 1rem;
	}
}

/******* Compare Certificates Page *******/
/* Format: Page Heading */
.widget--one-column.widget--one-column_standard.camden.camden-compare-certificate .widget__title {
	text-align: left;
/*    font-family: Aleo-Light;*/
	font-family: Aleo, Georgia, serif;
    font-size: 3rem;
    color: #03819D;
    margin-bottom: .25em;
}

/* Format: Page Sub-Heading */
.widget--one-column.widget--one-column_standard.camden.camden-compare-certificate .widget__subtitle {
/*	font-family: IBMPlexSans-ExtraLight ! Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-weight: 200;
    font-size: 1.75rem;
    color: #494949;
    line-height: 1.3;
    margin-bottom: 1rem;
    text-align: left;
}

.widget--one-column.widget--one-column_standard.camden.camden-compare-certificate .row .medium-12.columns p.widget__subtitle {
/*	font-family: IBMPlexSans-ExtraLight ! Important;*/
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif !Important;
    font-weight: 200;
    font-size: 1.75rem;
    color: #494949;
    line-height: 1.3;
    margin-bottom: 1rem;
    text-align: left;
}

/* Format: Descriptive Paragraph */
.widget--one-column.widget--one-column_standard.camden.camden-compare-certificate .row .medium-12.columns p {
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    color: #2f2f2f;
    line-height: 1.5;
	margin-bottom: 1.5rem;
}

/* Formatting: Change font size for all text in table and letter spacing */
table:not(.tw-override) {
    font-size: 1rem;
}
	
/* Formatting: Turn First Heading Cell White with Black Text and Adjust Padding */
.widget--one-column.widget--one-column_standard.camden.camden-compare-certificate .row .medium-12.columns table thead th:first-child {
	background: white;
	color: black;
	text-align: left !important;
	border: 0;
	padding-left: 0;
	vertical-align: bottom;
	padding-bottom: 15px;
}

/* Formatting: Change Background Color of Heading Cells and Center Text */
.widget--one-column.widget--one-column_standard.camden.camden-compare-certificate .row .medium-12.columns table thead th {
	border-color: #03819D;
	background-color: #03819D;
	text-align: center !important;
	text-transform: none;
	font-size: 1.1rem;
	border: solid 1px white;
}

/* Layout and Formatting: Center and change color of text in columns 2 and three */
.widget--one-column.widget--one-column_standard.camden.camden-compare-certificate .row .medium-12.columns table tbody > tr > td:nth-child(-n + 3):not(:first-child) {
	text-align: center;
    margin-bottom: 0;
    font-size: 1.25rem;
    color: #03819d;
	width: 15%;
}

/* Formatting: Background color for every other row */
.widget--one-column.widget--one-column_standard.camden.camden-compare-certificate .row .medium-12.columns tbody > tr:nth-child(odd) {
	background: #f1f1f1;
}

/* Formatting: Center all text within the table footer and update font */
.widget--one-column.widget--one-column_standard.camden.camden-compare-certificate .row .medium-12.columns table tfoot th {
	text-align: center;
/*	font-family: Aleo-ExtraLight !Important;*/
	font-family: Aleo, Georgia, serif;
	font-weight: 300;
	padding-bottom: 0;
}

/* Formatting: Bold Price */
.widget--one-column.widget--one-column_standard.camden.camden-compare-certificate .row .medium-12.columns table tfoot th strong {
	font-size: 1.2rem;
	font-weight: 600;
}

/* Formatting: Register Now links */
.widget--one-column.widget--one-column_standard.camden.camden-compare-certificate .row .medium-12.columns table tfoot th a {
	font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    color: #02657b;
    text-decoration: underline;
	text-underline-offset: 0.4em;
	text-decoration-thickness: 0.04em;
	text-transform: uppercase;
}

/* Layout: Center Call to Action Button */
.widget--one-column.widget--one-column_standard.camden.camden-compare-certificate .widget__cta {
	display: flex;
	padding-top: 1.5rem;
}
	
/* Formatting: Back to Landing Page Button */
.widget--one-column.widget--one-column_standard.camden.camden-compare-certificate .widget__cta a {
	border-radius: 8px;
    background: #FFFFFF;
    border: 1px solid #595959;
    font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem;
    color: #595959;
    padding: 10px 10%;
}

  /******************************************
  ****** DIGITIAL INTELLECTIVE CSS END ******
  ******************************************/

    /******************************************
  ****** LUMINOVA DIGITAL CSS BEGIN ******
  ******************************************/


      /******************************************
  ****** LUMINOVA DIGITAL CSS END ******
  ******************************************/
  /******************************************
****** BEGIN: CAMDEN PINK VARIANT *********
******************************************/

/* Banner Title */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner.pink .medium-12.columns h1 {
  color: #ab4381;
}

/* Title + Button Row */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.title-with-button.pink .btn {
  background: #ab4381;
  border: 1px solid #ab4381;
  color: #ffffff;
}
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.title-with-button.pink .btn:hover {
  background: #ffffff;
  border: 1px solid #ab4381;
  color: #ab4381;
}

/* Choose Your Learning Experience */
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience.pink .row .medium-6.columns:first-child {
  border-right: 1px dashed #ab4381;
}
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience.pink 
.row .medium-6.columns p.certificate-price {
  color: #ab4381;
}
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.choose-experience.pink 
.row .medium-6.columns a {
  color: #5a2342;
}

/* What You'll Get */
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.what-youll-get.pink 
p.certificate-price,
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.what-youll-get.pink 
p.certificate-price {
  color: #ab4381;
}
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.what-youll-get.pink 
a,
.widget--two-column.widget--two-column_standard.camden.camden-certificate-landing-page.what-youll-get.pink 
a {
  color: #ab4381;
}
/* ===== Course tile underline — PINK ONLY (robust) ===== */
.camden.camden-certificate-landing-page.pink .catalog-grid-item__body .catalog-grid-item__description {
  position: relative !important;
  padding-top: 12px !important; /* space for the bar */
}

.camden.camden-certificate-landing-page.pink .catalog-grid-item__body .catalog-grid-item__description::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 36px !important;     
  height: 4px !important;     
  background: #ab4381 !important; 
  display: block !important;
  border: 0 !important;       
}
/* Pink variant list bullets */
.camden.camden-certificate-landing-page.pink ul li span[aria-hidden="true"] {
  background:#ab4381 !important;   
}
/* Remove blue background on pink header titles and make text white */
.camden.camden-pink h3,
.camden.camden-certificate-landing-page.pink h3,
.widget--one-column.widget--one-column_standard.camden.camden-certificate-landing-page.banner.pink h3 {
  background: none !important;
  background-color: transparent !important;
  color: #ffffff !important; /* white text */
  padding: 0 !important;
  border: none !important;
}
/******************************************
****** END: CAMDEN PINK VARIANT ***********
******************************************/


/******************* CSS FROM DIGITAL INTELLECTIVE FOR CAMDEN - UPDATED *******************/

/* Variables for colors and font sizes reused throughout
the rest of the CSS */
:root {
  --camden-yellow: #e7aa30;
  --camden-dark-blue: #293666;
  --camden-pink: #ab4381;
  --camden-green: #0388a6;
  --camden-dark-green: #035e72;
}

.catalog__ribbon {
  display: none;
}

.catalog-filters {
        background: white;
        display: flex;
        align-items: center;
    }

.widget--one-column.widget--one-column_standard.camden.camden-home-page.certification-promo .row .medium-12.columns .editor-content div .btn:last-of-type {
background: #03819D;
    color: white;
    margin-bottom: 1.1rem;
}

/* Certificate Promo */
.widget--two-column.widget--two-column_standard.camden.camden-home-page.certification-promo {
background: url(https://media.thoughtindustries.com/course-uploads/ac46a9a1-1dd8-4a79-9b4b-82de59ceb848/7596j09uexlj-Background.jpg) center center / cover no-repeat;
    padding: 3rem 5%;
    margin: 1rem 0 2rem;
}

.widget--two-column.widget--two-column_standard.camden.camden-home-page.certification-promo .widget__title {
    font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif ! Important;
    text-transform: uppercase;
    font-size: 1.75rem;
    margin-bottom: 2.25rem;
}

.widget--two-column.widget--two-column_standard.camden.camden-home-page.certification-promo .columns {
	text-align: center;
	padding: 0 6%;
}

.widget--two-column.widget--two-column_standard.camden.camden-home-page.certification-promo .columns:first-of-type {
border-right: dashed 2px #0388a6;
}

.widget--two-column.widget--two-column_standard.camden.camden-home-page.certification-promo .columns img {
	max-height: 45px;
}

.widget--two-column.widget--two-column_standard.camden.camden-home-page.certification-promo .columns .certificate-heading {
	font-weight: bold;
	font-size: 1.25rem;
}


.widget--two-column.widget--two-column_standard.camden.camden-home-page.certification-promo .columns .btn {
	margin-top: 1.5rem;
    margin-bottom: 0;
    padding: 0.75rem 3rem;
    border-radius: 5px;
    background-color: white;
    color: #333333;
    border: solid 1.5px #0388a6;
}

.widget--two-column.widget--two-column_standard.camden.camden-home-page.certification-promo .columns .btn:hover {
    background-color: #035e72;
    color: white;
    border: solid 1.5px #0388a6;
}

/* CATALOG PAGE */
/* Subscription Promo */
.widget--two-column.widget--two-column_standard.di-catalog-sub-promo {
	background: linear-gradient(to bottom right, #212C52 0%, #293666 95%);
    color: white;
    border-radius: 0 0 20px 20px;
    margin-top: 3px;
    margin-left: -1rem;
    margin-right: -1rem;
    min-width: calc(100% + 2rem);
    padding: 1.25rem 3rem;
}

.widget--two-column.widget--two-column_standard.di-catalog-sub-promo .row {
	display: flex;
}

.widget--two-column.widget--two-column_standard.di-catalog-sub-promo .row .medium-6:first-of-type {
	width: 66%;
}

.widget--two-column.widget--two-column_standard.di-catalog-sub-promo .row .medium-6:first-of-type p.heading {
	font-size: 1.25rem;
	margin-bottom: 5px;
}

.widget--two-column.widget--two-column_standard.di-catalog-sub-promo .row .medium-6:first-of-type p:last-of-type {
	margin-bottom: 0px;
}

.widget--two-column.widget--two-column_standard.di-catalog-sub-promo .row .medium-6:last-of-type {
	width: 34%;
	display: flex;
	align-items: center;
}

.widget--two-column.widget--two-column_standard.di-catalog-sub-promo .row .medium-6:last-of-type .btn {
	margin-bottom: 0;
	background-color: white;
	border-radius: 5px;
	padding: 0.5rem 2rem;
	color: #293666;
	border-color: #293666;
	display: flex;
	align-items: center;
	gap: 15px;
}

.widget--two-column.widget--two-column_standard.di-catalog-sub-promo .row .medium-6:last-of-type .btn:hover {
	border: solid 2px #0388a6;
}

.widget--two-column.widget--two-column_standard.di-catalog-sub-promo .row .medium-6:last-of-type .btn img {
	max-height: 20px;
}

/* DETAIL PAGE */
/* Subscription Promo */
.widget--one-column.widget--one-column_standard.di-detail-sub-promo {
	padding: 0;
	margin-top: 1.25rem;
}

.di-detail-sub-promo .di-or-divider {
	display: flex;
  align-items: center;
  text-align: center;
  color: #666;
	margin-bottom: 1.25rem;
}

.di-detail-sub-promo .di-or-divider::before, .di-detail-sub-promo .di-or-divider::after {
	content: "";
  flex: 1;
  border-bottom: 1px solid #ccc;
}

.di-detail-sub-promo .di-or-divider::before {
	margin-right: 1rem;
}

.di-detail-sub-promo .di-or-divider::after {
	margin-left: 1rem;
}

.widget--one-column.widget--one-column_standard.di-detail-sub-promo .sub-promo-disclaimer {
	font-size: 0.85rem;
	margin-bottom: 0.75rem;
}

.widget--one-column.widget--one-column_standard.di-detail-sub-promo img {
	float: right;
margin: -5px 0 10px 10px;
}

.widget--one-column.widget--one-column_standard.di-detail-sub-promo .sub-promo-heading {
	font-size: 1.3rem;
	font-weight: bold;
}

.widget--one-column.widget--one-column_standard.di-detail-sub-promo .btn.btn--expand {
	margin-top: 1.75rem;
	margin-bottom: 0;
    background: #293666;
    border-radius: 5px;
    color: white;
    padding: 0.75rem;
    font-size: 1rem;
}

.widget--one-column.widget--one-column_standard.di-detail-sub-promo .btn:hover {
	border: solid 1px #0388a6;
}

.widget--one-column.widget--one-column_standard.di-detail-sub-promo p.price {
	text-align: center;
	font-size: 0.85rem;
}


  /******* STYLING FOR DASHBOARD *******/
/* Hero Banner - ALTERNATE */
.widget--title.widget--title_standard.camden.camden-dashboard-hero {
	    background: url(https://media.thoughtindustries.com/thoughtindustries/image/upload/a_exif,c_fill,w_1500/v1/course-uploads/ac46a9a1-1dd8-4a79-9b4b-82de59ceb848/dy498xb6hnx2-CamdenDashboardBanner-1500.png);
    padding: 3.5rem 3rem;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 1rem;
}

.widget--title.widget--title_standard.camden.camden-dashboard-hero .widget__title {
	font-size: 5rem;
    font-weight: bold;
    margin-bottom: 5px;
    color: white;
    width: 55%;
    text-align: left;
}

.widget--title.widget--title_standard.camden.camden-dashboard-hero .widget__subtitle {
	color: white;
    font-family: "IBM PLEX SANS", sans-serif;
    font-weight: 300;
    width: 55%;
    font-size: 2.25rem;
    line-height: 2.5rem;
    text-align: left;
}

/* Hero Banner */
.widget--hero-image.widget--hero-image_standard.camden.camden-dashboard-hero {
	margin-left: -1rem;
    margin-right: -1rem;
    min-width: calc(100% + 2rem);
}

.widget--hero-image.widget--hero-image_standard.camden.camden-dashboard-hero .hero {
	margin-bottom: 0;
}

.widget--hero-image.widget--hero-image_standard.camden.camden-dashboard-hero .hero .hero__caption {
	background: transparent;
	bottom: 0;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	width: 55%;
	align-content: center;
	padding: 3rem;
}

.widget--hero-image.widget--hero-image_standard.camden.camden-dashboard-hero .hero .hero__caption .hero__title {
	width: 100%;
    font-size: 5rem;
    font-weight: bold;
    margin-bottom: 5px;
    color: white;
}

.widget--hero-image.widget--hero-image_standard.camden.camden-dashboard-hero .hero .hero__caption span.h4 {
	color: white;
    font-family: "IBM PLEX SANS", sans-serif;
    font-weight: 300;
    width: 100%;
    font-size: 2.25rem;
    line-height: 2.5rem;
}

/* Navigation */
.widget--navbar.widget--navbar_standard.camden.camden-dashboard-nav {
    box-shadow: 0 4px 8px 0 rgba(126, 126, 126, 0.25);
    padding: 0.5rem 2rem;
    margin-bottom: 1.5rem;
}

.widget--navbar.widget--navbar_standard.camden.camden-dashboard-nav .top-bar {
	padding: 0;
	display: flex;
	align-items: center;
}

.widget--navbar.widget--navbar_standard.camden.camden-dashboard-nav .navigation-bar .top-bar-section ul.left {
    border-bottom: 0px;
}

.widget--navbar.widget--navbar_standard.camden.camden-dashboard-nav .navigation-bar .top-bar-section .left li .dropdown {
	left: 15px;
	margin-top: 5px;
}

.widget--navbar.widget--navbar_standard.camden.camden-dashboard-nav .navigation-bar .dropdown li {
	box-shadow: none;
	margin-bottom: 1px;
}

.widget--navbar.widget--navbar_standard.camden.camden-dashboard-nav .navigation-bar .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) {
	border-bottom: solid 1px white;
    background: #f7f7f7;
    padding: 5px 2em 5px 1em;
    font-size: 13px;
    color: #282828;
}

/* Search Bar */
.widget--searchbar.widget--searchbar_standard.camden.camden-dashboard-search-bar {
	margin-bottom: 1rem;
}

.widget--searchbar.widget--searchbar_standard.camden.camden-dashboard-search-bar .search-bar-widget input {
    font-size: 0.95rem;
	border-radius: 5px 0 0 5px
}

.widget--searchbar.widget--searchbar_standard.camden.camden-dashboard-search-bar .search-bar-widget .btn span {
	display: none;
}

.widget--searchbar.widget--searchbar_standard.camden.camden-dashboard-search-bar .search-bar-widget button {
	padding: .5em 1em;
}

/* Welcome Text */
.widget--one-column.widget--one-column_standard.camden.camden-dashboard-welcome-text {
	text-align: center;
    font-family: "IBM PLEX SANS", sans-serif;
	margin-bottom: 0rem;
    padding-bottom: 0rem;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-welcome-text .widget__title {
	font-family: "IBM PLEX SANS", sans-serif !Important;
    font-weight: 400;
    font-size: 2rem;
}


.widget--one-column.widget--one-column_standard.camden.camden-dashboard-welcome-text p:last-of-type {
margin-bottom: 1.75rem;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-welcome-text .btn--large {
    min-width: 20%;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-welcome-text .btn--large:first-of-type {
    margin-right: 5px;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-welcome-text .btn--large:last-of-type {
    margin-left: 5px;
    background-color: white;
    color: #035e72;
    border: solid 2px #0388a6;
}



/* In Progress Widget */
.widget--title.widget--title_standard.camden.camden-dashboard-in-progress {
	padding-bottom: 0.25rem;
}

.widget--title.widget--title_standard.camden.camden-dashboard-in-progress .widget__title {
	text-align: left;
    font-family: "IBM PLEX SANS", sans-serif !Important;
    font-weight: 400;
    font-size: 1.5rem;
    color: #293666;
    margin-bottom: 0;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress {
	margin-bottom: 1rem;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .dashboard-access {
	border: 0px;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .dashboard-access .dashboard-access-tabs {
    border: 0px;
    background: transparent;
	margin-bottom: 1rem;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .dashboard-access-tab__count {
	color: #035e72;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .dashboard-access-tab--active {
	border: solid 2px #0388a6;
    border-radius: 5px;
    background: transparent;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .dashboard-access-tab--active:after {
	background-color: transparent;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .dashboard-access-tab--active > .btn--link {
	color: #035e72;
	font-weight: bold;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .dashboard-access-list-item:nth-of-type(odd) {
	background: #F5F5F5;
    border-radius: 5px;
    margin-bottom: 10px;
	border: 0;
	padding: 1em;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .dashboard-access-list-item {
		background: #F5F5F5;
    border-radius: 5px;
    margin-bottom: 10px;
		border: 0;
	padding: 1em;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .grid.grid-cols-12.gap-4.items-center .col-span-4 {
	grid-column: span 6 / span 6;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .grid.grid-cols-12.gap-4.items-center .col-span-2 {
	grid-column: span 1 / span 1;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .grid.grid-cols-12.gap-4.items-center .col-span-3 {
	grid-column: span 2 / span 2;
	text-align: center;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .grid.grid-cols-12.gap-4.items-center .col-span-2:last-of-type {
	grid-column: span 3 / span 3;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .col-span-2 > .btn--primary {
    font-size: 0.85rem !important;
    background-color: #0388a6;
    border-color: #0388a6;
    padding: 0.5em 3em !important;
	border-radius: 5px;
		text-transform: uppercase;
    font-family: "IBM PLEX SANS", sans-serif;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .dashboard-access-list-item-expansion {
    background: white;
    padding: 1rem;
    margin-bottom: 0.5rem;
    border-radius: 5px;
    margin-top: 1.25rem;
}

.widget--dashboard-access.widget--dashboard-access_standard.camden.camden-dashboard-in-progress .dashboard-access-list-item-expander i {
    color: #e7aa30;
    font-weight: bold;
}

/* Subscription Promo */
.widget--one-column.widget--one-column_standard.camden.camden-dashboard-sub-promo {
	text-align: center;
	margin-bottom: 1rem;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-sub-promo .widget__title {
	font-family: "IBM PLEX SANS", sans-serif !Important;
    font-weight: 400;
    font-size: 2rem;
	  display: flex;
	align-items: center;
	text-align: center;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-sub-promo .widget__title::before, .widget--one-column.widget--one-column_standard.camden.camden-dashboard-sub-promo .widget__title::after {
	content: "";
	flex: 1;
	border-top: 2px dotted #212B52;
	margin: 0 20px;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-sub-promo .editor-content a:not(.btn) {
	text-decoration: underline;
}

/* Communities */
.camden.camden-banner-white-green {
    background: url(https://media.thoughtindustries.com/course-uploads/ac46a9a1-1dd8-4a79-9b4b-82de59ceb848/h76zmb27ckzw-CommunityHeading.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top right;
    margin: -2.5rem -1rem 1rem;
    min-width: calc(100% + 2rem);
    border-bottom: solid 5px #0388a6;
    padding: 5rem 3rem 0.5rem;
}

.camden.camden-banner-white-green h1 {
	font-family: Aleo, Georgia, serif ! Important;
    text-transform: uppercase;
    font-size: 2.5rem;
    color: #333333;
    padding-bottom: 0;
    padding-right: 0.5rem;
    font-weight: 200;
    background: white;
    border: solid 1px white;
    width: fit-content;
    margin: 1rem 0 0;
}

.widget--one-column_standard.camden.camden-community-intro {
    padding-bottom: 0;
}

.widget--one-column_standard.camden.camden-community-intro p:last-of-type {
    margin-bottom: 0;
}

.widget--one-column_standard.camden.camden-community-intro h2 {
	font-weight: 900;
	margin-bottom: 8px;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community {
	background: transparent;
	margin-left: -1rem;
	margin-right: -1rem;
	padding: 0 3rem;
	margin-bottom: 5rem;
	min-width: calc(100% + 2rem);
}



.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .widget__title {
	text-align: left;
    font-family: "IBM PLEX SANS", sans-serif ! Important;
    font-weight: 400;
    font-size: 1.5rem;
    color: #293666;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .catalog-filters {
	border-radius: 5px;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .catalog-filters .catalog-filters__search {
        background: transparent;
	padding-left: 5px;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .catalog-filters .catalog-filters__sort {
        background: transparent;
}

 .widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .catalog-filters__search .catalog-search input {
	 font-size: 0.95rem;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .btn.btn--primary.right {
	color: #293666;
    border: solid 2px #0388a6;
    padding: 0.5em 2.5em !important;
    background: white;
    float: left !Important;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .button-container__discussion-info {
    margin-top: 10px;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .thread__read-only.text-center.text-lg {
	margin-top: 1rem;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .thread__title input {
	border-radius: 5px;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .thread-form .comment__editor textarea {
	border-radius: 5px;
	margin-bottom: 1rem;
}

/* .widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community label {
	display: flex;
	flex-direction: row-reverse;
	gap: 10px;
	align-items: center;
} */

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community label input [type=checkbox] {
	margin-bottom: 0;
	accent-color: #0388a6;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .ember-view.thread-detail {
	background: white;
	border-radius: 5px;
	padding: 1rem 2rem;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .thread__comment-info .columns.medium-3.small-12.update-container__discussion-info .update-label {
	padding: 0;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .thread__comment-info .update-label {
	float: right;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .thread__comment-info .update-container__discussion-info {
        text-align: right !important;
        padding-right: 0;
    }

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .button-container__discussion-info .icon-write {
	float: right;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .button-container__discussion-info .icon-trash {
	float: right;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .ember-view.comment__container .comment__editor label {
	display: none;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .items__list--comments .comment-form-header {
	padding-top: 0;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .thread-detail .thread__header .thread__header__title {
	font-family: 'IBM Plex Sans';
	font-size: 1.25rem;
	font-weight: 400;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .thread-detail .thread__header h3 {
	font-family: 'IBM Ples Sans';
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .thread-detail .thread__header .btn--primary {
	background-color: white;
    border-color: var(--accent-color);
    color: var(--accent-color);
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .thread-detail .comment__container .comment__editor textarea {
	border-radius: 5px;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .comment__actions .btn.btn--alt.btn--left.btn--no-margin.btn--small {
	font-size: 0.85rem;
    padding: 0.5rem 2rem;
    border: solid 1px #0388a6;
    background: #0388a6;
    color: white;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .comment__container .comment__body {
	font-size: 0.95rem;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .discussion-list-item {
	background: white;
	border-radius: 5px;
	padding-bottom: 1.25em;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .discussion-list-item .discussion-list-item__title {
	color: #293666;
	font-size: 1rem;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .discussion-list-item .discussion-list-item__body {
	font-size: 0.95rem;
	color: #656565;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .discussion-list .discussion-card__actions {
	padding-right: 0;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .discussion-list .discussion-card__actions .icon-bookmark-plus {
	font-size: 1rem;
	padding-right: 0;
}

.widget--discussion-board.widget--discussion-board_standard.camden.camden-dashboard-community .pagination-controls p {
	margin-bottom: 0;
	margin-top: 0.5rem;
}

/* Recommended Courses */
.widget--recommended-content_multi-carousel.camden.camden-recomm-content {
	margin-top: 1rem;
    margin-bottom: 1rem;
}

.widget--recommended-content_multi-carousel.camden.camden-recomm-content .featured-content-multi-carousel .featured-content-block-grid {
	display: flex;
	flex-wrap: wrap;
}

.widget--recommended-content_multi-carousel.camden.camden-recomm-content .medium-block-grid-5>li {
        width: 25%;
    }

.widget--recommended-content_multi-carousel.camden.camden-recomm-content .widget__title {
	text-align: left;
    font-family: "IBM PLEX SANS", sans-serif ! Important;
    font-weight: 400;
    font-size: 1.5rem;
    color: #293666;
}

.widget--recommended-content_multi-carousel.camden.camden-recomm-content .featured-content-multi-carousel-item__title {
	color: #293666;
    font-weight: bold;
    font-family: inherit !important;
    font-size: inherit !important;
}

.widget--recommended-content_multi-carousel.camden.camden-recomm-content .featured-content-multi-carousel-item__body {
	padding: .75em;
    background: white;
    text-align: left;
}

.widget--recommended-content_multi-carousel.camden.camden-recomm-content .featured-content-multi-carousel-item {
    background: white;
    border: 1px solid #e9e9e9;
}

.widget--recommended-content_multi-carousel.camden.camden-recomm-content .featured-content-multi-carousel-item img {
    padding: 0;
}

.widget--recommended-content_multi-carousel.camden.camden-recomm-content .featured-content-multi-carousel-item__source {
    color: #333333;
}

.featured-content-multi-carousel-item__description {
    text-align: left;
    padding: 0;
    color: #656565;
    font-size: 0.8rem ! Important;
}


.widget--recommended-content_multi-carousel.camden.camden-recomm-content .featured-content-multi-carousel .featured-content-block-grid>li {
	display: flex;
}

.widget--recommended-content_multi-carousel.camden.camden-recomm-content .featured-content-multi-carousel .featured-content-block-grid>li .catalog-item {
	display: flex;
}


/* Featured Courses */
.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-featured .widget__title {
	text-align: left;
    font-family: "IBM PLEX SANS", sans-serif !Important;
    font-weight: 400;
    font-size: 1.5rem;
    color: #293666;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-featured .catalog-grid-item__title {
    color: #293666;
    font-weight: bold;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-featured .catalog-grid-item__source {
	color: #333333;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-featured .catalog-grid-item__hr {
	display: none;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-featured .catalog-item .catalog-grid-item__cta-container > .btn.btn--link.btn--right.btn--primary {
    color: #293666;
    border: solid 1px #0388a6;
    padding: 0.5em !important;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

/* Free Resources */
.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-free-resources .featured-content-block-grid.small-block-grid-1.medium-block-grid-5 {
	display: flex;
	flex-wrap: wrap;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-free-resources .featured-content-block-grid.small-block-grid-1.medium-block-grid-5 > li {
	display: flex;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-free-resources .featured-content-block-grid.small-block-grid-1.medium-block-grid-5 > li > .catalog-item {
	display: flex;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-free-resources {
	margin-bottom: 1rem;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-free-resources h3 {
	text-align: left;
    font-family: "IBM PLEX SANS", sans-serif !Important;
    font-weight: 400;
    font-size: 1.5rem;
    color: #293666;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-free-resources .hr__accent {
	display: none;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-free-resources .widget__title-cta {
    border: 0px;
    color: #333;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-free-resources .catalog-grid-item {
	border: 1px solid #ffffff;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-free-resources .catalog-grid-item__body {
    padding: 1.25em;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-free-resources .catalog-grid-item__body .catalog-grid-item__title {
    line-height: 1.3;
	font-weight: bold;
	position: relative;
	dislay: inline-block;
	margin-bottom: 20px;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-free-resources .catalog-grid-item__body .catalog-grid-item__title::after {
content: "";
  position: absolute;
  left: 0;
  bottom: -10px;          
  width: 48px;
  height: 3px;
  background-color: #0388A6; 
  border-radius: 2px;    
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-free-resources .catalog-grid-item__body .catalog-grid-item__hr  {
	display: none;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-free-resources .catalog-grid-item__body .catalog-grid-item__cta-container {
	display: none;
}

.widget--featured-content.widget--featured-content_standard.camden.camden-dashboard-free-resources .catalog-grid-item__completed-container {
	display: none;
}

/* Recommendation Engine */
.widget--recommended-content.camden.camden-recomm-content.widget--recommended-content_standard {
	padding-top: 0;
	padding-bottom: 2.5rem;
}

.widget--recommended-content.camden.camden-recomm-content.widget--recommended-content_standard > .row > .columns {
	background: #293666;
    padding: 3rem 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    width: calc(100% - 2rem);
    border-radius: 20px;
}

.widget--recommended-content.camden.camden-recomm-content.widget--recommended-content_standard .widget__title {
    font-family: "IBM PLEX SANS", sans-serif ! Important;
    font-weight: 400;
    font-size: 1.75rem;
    color: white;
	text-align: center;
}

.widget--recommended-content.camden.camden-recomm-content.widget--recommended-content_standard .editor-content p {
	text-align: center;
	padding-left: 3rem;
	padding-right: 3rem;
	color: white;
}

.widget--recommended-content.camden.camden-recomm-content.widget--recommended-content_standard .editor-content p:last-of-type {
	margin-bottom: 0;
}

.widget--recommended-content.camden.camden-recomm-content.widget--recommended-content_standard .widget__cta .btn {
    float: none;
    min-width: 25%;
}

.widget--recommended-content_multi-carousel.camden.camden-recomm-content .widget__title {
margin-bottom: 10px;
}

.widget--recommended-content_multi-carousel.camden.camden-recomm-content .widget__subtitle {
	text-align: left;
}

/* Recommended Content: Fix blue background */
.widget--recommended-content.camden.camden-recomm-content.widget--recommended-content_standard:has(.featured-content-block-grid) {
  padding: 16px 32px;
}

.widget--recommended-content.camden.camden-recomm-content.widget--recommended-content_standard:has(.featured-content-block-grid) > .row > .columns {
  background-color: transparent;
  border-radius: 0;
  padding: 0 16px;
}

.widget--recommended-content.camden.camden-recomm-content.widget--recommended-content_standard:has(.featured-content-block-grid) .widget__title {
  color: rgb(41, 54, 102);
  text-align: left;
  border-top-color: rgb(41, 54, 102);
}

.widget--recommended-content.camden.camden-recomm-content.widget--recommended-content_standard:has(.featured-content-block-grid) .widget__subtitle {
  text-align: left;
}

/* FAQ */
.widget--one-column.widget--one-column_standard.camden.camden-dashboard-faq {
	background: url(https://media.thoughtindustries.com/course-uploads/ac46a9a1-1dd8-4a79-9b4b-82de59ceb848/k4zvn9kzdi47-FAQBackground.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2.5rem 3rem 2.5rem 38%;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-faq .widget__title {
	text-align: left;
    font-family: "IBM PLEX SANS", sans-serif !Important;
    text-transform: uppercase;
    color: #293666;
    margin-bottom: 15px;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-faq details.camden_dropdown {
	border: 1px solid #F5F5F5 ! Important;
    padding: .75em .75em 0;
    margin-top: 0;
    box-shadow: none;
    margin-bottom: 1rem;
    border-radius: 5px;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-faq details.camden_dropdown .answer {
	padding: 1em 0.5em 0;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-faq summary.camden_dropdown {
	margin: -.75em -.75em 0;
    padding: .75em 1em;
    background-color: #F5F5F5;
    color: #333333;
    text-transform: none;
    letter-spacing: 1px;
    font-weight: 400;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-faq summary.camden_dropdown .camden_pointer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-faq summary.camden_dropdown .camden_pointer .icon-navigatedown {
	color: #e7aa30;
	font-weight: bold;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-faq .buttons {
	display: flex;
	gap: 10px;
		margin-top: 2rem;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-faq .buttons .btn:first-of-type {
	background-color: white;
    color: #0388a6;
    border: solid 2px #0388a6;
}

.widget--one-column.widget--one-column_standard.camden.camden-dashboard-faq .buttons .btn {
	    min-width: 25%;
}

/* Footer */
.footer {
	background-color: #293666;
	color: white;
}

.footer .footer__inner {
	background-color: transparent;
	color: white;
	padding: 1rem 0;
}

.footer .footer__company__info {
    color: white;
	margin-bottom: 0;
}

.footer .footer__inner a {
	color: white;
}

.footer .footer__links {
    color: white;
}

.footer .footer__links .link a {
    color: white
}

.footer .footer__powered-by {
    border-left: 1px solid white;
}




/******************* END CSS FROM DIGITAL INTELLECTIVE FOR CAMDEN - UPDATED *******************/
/******************* BEGIN CSS FROM BRIANNA ARTHUR-LOPER FOR CAMDEN - COURSE RESULTS *******************/


/* =========================================================
   COURSE RESULTS - RECOMMENDED CONTENT
   Custom Class: camden camden-course-results
   ========================================================= */


/* MAIN RESULTS WIDGET */
.widget--recommended-content_multi-carousel.camden.camden-course-results {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 1.25rem 2.25rem 1.75rem;
    background: #ffffff;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   RESULTS HEADER
   --------------------------------------------------------- */

.widget--recommended-content_multi-carousel.camden.camden-course-results .widget__title {
    text-align: left !important;
    font-family: "IBM PLEX SANS", sans-serif !important;
    font-weight: 500 !important;
    font-size: 1.45rem !important;
    line-height: 1.2;
    color: #293666 !important;
    margin: 0 0 0.35rem !important;
}


/* RESULTS SUBTITLE */
.widget--recommended-content_multi-carousel.camden.camden-course-results .widget__subtitle {
    text-align: left !important;
    max-width: 760px !important;
    margin: 0 0 1.25rem !important;
    color: #5f6678 !important;
    font-family: "IBM PLEX SANS", sans-serif !important;
    font-size: 0.82rem !important;
    line-height: 1.45;
}

/* ---------------------------------------------------------
   COURSE CAROUSEL
   Show 4 recommendations per view
   --------------------------------------------------------- */

.widget--recommended-content_multi-carousel.camden.camden-course-results
.featured-content-multi-carousel
.featured-content-block-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
}


/* 4 CARDS VISIBLE AT A TIME */
.widget--recommended-content_multi-carousel.camden.camden-course-results
.medium-block-grid-5 > li {
    width: 25% !important;
    flex: 0 0 25% !important;
    display: flex !important;
}


/* KEEP EACH COURSE CARD FULL HEIGHT */
.widget--recommended-content_multi-carousel.camden.camden-course-results
.featured-content-multi-carousel
.featured-content-block-grid > li .catalog-item {
    display: flex !important;
    width: 100%;
}

/* ---------------------------------------------------------
   COURSE CARD
   --------------------------------------------------------- */

.widget--recommended-content_multi-carousel.camden.camden-course-results
.featured-content-multi-carousel-item {
    width: 100%;
    background: #ffffff !important;
    border: 1px solid #e1e4eb;
    border-radius: 2px;
    overflow: hidden;
    box-sizing: border-box;
}


/* COURSE IMAGE */
.widget--recommended-content_multi-carousel.camden.camden-course-results
.featured-content-multi-carousel-item img {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 !important;
}


/* ---------------------------------------------------------
   COURSE CARD BODY
   --------------------------------------------------------- */

.widget--recommended-content_multi-carousel.camden.camden-course-results
.featured-content-multi-carousel-item__body {
    padding: 0.75rem 0.8rem 0.85rem !important;
    background: #ffffff !important;
    text-align: left !important;
}


/* COURSE TITLE */
.widget--recommended-content_multi-carousel.camden.camden-course-results
.featured-content-multi-carousel-item__title {
    color: #293666 !important;
    font-family: "IBM PLEX SANS", sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.88rem !important;
    line-height: 1.25;
    text-align: left !important;
}


/* COURSE TYPE / SOURCE */
.widget--recommended-content_multi-carousel.camden.camden-course-results
.featured-content-multi-carousel-item__source {
    color: #333333 !important;
    font-family: "IBM PLEX SANS", sans-serif !important;
    font-size: 0.7rem !important;
    text-align: left !important;
}


/* COURSE DESCRIPTION */
.widget--recommended-content_multi-carousel.camden.camden-course-results
.featured-content-multi-carousel-item__description {
    text-align: left !important;
    padding: 0;
    color: #656565 !important;
    font-family: "IBM PLEX SANS", sans-serif !important;
    font-size: 0.74rem !important;
    line-height: 1.4;
}


/* ---------------------------------------------------------
   COURSE LINKS
   --------------------------------------------------------- */

.widget--recommended-content_multi-carousel.camden.camden-course-results
.featured-content-multi-carousel-item a {
    color: #293666 !important;
}


/* ---------------------------------------------------------
   RETAKE SURVEY BUTTON
   --------------------------------------------------------- */

.widget--recommended-content_multi-carousel.camden.camden-course-results
.btn {
    font-family: "IBM PLEX SANS", sans-serif !important;
    font-size: 0.78rem !important;
    padding: 0.5rem 1rem !important;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1024px) {

    .widget--recommended-content_multi-carousel.camden.camden-course-results {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .widget--recommended-content_multi-carousel.camden.camden-course-results
    .medium-block-grid-5 > li {
        width: calc(50% - 0.5rem) !important;
    }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 640px) {

    .widget--recommended-content_multi-carousel.camden.camden-course-results {
        padding: 1rem;
    }

    .widget--recommended-content_multi-carousel.camden.camden-course-results
    .widget__title {
        font-size: 1.3rem !important;
    }

    .widget--recommended-content_multi-carousel.camden.camden-course-results
    .widget__subtitle {
        font-size: 0.8rem !important;
    }

    .widget--recommended-content_multi-carousel.camden.camden-course-results
    .medium-block-grid-5 > li {
        width: 100% !important;
    }

}       
/* =========================================================
   CENTER + RAISE COURSE MATCHER CTA
   ========================================================= */

button.btn.btn--primary.btn--centered.btn--large {
    display: block !important;
    width: max-content !important;
    max-width: 90% !important;
    float: none !important;

    /* Center button */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;

    /* Move upward without affecting horizontal centering */
    position: relative !important;
    top: -85px !important;

    /* Remove previous horizontal positioning */
    left: auto !important;
    right: auto !important;
    transform: none !important;
}   
/******************* END CSS FROM BRIANNA ARTHUR-LOPER FOR CAMDEN - COURSE RESULTS *******************/