/* @import url("/styles/listgroup.css"); */

ul.list-tile {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -1.25%;
    padding: 0;
}
  
div.listgroup-fixed, div.listgroup  {
    padding-top: 0;
}

.listgroup ul li, .listgroup-fixed ul li {
    clear: both;
    list-style-type: none;
    padding: 0;
    float: left;
    a {
        text-align: left;
    }
}
.listgroup ul.col-size-2 li, .listgroup-fixed ul.col-size-2 li {
    width: 47.5%;
    max-width: 320px;
    margin: 0 1.25% 1.5rem 1.25%;
    @media (width <= 600px) {
        width: 47.5%;
    }
}

.listgroup ul.col-size-3 li, .listgroup-fixed ul.col-size-3 li {
    width: 30%;
    margin: 0 1.25% 1.5rem 1.25%;
    @media (width <= 600px) {
        width: 47.5%;
    }
}

.listgroup ul.col-size-4 li, .listgroup-fixed ul.col-size-4 li {
    margin: 0 1.25% 1.5rem 1.25%;
    width: 22.5%;
    @media (width <= 900px) {
        width: 30.75%;
    }
    @media (width <= 600px) {
        width: 47.5%;
    }
}

.listgroup ul.col-size-5 li, .listgroup-fixed ul.col-size-5 li {
    margin: 0 1.25% 1.5rem 1.25%;
    width: 17.5%;
    @media (width <= 900px) {
        width: 30.75%;
        flex-grow: 1;
    }
    @media (width <= 600px) {
        width: 47.5%;
    }
    @media (width <= 400px) {
        width: 100%;
    }
}

.image {
    order: 0;
    float: left;
    width: auto;
    display: flex;
    max-width: 100%;
    margin: 0;
    grid-row: 1;
    aspect-ratio: 1.5;
}

.jmp-books .image {
    aspect-ratio: 0.8;
}

.listgroup ul.list-tile, .listgroup-fixed ul.list-tile  {
    > li {
        margin-bottom: 2.5%;
        transition: all 0.5s ease-in-out;
        a {
            background: #FAFAFA;
            border: 1px solid #D7D7D7;
            border-radius: 5px;
            /* padding: 8% 8% 9% 8%; */
            box-sizing: border-box;
            margin: 0;
            height: 100%;
            width: auto;
            text-decoration: none;
            display: flex;
            flex-direction: column;
            position: relative;
            outline: none;
            img {
                border-radius: 5px 5px 0 0;
                /* border: 1px solid #D7D7D7; */
                padding: 0;
                transition: color 0.3s ease;
                object-fit: cover;
                object-position: center;
                width: 100%;
                height: 100%;
                flex: 1 0 auto;
                filter: saturate(.75);
            }
            .navigation-title, .resourceType, .displayLabel {
                order: 1;
                font-size: 13px;
                font-family: var(--font-secondary);
                font-weight: normal;
                color: var(--gray7);
                display: block;
                padding: 8% 8% .25em 8%;
                line-height: 20px;
                text-transform: uppercase;
                transition: color 0.3s ease;
            }
            .title {
                order: 2;
                font-family: "anova-regular", "Arial", "Helvetica", sans-serif;
                font-weight: normal;
                font-size: 1.6 rem;
                margin: 0 8% .25em 8%;
                transition: color 0.5s ease;
                color: var(--blue) !important;
            }
            .abstract, .displayDescription {
                order: 3;
                color: #666666;
                font-size: 1.6rem;
                flex: 1 0 auto;
                padding: 0 8% 9% 8%;
                line-height: 138%;
                word-break: break-word;
            }
        }
        :hover {
            img {
                filter: saturate(1);
            }
            .navigation-title, .resourceType, .displayLabel {
                color: var(--orange);
            }
            .title {
                color: var(--blue);
                /* text-decoration: underline solid var(--blueLight); */
            }
        }
        :after {
            content: '';
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            z-index: -1;
            border-radius: 0 0 5px 5px;
            background: #eeeeee;
            height: 5px;
            width: 95%;
            bottom: -5px;
        }
    }
    > li:hover {
        transform: translateY(-5px);
        transition: all 0.3s ease-in-out;
        :after {
            background-color: var(--purple);
        }
    }
}

.listgroup-center {
    ul {
        justify-content: center;
    }
}

