/**
 * Global theme stylesheet.
 */
/**
 * _variables.scss
 */
/**
 * _navbar.scss
 */
/**
 * _variables.scss
 */
.header-top-bar {
  border-bottom: 1px solid var(--cc-color-border, #dee2e6);
  padding: 0.25rem 0;
  font-size: 0.875rem;
  display: none;
}
@media (min-width: 768px) {
  .header-top-bar {
    display: block;
  }
}
.header-top-bar nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  gap: 1.5rem;
}
.header-top-bar nav li {
  margin: 0;
}
.header-top-bar nav a {
  color: var(--cc-color-text);
  text-decoration: none;
  padding: 0.25rem 0;
  display: inline-block;
}
.header-top-bar nav a:hover {
  text-decoration: underline;
}

.navbar-main {
  background: #fff;
  border-bottom: 1px solid var(--psu-pugh-blue);
  padding: 0;
}
@media (min-width: 768px) {
  .navbar-main {
    padding: 1.125rem 0;
  }
}
.navbar-main .navbar-inner {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .navbar-main .navbar-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0;
    position: relative;
  }
}
@media (max-width: 767px) {
  .navbar-main .navbar-mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 1rem;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .navbar-main .navbar-mobile-header {
    display: contents;
  }
}
.navbar-main .region-navigation {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-width: 0;
}
@media (max-width: 767px) {
  .navbar-main .region-navigation {
    flex: 1 1 auto;
    flex-wrap: nowrap;
    overflow: visible;
    min-width: 0;
  }
}
@media (max-width: 767px) {
  .navbar-main .navbar-brand-wrapper {
    overflow: visible;
    min-width: 0;
  }
}
@media (max-width: 1024px) {
  .navbar-main .container {
    max-width: none !important;
  }
}
@media (max-width: 767px) {
  .navbar-main .container {
    padding-inline: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .navbar-main .container {
    padding-inline: 2rem !important;
  }
}
.navbar-main .block-system-branding-block {
  display: flex;
  align-items: center;
  width: auto;
  flex-shrink: 0;
}
.navbar-main .navbar-brand-link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  color: var(--cc-color-text);
  min-width: 0;
  overflow: visible;
}
@media (max-width: 767px) {
  .navbar-main .navbar-brand-link {
    flex-shrink: 1;
    min-width: auto;
  }
}
.navbar-main .navbar-brand-link:hover {
  text-decoration: none;
}
.navbar-main .navbar-brand-logo {
  display: block;
  height: auto;
  width: auto;
  max-height: none;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .navbar-main .navbar-brand-logo {
    height: 2.25rem;
    width: 1.8125rem;
    object-fit: cover;
    object-position: left center;
  }
}
.navbar-main .site-name {
  font-family: var(--cc-font-condensed);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.2;
  color: var(--cc-color-text);
  display: block;
}
.navbar-main .site-name--mobile-mark {
  display: none;
}
@media (max-width: 767px) {
  .navbar-main .site-name--mobile-mark {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    font-family: var(--cc-font-sans);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.125;
    color: var(--psu-beaver-blue);
  }
}
.navbar-main .site-name__line {
  display: block;
}
.navbar-main .navbar-mobile-actions {
  display: none;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .navbar-main .navbar-mobile-actions {
    display: flex;
  }
}
.navbar-main .navbar-mobile-cta {
  background-color: var(--psu-beaver-blue);
  color: #ffffff;
  text-decoration: none;
  border-radius: 2rem;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: normal;
  padding: 0.5rem 1rem;
  white-space: nowrap;
}
.navbar-main .navbar-mobile-cta:hover, .navbar-main .navbar-mobile-cta:focus-visible, .navbar-main .navbar-mobile-cta.is-active {
  background-color: var(--psu-beaver-blue);
  color: #ffffff;
}
.navbar-main .navbar-toggler {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .navbar-main .navbar-toggler {
    display: none;
  }
}
.navbar-main .navbar-toggler .cc-navbar-menu-icon {
  display: block;
  width: 1.5rem;
  height: 1rem;
}
.navbar-main #navbar-collapse {
  width: 100%;
}
@media (max-width: 767px) {
  .navbar-main #navbar-collapse {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    padding: 1.5rem;
    background: rgba(203, 223, 243, 0.9);
    border-top: 1px solid var(--psu-pugh-blue);
    border-bottom: 1px solid var(--psu-pugh-blue);
  }
  .navbar-main #navbar-collapse .navbar-nav-item--header-cta {
    display: none;
  }
}
@media (min-width: 768px) {
  .navbar-main #navbar-collapse {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    width: auto;
  }
}
.navbar-main nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .navbar-main nav ul {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
  }
}
.navbar-main nav li {
  margin: 0;
}
.navbar-main nav a {
  color: var(--cc-color-nav-link);
  text-decoration: underline;
  text-underline-offset: 0.15em;
  font-size: 1rem;
  display: block;
  padding: 0;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .navbar-main nav a {
    padding: 0.25rem 0;
    display: inline;
  }
}
.navbar-main nav a:hover, .navbar-main nav a:focus-visible {
  color: var(--cc-color-nav-link-hover);
  text-decoration: none;
}
.navbar-main nav a.is-active {
  color: var(--cc-color-nav-link);
  text-decoration: none;
}
.navbar-main nav ul li.navbar-nav-item--header-cta a {
  background-color: var(--psu-beaver-blue);
  color: #ffffff;
  text-decoration: none;
  border-radius: 100px;
  font-weight: 500;
  padding: 1rem 1.5rem;
  display: inline-block;
  white-space: nowrap;
  line-height: 1rem;
}
.navbar-main nav ul li.navbar-nav-item--header-cta a:hover, .navbar-main nav ul li.navbar-nav-item--header-cta a:focus-visible {
  background-color: var(--psu-nittany-navy);
  color: #ffffff;
}

.path-frontpage #block-caregiver-connection-page-title {
  display: none;
}

/**
 * _base.scss
 * Base element styles and CSS custom property theme system.
 */
