/*
    - Name: "list.scss"
    - Description: "Add custom styles to Meeting, view modes: list."
*/
/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
.node--type-meeting.node--view-mode-list .node__content {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
}

.node--type-meeting.node--view-mode-list .node__content > * {
  flex: 0 1 100%;
}

.node--type-meeting.node--view-mode-list .field--name-datetime {
  display: flex;
  flex: 0 1 auto;
  gap: var(--spacing-2xs);
  align-items: center;
  padding: 3px var(--spacing-xs);
  background-color: #333;
  color: var(--white);
  font-size: 1.375rem;
  line-height: 2rem;
  letter-spacing: 0.01125rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

@media (min-width: 992px) {
  .node--type-meeting.node--view-mode-list .field--name-datetime {
    font-size: 1.625rem;
    line-height: 2.375rem;
    letter-spacing: 0.01625rem;
  }
}
.node--type-meeting.node--view-mode-list .field--name-datetime::before {
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: "icomoon";
  font-size: 1.375rem;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91c";
  color: var(--white);
}

@media (min-width: 992px) {
  .node--type-meeting.node--view-mode-list .field--name-datetime::before {
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: "icomoon";
    font-size: 1.5rem;
    line-height: 1;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.node--type-meeting.node--view-mode-list .field--name-datetime::after {
  content: "h";
}

.node--type-meeting.node--view-mode-list .field--name-title {
  color: var(--text-color);
  font-size: 1.375rem;
  line-height: 1.75rem;
  letter-spacing: 0.01375rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

@media (min-width: 992px) {
  .node--type-meeting.node--view-mode-list .field--name-title {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}
.node--type-meeting.node--view-mode-list .field--name-comment,
.node--type-meeting.node--view-mode-list .field--name-large-comment {
  color: var(--text-color);
  font-size: 1.375rem;
  line-height: 1.625rem;
  letter-spacing: 0.015rem;
  transition: var(--base-trans);
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

@media (min-width: 992px) {
  .node--type-meeting.node--view-mode-list .field--name-comment,
  .node--type-meeting.node--view-mode-list .field--name-large-comment {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}
.node--type-meeting.node--view-mode-list .field--name-comment > *,
.node--type-meeting.node--view-mode-list .field--name-large-comment > * {
  color: var(--text-color);
  font-size: 1.375rem;
  line-height: 1.625rem;
  letter-spacing: 0.015rem;
  transition: var(--base-trans);
}

@media (min-width: 992px) {
  .node--type-meeting.node--view-mode-list .field--name-comment > *,
  .node--type-meeting.node--view-mode-list .field--name-large-comment > * {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}
.node--type-meeting.node--view-mode-list .field--name-ubication,
.node--type-meeting.node--view-mode-list .field--name-locality {
  display: flex;
  gap: 6px;
  color: var(--gray-one);
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0.01125rem;
}

@media (min-width: 992px) {
  .node--type-meeting.node--view-mode-list .field--name-ubication,
  .node--type-meeting.node--view-mode-list .field--name-locality {
    font-size: 1.25rem;
    letter-spacing: 0.0125rem;
  }
}
.node--type-meeting.node--view-mode-list .field--name-ubication .field__label::after,
.node--type-meeting.node--view-mode-list .field--name-locality .field__label::after {
  content: ":";
}

.node--type-meeting.node--view-mode-list .field--name-link-maps a {
  color: var(--text-color);
  font-size: 1.375rem;
  line-height: 1.625rem;
  letter-spacing: 0.01375rem;
  text-decoration: none;
  word-break: break-word;
  transition: var(--base-trans);
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

@media (min-width: 992px) {
  .node--type-meeting.node--view-mode-list .field--name-link-maps a {
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: 0.015rem;
  }
}
.node--type-meeting.node--view-mode-list .field--name-link-maps a:hover {
  color: var(--red-hover);
}
/*# sourceMappingURL=list.css.map */