/*
    - Name: "teaser.scss"
    - Description: "Add custom styles to view mode: Comission Minutes teaser (Actas comision)."
*/
/* 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: #B3DBF5;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  color: #002855;
}

.node--type-commission-minutes.node--view-mode-teaser {
  position: relative;
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 0;
  border-radius: 8px;
  color: #002855;
  background-color: #f5f5f5;
  transition: background-color 0.3s;
  overflow: hidden;
}
.node--type-commission-minutes.node--view-mode-teaser > .node__content {
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 100%;
  padding: var(--spacing-md);
}
.node--type-commission-minutes.node--view-mode-teaser > .node__content > .layout-settings-wrapper {
  flex: 0 1 100%;
  margin-top: auto;
}
.node--type-commission-minutes.node--view-mode-teaser .actas__header {
  margin-top: 0 !important;
}
.node--type-commission-minutes.node--view-mode-teaser .actas__header .layout__region--content {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.node--type-commission-minutes.node--view-mode-teaser .actas__header .layout__region--content > * {
  flex: 0 1 100%;
}
.node--type-commission-minutes.node--view-mode-teaser .block-field__document {
  margin-top: 16px;
}
.node--type-commission-minutes.node--view-mode-teaser .block-field__session {
  position: absolute;
  top: var(--spacing-sm);
  right: var(--spacing-md);
}
.node--type-commission-minutes.node--view-mode-teaser .block-field__session .field__item {
  font-size: 3rem;
  opacity: 0.5;
  line-height: 1em;
}
@media (min-width: 1200px) {
  .node--type-commission-minutes.node--view-mode-teaser .block-field__session .field__item {
    font-size: 4.5rem;
  }
}
.node--type-commission-minutes.node--view-mode-teaser .field--label-inline {
  display: flex;
  gap: 0 4px;
  align-items: center;
}
.node--type-commission-minutes.node--view-mode-teaser .field--label-inline * {
  color: #002855;
}
.node--type-commission-minutes.node--view-mode-teaser .field--label-inline .field__label {
  display: flex;
  align-content: center;
  font-weight: bold;
  font-size: var(--font-16);
  line-height: 1.25;
}
.node--type-commission-minutes.node--view-mode-teaser .field--label-inline .field__label::before {
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: "icomoon";
  font-size: 1rem;
  line-height: 1;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  top: 3px;
  max-width: 18px;
  margin-right: 8px;
  color: #006FB7;
}
.node--type-commission-minutes.node--view-mode-teaser .field--label-inline .field__label::after {
  content: ":";
}
.node--type-commission-minutes.node--view-mode-teaser .field--label-inline .field__item {
  padding-left: 10px;
  font-size: var(--font-16);
}
.node--type-commission-minutes.node--view-mode-teaser h3 {
  margin-bottom: 0;
  font-size: var(--font-20);
  color: #002855;
  font-weight: bold;
}
@media (min-width: 992px) {
  .node--type-commission-minutes.node--view-mode-teaser h3 {
    font-size: var(--font-22);
  }
}
.node--type-commission-minutes.node--view-mode-teaser .field__document--custom a .file--specifications .file--title {
  font-size: var(--font-14);
  font-weight: bold;
}
.node--type-commission-minutes.node--view-mode-teaser .field__document--custom a .file--specifications .file--size {
  font-size: 0.75rem;
}

.view-rating-tables.view-display-id-rating_tables_layout_builder {
  margin-bottom: 40px;
}
.view-rating-tables.view-display-id-rating_tables_layout_builder .view-content {
  display: grid;
  grid-gap: var(--spacing-md) var(--spacing-sm);
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .view-rating-tables.view-display-id-rating_tables_layout_builder .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
/*# sourceMappingURL=teaser.css.map */