:root {
  --psu-nittany-navy: #001E44;
  --psu-nittany-navy-rgb: 0, 30, 68;
  --psu-beaver-blue: #1E407C;
  --psu-beaver-blue-rgb: 30, 64, 124;
  --psu-pugh-blue: #96BEE6;
  --psu-pugh-blue-rgb: 150, 190, 230;
  --psu-pugh-blue-50: rgba(150, 190, 230, 0.5);
  --psu-pa-creek: #3EA39E;
  --psu-pa-creek-rgb: 62, 163, 158;
  --psu-dawn-of-discovery: #F2665E;
  --psu-invent-orange: #E98300;
  --psu-bright-keystone: #FFD100;
  --psu-futures-calling: #99CC00;
  --psu-light-link: #005FA9;
  --psu-light-link-rgb: 0, 95, 169;
  --psu-dark-link: #CCE9FF;
  --psu-dark-link-rgb: 204, 233, 255;
  --cc-color-gold: #F2C14E;
  --cc-color-gold-rgb: 242, 193, 78;
  --cc-color-evergreen: #09463A;
  --cc-color-evergreen-rgb: 9, 70, 58;
  --cc-color-parrot: #3B8173;
  --cc-color-parrot-rgb: 59, 129, 115;
  --cc-color-peach: #F6C7B8;
  --cc-color-peach-rgb: 246, 199, 184;
  --cc-color-terracotta: #C46A4A;
  --cc-color-terracotta-rgb: 196, 106, 74;
  --cc-color-terracotta-darker: #c15630;
  --cc-color-dark-gray: #353535;
  --cc-color-light-gray: #C0C0C0;
  --cc-color-lightest-gray: #EBEBEB;
  --cc-color-neutral-tan: #F6F2EA;
  --cc-band-pugh: #cbdff3;
  --cc-band-peach: rgba(246, 199, 184, 0.5);
  --cc-font-sans: "Roboto", var(--bs-body-font-family);
  --cc-font-condensed: "Roboto Condensed", "Roboto", var(--bs-body-font-family);
  --cc-font-slab: "Roboto Slab", "Roboto", var(--bs-body-font-family);
  --cc-font-family: var(--cc-font-sans);
  --cc-font-family-heading: var(--cc-font-slab);
  --cc-font-size-h1: 2.5rem;
  --cc-font-size-h2: 2rem;
  --cc-font-size-h3: 1.5rem;
  --cc-font-size-h4: 1.25rem;
  --cc-font-size-p1: 1.25rem;
  --cc-font-size-p2: 1rem;
  --cc-font-size-emphasis: 1.375rem;
  --cc-font-size-emphasis2: 1rem;
  --cc-font-size-footer-links: 1.25rem;
  --cc-font-size-footer-links-mobile: 0.75rem;
  --cc-font-size-h1-mobile: 1.75rem;
  --cc-font-size-h2-mobile: 1.375rem;
  --cc-font-size-h3-mobile: 1.125rem;
  --cc-font-size-h4-mobile: 1rem;
  --cc-font-size-p1-mobile: 0.875rem;
  --cc-font-size-p2-mobile: 0.75rem;
  --cc-font-size-emphasis-mobile: 1.125rem;
  --cc-font-size-emphasis2-mobile: 1rem;
  --cc-line-height-auto: 1.3;
  --cc-letter-spacing-h2: 0.02em;
  --cc-content-container-radius: 1rem;
  --cc-content-container-padding: 2rem;
  --cc-content-container-padding-small: 1.5rem;
}

:root,
[data-cc-theme="light"] {
  --cc-color-bg: #ffffff;
  --cc-color-bg-subtle: #f8f9fa;
  --cc-color-text: var(--psu-nittany-navy);
  --bs-body-color: var(--cc-color-text);
  --cc-color-text-rgb: var(--psu-nittany-navy-rgb);
  --cc-color-text-muted: var(--cc-color-dark-gray);
  --cc-color-link: var(--cc-color-text);
  --cc-color-link-hover: var(--cc-color-text);
  --bs-link-color: var(--cc-color-text);
  --bs-link-color-rgb: var(--cc-color-text-rgb);
  --bs-link-hover-color: var(--cc-color-text);
  --cc-color-border: #dee2e6;
  --cc-color-h1: var(--psu-beaver-blue);
  --cc-color-h2: var(--psu-beaver-blue);
  --cc-color-h3: var(--psu-beaver-blue);
  --cc-color-h4: var(--psu-beaver-blue);
  --cc-color-heading: var(--psu-nittany-navy);
  --cc-color-bg-default: #ffffff;
  --cc-color-bg-01: var(--cc-band-pugh);
  --cc-color-bg-02: var(--cc-band-peach);
  --cc-color-bg-03: var(--cc-color-neutral-tan);
  --cc-color-bg-04: var(--cc-color-bg-subtle);
  --cc-color-bg-05: var(--cc-color-neutral-tan);
  --cc-color-bg-02-border: var(--cc-color-peach);
  --cc-color-nav-link: var(--psu-beaver-blue);
  --cc-color-nav-link-hover: var(--psu-nittany-navy);
  --cc-color-nav-link-cta: var(--psu-beaver-blue);
  --cc-color-nav-link-cta-hover: var(--psu-nittany-navy);
  --cc-color-nav-link-cta-active: var(--psu-nittany-navy);
  --cc-hero-border-bottom: 1px solid var(--psu-pugh-blue-50);
  --cc-color-divider: var(--cc-color-lightest-gray);
}

[data-cc-theme="dark"],
.cc-section--dark,
.cc-section--primary {
  --cc-color-bg: #3a3a3a;
  --cc-color-bg-subtle: #2d2d2d;
  --cc-color-text: #ffffff;
  --cc-color-text-muted: rgba(255, 255, 255, 0.75);
  --cc-color-link: var(--cc-color-text);
  --cc-color-link-hover: var(--cc-color-text);
  --bs-link-color: var(--cc-color-text);
  --bs-link-hover-color: var(--cc-color-text);
  --cc-color-border: var(--psu-beaver-blue);
  --cc-color-h1: #ffffff;
  --cc-color-h2: #ffffff;
  --cc-color-h3: #ffffff;
  --cc-color-heading: #ffffff;
  --cc-color-bg-default: var(--psu-nittany-navy);
  --cc-color-bg-01: var(--psu-nittany-navy);
  --cc-color-bg-02: var(--cc-color-parrot);
  --cc-color-bg-03: #2d2d2d;
  --cc-color-bg-04: #3a3a3a;
}
[data-cc-theme="dark"] h1, [data-cc-theme="dark"] .h1,
.cc-section--dark h1,
.cc-section--dark .h1,
.cc-section--primary h1,
.cc-section--primary .h1 {
  color: var(--cc-color-h1);
}
[data-cc-theme="dark"] h2, [data-cc-theme="dark"] .h2,
.cc-section--dark h2,
.cc-section--dark .h2,
.cc-section--primary h2,
.cc-section--primary .h2 {
  color: var(--cc-color-h2);
}
[data-cc-theme="dark"] h3, [data-cc-theme="dark"] .h3,
.cc-section--dark h3,
.cc-section--dark .h3,
.cc-section--primary h3,
.cc-section--primary .h3 {
  color: var(--cc-color-h3);
}
[data-cc-theme="dark"] h4, [data-cc-theme="dark"] h5, [data-cc-theme="dark"] h6, [data-cc-theme="dark"] .h4, [data-cc-theme="dark"] .h5, [data-cc-theme="dark"] .h6,
.cc-section--dark h4,
.cc-section--dark h5,
.cc-section--dark h6,
.cc-section--dark .h4,
.cc-section--dark .h5,
.cc-section--dark .h6,
.cc-section--primary h4,
.cc-section--primary h5,
.cc-section--primary h6,
.cc-section--primary .h4,
.cc-section--primary .h5,
.cc-section--primary .h6 {
  color: var(--cc-color-heading);
}

