/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Block styling.
 */

.block__title {
  margin-block: 0 var(--sp);
  letter-spacing: 0.02em;
  color: var(--color-text-neutral-soft);
  font-size: 200%;
  padding-bottom: 24px;
  line-height: var(--sp);
}

.focus-area-title {
  font-size: 150%;
  font-weight: 700;
}

.views-field-name {
  padding-top: 24px;
}

.site-footer .block__title {
  color: var(--color--gray-65);
}

.teaching-topic {
  padding: 24px 24px 24px 24px;
  margin-bottom: 24px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #d9d9d9;
}

.views-field-field-topic > .field-content {
  display: inline;
}

.views-field-view-node {
  text-align: right;
  font-weight: 800;
}

.view-newsletters > .view-content > .views-row {
  padding: 24px 24px 24px 24px;
  margin-bottom: 24px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
  border: solid 1px #d9d9d9;
}

.field--name-field-images > .field__label {
  display: none;
}

.slick-dots {
  position: absolute;
  bottom: -50px;
  display: block;
  width: 100%;
  padding: 12px;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slide__caption {
  display: none;
}

.get-started, .newsletter-signup {
  text-align: center;
}

.get-started a, .newsletter-signup a {
  background: #1475AD;
  color: #ffffff !important;
  transition: unset !important;
  padding: 12px;
  font-size: 150%;
  font-family: var(--font-sans);
  font-weight: bold;
}

.get-started a:hover, .newsletter-signup a:hover {
  color: #000000 !important;
}