.block--programs[data-related] .programs .results .programs-target[data-view=grid] {
  --card-count: 3;
}

@media (max-width: 991.98px) {
  .block--programs[data-related] .programs .results .programs-target[data-view=grid] {
    --card-count: 2 !important;
  }
}
@media (max-width: 575.98px) {
  .block--programs[data-related] .programs .results .programs-target[data-view=grid] {
    --card-count: 1 !important;
  }
}
.block--programs .programs .navbar {
  position: sticky;
  top: var(--heder-height, 0px);
  z-index: 10;
  width: 100vw;
  margin: 0 calc((100vw - 100%) / -2) var(--wp--preset--spacing--30);
  padding: var(--wp--style--block-gap) 0;
  background-color: var(--wp--preset--color--gold-200);
  border-bottom: 1px solid var(--wp--preset--color--black-400);
  transition: background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}

.block--programs .programs .navbar.is-stuck {
  background: var(--wp--preset--color--white);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
}

.block--programs .programs .navbar.is-stuck .filter .switch .switch-input {
  background-color: var(--wp--preset--color--black-200);
}

.block--programs .programs .navbar.is-stuck .filter .toggle-group .group {
  background-color: var(--wp--preset--color--black-200);
}

.block--programs .programs .navbar.is-stuck .filter .toggle-group .group input:not(:checked) + label:hover {
  background-color: var(--wp--preset--color--white);
}

.block--programs .programs .navbar .filter-icon {
  margin-right: var(--wp--preset--spacing--20);
}

.block--programs .programs .navbar .filter-toggle {
  text-decoration: none;
}

.block--programs .programs .navbar .switch {
  --switch-width: 40px;
  --switch-height: 24px;
  --switch-thumb-size: 18px;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 12px;
}

.block--programs .programs .navbar .switch .switch-label {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.block--programs .programs .navbar .switch .switch-input {
  position: relative;
  width: var(--switch-width);
  height: var(--switch-height);
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--wp--preset--color--white);
  border-radius: var(--switch-height);
  outline: none;
  cursor: pointer;
  transition: background-color 0.25s ease-in-out;
}

.block--programs .programs .navbar .switch .switch-input::before {
  content: url('data:image/svg+xml; utf8, <svg viewBox="0 0 18.7 18.7" xmlns="http://www.w3.org/2000/svg"><path d="m9.3 0c5.2 0 9.3 4.2 9.3 9.3s-4.2 9.3-9.3 9.3c-5.1.1-9.3-4.1-9.3-9.3s4.2-9.3 9.3-9.3z" fill="%23b6b6b6"/><path d="m9.6 7.3.6-3.2-5.1 5.5 3.2 1.2c.3 0 .3.3.3.5l-.6 3.2 5.1-5.5-3.2-1.2c-.3 0-.3-.3-.3-.5z" fill="none"/><path d="m14.4 8.9c0-.3-.1-.4-.3-.4l-3.5-1.3.9-4.4c0-.3 0-.5-.4-.6-.2 0-.3 0-.4 0l-6.7 7.2c-.2.2-.2.5 0 .7h.2l3.5 1.3-.9 4.4c0 .3.1.5.4.6.2 0 .3 0 .4-.1l6.7-7.2c.1 0 .2-.3.1-.4zm-6.4 5.6.6-3.2c0-.2 0-.5-.3-.5l-3.2-1.2 5.1-5.5-.6 3.2c0 .2 0 .5.3.5l3.2 1.2z" fill="%23f2f2f2"/></svg>');
  position: absolute;
  top: 3px;
  left: 3px;
  width: var(--switch-thumb-size);
  height: var(--switch-thumb-size);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.16));
  transition: transform 0.25s ease-in-out;
}

.block--programs .programs .navbar .switch .switch-input:checked::before {
  content: url('data:image/svg+xml; utf8, <svg viewBox="0 0 18.7 18.7" xmlns="http://www.w3.org/2000/svg"><path d="m9.3 0c5.2 0 9.3 4.2 9.3 9.3s-4.2 9.3-9.3 9.3c-5.1.1-9.3-4.1-9.3-9.3s4.2-9.3 9.3-9.3z" fill="%23B5A36A"/><path d="m9.6 7.3.6-3.2-5.1 5.5 3.2 1.2c.3 0 .3.3.3.5l-.6 3.2 5.1-5.5-3.2-1.2c-.3 0-.3-.3-.3-.5z" fill="none"/><path d="m14.4 8.9c0-.3-.1-.4-.3-.4l-3.5-1.3.9-4.4c0-.3 0-.5-.4-.6-.2 0-.3 0-.4 0l-6.7 7.2c-.2.2-.2.5 0 .7h.2l3.5 1.3-.9 4.4c0 .3.1.5.4.6.2 0 .3 0 .4-.1l6.7-7.2c.1 0 .2-.3.1-.4zm-6.4 5.6.6-3.2c0-.2 0-.5-.3-.5l-3.2-1.2 5.1-5.5-.6 3.2c0 .2 0 .5.3.5l3.2 1.2z" fill="%23f2f2f2"/></svg>');
  transform: translateX(calc(var(--switch-width) - var(--switch-thumb-size) - 6px));
}