[class*="cc-section--"]:not([data-cc-background]), [class*="cc-section--"][data-cc-background="default"],
.layout[data-cc-theme]:not([data-cc-background]),
.layout[data-cc-theme][data-cc-background="default"],
.block[data-cc-theme]:not([data-cc-background]),
.block[data-cc-theme][data-cc-background="default"],
[data-cc-theme][data-cc-background]:not([data-cc-background]),
[data-cc-theme][data-cc-background][data-cc-background="default"],
.footer[data-cc-theme]:not([data-cc-background]),
.footer[data-cc-theme][data-cc-background="default"],
.header-top-bar[data-cc-theme]:not([data-cc-background]),
.header-top-bar[data-cc-theme][data-cc-background="default"] {
  background-color: var(--cc-color-bg-default);
  color: var(--cc-color-text);
}
[class*="cc-section--"][data-cc-background="background-01"],
.layout[data-cc-theme][data-cc-background="background-01"],
.block[data-cc-theme][data-cc-background="background-01"],
[data-cc-theme][data-cc-background][data-cc-background="background-01"],
.footer[data-cc-theme][data-cc-background="background-01"],
.header-top-bar[data-cc-theme][data-cc-background="background-01"] {
  background-color: var(--cc-color-bg-01);
  color: var(--cc-color-text);
}
[class*="cc-section--"][data-cc-background="background-02"],
.layout[data-cc-theme][data-cc-background="background-02"],
.block[data-cc-theme][data-cc-background="background-02"],
[data-cc-theme][data-cc-background][data-cc-background="background-02"],
.footer[data-cc-theme][data-cc-background="background-02"],
.header-top-bar[data-cc-theme][data-cc-background="background-02"] {
  background-color: var(--cc-color-bg-02);
  color: var(--cc-color-text);
  --cc-color-border: var(--cc-color-bg-02-border);
}
[class*="cc-section--"][data-cc-background="background-03"],
.layout[data-cc-theme][data-cc-background="background-03"],
.block[data-cc-theme][data-cc-background="background-03"],
[data-cc-theme][data-cc-background][data-cc-background="background-03"],
.footer[data-cc-theme][data-cc-background="background-03"],
.header-top-bar[data-cc-theme][data-cc-background="background-03"] {
  background-color: var(--cc-color-bg-03);
  color: var(--cc-color-text);
}
[class*="cc-section--"][data-cc-background="background-04"],
.layout[data-cc-theme][data-cc-background="background-04"],
.block[data-cc-theme][data-cc-background="background-04"],
[data-cc-theme][data-cc-background][data-cc-background="background-04"],
.footer[data-cc-theme][data-cc-background="background-04"],
.header-top-bar[data-cc-theme][data-cc-background="background-04"] {
  background-color: var(--cc-color-bg-04);
  color: var(--cc-color-text);
}
[class*="cc-section--"].-border,
.layout[data-cc-theme].-border,
.block[data-cc-theme].-border,
[data-cc-theme][data-cc-background].-border,
.footer[data-cc-theme].-border,
.header-top-bar[data-cc-theme].-border {
  border: 2px solid var(--cc-color-border);
}
[class*="cc-section--"].-border-top,
.layout[data-cc-theme].-border-top,
.block[data-cc-theme].-border-top,
[data-cc-theme][data-cc-background].-border-top,
.footer[data-cc-theme].-border-top,
.header-top-bar[data-cc-theme].-border-top {
  border-top: 1px solid var(--cc-color-border);
}
[class*="cc-section--"].-border-bottom,
.layout[data-cc-theme].-border-bottom,
.block[data-cc-theme].-border-bottom,
[data-cc-theme][data-cc-background].-border-bottom,
.footer[data-cc-theme].-border-bottom,
.header-top-bar[data-cc-theme].-border-bottom {
  border-bottom: 1px solid var(--cc-color-border);
}

html {
  font-size: 16px;
}

body {
  font-family: var(--cc-font-sans);
  font-size: var(--cc-font-size-p1);
  line-height: var(--cc-line-height-auto);
}

h1, .h1 {
  font-family: var(--cc-font-slab);
  font-weight: 400;
  font-size: var(--cc-font-size-h1);
  line-height: var(--cc-line-height-auto);
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  h1, .h1 {
    font-size: var(--cc-font-size-h1-mobile);
  }
}

h2, .h2 {
  font-family: var(--cc-font-slab);
  font-weight: 600;
  font-size: var(--cc-font-size-h2);
  line-height: var(--cc-line-height-auto);
  margin-bottom: 1rem;
  letter-spacing: var(--cc-letter-spacing-h2);
}

h3, .h3 {
  font-family: var(--cc-font-slab);
  font-weight: 500;
  font-size: var(--cc-font-size-h3);
  line-height: var(--cc-line-height-auto);
  margin-bottom: 1rem;
}

h4, .h4 {
  font-family: var(--cc-font-slab);
  font-weight: 500;
  font-size: var(--cc-font-size-h4);
  line-height: var(--cc-line-height-auto);
  margin-bottom: 0.5rem;
  margin-top: 1.5rem;
}

h5, h6, .h5, .h6 {
  font-family: var(--cc-font-slab);
  font-weight: 700;
  font-size: var(--cc-font-size-h4);
  line-height: var(--cc-line-height-auto);
  margin-bottom: 1rem;
}

p {
  font-size: var(--cc-font-size-p1);
  line-height: var(--cc-line-height-auto);
}

.cc-p1 {
  font-size: var(--cc-font-size-p1);
  line-height: var(--cc-line-height-auto);
}

.cc-p2 {
  font-size: var(--cc-font-size-p2);
  line-height: var(--cc-line-height-auto);
}

.cc-emphasis {
  font-size: var(--cc-font-size-emphasis);
  line-height: var(--cc-line-height-auto);
}

.cc-emphasis2 {
  font-size: var(--cc-font-size-emphasis2);
  line-height: var(--cc-line-height-auto);
}

@media (max-width: 576px) {
  :root {
    --cc-font-size-h1: var(--cc-font-size-h1-mobile);
    --cc-font-size-h2: var(--cc-font-size-h2-mobile);
    --cc-font-size-h3: var(--cc-font-size-h3-mobile);
    --cc-font-size-h4: var(--cc-font-size-h4-mobile);
    --cc-font-size-emphasis: var(--cc-font-size-emphasis-mobile);
    --cc-font-size-p1: var(--cc-font-size-p1-mobile);
    --cc-font-size-p2: var(--cc-font-size-p2-mobile);
    --cc-font-size-emphasis: var(--cc-font-size-emphasis-mobile);
    --cc-font-size-emphasis2: var(--cc-font-size-emphasis2-mobile);
    --cc-font-size-footer-links: var(--cc-font-size-footer-links-mobile);
  }
}
:root h1, :root .h1,
[data-cc-theme="light"] h1,
[data-cc-theme="light"] .h1 {
  color: var(--cc-color-h1);
}
:root h2, :root .h2,
[data-cc-theme="light"] h2,
[data-cc-theme="light"] .h2 {
  color: var(--cc-color-h2);
}
:root h3, :root .h3,
[data-cc-theme="light"] h3,
[data-cc-theme="light"] .h3 {
  color: var(--cc-color-h3);
}
:root h4, :root .h4,
[data-cc-theme="light"] h4,
[data-cc-theme="light"] .h4 {
  color: var(--cc-color-h4);
}
:root h5, :root h6, :root .h4, :root .h5, :root .h6,
[data-cc-theme="light"] h5,
[data-cc-theme="light"] h6,
[data-cc-theme="light"] .h4,
[data-cc-theme="light"] .h5,
[data-cc-theme="light"] .h6 {
  color: var(--cc-color-heading);
}

img {
  max-width: 100%;
  height: auto;
}

ul, ol {
  line-height: 1.5;
}
ul li, ol li {
  margin-bottom: 0.5rem;
}
ul li:last-child, ol li:last-child {
  margin-bottom: 0;
}