.customer-library-featured {
  .col-size-5 {
    margin-right: 0;
  }
  ul.list-tile {
    width: 100%;
    justify-content: space-between;
    margin: 0;
    column-gap: .75%;
    box-sizing: content-box;
    li {
      width: 49.25%;
      gap: 1rem;
      /* justify-content: space-between; */
      box-sizing: border-box;
      box-sizing: content-box;
      align-items: center;
      max-height: 240px;
      /* border: 1px solid var(--blue); */
      border-radius: 5px;
      margin: 0 0 1.6rem 0;
      a {
        display: flex;
        box-sizing: border-box;
        border: 1px solid var(--gray);
        gap: .5rem;
        /* grid-template-areas: 
            "img title"
            "img abstract";
        grid-template-rows: .25fr auto;
        grid-template-columns: 40% auto; */
        flex-flow: wrap;
        flex-direction: column;
        justify-content: center;
        /* align-items: center; */
        text-align: left;
        margin: 0;
        transition: all 0.5s ease;
        span.image {
          width: 40%;
          height: 100%;
          img {
            border-radius: 5px 0 0 5px;
            border: none;
          }
        }
        /* .navigation-title, .resourceType, .displayLabel {
          font-size: 1.3rem;
          color: var(--gray7);
          display: flex;
          width: auto;
          padding: 2rem 1.6rem 0 0;
          &:after {
            display: none;
          }
        } */
        .title {
          font-size: 1.6rem;
          padding-right: 1.6rem;
          color: var(--blue) !important;
          display: flex;
          margin: 0 2rem;
        }
        .abstract, .description, .displayDescription {
          display: flex;
          max-width: 55%;
          padding: 0;
          margin: 0 2rem 1rem 2rem;
          flex: none;
          color: #333333 !important;
        }
        &:after {
          content:'';
          display: block;
          width: 1.6rem;
          height: 1.6rem;
          border: solid var(--blue);
          border-width: 0 3px 3px 0;
          position: absolute;
          top: 2.4rem;
          left: auto;
          transform: rotate(-45deg) translateY(-50%);
          right: 2rem;
          opacity: 0;
          background: none;
          transition: all 0.5s ease;
          z-index: 1;
          border-radius: 0 !important;
        }
      }
      &:first-child {
        width: 100%;
        min-height: 355px;
        gap: 1.6rem !important;
        a {
          /* grid-template-columns: 49.25% auto; */
          /* column-gap: 3.2rem; */
          .title {
            font-size: 3.6rem;
          }
          .abstract, .description, .displayDescription {
            font-size: 1.9rem;
          }
          &:after {
            width: 3rem;
            height: 3rem;
            border-width: 0 4px 4px 0;
            top: 4rem;
          }
        }
      }
      :after {
        display: none;
      }
      &:hover {
        transform: none;
        a {
          border: 1px solid var(--blue);
          &:hover {
            &:after {
              background: none;
              right: 1rem;
              opacity: 1;
            }
          }
        }
        .navigation-title, .resourceType, .displayLabel {
          color: var(--link-hover-color) !important;
          text-decoration: none;
        }
        .title {
          color: var(--link-hover-color) !important;
          text-decoration: none;
        }
        &:after {
          right: 2rem;
          opacity: 1;
        }
      }
      @media (width <=900px) {
        width: 100%;
        min-height: 225px;
        &:first-child {
          width: 100%;
          min-height: 225px;
          a {
            grid-template-columns: 40% auto;
            column-gap: 1.6rem;
            .title {
              font-size: 1.6rem;
              margin-left: 0;
            }
            .navigation-title, .resourceType, .displayLabel {
              margin-top: 0;
              font-size: 1.3rem;
            }
            .abstract, .description, .displayDescription {
              font-size: 1.6rem;
              margin: 0 1.6rem 0 0;
            }
            &:after {
              width: 1.6rem;
              height: 1.6rem;
              border-width: 0 3px 3px 0;
            }
          }
        }
      }
      @media (width <=600px) {
        width: 100%;
        min-height: 225px;
        max-height: none;
        a {
          display: grid;
          column-gap: 1.6rem;
          box-sizing: border-box;
          border: 1px solid var(--gray);
          grid-template-areas: 
              "img"
              "title"
              "abstract";
          grid-template-rows: auto;
          grid-template-columns: auto;
          span.image {
            width: 100%;
            img {
              border-radius: 5px 5px 0 0;
            }
          }
          .title {
            padding: 1rem 1.6rem 0 1.6rem;
            width: 90%;
            margin: 0;
          }
          .abstract, .description, .displayDescription {
            display: block;
            padding: 0 1.6rem 1.6rem 1.6rem;
            width: 90% !important;
            max-width:  95%;
            margin: 0;
          }
        }
        &:first-child {
          width: 100%;
          a {
            grid-template-columns:auto;
            column-gap: 1.6rem;
            .title {
              font-size: 1.6rem;
            }
            .navigation-title, .resourceType, .displayLabel {
              margin-top: 0;
              font-size: 1.3rem;
            }
            .abstract, .description, .displayDescription {
              font-size: 1.6rem;
              margin: 0 1.6rem 0 0;
              padding-bottom: 2rem;
            }
            &:after {
              width: 1.6rem;
              height: 1.6rem;
              border-width: 0 3px 3px 0;
            }
          }
        }
      }
    }
  }
}


