/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
 * CONTENTS..............You’re reading it!
 * LIST STYLE ............................
 * MEDIA QUERIES .........................
*/

/* ------------------------------------ *\
  ==LIST STYLE
\* ------------------------------------ */
.paragraph-link-list.bg-gray {
  background-color: var(--bs-gray);
  -webkit-box-shadow: 0 0 10px #1a1a1a0a;
          box-shadow: 0 0 10px #1a1a1a0a;
  padding: 1.5rem;
}

.block-border--left.block-border--purple {
  font-size: 1.563rem;
  border-left: 1px solid var(--bs-purple);
  padding-left: 1rem;
  font-weight: 400;
}

.block-bg-white.block-border-blue {
  background-color: var(--bs-white);
  -webkit-box-shadow: 0 3px 6px #00000029;
          box-shadow: 0 3px 6px #00000029;
  border: 1px solid var(--bs-blue);
  padding: 1.5rem;
}

.paragraph-link-list.bg-blue > ul > li > .paragraph > .file-link,
.paragraph-link-list.bg-blue > ul > li > .paragraph > .cta__link,
.paragraph-link-list.bg-blue > ul > li::marker,
.paragraph-link-list.bg-blue a {
  color: var(--bs-white);
}

.paragraph-link-list.bg-blue {
  background-color: var(--bs-blue);
  color: var(--bs-white);
  -webkit-box-shadow: 0 0 10px #1a1a1a0a;
          box-shadow: 0 0 10px #1a1a1a0a;
  padding: 1.5rem;
}

.paragraph-link-list.block-center {
  margin-left: auto;
  margin-right: auto;
}

/* ------------------------------------ *\
  ==LIST STYLE
\* ------------------------------------ */
.paragraph-link-list > ul > li > .paragraph > .file-link,
.paragraph-link-list > ul > li > .paragraph > .cta__link {
  font-size: 1.125rem;
  text-decoration: none;
  color: var(--bs-blue);
  padding: 0;
  border: 0;
  font-weight: 300;
  background: transparent;
}

.paragraph-link-list > ul > li > .paragraph > .file-link:before,
.paragraph-link-list > ul > li > .paragraph > .file-link:after,
.paragraph-link-list > ul > li > .paragraph > .cta__link:before,
.paragraph-link-list > ul > li > .paragraph > .cta__link span:before {
  content: unset;
}

.paragraph-link-list
  > ul
  > li
  > .paragraph
  > .file-link:where(:hover, :focus, :active),
.paragraph-link-list
  > ul
  > li
  > .paragraph
  > .cta__link:where(:hover, :focus, :active) {
  text-decoration: underline;
}

.paragraph-link-list > ul {
  padding-left: 0.5rem;
}

.paragraph-link-list > ul > li {
  padding-left: 0.5rem;
}

.paragraph-link-list > ul > li::marker {
  content: '◗';
  color: var(--bs-purple);
}

.layout-paragraphs-component-form
  .field--name-field-link-list-item
  .field-group-details {
  display: none;
}

/* ------------------------------------ *\
  ==MEDIA QUERIES
\* ------------------------------------ */
@media screen and (max-width: 575.98px) {
  .block-border--left.block-border--purple {
    font-size: 1.125rem;
  }

  .paragraph-link-list > ul > li > .paragraph > .file-link,
  .paragraph-link-list > ul > li > .paragraph > .cta__link {
    font-size: 1rem;
  }
}