@charset "UTF-8";
/* variables */
@media (max-width: 768px) {
  header {
    flex-direction: column;
  }
}
header {
  z-index: 99999;
}

/* Selector de idiomas */
select#language {
  padding: 7px 10px;
  font-size: 17px;
  border: 1px solid grey;
  border-radius: 10px;
  width: initial;
}

.header-content {
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {
  header {
    flex-wrap: nowrap;
  }
  header .site_menu {
    flex-direction: column;
    /* nav {
      min-width: initial;
    } */
  }
  header .site_menu h2 {
    width: 90%;
  }
}

body header {
  display: flex;
}

header {
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
  padding: 1em;
  /* Estilos para el menu secundario o menu del sitio cuando este activada la opcion */
  /* menu */
  /* hide the menu in mobile view */
  /* Mobile menu toggle button */
  /* x icon */
  /* hamburger icon */
  /* quitar los border redondeados que viene por defecto  */
  /* buscador */
  /* form#search-form {
    display: flex;

    input[type=text] {

      padding: 10px;
      font-size: 17px;
      border: 1px solid grey;
      float: left;
      width: 80%;
      border-radius: 0.5em 0 0 0.5em;

    }
    button {
      float: left;
      width: 20%;
      padding: 10px;
      background: $background-search-button;
      color: white;
      font-size: 17px;
      border: 1px solid grey;
      border-left: none;
      cursor: pointer;
      border-radius: 0 0.5em 0.5em 0;

      &:hover{
        background: $background-search-button-hover;
      }
    }
  } */
}
header .menu {
  justify-content: end;
}
header .menu ul {
  /*  z-index: 9999; */
}
header .site_menu {
  margin-top: 1em;
  width: 100%;
  display: flex;
  align-items: center;
  flex: 1 1 100%;
  border-top: 1px solid #dfdfdf;
}
header .site_menu ul.menu.sm.sm-clean {
  z-index: 9998;
}
header .site_menu h2 {
  padding: 0 5% 0 0;
}
header .site_menu nav .menu {
  justify-content: space-around;
}
header img {
  height: 3em;
}
header input#main-menu-state {
  display: none;
}
header input#main-menu-state2 {
  display: none;
}
header #main-menu-state:not(:checked) ~ .menu {
  display: none;
}
header #main-menu-state:checked ~ .menu {
  display: block;
}
header #main-menu-state2:not(:checked) ~ .menu {
  display: none;
}
header #main-menu-state2:checked ~ .menu {
  display: block;
}
@media (min-width: 768px) {
  header {
    /* hide the button in desktop view */
    /* always show the menu in desktop view */
  }
  header .main-menu-btn {
    display: none;
  }
  header .main-menu-btn2 {
    display: none;
  }
  header #main-menu-state:not(:checked) ~ .menu {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  header #main-menu-state2:not(:checked) ~ .menu {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
}
header .main-menu-btn {
  float: right;
  margin: 6px 10px;
  position: relative;
  /* display: inline-block; */
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
header #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
header #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
header #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
header .main-menu-btn-icon,
header .main-menu-btn-icon:before,
header .main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #555;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
header .main-menu-btn-icon:before {
  content: "";
  top: -7px;
  left: 0;
}
header .main-menu-btn-icon:after {
  content: "";
  top: 7px;
  left: 0;
}
header .menu {
  clear: both;
  display: flex;
}
@media (min-width: 768px) {
  header .menu {
    float: left;
    clear: none;
  }
}
@media (max-width: 768px) {
  header nav {
    min-width: 90%;
    margin-bottom: 1em;
  }
}
@media (min-width: 768px) {
  header .sm-clean {
    border-radius: 5px;
  }
}
header .sm-clean a {
  color: black;
}
header nav {
  flex: 1;
  /*  display: flex;
  justify-content: center; */
  /* min-width: 50%;  */
  /*  ul {
    display: flex;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    flex-wrap: wrap;
    justify-content: space-around;

    &.navigation {

      &>li {
        margin: 0.5em;
        padding: 1em;
        background-color: $background-link-header;

        &>ul {
          position: absolute;
          border: solid 1px black;
          padding: 0.5em;
          margin: 0.5em 0 0 -1em;
          background-color: $background-link-header;

          ul {
            padding: 0;
          }
        }

      }
    }
  } */
}
header nav .menu {
  /*  width: 100%; */
  display: flex;
  justify-content: space-around;
  background: initial;
}
header nav .menu li.active > a {
  /* color: $accent; */
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
}
header nav .menu li a:hover, header nav .menu li a:focus, header nav .menu li a:active, header nav .menu li a.highlighted {
  color: var(--accent);
}
header #search {
  position: relative;
}
@media (max-width: 900px) {
  header #search {
    min-width: 90%;
    /* form#search-form{
      justify-content: flex-end;
    } */
  }
}
header form#search-form {
  display: flex;
  justify-content: flex-end;
}
header form#search-form input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  width: 80%;
  border-radius: 0.5em 0 0 0.5em;
  z-index: 9999;
  font-size: 1.2em;
  color: black;
  border-radius: 0.5em;
  display: none;
  position: absolute;
  /* top: 2em; */
  right: 2.7rem;
  float: initial;
  width: 20rem;
  border-color: black;
}
header form#search-form button {
  padding: 0.4rem;
  border-radius: initial;
  border: initial;
  border-radius: 0.2em;
  float: initial;
  width: initial;
  background: var(--accent);
  color: #FFFFFF;
  font-size: 25px;
  cursor: pointer;
}
header form#search-form button:hover {
  opacity: 0.7;
}