.main-container a:not(.btn):not(.button),
.layout[data-cc-theme] a:not(.btn):not(.button),
.cc-block[data-cc-theme] a:not(.btn):not(.button),
.header-top-bar[data-cc-theme] a:not(.btn):not(.button),
.cc-footer[data-cc-theme] a:not(.btn):not(.button),
[class*="cc-section--"] a:not(.btn):not(.button) {
  color: var(--cc-color-text);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.main-container a:not(.btn):not(.button):hover, .main-container a:not(.btn):not(.button):focus-visible,
.layout[data-cc-theme] a:not(.btn):not(.button):hover,
.layout[data-cc-theme] a:not(.btn):not(.button):focus-visible,
.cc-block[data-cc-theme] a:not(.btn):not(.button):hover,
.cc-block[data-cc-theme] a:not(.btn):not(.button):focus-visible,
.header-top-bar[data-cc-theme] a:not(.btn):not(.button):hover,
.header-top-bar[data-cc-theme] a:not(.btn):not(.button):focus-visible,
.cc-footer[data-cc-theme] a:not(.btn):not(.button):hover,
.cc-footer[data-cc-theme] a:not(.btn):not(.button):focus-visible,
[class*="cc-section--"] a:not(.btn):not(.button):hover,
[class*="cc-section--"] a:not(.btn):not(.button):focus-visible {
  color: var(--cc-color-text);
  text-decoration: underline;
}
.main-container a:not(.btn):not(.button):hover,
.layout[data-cc-theme] a:not(.btn):not(.button):hover,
.cc-block[data-cc-theme] a:not(.btn):not(.button):hover,
.header-top-bar[data-cc-theme] a:not(.btn):not(.button):hover,
.cc-footer[data-cc-theme] a:not(.btn):not(.button):hover,
[class*="cc-section--"] a:not(.btn):not(.button):hover {
  text-decoration: none;
}
.main-container a:not(.btn):not(.button):focus-visible,
.layout[data-cc-theme] a:not(.btn):not(.button):focus-visible,
.cc-block[data-cc-theme] a:not(.btn):not(.button):focus-visible,
.header-top-bar[data-cc-theme] a:not(.btn):not(.button):focus-visible,
.cc-footer[data-cc-theme] a:not(.btn):not(.button):focus-visible,
[class*="cc-section--"] a:not(.btn):not(.button):focus-visible {
  outline: 2px solid var(--cc-color-text);
  box-shadow: none;
  outline-offset: 2px;
}

/**
 * Reusable card surface (light panels, grid columns, crisis cards, etc.).
 */
/**
 * _variables.scss
 */
:root,
[data-cc-theme="light"] {
  --cc-card-bg: #ffffff;
}

[data-cc-theme="dark"],
.cc-section--dark,
.cc-section--primary {
  --cc-card-bg: var(--cc-color-bg-subtle);
}

.cc-card {
  box-sizing: border-box;
  min-width: 0;
  background: var(--cc-card-bg);
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 4px 4px 0 #0000000d;
  color: var(--cc-color-text);
}

/**
 * Material-inspired layout grid (large / desktop).
 * 12 columns, 1040px max content width, 24px (1.5rem) gutters.
 */
/**
 * _variables.scss
 */
/**
 * Reusable card surface (light panels, grid columns, crisis cards, etc.).
 */
/**
 * _variables.scss
 */
:root,
[data-cc-theme="light"] {
  --cc-card-bg: #ffffff;
}

[data-cc-theme="dark"],
.cc-section--dark,
.cc-section--primary {
  --cc-card-bg: var(--cc-color-bg-subtle);
}

.cc-card {
  box-sizing: border-box;
  min-width: 0;
  background: var(--cc-card-bg);
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 4px 4px 0 #0000000d;
  color: var(--cc-color-text);
}

:root {
  --cc-grid-columns: 12;
  --cc-grid-max-width: 1040px;
  --cc-grid-gutter: 1.5rem;
  --cc-grid-gutter-column: 1.5rem;
  --cc-grid-gutter-row: 1rem;
  --cc-grid-padding-inline: 1.5rem;
}

.cc-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 1.5rem;
}
@media (min-width: 1200px) {
  .cc-container {
    padding-inline: 0;
  }
}

.cc-container:has(> [class*="cc-col-"]) {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 1.5rem;
  row-gap: 1rem;
  width: 100%;
}

.cc-block[class*="cc-padding-inline"] .cc-container,
.cc-block[class*="cc-padding-block"] .cc-container,
.cc-block[data-cc-background]:not([data-cc-background="default"]) .cc-container {
  padding-inline: 0;
  max-width: 100%;
}

.cc-container--bleed {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 1.5rem;
}
@media (min-width: 1200px) {
  .cc-container--bleed {
    padding-inline: 0;
  }
}

.cc-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 1.5rem;
  row-gap: 1rem;
  width: 100%;
}
@media (max-width: 991px) {
  .cc-grid--equal > :not([class*="--fixed"]) {
    grid-column: 1 / -1;
  }
}
@media (min-width: 992px) {
  .cc-grid--equal > [class*="cc-col-"] {
    grid-column: auto;
  }
  .cc-grid--equal > :first-child:nth-last-child(1),
  .cc-grid--equal > :first-child:nth-last-child(1) ~ * {
    grid-column: span 12;
  }
  .cc-grid--equal > :first-child:nth-last-child(2),
  .cc-grid--equal > :first-child:nth-last-child(2) ~ * {
    grid-column: span 6;
  }
  .cc-grid--equal > :first-child:nth-last-child(3),
  .cc-grid--equal > :first-child:nth-last-child(3) ~ * {
    grid-column: span 4;
  }
  .cc-grid--equal > :first-child:nth-last-child(4),
  .cc-grid--equal > :first-child:nth-last-child(4) ~ * {
    grid-column: span 3;
  }
}
.cc-grid--column-style-card > * {
  box-sizing: border-box;
  min-width: 0;
  background: var(--cc-card-bg);
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 4px 4px 0 #0000000d;
  color: var(--cc-color-text);
}
.cc-grid--column-style-card > * h3, .cc-grid--column-style-card > * .h3 {
  color: var(--cc-color-terracotta);
}
.cc-grid--column-style-card > * p:last-child {
  margin-bottom: 0;
}

.cc-col-1 {
  grid-column: span 1;
}

.cc-col-1--center {
  grid-column: 6 / span 1;
}

.cc-col-1.cc-col-offset-1 {
  grid-column: 2 / span 1;
}

.cc-col-1.cc-col-offset-2 {
  grid-column: 3 / span 1;
}

.cc-col-1.cc-col-offset-3 {
  grid-column: 4 / span 1;
}

.cc-col-1.cc-col-offset-4 {
  grid-column: 5 / span 1;
}

.cc-col-1.cc-col-offset-5 {
  grid-column: 6 / span 1;
}

.cc-col-1.cc-col-offset-6 {
  grid-column: 7 / span 1;
}

.cc-col-1.cc-col-offset-7 {
  grid-column: 8 / span 1;
}

.cc-col-1.cc-col-offset-8 {
  grid-column: 9 / span 1;
}

.cc-col-1.cc-col-offset-9 {
  grid-column: 10 / span 1;
}

.cc-col-1.cc-col-offset-10 {
  grid-column: 11 / span 1;
}

.cc-col-1.cc-col-offset-11 {
  grid-column: 12 / span 1;
}

.cc-col-2 {
  grid-column: span 2;
}

.cc-col-2--center {
  grid-column: 6 / span 2;
}

