.view-syndicated-programs {
  position: relative;
  /* Wrap is required so that the pager appears below the content. */
  flex-flow: row wrap;
  font-size: 0.875em;
}
.view-syndicated-programs div {
  box-sizing: border-box;
}
.view-syndicated-programs .view-filters {
  margin-block-end: 1.25em;
  color: var(--blue);
}
.view-syndicated-programs .form-inline {
  display: block;
}
.view-syndicated-programs .form-inline .form-item {
  float: none;
}
.view-filters .form-item,
.view-syndicated-programs .view-filters form.views-exposed-form .form--inline .form-item .fieldset-wrapper .form-item,
.view-syndicated-programs .view-filters form.views-exposed-form .form--inline fieldset .fieldset-wrapper .form-item {
  display: block;
  margin-block: 0.25em;
}
.view-syndicated-programs .view-filters .form-item-search {
  margin-block: 0;
  padding-block-end: 1.25em;
  color: var(--primary);
}
.view-syndicated-programs .view-filters .form-item label {
  display: inline-block;
  position: relative;
  padding-inline-start: 2em;
  font-weight: 600;
}
.view-syndicated-programs .view-filters .form-item label input {
  position: absolute;
  inset-block-start: -4px;
  inset-inline-start: 0;
  margin-inline-start: 0;
}
.view-syndicated-programs .view-filters .form-item-search input {
  border: none;
  box-shadow: none;
  background: url(../img/search.svg) 0.75em center / 1em auto no-repeat scroll padding-box padding-box var(--light-grey);
  padding: 1.5em 1em 1.5em 2.5em;
  width: 100%;
  font-size: 1.5em;
}
.view-syndicated-programs .view-filters fieldset.form-item,
.view-syndicated-programs .view-filters form.views-exposed-form .form--inline fieldset.form-item {
  margin-block-start: 1em;
  border-block-start: 1px solid var(--blue);
  padding-block-start: 1.25em;
}
.view-syndicated-programs .view-filters fieldset.form-item:first-of-type,
.view-syndicated-programs .view-filters form.views-exposed-form .form--inline fieldset.form-item:first-of-type {
  margin-block-start: 0;
}
.view-syndicated-programs .view-filters fieldset.form-item:last-of-type,
.view-syndicated-programs .view-filters form.views-exposed-form .form--inline fieldset.form-item:last-of-type {
  border-block-end: 1px solid var(--blue);
  padding-block-end: 1.25em;
}
.view-syndicated-programs .view-filters legend,
.view-syndicated-programs .view-filters form.views-exposed-form .form--inline fieldset.form-item legend {
  display: block;
  position: relative;
  margin: 0;
  border-block-end: 0;
  width: 100%;
  float: left;
  float: inline-end;
  font-size: calc(16em / 14);
  font-weight: 800;
  line-height: 1.25em;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--blue);
}
.view-syndicated-programs.syndicated-programs-dynamic .view-filters legend {
  background: url(../img/down.svg) right center / 1em auto no-repeat scroll padding-box padding-box transparent;
  padding-inline-end: 1.75em;
  cursor: pointer;
}
.view-syndicated-programs.syndicated-programs-dynamic .view-filters fieldset.active legend {
  background-image: url(../img/up.svg);
}
.view-syndicated-programs .view-filters fieldset {
  margin: 0;
  width: 100%;
}
.view-syndicated-programs .view-filters legend + .fieldset-wrapper {
  clear: both;
  padding: 0.5em 0 0 0.25em;
}
.view-syndicated-programs.syndicated-programs-dynamic .view-filters legend + .fieldset-wrapper {
  display: none;
}
.view-syndicated-programs.syndicated-programs-dynamic .view-filters .active legend + .fieldset-wrapper {
  display: block;
}
.view-syndicated-programs .view-filters .form-actions {
  margin-block-start: 2.5em;
}
.view-syndicated-programs .view-filters .form-actions button {
  border-color: var(--blue);
  border-radius: 0;
  background-color: transparent;
  padding: 0.75em 1.75em;
  font-size: 1em;
  color: var(--blue);
}
.view-syndicated-programs .view-filters .form-actions button span {
  display: none;
}
/* The pager is wrapped in a div with class "container", which means it gets
   15px superfluous inline padding (because the view itself has class
   "container" in order to correctly get 15px inline padding). */
