/* ----------------------------------------
   ICON LIST STYLES
---------------------------------------- */
.icon-list {
  display: block;
}
.icon-list li:not(:first-child) {
  margin-top: var(--spacing--2xsmall);
}
.icon-list li,
.icon-list a {
  display: block;
  font-family: var(--sans-serif);
}
.icon-list li:before,
.icon-list a:before {
  margin-right: var(--spacing--2xsmall);
  font-family: var(--font-awesome);
}
.icon-list li.fab:before,
.icon-list a.fab:before {
  font-family: var(--font-awesome-brands);
}
/* Inline icon list */
.icon-list--inline {
  display: flex;
  flex-wrap: wrap;
}
.icon-list--inline li:not(:first-child) {
  margin-top: 0;
}
.icon-list--inline li:not(:last-child) {
  margin-right: var(--spacing--small);
}
/* Social media icon list */
.icon-list--social-media a {
  font-size: 0;
}
.icon-list--social-media a:before {
  margin: 0;
  font-size: 1.25rem;
}
/* Custom styles for Glide carousels, flattened and using CSS variables */

.glide {
  position: relative;
}

/* Glide arrows */
.glide__arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 3em;
  height: 3em;
  padding: 0;
  transform: translateY(-50%);
  border: 0;
  font-size: 1.25rem;
  background: transparent;
  cursor: pointer;
  color: var(--brand--dark-blue-alternative);
  transition: color var(--primary-transition);
  display: flex;
  align-items: center;
  justify-content: center;
}

.glide__arrow:after {
  display: block;
  padding: 0.5em;
  font-family: var(--font-awesome);
  line-height: 1.1;
  font-size: 1.25rem;
}

.glide__arrow--prev {
  left: 0;
}
.glide__arrow--prev:after {
  content: "\f053"; /* Font Awesome chevron-left */
}

.glide__arrow--next {
  right: 0;
}
.glide__arrow--next:after {
  content: "\f054"; /* Font Awesome chevron-right */
}

.glide__arrow:hover,
.glide__arrow:focus {
  color: var(--secondary--fuchsia);
}

/* You may need to adjust the content values above to match your Font Awesome setup.
   If you use CSS variables for icon content, replace the unicode with:
   content: var(--fa-var-chevron-left); and content: var(--fa-var-chevron-right);
   as appropriate for your icon font setup. */
/* Utility element styles, flattened and using CSS variables from variables.css */

/* Link arrow utility */
.link-arrow-parent {
  padding-right: 1.875rem;
}
.card .link-arrow:first-child,
section .link-arrow:first-child,
header .link-arrow:first-child,
.listing-item .link-arrow:first-child,
.section--wysiwyg .link-arrow:first-child,
.wysiwyg .link-arrow:first-child {
  margin-top: 0;
}

.wysiwyg .link-arrow,
.ck_editable .link-arrow {
  margin-top: 1.25rem;
  margin-bottom: 0;
}
.link-arrow::after {
  font-family: var(--font-awesome);
  content: "\f061";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  padding-left: 0.3em;
  position: absolute;
}


/* Decorative line utility */
.decorative-line {
  content: "";
  display: block;
  width: 47.5px;
  height: 1px;
  background-color: var(--gray--line-alt);
  position: absolute;
  bottom: 0;
  left: 0;
}

/* Icon font utility */
.icon-font {
  font-family: var(--font-awesome);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  font-weight: 600;
}

/* Horizontal gray line separator (small down) */
@media print, screen and (max-width: 47.9375em) {
  .gray-line-separator-horizontal::before {
    margin-top: var(--spacing--default);
    margin-bottom: var(--spacing--default);
    content: "";
    display: block;
    height: 10px;
    background-color: var(--gray--bg);
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 40px);
  }
}

/* Vertical gray line separator */
.gray-line-separator-vertical {
  position: relative;
}
.gray-line-separator-vertical::after {
  content: "";
  display: block;
  border-left: 1px solid var(--gray--line);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 120px;
}

/* Feature eyebrow utility */
.feature-eyebrow,
.feature-overline {
  margin-top: var(--spacing--xsmall);
  color: var(--accent-green);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px;
  letter-spacing: 1.2px;
}
@media print, screen and (min-width: 48.0625em) {
  .feature-eyebrow,
  .feature-overline {
    font-size: 16px;
    margin-top: 0;
  }
}

/* Feature blockquote utility */
.feature-blockquote::before {
  content: "“";
}
.feature-blockquote::after {
  content: "”";
}

/* Feature attribution utility */
.feature-attribution {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 16px;
  margin-top: var(--spacing--2xsmall);
}
@media print, screen and (min-width: 48.0625em) {
  .feature-attribution {
    font-size: 18px;
    margin-bottom: 3px;
  }
}

/* Feature pronouns utility */
.feature-pronouns {
  margin-bottom: 1.25rem;
  font-size: 14px;
  margin-top: 0;
}

/* Add padding-bottom to last line-component */
.line-component:last-child {
  padding-bottom: var(--spacing--xlarge);
}

/* Add margin between line and solid components */
.line-component + .solid-component {
  margin-top: 50px;
}
@media print, screen and (min-width: 75em) {
  .line-component + .solid-component {
    margin-top: 60px;
  }
}

/* Default shadow utility */
.shadow-default {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.11);
}

/* External link icon */
.external,
.elf-external,
.link-external {
  position: relative;
}
.external::after,
.elf-external::after,
.link-external::after {
  font-family: var(--font-awesome);
  display: inline;
  padding-left: 0.25em;
  content: "\f35d"; /* fa-external-link-alt */
}
/* Download icon for file links */
a[data-entity-type="media"]::after,
[href$=".doc"]::after,
[href$=".docx"]::after,
[href$=".pdf"]::after,
[href$=".ppt"]::after,
[href$=".pptx"]::after,
[href$=".xls"]::after,
[href$=".xlsx"]::after,
[href$=".zip"]::after {
  font-family: var(--font-awesome);
  display: inline;
  padding-left: 0.25em;
  content: "\f019"; /* fa-download */
}
/* Search icon */
@media print, screen and (max-width: 64.0613em) {
  .site-search form .form-actions input {
    background: none;
    border: none;
    font-size: 0;
    width: 36px;
    height: 100%;
    padding: 9px;
    background: rgba(0, 0, 0, 0)
      url(/themes/custom/holyoke/assets/img/search.svg) no-repeat center;
  }
}
.news-swiper-pagination {
  margin-top: var(--spacing--medium);
  position: relative;
  text-align: left;
  margin-top: -.3125rem;
}