.cc-col-2.cc-col-offset-1 {
  grid-column: 2 / span 2;
}

.cc-col-2.cc-col-offset-2 {
  grid-column: 3 / span 2;
}

.cc-col-2.cc-col-offset-3 {
  grid-column: 4 / span 2;
}

.cc-col-2.cc-col-offset-4 {
  grid-column: 5 / span 2;
}

.cc-col-2.cc-col-offset-5 {
  grid-column: 6 / span 2;
}

.cc-col-2.cc-col-offset-6 {
  grid-column: 7 / span 2;
}

.cc-col-2.cc-col-offset-7 {
  grid-column: 8 / span 2;
}

.cc-col-2.cc-col-offset-8 {
  grid-column: 9 / span 2;
}

.cc-col-2.cc-col-offset-9 {
  grid-column: 10 / span 2;
}

.cc-col-2.cc-col-offset-10 {
  grid-column: 11 / span 2;
}

.cc-col-3 {
  grid-column: span 3;
}

.cc-col-3--center {
  grid-column: 5 / span 3;
}

.cc-col-3.cc-col-offset-1 {
  grid-column: 2 / span 3;
}

.cc-col-3.cc-col-offset-2 {
  grid-column: 3 / span 3;
}

.cc-col-3.cc-col-offset-3 {
  grid-column: 4 / span 3;
}

.cc-col-3.cc-col-offset-4 {
  grid-column: 5 / span 3;
}

.cc-col-3.cc-col-offset-5 {
  grid-column: 6 / span 3;
}

.cc-col-3.cc-col-offset-6 {
  grid-column: 7 / span 3;
}

.cc-col-3.cc-col-offset-7 {
  grid-column: 8 / span 3;
}

.cc-col-3.cc-col-offset-8 {
  grid-column: 9 / span 3;
}

.cc-col-3.cc-col-offset-9 {
  grid-column: 10 / span 3;
}

.cc-col-4 {
  grid-column: span 4;
}

.cc-col-4--center {
  grid-column: 5 / span 4;
}

.cc-col-4.cc-col-offset-1 {
  grid-column: 2 / span 4;
}

.cc-col-4.cc-col-offset-2 {
  grid-column: 3 / span 4;
}

.cc-col-4.cc-col-offset-3 {
  grid-column: 4 / span 4;
}

.cc-col-4.cc-col-offset-4 {
  grid-column: 5 / span 4;
}

.cc-col-4.cc-col-offset-5 {
  grid-column: 6 / span 4;
}

.cc-col-4.cc-col-offset-6 {
  grid-column: 7 / span 4;
}

.cc-col-4.cc-col-offset-7 {
  grid-column: 8 / span 4;
}

.cc-col-4.cc-col-offset-8 {
  grid-column: 9 / span 4;
}

.cc-col-5 {
  grid-column: span 5;
}

.cc-col-5--center {
  grid-column: 4 / span 5;
}

.cc-col-5.cc-col-offset-1 {
  grid-column: 2 / span 5;
}

.cc-col-5.cc-col-offset-2 {
  grid-column: 3 / span 5;
}

.cc-col-5.cc-col-offset-3 {
  grid-column: 4 / span 5;
}

.cc-col-5.cc-col-offset-4 {
  grid-column: 5 / span 5;
}

.cc-col-5.cc-col-offset-5 {
  grid-column: 6 / span 5;
}

.cc-col-5.cc-col-offset-6 {
  grid-column: 7 / span 5;
}

.cc-col-5.cc-col-offset-7 {
  grid-column: 8 / span 5;
}

.cc-col-6 {
  grid-column: span 6;
}

.cc-col-6--center {
  grid-column: 4 / span 6;
}

.cc-col-6.cc-col-offset-1 {
  grid-column: 2 / span 6;
}

.cc-col-6.cc-col-offset-2 {
  grid-column: 3 / span 6;
}

.cc-col-6.cc-col-offset-3 {
  grid-column: 4 / span 6;
}

.cc-col-6.cc-col-offset-4 {
  grid-column: 5 / span 6;
}

.cc-col-6.cc-col-offset-5 {
  grid-column: 6 / span 6;
}

.cc-col-6.cc-col-offset-6 {
  grid-column: 7 / span 6;
}

.cc-col-7 {
  grid-column: span 7;
}

.cc-col-7--center {
  grid-column: 3 / span 7;
}

.cc-col-7.cc-col-offset-1 {
  grid-column: 2 / span 7;
}

.cc-col-7.cc-col-offset-2 {
  grid-column: 3 / span 7;
}

.cc-col-7.cc-col-offset-3 {
  grid-column: 4 / span 7;
}

.cc-col-7.cc-col-offset-4 {
  grid-column: 5 / span 7;
}

.cc-col-7.cc-col-offset-5 {
  grid-column: 6 / span 7;
}

.cc-col-8 {
  grid-column: span 8;
}

.cc-col-8--center {
  grid-column: 3 / span 8;
}

.cc-col-8.cc-col-offset-1 {
  grid-column: 2 / span 8;
}

.cc-col-8.cc-col-offset-2 {
  grid-column: 3 / span 8;
}

.cc-col-8.cc-col-offset-3 {
  grid-column: 4 / span 8;
}

.cc-col-8.cc-col-offset-4 {
  grid-column: 5 / span 8;
}

.cc-col-9 {
  grid-column: span 9;
}

.cc-col-9--center {
  grid-column: 2 / span 9;
}

.cc-col-9.cc-col-offset-1 {
  grid-column: 2 / span 9;
}

.cc-col-9.cc-col-offset-2 {
  grid-column: 3 / span 9;
}

.cc-col-9.cc-col-offset-3 {
  grid-column: 4 / span 9;
}

.cc-col-10 {
  grid-column: span 10;
}

.cc-col-10--center {
  grid-column: 2 / span 10;
}

.cc-col-10.cc-col-offset-1 {
  grid-column: 2 / span 10;
}

.cc-col-10.cc-col-offset-2 {
  grid-column: 3 / span 10;
}

.cc-col-11 {
  grid-column: span 11;
}

.cc-col-11--center {
  grid-column: 1 / span 11;
}

.cc-col-11.cc-col-offset-1 {
  grid-column: 2 / span 11;
}

.cc-col-12 {
  grid-column: span 12;
}

.cc-col-12--center {
  grid-column: 1 / span 12;
}

@media (max-width: 991px) {
  .cc-grid > [class*="cc-col-"]:not([class*="--fixed"]),
  .cc-container > [class*="cc-col-"]:not([class*="--fixed"]) {
    grid-column: 1 / -1;
  }
}
/**
 * _variables.scss
 */
/**
 * _layout.scss
 * Page layout styles.
 */
.sr-only,
.sr-only-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.sr-only:not(caption),
.sr-only-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.modal {
  --bs-modal-width: 800px;
}

.cc-padding-inline-xl {
  padding-inline: 5.625rem !important;
}
@media (max-width: 768px) {
  .cc-padding-inline-xl {
    padding-inline: 1.5rem !important;
  }
}
.cc-padding-inline-lg {
  padding-inline: 4.5rem !important;
}
.cc-padding-inline-md {
  padding-inline: 2.5rem !important;
}
.cc-padding-inline-sm {
  padding-inline: 1rem !important;
}
.cc-padding-inline-xs {
  padding-inline: 0.5rem !important;
}