.customer-library-industry {
    .col-size-5 {
        margin-right: 0;
    }
    ul.list-tile {
        width: 100%;
        justify-content: space-between;
        margin: 0 0 2.4rem 0;
        column-gap: .75%;
        /* transition: all 1s ease; */
        > li {
            width: 100%;
            justify-content: space-between;
            box-sizing: border-box;
            border-radius: 5px;
            margin: 0 0 1.6rem 0;
            min-height: 200px;
            a {
                display: grid;
                column-gap: 2.4rem;
                border: 1px solid var(--gray);
                grid-template-areas: 
                    "img navigation-title"
                    "img title"
                    "img abstract";
                grid-template-rows: .45fr .5fr 2.25fr;
                grid-template-columns: 40% auto;
                flex-flow: wrap;
                flex-direction: row;
                margin: 0;
                transition: all 0.5s ease;
                span.image {
                    grid-area: img;
                    float: left;
                    width: 100%;
                    height: 100%;
                    img {
                        border-radius: 5px 0 0 5px;
                        border: none;
                    }
                }
                .navigation-title, .resourceType {
                    grid-area: navigation-title;
                    font-size: 1.3rem;
                    color: var(--gray7);
                    display: block;
                    width: 100%;
                    padding: 2rem 0 0 0;
                    &:after {
                        display: none;
                    }
                }
                .title {
                    font-size: 1.6rem;
                    color: var(--blue) !important;
                    grid-area: title;
                    display: block;
                    margin: 0;
                }
                .abstract, .displayDescription {
                    grid-area: abstract;
                    display: block;
                    width: 90%;
                    padding: 0;
                    margin-bottom: 2.4rem;
                }
                &:after {
                    content:'';
                    display: block;
                    width: 1.6rem;
                    height: 1.6rem;
                    border: solid var(--blue);
                    border-width: 0 3px 3px 0;
                    position: absolute;
                    top: 2.4rem;
                    left: auto;
                    transform: rotate(-45deg) translateY(-50%);
                    right: 2rem;
                    opacity: 0;
                    background: none;
                    transition: all 0.5s ease;
                    z-index: 1;
                    border-radius: 0 !important;
                }
            }
            :after {
                display: none;
            }
            &:hover {
                transform: none;
                a {
                    border: 1px solid var(--blue);
                    &:hover {
                        &:after {
                        background: none;
                        right: 1rem;
                        opacity: 1;
                        }
                    }
                }
                .navigation-title, .resourceType {
                    color: var(--link-hover-color) !important;
                    text-decoration: none;
                }
                .title {
                    color: var(--link-hover-color) !important;
                    text-decoration: none;
                }
                /* :after {
                display: none;
                } */
            }
            @media (width <=900px) {
                width: 100%;
                min-height: 225px;
                &:first-child {
                    width: 100%;
                    a {
                        grid-template-columns: 40% auto;
                        column-gap: 1.6rem;
                        .title {
                            font-size: 1.6rem;
                        }
                        .navigation-title, .resourceType {
                            margin-top: 0;
                            font-size: 1.3rem;
                        }
                        .abstract, .displayDescription {
                            font-size: 1.6rem;
                        }
                    }
                }
            }
        }
    }
}

