:root {
  --global-border-radius: 0.75rem ;
}

.block--link,
.block--file,
.block--resource-content {
  margin-bottom: 1em !important;
}

.block--link .field,
.block--file .field,
.block--resource-content .field {
  contain: paint;
  background: var(--c-brand-primary);
  border-radius: 0.25rem;
}
.block--link .field > a,
.block--link .field .content-title,
.block--file .field > a,
.block--file .field .content-title,
.block--resource-content .field > a,
.block--resource-content .field .content-title {
  display: block !important;
  position: relative;
  color: #fff;
  font-family: var(--font-family-body);
  font-weight: 300;
  line-height: 1.4em;
  padding: 1.75em 2em 1.75em 7.5em;
  transition: all 0.25s;
  text-decoration: none !important;
}
.block--link .field > a::before, .block--link .field > a::after,
.block--link .field .content-title::before,
.block--link .field .content-title::after,
.block--file .field > a::before,
.block--file .field > a::after,
.block--file .field .content-title::before,
.block--file .field .content-title::after,
.block--resource-content .field > a::before,
.block--resource-content .field > a::after,
.block--resource-content .field .content-title::before,
.block--resource-content .field .content-title::after {
  content: "";
  position: absolute;
  left: 0em;
  top: 0;
  width: 6em;
  height: 100%;
  transition: all 0.25s;
}
.block--link .field > a::before,
.block--link .field .content-title::before,
.block--file .field > a::before,
.block--file .field .content-title::before,
.block--resource-content .field > a::before,
.block--resource-content .field .content-title::before {
  border-right: 3px solid rgba(255, 255, 255, 0.1);
}
@media screen and (min-width: 0) and (max-width: 767px) {
  .block--link .field > a,
  .block--link .field .content-title,
  .block--file .field > a,
  .block--file .field .content-title,
  .block--resource-content .field > a,
  .block--resource-content .field .content-title {
    padding: 1.55em 1.75em 1.3em 5.5em;
  }
  .block--link .field > a::before, .block--link .field > a::after,
  .block--link .field .content-title::before,
  .block--link .field .content-title::after,
  .block--file .field > a::before,
  .block--file .field > a::after,
  .block--file .field .content-title::before,
  .block--file .field .content-title::after,
  .block--resource-content .field > a::before,
  .block--resource-content .field > a::after,
  .block--resource-content .field .content-title::before,
  .block--resource-content .field .content-title::after {
    width: 4em;
  }
}
.block--link .field > a:hover,
.block--link .field .content-title:hover,
.block--file .field > a:hover,
.block--file .field .content-title:hover,
.block--resource-content .field > a:hover,
.block--resource-content .field .content-title:hover {
  background: var(--c-brand-primary-dark);
  color: #fff;
}
.block--link .field > a:hover::before, .block--link .field > a:hover::after,
.block--link .field .content-title:hover::before,
.block--link .field .content-title:hover::after,
.block--file .field > a:hover::before,
.block--file .field > a:hover::after,
.block--file .field .content-title:hover::before,
.block--file .field .content-title:hover::after,
.block--resource-content .field > a:hover::before,
.block--resource-content .field > a:hover::after,
.block--resource-content .field .content-title:hover::before,
.block--resource-content .field .content-title:hover::after {
  border-color: rgba(255, 255, 255, 0.1);
}
.block--link .field > a:hover,
.block--file .field > a:hover,
.block--resource-content .field > a:hover {
  background: var(--c-brand-primary-dark);
}
.block--link .field .body,
.block--file .field .body,
.block--resource-content .field .body {
  padding: clamp(1rem, 2.4vw, 2rem);
}
.block--link .field .body,
.block--file .field .body,
.block--resource-content .field .body {
  border-top: 3px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--font-size--1);
  line-height: 1.5em;
}
.block--link .field .body .field--body *:first-child,
.block--link .field .body .field--body-below *:first-child,
.block--file .field .body .field--body *:first-child,
.block--file .field .body .field--body-below *:first-child,
.block--resource-content .field .body .field--body *:first-child,
.block--resource-content .field .body .field--body-below *:first-child {
  margin-top: 0 !important;
}
.block--link .field .body a,
.block--link .field .body .toggle,
.block--file .field .body a,
.block--file .field .body .toggle,
.block--resource-content .field .body a,
.block--resource-content .field .body .toggle {
  color: #fff;
}
.block--link .field .body a:hover,
.block--link .field .body .toggle:hover,
.block--file .field .body a:hover,
.block--file .field .body .toggle:hover,
.block--resource-content .field .body a:hover,
.block--resource-content .field .body .toggle:hover {
  opacity: 0.5;
}
@media screen and (min-width: 640px) {
  .block--link .field .body figure.alignleft,
  .block--file .field .body figure.alignleft,
  .block--resource-content .field .body figure.alignleft {
    float: left;
    margin-right: 1em;
  }
}
@media screen and (min-width: 640px) {
  .block--link .field .body figure.alignright,
  .block--file .field .body figure.alignright,
  .block--resource-content .field .body figure.alignright {
    float: right;
    margin-left: 1em;
  }
}

.block--link .field a::after {
  background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="white" fill-rule="evenodd" d="M4.25 9a7.75 7.75 0 1 1 15.5 0v6a7.75 7.75 0 0 1-15.5 0V9Zm7-6.205A6.251 6.251 0 0 0 5.75 9v6a6.25 6.25 0 1 0 12.5 0V9a6.251 6.251 0 0 0-5.5-6.205v3.583a2.25 2.25 0 0 1 1.5 2.122v2a2.25 2.25 0 0 1-4.5 0v-2c0-.98.626-1.813 1.5-2.122V2.795ZM12 7.75a.75.75 0 0 0-.75.75v2a.75.75 0 0 0 1.5 0v-2a.75.75 0 0 0-.75-.75Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat;
  background-size: 40% auto;
}

.block--file .field a::after {
  background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath fill="white" d="m12 17l4-4l-1.4-1.4l-1.6 1.55V9h-2v4.15L9.4 11.6L8 13l4 4Zm-8 5V8l6-6h10v20H4Z"%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat;
  background-size: 35% auto;
}
/*# sourceMappingURL=style.css.map */