.cc-padding-block-xl {
  padding-block: 5.625rem !important;
}
.cc-padding-block-lg {
  padding-block: 4.5rem !important;
}
@media (max-width: 768px) {
  .cc-padding-block-lg {
    padding-block: 2rem !important;
  }
}
.cc-padding-block-md {
  padding-block: 3.5rem !important;
}
.cc-padding-block-sm {
  padding-block: 2rem !important;
}

/**
 * _variables.scss
 */
/**
 * _variables.scss
 */
.cc-footer[data-cc-theme="dark"][data-cc-background="footer"] {
  background-color: var(--psu-nittany-navy);
  color: var(--cc-color-text);
}

.cc-footer__panel[data-cc-theme="dark"][data-cc-background="footer-inset"] {
  background-color: var(--psu-beaver-blue);
  color: var(--cc-color-text);
  padding: var(--cc-content-container-padding-small) !important;
}

.cc-footer {
  padding: 4rem 0;
}
.cc-footer h2,
.cc-footer h3 {
  font-weight: normal;
  margin: 0 0 1rem;
}
.cc-footer li a {
  font-size: var(--cc-font-size-footer-links);
}
.cc-footer[data-cc-theme] a:not(.btn):not(.button) {
  font-weight: normal;
}
.cc-footer__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (min-width: 1200px) {
  .cc-footer__inner {
    padding-inline: 0;
  }
}
.cc-footer__logos {
  margin-bottom: 1rem;
}
.cc-footer__logo--image {
  height: auto;
  max-height: 3rem;
}
.cc-footer__brand-text p {
  margin: 0 0 0.75rem;
  font-family: var(--cc-font-sans);
  font-size: var(--cc-font-size-p1);
  line-height: var(--cc-line-height-auto);
  color: var(--cc-color-text);
}
.cc-footer__brand-text p:last-child {
  margin-bottom: 0;
}
.cc-footer__nav {
  padding: 1.5rem 0 2rem;
  border-block: 1px solid var(--cc-color-border);
}
.cc-footer__nav-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .cc-footer__nav-grid {
    grid-template-columns: 1fr;
  }
}
.cc-footer__nav-grid .block {
  min-width: 0;
}
.cc-footer__nav-grid ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cc-footer__nav-grid li {
  margin-bottom: 0.625rem;
}
.cc-footer__nav-grid li:last-child {
  margin-bottom: 0;
}
.cc-footer__bottom {
  padding-top: 2rem;
  border-top: 1px solid var(--cc-color-border);
  font-size: var(--cc-font-size-p2);
}

.cc-footer-help p:last-child {
  margin-bottom: 0;
}

/**
 * _module.scss
 * Component-specific overrides.
 */
.main-container .leaflet-container a:not(.btn):not(.button) {
  color: var(--psu-beaver-blue);
  font-weight: normal;
}
.main-container .leaflet-container .leaflet-control-zoom a:not(.btn):not(.button) {
  text-decoration: none;
}

.leaflet-popup-content .cc-resource-map__popup {
  white-space: pre-line;
}

.leaflet-popup-content {
  min-width: 160px;
}

.leaflet-attribution-flag {
  display: none !important;
}

p:has(.cc-back-link) {
  margin-bottom: 0;
  margin-top: 1rem;
}

button.cc-back-link,
a.cc-back-link:not(.btn):not(.button) {
  font-weight: normal;
  font-size: 1rem;
  color: var(--psu-beaver-blue);
}
button.cc-back-link:before,
a.cc-back-link:not(.btn):not(.button):before {
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url("/themes/custom/caregiver_connection/images/icon-back.svg") no-repeat center center;
  background-size: auto 1rem;
  margin-right: 0.5rem;
  vertical-align: middle;
}

button.cc-back-link {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
}

.view .pager {
  margin-top: 3.5rem;
  margin-bottom: 1.5rem;
}
.view .pager ul.pager__items {
  padding: 0;
}
.view .pager a:not(.btn):not(.button) {
  text-decoration: underline;
}
.view .pager a:not(.btn):not(.button):hover {
  text-decoration: none;
}
.view .pager li.is-active a:not(.btn):not(.button) {
  text-decoration: none;
}
.view .pager li[class*="pager__item--"] a:not(.btn):not(.button) {
  font-weight: normal;
  font-size: 1.125rem;
}

/**
 * _variables.scss
 */
/**
 * Bootstrap 5 overrides for Caregiver Connection.
 * Loaded after Bootstrap via global-styling/screen.css.
 */
.btn {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 500;
  --bs-btn-line-height: 1;
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--cc-color-bg-03);
  --bs-btn-border-color: var(--cc-color-bg-03);
  --bs-btn-border-radius: 32px;
  letter-spacing: 0.02em;
}
.btn.btn-sm {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-font-size: 0.75rem;
  --bs-btn-line-height: 1;
}
.btn.btn-lg {
  --bs-btn-padding-x: 2rem;
  --bs-btn-padding-y: 1.5rem;
  --bs-btn-font-size: 1.125rem;
  --bs-btn-font-weight: 500;
}
@media (max-width: 768px) {
  .btn.btn-lg {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.75rem;
    --bs-btn-font-size: 1rem;
  }
}
.btn.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--psu-nittany-navy);
  --bs-btn-border-color: var(--psu-nittany-navy);
  --bs-btn-hover-bg: var(--psu-beaver-blue);
  --bs-btn-hover-border-color: var(--psu-beaver-blue);
}
.btn.btn-secondary {
  --bs-btn-color: var(--psu-beaver-blue);
  --bs-btn-bg: #fff;
  --bs-btn-border-color: var(--psu-pugh-blue);
  --bs-btn-hover-color: var(--psu-nittany-navy);
  --bs-btn-hover-bg: var(--psu-pugh-blue-50);
  --bs-btn-hover-border-color: var(--psu-pugh-blue-50);
}

.placeholder {
  vertical-align: initial;
  background: transparent;
  opacity: 1;
}

.accordion-header button {
  font-family: var(--cc-font-sans);
  font-size: var(--cc-font-size-p1);
  color: var(--cc-color-text);
  gap: 0.5rem;
  align-items: flex-start;
}
.accordion-header button:focus {
  border: none;
  box-shadow: none;
}
.accordion-header button:focus-visible {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header button:not(.collapsed) {
  box-shadow: none;
}
.accordion-header button::after {
  margin-top: 0.125rem;
}

.accordion {
  --bs-accordion-border-radius: 0;
  --bs-accordion-border-color: var(--cc-color-lightest-gray);
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-btn-focus-border-color: var(--psu-nittany-navy);
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--psu-nittany-navy);
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-icon: url(/themes/custom/caregiver_connection/images/icon-plus.svg);
  --bs-accordion-btn-active-icon: url(/themes/custom/caregiver_connection/images/icon-minus.svg);
  max-width: 510px;
  margin-inline: auto;
  margin-bottom: 3rem;
}
.accordion .accordion-body {
  padding-top: 0;
}
.accordion .accordion-body,
.accordion .accordion-body p,
.accordion .accordion-body ul,
.accordion .accordion-body ol {
  font-size: var(--cc-font-size-p2);
}
.accordion .accordion-body p:last-child,
.accordion .accordion-body ul:last-child,
.accordion .accordion-body ol:last-child {
  margin-bottom: 0;
}
.accordion .accordion-item {
  border-inline: 0;
}
.accordion .accordion-item:first-child {
  border-top: 0;
}