/* footer */
footer {
  background-color: #FFFFFF;
  /* padding: 1em; */
  margin-top: 1em;
  clear: both;
  border-top: 0.5rem solid var(--accent);
}
footer li {
  list-style-type: none;
}
footer .line1,
footer .line2 {
  padding: 0 1em;
}
footer .line1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  align-items: center;
  justify-content: space-evenly;
  min-height: 10em;
}
footer .line1 img {
  width: auto;
  height: 6em;
  padding: 2em 0 2em 2em;
}
footer .line1 ul {
  display: flex;
  gap: 0.5rem;
}
footer .line1 ul img {
  padding: 0 1rem;
}
footer .line1 .social-bis {
  height: 1.5em;
}
footer .line1 .social-media ul {
  list-style-type: none;
}
footer .line1 .link-footer {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex: 1;
}
footer .line1 .link-footer a {
  color: var(--accent);
}
footer .line1 .link-footer ul {
  flex-wrap: wrap;
  display: flex;
  justify-content: flex-end;
  list-style-type: none;
  /* margin: 0px 0px 0px 0px; */
  gap: 1em;
  /* width: 100%; */
}
footer .line1 .link-footer ul li {
  padding: 0 0.2em;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0px;
}
footer .line2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
footer .line2 p {
  font-size: xx-large;
}
footer .line2 img {
  width: auto;
  height: 6em;
}

.copyright-footer {
  background-color: var(--accent);
  color: #FFFFFF;
  padding: 1rem;
}

.text-content-footer {
  color: var(--accent);
  padding: 0.5rem 1rem;
}
.text-content-footer .bold {
  font-weight: bold;
}

.content-footer {
  margin: 0 auto 0 0;
  color: var(--accent);
  padding: 0 2rem;
}
.content-footer ul {
  display: flex;
  flex-direction: column;
}
.content-footer ul a {
  color: var(--accent);
}
.content-footer ul a:hover {
  font-weight: bold;
}
.content-footer .bold {
  font-weight: bold;
}

/* ------------------------------------ */
/* advanced-search-content */
#advanced-search .advanced-search-content {
  margin: 1em 0;
  font-size: 1.2em;
  /* background-color: $background-form;
  box-shadow: $shadow-resource; */
  padding: 1em;
}
#advanced-search .advanced-search-content .field {
  font-size: 0.8em;
  margin: 1em 0;
}
#advanced-search .advanced-search-content button.o-icon-delete.remove-value.button {
  min-width: 4em;
}
#advanced-search .advanced-search-content input,
#advanced-search .advanced-search-content select {
  width: 100%;
  padding: 12px 20px;
  box-sizing: border-box;
  font-size: 1em;
  /* margin: 38px 0; */
}
#advanced-search #page-actions {
  display: flex;
  justify-content: end;
  padding-top: 1em;
}
#advanced-search #page-actions input[type=submit] {
  font-size: 1.2em;
  background: transparent;
  padding: 0 1em;
  border-radius: 0.5em;
  padding: 0.5em 2em;
  cursor: pointer;
  background-color: var(--buttons);
  color: white;
  border: initial;
}
#advanced-search #page-actions input[type=submit]:hover {
  opacity: 0.7;
}