.blog-library-featured {
  .col-size-5 {
    margin-right: 0;
  }
  ul.list-tile {
    margin: 0;
    column-gap: 0;
    li {
      border-radius: 20px;
      margin: 0;
      margin-bottom: 2%;
      width: 100%;
      min-height: 400px;
      a {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        border-radius: 10px;
        border: 1px solid var(--gray);
        margin: 0;
        transition: all 0.5s ease;
        justify-content: center;
        max-height: 464px;
        span.image {
          width: 50%;
          height: 100%;
          padding-right: 2rem;
          float: left;
          img {
            border-radius: 10px 0 0 10px;
            border: none;
          }
        }
        .navigation-title, .resourceType, .displayLabel {
          font-size: 12px !important;
          color: var(--white);
          display: block;
          position: absolute;
          top: 2rem;
          width: max-content;
          padding: 4px 8px !important;
          margin-left: 2rem;
          border-radius: 5px;
          background-color: var(--blue);
          &:after {
            display: none;
          }
          &:hover {
            color: var(--white) !important;
          }
        }
        .title {
          padding-right: 1.6rem;
          color: var(--blue) !important;
          display: flex;         
          margin: 2rem 0 0 0 !important;
          font-size: var(--heading-font-size-l);
          padding-bottom: 1rem;
          width: 45%;
        }
        .abstract, .description, .displayDescription {
          padding: 0 0 2rem 0;
          margin: 0 1.6rem 2rem 0;
          color: #333333 !important;
          padding-bottom: 1rem;
          font-size: 1.6rem;
          margin-bottom: 0;
          width: 45%;
          height: auto;
          max-height: max-content;
        }
        .releaseDate {
          color: #333333;
          font-family: var(--font-secondary);
          display: block;
          order: 3;
          margin-bottom: 2rem !important;
          padding: 2rem 0;
        }
        &:after {
          content:'';
          display: block;
          border: solid var(--blue);
          position: absolute;
          left: auto;
          transform: rotate(-45deg) translateY(-50%);
          right: 3rem;
          opacity: 0;
          background: none;
          transition: all 0.5s ease;
          z-index: 1;
          border-radius: 0 !important;
          width: 2rem;
          height: 2rem;
          border-width: 0 5px 5px 0;
          top: 3rem;
        }
      }
      :after {
        display: none;
      }
      &:hover {
        transform: none;
        a {
          border: 1px solid var(--blue);
          &:hover {
            &:after {
              background: none;
              right: 2rem;
              opacity: 1;
            }
          }
        }
        .navigation-title, .resourceType, .displayLabel {
          color: var(--white) !important;
          text-decoration: none;
        }
        .title {
          color: var(--link-hover-color) !important;
          text-decoration: none;
        }
        &:after {
          right: 2rem;
          opacity: 1;
        }
      }
    }
  }
  @media (width <=600px) {
    ul.list-tile {
      li {
        width: 100%;
        min-height: 225px;
        a {
          display: grid;
          column-gap: 1.6rem;
          box-sizing: border-box;
          border: 1px solid var(--gray);
          max-height: none;
          span.image {
            width: auto;
            padding-right: 0;
            img {
              border-radius: 20px 20px 0 0;
              border: none;
            }
          }
          .title {
            padding: 0 1.6rem 0 1.6rem;
            width: auto;
          }
          .navigation-title, .resourceType, .displayLabel {
            padding: 2rem 1.6rem 0 1.6rem;
          }
          .abstract, .description, .displayDescription {
            padding: 0 1.6rem 0 1.6rem;
            width: auto;
          }
          .releaseDate {
            padding: 0 1.6rem 0 1.6rem;
            width: auto;
            margin-bottom: 2rem !important;
          }
        }
      }
    }
  }
}