.btn:focus-visible {
  outline: 2px solid var(--cc-color-text);
  box-shadow: none;
  outline-offset: 2px;
}

/**
 * _variables.scss
 */
/**
 * _theme.scss
 * Theme application: Layout Builder surfaces and content styling.
 */
.cc-block[data-cc-background]:not([data-cc-background="default"]),
.footer .cc-footer__panel[data-cc-background="footer-inset"] {
  box-sizing: border-box;
  border-radius: var(--cc-content-container-radius);
  padding: var(--cc-content-container-padding);
}

.cc-block[data-cc-theme="dark"][data-cc-background="background-02"] {
  background-image: url("/themes/custom/caregiver_connection/images/callout-background.svg");
  background-repeat: no-repeat;
  background-position: top left;
}
.cc-block[data-cc-theme="dark"][data-cc-background="background-02"] .cc-container:has(> [class*="cc-col-"]) {
  align-items: center;
}
@media (max-width: 991px) {
  .cc-block[data-cc-theme="dark"][data-cc-background="background-02"] .cc-container:has(> [class*="cc-col-"]) {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.5rem;
  }
  .cc-block[data-cc-theme="dark"][data-cc-background="background-02"] .cc-container:has(> [class*="cc-col-"]) > [class*="cc-col-"] {
    width: 100%;
    max-width: 100%;
  }
  .cc-block[data-cc-theme="dark"][data-cc-background="background-02"] .cc-container:has(> [class*="cc-col-"]) .h2,
  .cc-block[data-cc-theme="dark"][data-cc-background="background-02"] .cc-container:has(> [class*="cc-col-"]) h2,
  .cc-block[data-cc-theme="dark"][data-cc-background="background-02"] .cc-container:has(> [class*="cc-col-"]) p {
    margin-bottom: 0;
  }
  .cc-block[data-cc-theme="dark"][data-cc-background="background-02"] .cc-container:has(> [class*="cc-col-"]) .btn {
    width: auto;
    min-width: 12rem;
  }
}

#block-caregiver-connection-page-title {
  margin-top: 2rem;
}

.cc-block .field--name-field-intro {
  margin-bottom: 2.5rem;
  max-width: 684px;
}
@media (max-width: 768px) {
  .cc-block .field--name-field-intro {
    margin-bottom: 1rem;
  }
}

.skip-link {
  text-align: center;
  padding: 0.5rem;
  border: 2px dashed var(--cc-color-light-gray);
}

.nav-link:focus-visible {
  outline: 2px solid var(--cc-color-text);
  box-shadow: none;
  outline-offset: 2px;
}

@media (min-width: 992px) {
  .cc-help-keep-accurate .paragraph--type--content-column:first-child {
    grid-column: 2 / span 6;
  }
  .cc-help-keep-accurate .paragraph--type--content-column:last-child {
    grid-column: span 4;
  }
}
.cc-help-keep-accurate .cc-grid {
  align-items: center;
}
.cc-help-keep-accurate .cc-p1 {
  font-size: 1.5rem;
}
@media (max-width: 768px) {
  .cc-help-keep-accurate .cc-p1 {
    font-size: 1.125rem;
  }
}
@media (max-width: 991px) {
  .cc-help-keep-accurate .paragraph--type--content-column:last-child {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
  }
  .cc-help-keep-accurate .paragraph--type--content-column:last-child p {
    margin: 0;
    width: 100%;
  }
  .cc-help-keep-accurate .paragraph--type--content-column:last-child .btn {
    width: 100%;
    max-width: 18rem;
  }
}
@media (max-width: 991px) and (max-width: 768px) {
  .cc-help-keep-accurate .paragraph--type--content-column:last-child p:has(.btn) + p:has(.btn) {
    margin-top: 0.5rem;
  }
}

.cc-block-other-ways .cc-card {
  max-width: 516px;
  margin: 0 auto;
  margin-top: 1.5rem;
}
.cc-block-other-ways .cc-card h3, .cc-block-other-ways .cc-card .h3 {
  color: var(--cc-color-terracotta);
}

/**
 * _variables.scss
 */
/**
 * _variables.scss
 */