/* Vista browse1 */
/* metadatos de set-item */
.property dt {
  margin: 0.3em 0;
  font-size: 1.2em;
}

.resource-list {
  /* ocultar descripcion en modo list */
}
.resource-list .description {
  padding: 0 0.5rem 0.15rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  overflow: hidden;
  white-space: wrap;
  text-overflow: ellipsis;
  /* white-space: pre-wrap; */
  word-break: break-word;
  /* word-wrap: break-word;*/
}
.resource-list .hide-list-type {
  display: none;
}

/* listado de item */
.resource-list {
  margin: 2em 0;
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  justify-content: center;
}
.resource-list .resource-name {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
  padding: 0 0.5em;
  white-space: nowrap;
}
.resource-list img {
  max-height: 60vh;
}
.resource-list .item.resource {
  /* height: 35em; */
  width: 22em;
  /* flex: 1 1 15em; */
  /* border: $border; */
  display: flex;
  align-items: center;
  /* justify-content: center; */
  flex-direction: column;
  /* gap: 1em; */
  /* box-shadow: $shadow-resource; */
  background: var(--backgrounds);
}
.resource-list .item.resource a.resource-link {
  margin: 0 auto;
  width: 100%;
}
.resource-list .item.resource a.resource-link h3 {
  /* text-align: center; */
}
.resource-list .item.resource img {
  width: 100%;
  height: 17em;
  object-fit: cover;
  /* margin: 1em auto 0; */
  display: block;
  /* border: 1px solid rgb(228, 227, 227); */
  box-sizing: border-box;
}
.resource-list .item.resource.contain a.resource-link {
  width: initial;
}
.resource-list .item.resource.contain a.resource-link img {
  object-fit: contain;
}

.resource-list:not(.view-mode-mosaic):not(.view-mode-list) .item.resource a.resource-link.image {
  min-height: 17em;
}

.item-description {
  width: 100%;
}

/* modo lista */
.resource-list.view-mode-list {
  /* TODO: impleentar el modo lista */
  flex-direction: column;
  align-items: center;
}
.resource-list.view-mode-list .resource-name {
  text-overflow: ellipsis;
  text-wrap: wrap;
  overflow: hidden;
}
.resource-list.view-mode-list .item.resource {
  display: flex;
  width: 90%;
  flex-direction: row;
  min-height: 14em;
}
@media (max-width: 750px) {
  .resource-list.view-mode-list .item.resource {
    flex-wrap: wrap;
  }
}
.resource-list.view-mode-list .item.resource a.resource-link.image {
  display: flex;
  width: 25em;
  height: 14em;
}
.resource-list.view-mode-list .item.resource a.resource-link.image img {
  width: auto;
  height: 11em;
  margin: auto;
  max-width: 16em;
  object-fit: cover;
}
.resource-list.view-mode-mosaic {
  /*  flex-direction: column; */
}
.resource-list.view-mode-mosaic .resource-name {
  /*  text-wrap: wrap; */
}
.resource-list.view-mode-mosaic .item.resource {
  /* align-items:start; */
  /* flex-direction: row;
  width: 100%; */
}
.resource-list.view-mode-mosaic .item.resource a.resource-link {
  /* width: initial; */
  height: 3em;
}
.resource-list.view-mode-mosaic .item.resource img {
  height: 3em;
  /*  margin: 0 2em;
  width: 8rem;
  height: 14rem; */
}

/* -------------- */
.item-media a {
  /* height: 25em; */
  border: 1px solid black;
  display: flex;
  align-content: flex-end;
  justify-content: center;
  align-items: center;
  padding: 2em 4em;
}