.block--programs .programs .navbar .toggle-group {
  --toggle-width: 40px;
  --toggle-height: 20px;
  --toggle-icon-size: 18px;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 12px;
}

.block--programs .programs .navbar .toggle-group .group {
  display: inline-flex;
  align-items: center;
  padding: 3px;
  background-color: var(--wp--preset--color--white);
  border-radius: var(--toggle-height);
  pointer-events: none;
}

.block--programs .programs .navbar .toggle-group .group input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.block--programs .programs .navbar .toggle-group .group input:checked + label {
  background-color: var(--wp--preset--color--gold-800);
  color: var(--wp--preset--color--white);
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.16));
}

.block--programs .programs .navbar .toggle-group .group label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--toggle-height);
  height: var(--toggle-height);
  padding: 0;
  border-radius: 50%;
  color: var(--wp--preset--color--gold-800);
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}

.block--programs .programs .navbar .toggle-group .group label:hover {
  background-color: var(--wp--preset--color--black-200);
}

.block--programs .programs .filter-bar {
  align-items: center;
  gap: var(--wp--preset--spacing--40);
  width: 100%;
}

@media (max-width: 991.98px) {
  .block--programs .programs .filter-bar {
    align-items: start;
    margin-top: var(--wp--style--block-gap);
  }
  .block--programs .programs .filter-bar .filter {
    width: 100%;
  }
  .block--programs .programs .filter-bar .filter .dropdown-menu {
    margin-top: calc(var(--wp--style--block-gap) / 2);
    padding: 0;
    background-color: transparent;
    border: none;
  }
  .block--programs .programs .filter-bar .filter .dropdown-menu li {
    padding: 0 !important;
  }
  .block--programs .programs .filter-bar #keyword_filter + .dropdown-menu {
    display: block !important;
  }
}
.block--programs .programs .filter-bar .dropdown-toggle {
  position: relative;
  padding: 0;
  background-color: transparent;
  border: none;
  font-family: var(--wp--preset--font-family--body-condensed);
  font-size: 1rem;
  font-weight: 700;
  line-height: inherit;
  text-align: left;
  text-transform: uppercase;
  color: var(--wp--preset--color--black-1000);
}

.block--programs .programs .filter-bar .dropdown-toggle::after {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="15" height="14" viewBox="0 0 15 14" fill="none"><path d="M13.5 4L7.5 10L1.5 4" stroke="%23071C2C" stroke-width="2"/></svg>');
  display: none;
  position: absolute;
  right: 0.75rem;
  top: 50%;
  border: none;
  transform: translateY(-50%);
}

.block--programs .programs .filter-bar .dropdown-toggle[aria-expanded=true]::after {
  transform: translateY(-50%) rotate(180deg);
}

.block--programs .programs .filter-bar .dropdown-menu {
  width: 100%;
  margin-top: calc(var(--wp--style--block-gap) + 0.35em);
  border-top: none;
  border-radius: 0;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.block--programs .programs .filter-bar input {
  width: 100%;
  padding: calc(0.75rem + 1px) 0.75rem;
  background-color: #fff;
  border-radius: 0;
  text-align: left;
}

.block--programs .programs .filter-bar input[type=text] {
  min-width: 250px;
}

.block--programs .programs .filter-bar .filter-reset {
  padding: 0;
  background: none;
  border: none;
  font-family: var(--wp--preset--font-family--body-condensed);
  font-size: 1rem;
  text-transform: uppercase;
  color: var(--wp--preset--color--black-600);
  transition: color 0.25s ease-in-out;
}

.block--programs .programs .filter-bar .filter-reset:hover {
  color: var(--wp--preset--color--black-1000);
}

.block--programs .programs .filter-data {
  flex-wrap: wrap;
  margin-bottom: var(--wp--preset--spacing--30);
}

.block--programs .programs .filter-data .filtered {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin: 0;
}

.block--programs .programs .btn-filter {
  display: inline-flex;
  gap: 0;
  align-items: center;
  min-width: 0px;
  margin: 0;
  padding: 4px 8px;
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--black-400);
  border-radius: 50px;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--wp--preset--color--black-1000);
}

.block--programs .programs .btn-filter:hover {
  background-color: var(--wp--preset--color--black-1000);
  color: var(--wp--preset--color--white);
}

.block--programs .programs .btn-filter::after {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" height="12" width="12" viewBox="0 0 384 512"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" fill="%23B6B6B6"/></svg>');
  position: relative;
  display: block;
  height: 12px;
  width: 12px;
  margin-left: 0.25rem;
}

.block--programs .programs .results {
  --card-count: 3;
}

@media (max-width: 991.98px) {
  .block--programs .programs .results {
    --card-count: 2 !important;
  }
}
@media (max-width: 575.98px) {
  .block--programs .programs .results {
    --card-count: 1 !important;
  }
}
.block--programs .programs .results .programs-target {
  display: grid;
  grid-template-columns: repeat(var(--card-count), 1fr);
  grid-auto-flow: row;
  gap: var(--wp--style--block-gap);
}

