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

/**
 * CONTENTS..............You’re reading it!
 * FILTERS ................................
 * BASE STYLE .............................
*/

/* ------------------------------------ *\
  ==FILTERS
\* ------------------------------------ */
.hal {
  margin-top: -3rem;
  margin-left: -16rem;
  width: calc(100% + 32rem);
}

.pub-list {
  padding: 0 8rem;
}

.hal .filters {
  background-color: var(--bs-gray);
  padding: 0 10rem 1rem;
}

.hal .keyword-navbar a,
.hal .year-navbar a {
  padding: 0.5rem 1rem;
  border: var(--bs-blue) 1px solid;
  color: var(--bs-blue);
  font-size: 1.25rem;
  background-color: var(--bs-white);
  text-decoration: none;
}

.hal .keyword-navbar a:where(:hover, :active, :focus),
.hal .keyword-navbar a.active,
.hal .year-navbar a:where(:hover, :active, :focus),
.hal .year-navbar a.active {
  text-decoration: none;
  padding: 0.5rem 1rem;
  border: var(--bs-blue) 1px solid;
  color: var(--bs-white);
  background-color: var(--bs-blue);
}

.hal .doctype-filter--item label {
  font-size: 1.25rem;
  letter-spacing: 1px;
}

.hal .pub-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.paragraph--type--publications-hal .hal ul > li:hover,
.block-amu-pub .hal ul > li:hover {
  border: 0;
  border-left: 3px solid var(--bs-light-blue);
}

.hal .pub-list > li {
  width: calc(33.333% - 2rem);
  margin: 1rem;
  background-color: var(--bs-white);
  box-shadow: 0 0 6px #00000029;
  padding: 2rem;
  border: 0;
  border-left: 3px solid var(--bs-light-blue);
}

.hal .pub-list > li a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.hal .pub-item__title {
  font-size: 1.875rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.hal .pub-item__authors {
  font-size: 1.25rem;
  line-height: 1.2;
  color: var(--bs-purple);
  font-style: italic;
  margin-bottom: 1rem;
}

.hal .pub-item__citation {
  line-height: 1.2;
  color: var(--bs-black);
  font-size: 1.25rem;
  font-style: unset;
  margin-bottom: 1rem;
}

.hal .pub-item__doctype {
  position: relative;
  width: fit-content;
  font-size: 1.25rem;
  padding: 0.2rem 0.6rem;
  background-color: var(--bs-purple);
  color: var(--bs-white);
  border-radius: 0;
  margin-bottom: 3.5rem;
}

.paragraph--type--publications-hal .pub-item__citation:before,
.hal .pub-item__doctype::before {
  position: absolute;
  bottom: -3.5rem;
  left: 0;
  content: '\e4b2';
  font: var(--fa-font-light);
  font-size: 2.5rem;
  color: var(--bs-blue);
  transition: all 0.5s;
}

.paragraph--type--publications-hal .hal .pub-item__citation {
  margin-bottom: 3rem;
  position: relative;
}

.paragraph--type--publications-hal
  .hal
  .pub-list
  > li
  a:where(:hover, :active, :focus)
  .pub-item__citation::before,
.hal
  .pub-list
  > li
  a:where(:hover, :active, :focus)
  .pub-item__doctype::before {
  left: 2rem;
}

/* ------------------------------------ *\
  ==MEDIA QUERIES
\* ------------------------------------ */

/* `lg` applies to medium devices (tablets, less than 992px) */
@media screen and (max-width: 991.98px) {
  .hal .filters {
    background-color: var(--bs-gray-200);
    padding: 2rem;
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-bottom: 3rem;
  }

  .block-amu-pub {
    margin: 0 2rem;
  }

  .hal .pub-list > li {
    width: calc(50% - 2rem);
  }
}

/* Small devices (landscape phones, less than 768px) */
@media screen and (max-width: 767.98px) {
  .hal .pub-list > li {
    margin: 0.5rem;
    width: calc(100% - 1rem);
  }

  .block-amu-pub {
    margin: 0 1.5rem;
  }

  .hal .pub-list {
    padding: 0;
  }
}

@media screen and (max-width: 575.98px) {
  .hal .pub-item__title {
    font-size: 1.375rem;
  }

  .hal .pub-item__authors,
  .hal .pub-item__citation {
    font-size: 0.75rem;
  }

  .paragraph--type--publications-hal .pub-item__citation:before,
  .hal .pub-item__doctype::before {
    font-size: 1.25rem;
  }
}