.full-width-section,
.node--type-layout-page.node--view-mode-full {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.layout-builder .node--type-layout-page.node--view-mode-full {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.layout-builder .layout-builder-block {
  position: relative;
}
.layout-builder .layout-builder-block.contextual-region .contextual {
  opacity: 1;
  visibility: visible;
  z-index: 200;
  top: 0.5rem;
  left: 0.5rem;
  right: auto;
}
.layout-builder .cc-layout-builder__edit-block-wrap {
  margin-bottom: 0.75rem;
}

.layout {
  width: 100%;
}

.layout--onecol > .layout__region--content {
  box-sizing: border-box;
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 1.5rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 1200px) {
  .layout--onecol > .layout__region--content {
    padding-inline: 0;
  }
}
@media (max-width: 768px) {
  .layout--onecol > .layout__region--content {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.layout--onecol > .layout__region--content .layout--onecol > .layout__region--content,
.layout--onecol > .layout__region--content .layout-container {
  padding-top: 0;
  padding-bottom: 0;
}

.layout--onecol:has(.cc-hero--split) > .layout__region--content {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding: 0;
}
.layout--onecol:has(.cc-hero--split) > .layout__region--content .layout--onecol > .layout__region--content,
.layout--onecol:has(.cc-hero--split) > .layout__region--content .layout-container {
  padding-top: 0;
  padding-bottom: 0;
}

.layout-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-inline: 1.5rem;
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 1200px) {
  .layout-container {
    padding-inline: 0;
  }
}
@media (max-width: 768px) {
  .layout-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.layout-container .layout--onecol > .layout__region--content,
.layout-container .layout-container {
  padding-top: 0;
  padding-bottom: 0;
}
.layout-container > .layout__region {
  flex: 1 0 0;
  min-width: 0;
}
@media (max-width: 768px) {
  .layout-container {
    flex-direction: column;
  }
}

.layout.cc-lb-padding-none > .layout__region--content,
.layout.cc-lb-padding-none .layout-container {
  padding-top: 0;
  padding-bottom: 0;
}

.layout.cc-lb-padding-lg > .layout__region--content,
.layout.cc-lb-padding-lg .layout-container {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (max-width: 768px) {
  .layout.cc-lb-padding-lg > .layout__region--content,
  .layout.cc-lb-padding-lg .layout-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.layout.cc-lb-padding-md > .layout__region--content,
.layout.cc-lb-padding-md .layout-container {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
@media (max-width: 768px) {
  .layout.cc-lb-padding-md > .layout__region--content,
  .layout.cc-lb-padding-md .layout-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

.layout.cc-lb-padding-sm > .layout__region--content,
.layout.cc-lb-padding-sm .layout-container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (max-width: 768px) {
  .layout.cc-lb-padding-sm > .layout__region--content,
  .layout.cc-lb-padding-sm .layout-container {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.layout__region .cc-col-10--center,
.layout__region .block.cc-col-10--center {
  max-width: 866px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.layout__region .cc-col-8--center,
.layout__region .block.cc-col-8--center {
  max-width: 693px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.layout[data-cc-theme="light"][data-cc-background="default"]
+ .layout[data-cc-theme="light"][data-cc-background="default"] {
  border-top: 1px solid var(--cc-color-divider);
}

.layout:not([data-cc-theme]) + .layout:not([data-cc-theme]) {
  border-top: 1px solid var(--cc-color-divider);
}

.layout:first-child,
.cc-section--dark:first-child {
  border-top: none;
}

@media (min-width: 992px) {
  .layout--twocol-section .layout-container {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 1.5rem;
    row-gap: 1rem;
    width: 100%;
  }
  .layout--twocol-section.layout--twocol-section--50-50 > .layout-container > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--50-50 > .layout-container > .layout__region--second {
    grid-column: span 6;
  }
  .layout--twocol-section.layout--twocol-section--33-67 > .layout-container > .layout__region--first {
    grid-column: span 4;
  }
  .layout--twocol-section.layout--twocol-section--33-67 > .layout-container > .layout__region--second {
    grid-column: span 8;
  }
  .layout--twocol-section.layout--twocol-section--67-33 > .layout-container > .layout__region--first {
    grid-column: span 8;
  }
  .layout--twocol-section.layout--twocol-section--67-33 > .layout-container > .layout__region--second {
    grid-column: span 4;
  }
}

[data-cc-theme="light"][data-cc-background="background-01"]:not(.cc-block) {
  border-top: 1px solid var(--psu-pugh-blue);
}

[data-cc-theme="light"][data-cc-background="background-02"]:not(.cc-block) {
  border-top: 1px solid var(--cc-color-peach);
}

.node__content:has(> .layout[data-cc-theme="light"][data-cc-background="background-01"]:nth-child(2),
> .layout[data-cc-theme="light"][data-cc-background="background-02"]:nth-child(2)) .cc-hero-wrap {
  border-bottom: none;
}

.node__content .layout[data-cc-theme="light"][data-cc-background="default"]:nth-child(2) {
  border-top: none !important;
}

/**
 * Drupal admin UI overrides.
 *
 * Theme content-link rules use broad scopes; these !important resets keep
 * contextual menus, toolbar, and Layout Builder chrome usable without growing
 * :not() chains on front-end selectors.
 */
.contextual-links a {
  color: #333 !important;
  font-weight: normal !important;
  text-decoration: none !important;
  text-underline-offset: initial !important;
}
.contextual-links a:hover, .contextual-links a:focus, .contextual-links a:focus-visible {
  color: #000 !important;
  text-decoration: underline !important;
}

#toolbar-administration a {
  font-weight: inherit !important;
  text-decoration: inherit !important;
  text-underline-offset: initial !important;
}

.layout-builder-form #edit-submit {
  padding: 0.5rem 2rem !important;
  font-size: 1.125rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  background: var(--psu-beaver-blue);
  color: #fff;
  border: none;
  border-radius: 8px;
  box-shadow: none;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.layout-builder-form #edit-submit:hover, .layout-builder-form #edit-submit:focus {
  background: var(--psu-nittany-navy);
}

.layout-builder-form #edit-discard-changes {
  color: #595966 !important;
  background: #fff !important;
  border: 1px solid #d0d0d5 !important;
  font-size: 0.875rem !important;
  border-radius: 8px;
  padding: 0.35rem 0.8rem !important;
  box-shadow: none !important;
}
.layout-builder-form #edit-discard-changes:hover, .layout-builder-form #edit-discard-changes:focus {
  background: #f4f4f9 !important;
  border-color: #8e8e93 !important;
  color: #232429 !important;
}

.layout-builder-form #edit-revert {
  color: #c5221f !important;
  background: #fff;
  border: 1px solid #f5c6c5 !important;
  font-size: 0.875rem !important;
  border-radius: 8px;
  padding: 0.2rem 0.55rem !important;
  box-shadow: none !important;
}
.layout-builder-form #edit-revert:hover, .layout-builder-form #edit-revert:focus {
  background: #fce8e6 !important;
  border-color: #c5221f !important;
  color: #a50e0e !important;
}

.layout-builder-form .layout-builder__message--overrides .alert-success {
  background: transparent !important;
  border: 1px solid #c8d9d1 !important;
  border-radius: 3px !important;
  padding: 0.4rem 0.75rem !important;
  box-shadow: none !important;
  color: #595966 !important;
  font-size: 0.8rem !important;
}
.layout-builder-form .layout-builder__message--overrides .alert-success h2 {
  display: none !important;
}
.layout-builder-form .layout-builder__message--overrides .alert-success p {
  margin: 0 !important;
  font-size: 1rem !important;
}
.layout-builder-form .layout-builder__message--overrides .alert-success a {
  font-weight: normal !important;
  color: #595966 !important;
  text-decoration: underline !important;
}
.layout-builder-form .layout-builder__message--overrides .alert-success a:hover {
  color: #232429 !important;
}
.layout-builder-form .layout-builder__message--overrides .btn-close {
  display: none !important;
}

.layout-builder-form #edit-actions {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 0.5rem;
  position: fixed;
  top: var(--drupal-displace-offset-top, 80px);
  left: 0;
  right: 0;
  z-index: 500;
  background: #fff;
  padding: 0.75rem 1.5rem;
  border-bottom: 1px solid #d0d0d5;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
  margin: 0;
  background: var(--psu-pugh-blue);
  justify-content: center;
}

.layout-builder-form .js-form-item-toggle-content-preview {
  margin-block: 0.5rem;
  font-size: 1rem;
}

.layout-builder-form .form-item {
  font-size: 1rem;
}

.layout-builder--overrides {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  max-width: none;
}

.layout-builder .layout-builder-block {
  padding: 0 !important;
  outline: 1px dashed rgba(0, 0, 0, 0.18);
  outline-offset: 4px;
}
.layout-builder .layout-builder-block:hover {
  outline-color: rgba(0, 60, 197, 0.4);
}

.layout-builder .layout-builder-block:not([class*="cc-lb-bg-"]) {
  background-color: transparent !important;
}

.layout-builder .layout__region--content > .layout-builder__add-block {
  grid-column: 1 / -1;
}

.layout-builder a.cc-layout-builder__edit-block {
  display: inline-block !important;
  padding: 0.25rem 0.6rem !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  font-family: system-ui, -apple-system, sans-serif !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
  text-underline-offset: initial !important;
  color: #232429 !important;
  background: #f4f4f9 !important;
  border: 1px solid #bababf !important;
  border-radius: 2px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
  cursor: pointer !important;
}
.layout-builder a.cc-layout-builder__edit-block:hover, .layout-builder a.cc-layout-builder__edit-block:focus, .layout-builder a.cc-layout-builder__edit-block:focus-visible {
  color: #232429 !important;
  background: #e4e3ef !important;
  border-color: #8e8e93 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14) !important;
}

a.navbar-brand-link {
  font-weight: inherit !important;
  text-decoration: none !important;
  text-underline-offset: initial !important;
}

.messages__wrapper {
  margin-top: 1rem;
}

.alert p:last-child,
.alert ul:last-child,
.alert ol:last-child {
  margin-bottom: 0;
}

#block-caregiver-connection-help {
  padding: 1rem;
  background: #efefef;
  font-style: italic;
}
#block-caregiver-connection-help p, #block-caregiver-connection-help ul, #block-caregiver-connection-help ol {
  font-size: 1rem;
}
#block-caregiver-connection-help p:last-child, #block-caregiver-connection-help ul:last-child, #block-caregiver-connection-help ol:last-child {
  margin-bottom: 0;
}