@media (max-width: 575.98px) {
  .block--programs .programs .results .programs-target .program .card {
    flex-direction: column;
  }
}
.block--programs .programs .results .programs-target .no-results {
  grid-column-start: 1;
  grid-column-end: calc(var(--card-count) + 1);
}

.block--programs .programs .results .programs-target[data-view=list] {
  --card-count: 1 !important;
}

.block--programs .programs .results .programs-target[data-view=grid] .program .card {
  flex-direction: column;
}

@media (max-width: 575.98px) {
  .block--programs .programs .results .programs-target[data-view=grid] .program .card {
    flex-direction: column;
  }
}
.block--programs .programs .results .programs-target .programs-count {
  grid-column-start: 1;
  grid-column-end: calc(var(--card-count) + 1);
}

.block--programs .programs .program {
  display: flex;
  margin: 0;
  max-width: 100%;
}

.block--programs .programs .program .card {
  flex-direction: row;
  gap: var(--wp--style--block-gap);
  height: 100%;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  padding: 16px;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  outline: 2px solid transparent;
  overflow: hidden;
  transition: outline 0.25s ease-in-out;
}

.block--programs .programs .program .card.linked:hover, .block--programs .programs .program .card.linked:focus-within {
  cursor: pointer;
}

.block--programs .programs .program .card.linked:hover a, .block--programs .programs .program .card.linked:focus-within a {
  color: var(--wp--preset--color--gold-1000);
}

.block--programs .programs .program .card .wp-block-image {
  position: relative;
  display: block;
  flex: 1 0 190px;
  height: auto;
  aspect-ratio: 9/5;
  overflow: hidden;
}

.block--programs .programs .program .card .wp-block-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.block--programs .programs .program .card .wp-block-image img.is-logo {
  -o-object-fit: contain;
     object-fit: contain;
  padding: 10%;
  background-color: var(--wp--preset--color--black-1000);
}

.block--programs .programs .program .card .date {
  text-transform: uppercase;
}

.block--programs .programs .program .card .excerpt {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.block--programs .programs .program .card a {
  color: var(--wp--preset--color--black-1000);
  text-decoration: underline;
  text-decoration-thickness: 0.07em;
  text-underline-offset: 0.15em;
}

.block--programs .programs .program .card a.visually-hidden-focusable {
  position: absolute;
  left: 0;
  bottom: 0;
}

.block--programs .programs .program .card a.visually-hidden-focusable:focus {
  width: 100%;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  box-shadow: none;
  outline: none;
}

.block--programs .programs .program .card .badge {
  display: inline-block;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 1;
  background-color: var(--wp--preset--color--black-200);
  border-radius: 20px;
}

.block--programs .programs .program .card .badge.accelerated {
  background-color: var(--wp--preset--color--gold-1000);
  color: var(--wp--preset--color--white);
}

.block--programs .programs .program[data-accelerated=true] .card .wp-block-image {
  position: relative;
}

.block--programs .programs .program[data-accelerated=true] .card .wp-block-image::before {
  content: url('data:image/svg+xml; utf8, <svg viewBox="0 0 40.3 40.3" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h40.3v40.3h-40.3z" fill="%23fff"/><path d="m31.3 18.9c0-.3-.3-.6-.6-.7l-7.5-2.8 1.9-9.5c.1-.6-.3-1.1-.8-1.2-.4 0-.7 0-1 .3l-14.5 15.6c-.4.4-.4 1.1 0 1.5.1 0 .2.2.4.2l7.5 2.8-1.9 9.5c-.1.6.3 1.1.8 1.2.4 0 .7 0 1-.3l14.5-15.6c.2-.2.3-.6.2-.9zm-13.8 12.5 1.4-6.8c.1-.5-.2-1-.6-1.2l-6.9-2.6 11-11.8-1.4 6.8c-.1.5.2 1 .6 1.2l6.9 2.6z" fill="%23b5a36a" stroke="%23b5a36a" stroke-width=".5"/></svg>');
  position: absolute;
  top: 4px;
  left: 4px;
  height: 40px;
  width: 40px;
}

.block--programs .programs .spinner {
  color: inherit;
}

.block--programs .programs .load-more {
  display: none;
}

.block--programs .programs .pagination {
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 3rem;
}

.block--programs .programs .pagination .page-link {
  padding: 0;
  color: inherit;
  background-color: transparent;
  border: none;
}

.block--programs .programs .pagination .page-link:hover {
  text-decoration: underline;
}

.block--programs .programs .pagination .page-link.active {
  font-weight: bold;
  pointer-events: none;
}

.editor-styles-wrapper .wp-block .block--programs .programs .navbar {
  max-width: 100%;
  margin: 0 -12px;
}

.editor-styles-wrapper .wp-block .block--programs .programs .filter-data {
  margin-top: var(--wp--style--block-gap);
}

.editor-styles-wrapper .wp-block .block--programs .program {
  pointer-events: none;
}

.editor-styles-wrapper .wp-block .block--programs .spinner {
  display: none !important;
}