.view-syndicated-programs .view-content + .container {
  padding: 2.5em 0;
}
.view-syndicated-programs .views-row:not(:first-child) {
  margin-block-start: 2em;
  border-block-start: 1px solid var(--grey);
  padding-block-start: 2em;
}
.view-syndicated-programs article > h2 {
  margin-block: 0 1em;
  font-size: 1.625em;
  color: var(--blue);
}
.view-syndicated-programs.syndicated-programs-dynamic article > h2 {
  background: url(../img/plus.svg) right center / 1em auto no-repeat scroll padding-box padding-box transparent;
  padding-inline-end: 2em;
}
.view-syndicated-programs.syndicated-programs-dynamic .views-row.active article > h2 {
  background-image: url(../img/minus.svg);
  cursor: pointer;
}
.view-syndicated-programs.syndicated-programs-dynamic .syndicated-programs-content-container {
  display: none;
}
.view-syndicated-programs.syndicated-programs-dynamic .views-row.active .syndicated-programs-content-container {
  display: block;
}
.view-syndicated-programs article .content:not(.content .content) {
  display: block;
}
.view-syndicated-programs article .content .secondary {
  margin-block-start: 2.5em;
}
.view-syndicated-programs article .content .secondary::after {
  content: '.';
  display: block;
  block-size: 0;
  clear: both;
  visibility: hidden;
}
.view-syndicated-programs article .content .secondary .field--type-image {
  margin-inline-start: 1.875rem;
  padding-block-end: 1.25em;
  inline-size: calc(50% - (1.875rem / 2));
  float: right;
  float: inline-end;
}
.view-syndicated-programs .field--name-body {
  padding-inline: 0;
}
.view-syndicated-programs .field--name-body p:first-of-type {
  margin-block-start: 0;
}
.view-syndicated-programs .field--name-field-link {
  margin-block-start: 1.25em;
}
.view-syndicated-programs .field--name-field-link .field--item {
  display: inline-block;
}
.view-syndicated-programs .field--name-field-link a {
  margin-block-end: 0;
}
.view-syndicated-programs .secondary .field {
  margin-bottom: 1.25em;
}
.view-syndicated-programs .secondary .field--label {
  margin-block-end: 0.25em;
  font-weight: normal;
}
.view-syndicated-programs .secondary .field--items {
  font-weight: 600;
}
@media (min-width: 576px) {
  .view-syndicated-programs article .content:not(.content .content) {
    display: flex;
  }
  .view-syndicated-programs article .content .primary {
    flex: 0 0 calc((100% / 3 * 2) + (1.875rem / 3));
    padding-inline-end: calc(1.875rem * (2 / 3));
  }
  .view-syndicated-programs article .content .secondary {
    margin-block-start: 0;
    padding-inline-start: calc(1.875rem / 3);
  }
  .view-syndicated-programs article .content .secondary::after {
    content: '';
    display: none;
  }
  .view-syndicated-programs article .content .secondary .field--type-image {
    margin-inline-start: 0;
    padding-block-end: 0;
    inline-size: auto;
    float: none;
  }
  .view-syndicated-programs .field--name-field-link .field--item {
    display: block;
  }
}
@media (min-width: 768px) {
  .view-syndicated-programs {
    display: flex;
    padding-block-start: 8em;
  }
  .view-syndicated-programs .view-filters {
    flex: 0 0 calc(25% - (1.875rem / 2));
    margin-block-end: 2.5em;
    padding-inline-end: calc(1.875rem / 4);
  }
  .view-syndicated-programs .form-inline {
    display: flex;
  }
  .view-syndicated-programs .view-filters .form-item-search {
    position: absolute;
    inset-block-start: 1em;
    inset-inline: 0;
  }
  .view-syndicated-programs .view-content,
  .view-syndicated-programs .view-empty {
    flex: 0 0 calc(75% + (1.875rem / 2));
    padding-inline-start: calc(1.875rem * (3 / 4));
  }
  .view-syndicated-programs article > h2 {
    font-size: 2em;
  }
}