/*
 * 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(--sp1-25);
    letter-spacing: 0.05em;
    font-size: var(--font-size-s);
    line-height: var(--sp);
    color: var(--color-text-neutral-soft);
}

/*SIDEBAR*/
.region--sidebar .block__title {
    background: var(--color--white);
    border-block-end: 4px solid transparent;
    border-image: linear-gradient(45deg, var(--color--gray-20), var(--color--gray-70)) 1;
    padding-block-start: var(--sp);
    padding-block-end: var(--sp0-5);
}

@media (min-width: 62.5rem) {
   .region--sidebar .block__title {
    position: sticky;
    top: 0;
  }
}

.region--sidebar .block__content a {
    text-decoration: none; 
    font-size: var(--font-size-s);
    letter-spacing: 0.03em;
    color: var(--color-text-primary-loud);
}

.region--sidebar .block__content a:hover {
    color: var(--color--primary-50);
}

.region--sidebar .view-content ul {
    display: flex;
    flex-direction: column;
    gap: var(--sp);
}

.region--sidebar .block__content li {
    padding-block: var(--sp0-5);
    padding-inline: var(--sp0-5); 
    line-height: var(--line-height-s);
    transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);
    box-shadow: inset 0 -1px 0 0 var(--color--gray-90);
}

.region--sidebar .block__content li:hover {
    box-shadow: inset 0 -6em 0 0 var(--color--gray-100);
}

.region--sidebar .block__content .views-field-changed {
    font-size: var(--font-size-xxs);
    margin-block-start: var(--sp0-5);
    color: var(--color-text-neutral-soft);
}

/*FOOTER*/
.region--footer-top .block__title {
    color: var(--color--white);
    text-transform: uppercase;
}

.region--footer-top .view-content ul { 
    display: flex;
    flex-direction: column;
    gap: var(--sp0-25);
    margin-inline-start: var(--sp0-25);
}

@media (max-width: 43.75rem) {
  .region--footer-top ul {
    gap: var(--sp0-75);
  }
}

.region--footer-top a {
    text-decoration: none;
    font-size: var(--font-size-s);
}

.region--footer-top a:hover {
    color: var(--color--white);
    text-decoration: underline;
}