/*
    - Name: "list-small.scss"
    - Description: "Add custom styles to view mode: list-small (article)."
*/
/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
.ui-autocomplete {
  border-color: #002855;
  border-color: rgba(0, 40, 85, 0.5);
  background-clip: padding-box;
}
.ui-autocomplete li a {
  display: block;
  color: #002855;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: var(--font-16);
  text-decoration: none;
}
.ui-autocomplete li a.ui-state-active, .ui-autocomplete li a:hover {
  border-color: #002855;
  background-color: #CCD5E2;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  color: #002855;
}

.node--type-article.node--view-mode-list-small {
  background-color: #fff;
}
.node--type-article.node--view-mode-list-small .article__link {
  position: relative;
  display: block;
  height: 100%;
  text-decoration: none;
}
.node--type-article.node--view-mode-list-small .article__link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 0;
  height: 4px;
  margin: 0 auto;
  background-color: #405D8F;
  transition: all 0.5s ease-in-out;
}
.node--type-article.node--view-mode-list-small .article__link:hover::after {
  width: 100%;
}
.node--type-article.node--view-mode-list-small .article__right {
  position: relative;
  padding: 20px;
}
@media (min-width: 640px) {
  .node--type-article.node--view-mode-list-small .article__right {
    padding: 20px 40px 20px 32px;
  }
}
.node--type-article.node--view-mode-list-small .article__right .field--name-field-subtype, .node--type-article.node--view-mode-list-small .article__right .field--name-field-typology {
  display: inline-block;
  margin-bottom: 10px;
  padding: 2px 12px;
  background-color: #CCD5E2;
  color: #002855;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-size: 0.88875rem;
  line-height: 1.375rem;
}
.node--type-article.node--view-mode-list-small .article__right .field--name-field-subtype .field__item, .node--type-article.node--view-mode-list-small .article__right .field--name-field-typology .field__item {
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}
.node--type-article.node--view-mode-list-small .article__right .field--name-title {
  width: 100%;
}
.node--type-article.node--view-mode-list-small .article__right .field--name-title h3 {
  margin-bottom: 15px;
  color: #002855;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  font-size: var(--font-18);
  line-height: 1.625rem;
  text-decoration: none;
}
.node--type-article.node--view-mode-list-small .article__right .field--name-body {
  width: 100%;
  color: #002855;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
}
.node--type-article.node--view-mode-list-small .article__right .field--name-body * {
  font-size: var(--font-16);
  line-height: 1.5rem;
}
.node--type-article.node--view-mode-list-small .article__right .field--name-created, .node--type-article.node--view-mode-list-small .article__right .field--name-time, .node--type-article.node--view-mode-list-small .article__right .field--name-location {
  color: #444445;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  font-size: var(--font-16);
  line-height: 1.5rem;
}
@media (min-width: 640px) {
  .node--type-article.node--view-mode-list-small .article__right::after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18.0625L15 12.0625L9 6.0625' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 65px;
    right: 25px;
  }
}
@media (min-width: 640px) {
  .node--type-article.node--view-mode-list-small .article__left * {
    height: 100%;
  }
}
.node--type-article.node--view-mode-list-small .article__left img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.node--type-article.node--view-mode-list-small.destacado .block-field-blocknodearticlecreated, .node--type-article.node--view-mode-list-small.exposicion .block-field-blocknodearticlecreated {
  display: none;
}
/*# sourceMappingURL=list-small.css.map */