.blog-list-aside {
  .col-size-5 {
    margin-right: 0;
  }
  ul.list-tile {
    margin: 0;
		display: flexbox;
		width: 100%;
		grid-auto-rows: 1fr;
    li {
      margin: 0;
      margin-bottom: 2.4rem;
			width: 100%;
      a {
				display: grid;
				grid-template-areas: 
					"img displayLabel"
					"img title"
					"img releaseDate";
				grid-template-rows: .5fr 4fr auto;
				column-gap: 2%;
				grid-template-columns: 36% auto;
        border-radius: 20px;
        border: none;
        margin: 0;
        transition: all 0.5s ease;
				background: none !important;
				flex-wrap: wrap;
				min-height: 120px;
        span.image {
          width: 100%;
          height: 100%;
					grid-column: 1;
					grid-row: 1 / 4;
					aspect-ratio: 3 !important;
          img {
            border-radius: 10px;
            border: none;
          }
        }
        .navigation-title, .resourceType, .displayLabel {
          font-size: 10px !important;
					font-family: var(--font-bold) !important;
          color: var(--blue);
          display: block;
          padding: 0 0 4px 0 !important;
          margin: 0;
					line-height: 1.1;
					width: 100%;
          &:after {
            display: none;
          }
        }
        .title {
          color: var(--gray3) !important;  
					margin: 0;
					flex: 1 1;
					line-height: 1.2;
          font-size: 1.4rem;
          padding-bottom: 1rem;
					grid-column: 2;
					grid-row: 2;
        }
        .releaseDate {
          color: #333333;
          font-family: var(--font-secondary);
					font-size: 1.2rem;
          display: block;
          order: 3;
					margin: 0;
					grid-column: 2;
					grid-row: 3;
        }
      }
      :after {
        display: none;
      }
      &:hover {
        transform: none;
				background-color: #FAFAFA;
				border-radius: 10px;
        .navigation-title, .resourceType, .displayLabel {
					color: var(--link-hover-color) !important;
          text-decoration: none;
        }
        .title {
          color: var(--link-hover-color) !important;
          text-decoration: none;
        }
        &:after {
          right: 2rem;
          opacity: 1;
        }
      }
    }
  }
  @media (width <=600px) {
    ul.list-tile {
      li {
        width: 100%;
        min-height: 225px;
        a {
          display: grid;
          column-gap: 1.6rem;
          box-sizing: border-box;
          border: 1px solid var(--gray);
          max-height: none;
          span.image {
            width: auto;
            padding-right: 0;
            img {
              border-radius: 20px 20px 0 0;
              border: none;
            }
          }
          .title {
            padding: 0 1.6rem 0 1.6rem;
            width: auto;
          }
          .navigation-title, .resourceType, .displayLabel {
            padding: 2rem 1.6rem 0 1.6rem;
          }
          .abstract, .description, .displayDescription {
            padding: 0 1.6rem 0 1.6rem;
            width: auto;
          }
          .releaseDate {
            padding: 0 1.6rem 0 1.6rem;
            width: auto;
            margin-bottom: 2rem !important;
          }
        }
      }
    }
  }
}

.learning-library {
    ul.list-tile {
        display: block;
        background-color: rgba(0, 0, 0, .025);
        /* width: 100%; */
        border-radius: 10px;
        padding: 20px !important;
        column-count: 3;
        margin: 0 0 2rem 0;
        > li {
            float: none;
            break-inside: avoid-column;
            line-height: 1.3;
            margin: 0;
            text-indent: -.5em;
            width: 100% !important;
            margin-left: 20px !important;
        a {
            background: none;
            border: none;
            height: auto;
            width: auto;
            text-decoration: none;
            text-indent: -10px;
            display: block;
            flex-direction: column;
            position: relative;
            outline: none;
            margin-bottom: 5px;
            :hover {
            color: var(--link-hover-color) !important;
            text-decoration: underline solid var(--link-hover-color) !important;
            }
        }
        :after {
            display: none;
        }
        &:hover {
            transform: translateY(0);
            transition: none;
        }
        }
        @media (width <=900px) {
        column-count: 2 !important;
        }
        @media (width <=600px) {
        column-count: 1 !important;
        }
    }
    .title {
        margin: 0 2rem .25rem 1rem !important;
        &:before {
        content: url('../../../icons/arrow-orange.svg');
        width: 7px;
        display: inline-block;
        margin-left: -20px;
        font-size: 80%;
        padding-left: 12px;
        text-indent: -8px;
        }
        :hover {
            color: var(--blueLight);
        }
    }
    .navigation-title, .resourceType {
        display: none  !important;
    }
    .abstract, .displayDescription {
        display: none;
    }
}