/* vista show1 */
.item-main-content {
  display: flex;
}
@media (max-width: 900px) {
  .item-main-content {
    flex-wrap: wrap;
  }
}
.item-main-content > div {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  margin: 1em;
}
.item-main-content > .thumbnail {
  flex-direction: initial;
  align-items: center;
}
.item-main-content .thumbnail {
  /*  border: black 1px solid; */
  padding: 2em 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  /* min-height: 45vh; */
}
.item-main-content .icon-eye {
  font-size: xx-large;
  color: var(--accent);
  text-align: center;
}
.item-main-content .title {
  font-size: 1.5rem;
  /* padding: 0 1rem; */
}
.item-main-content img {
  max-width: 80%;
  display: block;
  margin: auto;
  max-height: 80vh;
}

.item-main-content-2 {
  flex-direction: column;
}

.item-main-content-3 {
  flex-direction: column;
}

.item-main-content-4 {
  display: initial;
}
.item-main-content-4 .content-4 {
  display: flex;
  flex-direction: row;
}
@media (max-width: 900px) {
  .item-main-content-4 .content-4 {
    flex-direction: column;
  }
}
.item-main-content-4 .content-4 > div {
  flex: 1 1 50%;
  margin: 1em;
}

/* mapping */
div#mapping-section {
  min-width: 50vw;
  margin: 2rem auto;
  max-width: 65em;
}

/* div#mapping-map {

  width: 100%;
}
 */
div#display-values {
  padding: 1em;
}
div#display-values img {
  width: 7rem;
}

.property .value img {
  width: 7rem;
}

/* Texto no desborde */
span.value-content {
  word-break: break-word;
}

.show h2 {
  margin: 1em;
  font-size: x-large;
  word-break: break-word;
}
.show .show-item {
  display: flex;
  flex-wrap: wrap;
  margin: 2em;
  gap: 1em;
  /* background-color: $background-metadata;
  box-shadow: $shadow-resource; */
  padding: 1em;
  /* flex-wrap: wrap; */
  /* .values {
    img {
      width: 7em;
      min-width: initial;
    }
  } */
}
.show .show-item #resources-linked {
  width: 100vw;
}
.show .show-item .image-item img {
  width: 30vw;
  /* min-width: 25em; */
}
.show .show-item dl.item-sets div {
  width: 80vw;
}
.show .show-item dl.site-pages div {
  width: 80vw;
}
.show .show-item dl .property dt {
  margin: 0.3em 0;
  font-size: x-large;
}
.show .show-item dl .property img {
  width: 7em;
  /*  min-width: initial; */
}
.show .show-item dl .property span.resource-name {
  text-align: initial;
}
.show table {
  /* border: $border; */
  width: 100%;
  margin-bottom: 1em;
  padding: 1em;
  /* box-shadow: $shadow-resource; */
  background: white;
}
.show table caption.linked-resource-property {
  font-size: 1.5em;
  margin: 1em;
}
.show table img {
  height: 7em;
}
.show table span.resource-name {
  display: block;
  text-align: initial;
}

/* de la misma coleccion */
.resource-list.related-items {
  gap: 1.5em;
  margin: 4em 0;
}
.resource-list.related-items .item.resource {
  border: initial;
  border-radius: initial;
  width: 22em;
}
.resource-list.related-items .item.resource a.resource-link h3 {
  text-align: center;
}
.resource-list.related-items .item.resource a.resource-link img {
  max-width: 22em;
  width: auto;
  height: 20em;
  margin: auto;
}

.collections .item.resource a.resource-link {
  height: 3em;
}
.collections .item.resource img {
  height: 3em;
}

#media_modal {
  /* display: none; */
}

.resource-list .resource.search {
  height: auto;
}
.resource-list .resource.search a {
  font-size: 1.17em;
  display: block;
  font-weight: 700;
  margin: 0.3em 0;
}

.View-all-results {
  font-weight: 600;
  margin-left: 1rem;
  font-size: 1.4rem;
}

.metadata {
  /*  background: $background-metadata; */
  padding: 1.5em;
  /* box-shadow: $shadow-resource; */
}

