/* -------------------
BEGIN client-bright-horizons.css
Sitecore Resource: 27ffa0c9-4c83-4983-9c0c-dbddd347802e
-------------------*/
/* -------------------
B24 client
-------------------*/
:root {
  --branding-primary-default: #3c889e;
  --branding-primary-default-alpha: #3c889e26; /* main color at 15% opacity. To be used on dropdown callouts only*/
  --branding-primary-active: #2a5f6f;
  --branding-primary-bg: #eeeded;
  --branding-primary-text: #555555;
  --branding-secondary-default: #048956;
  --branding-secondary-active: #74aa50;
  --branding-primary-nav: #3c889e;
  --branding-primary-active-nav: #77acbb;
  --branding-primary-bg-nav: #eeeded;
  --branding-accent-1: #3c889e;
  --branding-accent-2: #2a5f6f;
  --branding-accent-2: #2a5f6f;
  --branding-accent-3: #f2a900;
  --branding-accent-4: #c28700;
  --branding-accent-5: #048956;
  --branding-accent-6: #03603c;
  --branding-accent-7: #1a475f;
  --branding-accent-8: #123243;
  --branding-accent-9: #82709e;
  --branding-accent-10: #5b4e6f;

  /*borderRadius:  Default value or 0. No other value should be used. */
  --u-borderRadius-0px: 0; /* options: default value || 0 */
  --u-borderRadius-2px: 2px; /* options: default value || 0 */
  --u-borderRadius-3px: 3px; /* options: default value || 0 */
  --u-borderRadius-4px: 4px; /* options: default value || 0 */
  --u-borderRadius-5px: 5px; /* options: default value || 0 */
  --u-borderRadius-10px: 10px; /* options: default value || 0 */
  --u-borderRadius-20px: 20px; /* options: default value || 0 */

  /*boxShadow Use caution if changing these values. They may produce unintended results. */
  --u-boxShadow-2px: 0px 1px 2px rgb(0 0 0 / 16%);
  --u-boxShadow-6px: 0px 1px 6px rgb(0 0 0 / 16%); /*default*/
  --u-boxShadow-10px: 0px 1px 10px rgb(0 0 0 / 16%);
}

.ct.nudge .ct__headline {
  font-family: var(--u-fontFamily-regular);
}

.slick-active .cta-static {
  background-color: var(--branding-accent-1);
}

.slick-active + .slick-active .cta-static {
  background-color: var(--branding-accent-1);
}

.slick-active + .slick-active + .slick-active .cta-static {
  background-color: var(--branding-accent-1);
}

.ct__headline :is(a, a:hover, a:active):not(.btn) {
  color: inherit;
}

:is(.section-title, .section-header) {
  color: var(--branding-accent-7);
}

h2:is(.ct-feature__header, .section-title, .section-header) {
  color: var(--branding-accent-7);
}

.alert-card a {
  color: inherit;
  text-decoration: underline;
}

.btn,
a.btn {
  background-color: #f2a900;
  color: #464646;
  text-transform: uppercase;
}

.rs-module3 a.actionBtn,
.rs-module3 a.actionBtn:link,
.rs-module3 a.actionBtn:visited,
.rs-module3 a.actionBtn:hover,
.rs-module3 a.actionBtn:active {
  color: #464646;
}

.landingPage .callout input {
  background: #f2a900;
  color: #464646;
  text-transform: uppercase;
}

/* VA  */
.dashboard .dashboard__date {
  flex-basis: auto;
}
.dashboard .flex-row {
  --gap: 1rem;
}
.section.section--dashboard:not(:has(.dashboard-grid > .dashboard)) {
  display: none; /* Hide the section if it does NOT have a dashboard */
}
.tabSelector_wrapper .tabs-panel {border-block-start: none;}
.dashboard__header {align-items: baseline;}
.tabs-panel {padding: 0;}
.dashboard:last-child {margin-block-end:0}

@container containerForTabSelector (max-width: 800px) {
  .tabSelector_wrapper .dashboard-grid {
    grid-gap: 0;
    row-gap: 1rem;
  }
}

@container containerForTabSelector (max-width: 40rem) {
  .tabSelector_wrapper .dashboard-grid > div {
    margin-block-end: 0;
  }
}

@media (max-width: 40rem) {
  .dashboard-grid {
    inline-size: 100%;
    margin-inline-start: 0;
  }
}

@media print {
  @page {
    margin-top: 0.5in;
    margin-bottom: 0.5in;
    size: 8.5in 11in;
  }
  .impersonationBar,
  .impersonationBar-buffer {
    display: none;
  }
}