.learning-library-topics {
    ul.list-tile {
        display: block;
        /* width: 100%; */
        border-radius: 10px;
        column-count: 2;
        column-gap: 1rem;
        margin: 0 0 1.25% 0;
        > li {
            float: none;
            background-color: rgba(0, 0, 0, .025);
            break-inside: avoid-column;
            line-height: 1.3;
            margin: 0 10px 10px 0;
            border-radius: 10px;
            width: 100% !important;
            a {
                padding: 20px;
                background: none;
                height: auto;
                width: auto;
                text-decoration: none;
                display: block;
                flex-direction: column;
                position: relative;
                border: 1px solid rgba(0, 0, 0, 0);
                outline: none;
                &:hover {
                    border: 1px solid var(--blue);
                    box-sizing: border-box;
                    .title {
                        color: var(--link-hover-color) !important;
                        text-decoration: underline solid var(--link-hover-color) !important;
                    }
                }
            }
            :after {
                display: none;
            }
            &:hover {
                transform: translateY(0);
                transition: none;
            }
        }
    }
    .title {
        margin: 0 2rem .25rem 2rem !important;
        padding: 1rem;
        &:before {
            content: url('../../../icons/arrow-orange.svg');
            width: 7px;
            display: inline-block;
            margin-left: -30px;
            font-size: 80%;
            padding-right: 8px;
        }
        :hover {
            color: var(--blueLight);
        }
    }
    .navigation-title, .resourceType {
        display: none  !important;
    }
    .abstract, .displayDescription {
        pointer-events: none;
        text-indent: 0;
        display: block;
        padding: 0 !important;
    }
    @media (width <=900px) {
        ul.list-tile {
        column-count: 2 !important;
        }
    }
    @media (width <=600px) {
        ul.list-tile {
        column-count: 1 !important;
        }
    }
}
/* styling for the bio dsiplays on the Leadership page */
.bio-listing{
    ul.list-tile {
        width: 100%;
        justify-content: start;
        margin: 0 0 2.4rem 0;
        column-gap: .75%;
        > li {
            width: 30%;
            border-radius: 5px;
            margin: 0 0 1.6rem 0;           
            a {
                display: grid;
                column-gap: 2.4rem;
                border: 1px solid var(--gray);
                grid-template-areas: 
                    "img navigation-title"
                    "img title"
                    "img abstract";
                grid-template-rows: .5fr .5fr 3fr;
                /* grid-template-columns: 40% auto; */
                grid-template-columns: 104px auto;
                flex-flow: wrap;
                flex-direction: row;
                margin: 0;
                transition: all 0.5s ease;
                span.image {
                    grid-area: img;
                    float: left;
                    width: 100%;
                    height: 100%;
                    img {
                        border-radius: 5px 0 0 5px;
                        border: none;
                        object-position: top;
                    }
                }
                /* .navigation-title, .resourceType {
                    grid-area: navigation-title;
                    font-size: 1.3rem;
                    color: var(--gray7);
                    display: block;
                    width: 100%;
                    padding: 2rem 0 0 0;
                    &:after {
                        display: none;
                    }
                } */
                .title {
                    font-size: 1.6rem;
                    color: var(--blue) !important;
                    grid-area: title;
                    display: block;
                    margin: 0;
                }
                .abstract, .displayDescription {
                    grid-area: abstract;
                    display: block;
                    width: 90%;
                    padding: 0;
                    margin-bottom: 2rem;
                }
            }
            :after {
                display: none;
            }
            &:hover {
                transform: none;
                a {
                    border: 1px solid var(--blue);
                    &:hover {
                        &:after {
                        background: none;
                        right: 1rem;
                        opacity: 1;
                        }
                    }
                }
                .navigation-title, .resourceType {
                    color: var(--link-hover-color) !important;
                    text-decoration: none;
                }
                .title {
                    color: var(--link-hover-color) !important;
                    text-decoration: none;
                }
            }
            @media (width <=900px) {
                width: 100%;
                height: 150px;
                a {
                    grid-template-columns: 150px auto;
                    column-gap: 1.6rem;
                    .image{
                        width: 150px;
                    }
                    .title {
                        font-size: 1.6rem;
                    }
                    .navigation-title, .resourceType {
                        margin-top: 0;
                        font-size: 1.3rem;
                    }
                    .abstract, .displayDescription {
                        font-size: 1.6rem;
                    }
                }
            }

        }
    }
}

.listgroup-image-square {
  span.image {
    aspect-ratio: 1;
  }
}