.blocks {
  /* padding: 1em; */
  /* margin: 0.5em 0;
  background-color: $background-metadata;
  box-shadow: $shadow-resource; */
  /* dt {
    font-weight: 500;
  } */
}
.blocks > h2 {
  background-color: var(--accent);
  margin: 0 -2.1%;
  font-size: 1.5rem;
  /*  font-weight: 500; */
  padding: 1.3rem 2%;
  color: #FFFFFF;
}
.blocks ul.resource-list {
  gap: 2rem;
}
.blocks div.resource {
  /*  background-color: $background-metadata;
  box-shadow: $shadow-resource; */
  /* padding: 1.5em; */
  /* margin-top: 2em; */
}
.blocks h3 {
  word-break: break-word;
}
.blocks p {
  word-break: break-word;
}
.blocks .lib-block-item-set .item-content {
  margin: 3em;
  padding: 2em;
  height: 50vh;
}
.blocks .lib-block-item-set .item-content img {
  height: 50vh;
  width: 100%;
  object-fit: contain;
}
.blocks .media-render img {
  /* height: auto; */
}
.blocks span.resource-name {
  text-align: initial;
  word-break: break-word;
}
.blocks .lib-block {
  margin: 0.5em 0;
  /* background-color: $background-metadata;
  box-shadow: $shadow-resource; */
}
.blocks .attachments .item {
  width: initial;
}
.blocks .pagination {
  margin: auto;
}
.blocks ul {
  margin: 0.5rem 0;
}
.blocks ul a {
  font-size: 1.2rem;
}

.resource-list .item.resource-card-2 {
  justify-content: space-between;
}
.resource-list .item.resource-card-2 .item-description {
  margin-bottom: 0.4rem;
}
.resource-list .item.resource-card-2 a.resource-link.image {
  order: 2;
}
.resource-list .item.resource-card-3 .item-description {
  margin-top: 0.3rem;
}
.resource-list.related-items .item.resource-card-4 {
  width: 30em;
}
.resource-list .item.resource-card-4 {
  flex-direction: row;
  /* background: red; */
  width: 30em;
  align-items: flex-start;
}
.resource-list .item.resource-card-4 .item-description {
  width: 17em;
  padding-left: 0.4rem;
}
.resource-list .item.resource-card-4 a.resource-link.image {
  width: initial;
}
.resource-list .item.resource-card-4 a.resource-link.image img {
  width: 12em;
}

/* modal item show si no hay mirador */
div.modal {
  max-width: 60rem;
}

.button-inactive {
  opacity: 0.5;
}

.paginacion-modal {
  text-align: center;
  margin: 0.5rem;
}

.media-render {
  margin: auto;
}

.nav-modal {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.nav-modal button {
  padding: 10px;
  background: var(--buttons);
  color: var(--links);
  font-size: 17px;
  border: 1px solid grey;
  cursor: pointer;
  border-radius: 0.5rem;
}

.nav-modal {
  padding: 1rem 0;
}

.item-media-render {
  display: none;
}

.item-media-render.active {
  display: initial;
}

:root {
  font-size: clamp(0.7em, 0.35vw + 0.35vh + 0.4em, 1.5em);
}

/* border: 0; */
/* title opciones del tema */
.title-info {
  font-family: var(--font-title);
  background-color: red;
}

body {
  font-family: var(--font-body);
  background-color: var(--background-page);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.wrapper {
  margin-right: auto;
  margin-left: auto;
  max-width: 1450px;
  /* padding-top: 10px; */
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 10px;
}

#content {
  padding: 0 2%;
  /* min-height: 50vh; */
  height: auto;
  flex: 1;
}

/* Migas de pan */
.breadcrumbs {
  padding: 1em;
  font-weight: 600;
}

a {
  color: black;
  text-decoration: none;
}

a:visited {
  color: black;
}

li {
  /* list-style-type: none; */
}

/* titulo pagina */
.title-info {
  background-color: var(--accent);
  margin: 0 -2.1%;
  font-size: 1rem;
  /*  font-weight: 500; */
  padding: 0.66em 2%;
}
.title-info h2,
.title-info h1 {
  margin: 0;
  color: #FFFFFF;
}

dt {
  font-weight: 500;
}

/* ventana modal */
.jquery-modal.blocker.current {
  z-index: 999999;
}

/* Vista page */
/* filtro  tipo de recurso y propiedad (/item/show) */
.linked-header {
  /* border: 1px solid crimson; */
}
.linked-header label {
  font-size: 1.2em;
}
.linked-header #linked-filter select {
  font-size: 1em;
  margin: 0.4em;
  /* font-family: cursive, sans-serif; */
  outline: 0;
  background: #C4C4C4;
  /* color: #fff; */
  border: 1px solid black;
  padding: 4px;
  /*  border-radius: 9px; */
}

/*  busqueda avanzada y filtros  */
.filter-label,
.filter-value {
  display: inline-block;
  border: 1px solid #dedede;
  padding: 6.5px;
}

.filter-label {
  background-color: #dedede;
}

.filter-value {
  margin-left: -5px;
}

.view-mode {
  display: flex;
  gap: 0.5em;
  flex: 1;
  justify-content: center;
}
.view-mode span {
  cursor: pointer;
  text-wrap: nowrap;
  white-space: nowrap;
}
.view-mode .enabled {
  /* color: $color-main; */
  font-weight: 700;
}

.browse-controls {
  display: flex;
  align-items: center;
  gap: 1.5em;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 1em 0;
}
.browse-controls a:hover {
  color: black;
}
.browse-controls .advanced-search {
  font-size: 1.2em;
  text-decoration: none;
  margin-left: 0.5rem;
  text-wrap: nowrap;
  white-space: nowrap;
}
.browse-controls .sorting {
  flex: 1;
  display: flex;
  justify-content: center;
}
.browse-controls .sorting select,
.browse-controls .sorting button {
  border-radius: 0.5rem;
}
.browse-controls .sorting select {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
}
.browse-controls .sorting button {
  padding: 10px;
  background: var(--buttons);
  font-size: 17px;
  border: initial;
  cursor: pointer;
  border: 1px solid grey;
  color: black;
}
.browse-controls .sorting button:hover {
  opacity: 0.7;
}

/* paginación */
/* .pagination {
  margin: 1em 0.5em;
  font-size: 1.2em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;

  form {
    margin: 0.2em 0;

    .page-input-top {
      text-align: center;
      padding: 0.35em;
    }
  }

  span {
    display: inline-block;

    &.button {
      font-size: x-large;
      padding: 4px 8px;
      border-radius: 5px;

      border: 1px solid black;

      &:hover {
        background-color: $background-select;
      }
    }


  }


} */
.pagination {
  display: flex;
  justify-content: space-between;
  /* order: 1; */
  flex-wrap: wrap;
  margin: initial;
  width: 18em;
  font-size: 1em;
  /* background-color: $background-select; */
  padding: 0.5em 2em;
}
@media (max-width: 1200px) {
  .pagination {
    order: 1;
  }
}
.pagination input.page-input-top {
  text-align: center;
  border: 1px solid black;
}
.pagination input {
  border-radius: 0.5em;
  border: black;
  padding: 0.2em 0.5em;
}
.pagination span.button,
.pagination a.button {
  /* color: $color-main; */
  border: initial;
  font-size: x-large;
  font-size: x-large;
  padding: 4px 8px;
  border-radius: 5px;
}
.pagination span.button:hover,
.pagination a.button:hover {
  background-color: gray;
}
.pagination span.inactive,
.pagination a.inactive {
  opacity: 0.4;
}
.pagination .previous {
  order: 0;
}
.pagination form {
  order: 1;
}
.pagination .next {
  order: 10;
}
.pagination .row-count {
  flex: 1 1 100%;
  order: 100;
  text-align: center;
  /* margin-top: 0.5em; */
}

.footer-pagination {
  display: flex;
  justify-content: center;
}

/* ----------- */
/* pagina intermedia index/search */
.site_pages .resource-list {
  display: initial;
  margin-bottom: 1em;
}
.site_pages .resource-list .item.resource {
  height: initial;
  margin: 0.5em 0;
  flex: initial;
  border: initial;
  display: flex;
  align-items: initial;
  justify-content: center;
  flex-direction: column;
  box-shadow: initial;
  background-color: initial;
}
.site_pages .resource-list .item.resource:last-child {
  margin-bottom: 1em;
}

span.resource-name {
  display: block;
  text-align: center;
  margin: 0.5em 0;
  text-align: left;
}

/* -------- */
/* media/show */
.details-media {
  margin-top: 0.7rem;
}
.details-media a {
  font-size: 1.2rem;
  font-weight: 600;
}

.media-render {
  display: flex;
  justify-content: center;
}
.media-render img {
  max-height: 80vh;
  max-width: 50vw;
}

/* page Browse  "/page" */
/* ul.resource-list {
  display: initial;
} */
.site-page-pagination {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/*# sourceMappingURL=base.css.map */