body {
    background-color: var(--main-bg-color);
}

:root {
    --main-bg-color: white;
    --main-araba-color: #CC0066;
    --icons-color: #CC0066;
    --icons-background-color: blue;
    --details-color: #CC0066;
    --background-header: white;
    --background-footer: #D8D8D8;
    --font-ordinal-color: black;
    --font-title-color: #CC0066;
    --font-family: 'Raleway', sans-serif;
    --box-color: #E5E5E5;
    --link-hover-color: 'unset';
    --link-color:#CC0066;
}

h1,
h2,
h3,
h3>p,
h4,
h5,
h6 {
    color: var(--font-title-color)
}

h5 {
    font-size: 20px;
}

p {
    color: var(--font-ordinal-color)
}

#language-selector {
    width: unset;
    margin: unset;
    height: auto;
    background-color: var(--icons-background-color);
    color: var(--link-hover-color);
    font-size: inherit;
    padding: 0.25em;
    border: unset;
    font-size: 0.65em;
    min-width: 10em;
}

a:link, a:hover {
    color: var(--link-color);
}
#center_area {
    flex: 1 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-direction: column;
    gap: 0.65em;
}

/*Footer */


.site-title {
    flex: 1 20%;
    font-weight: bold;
    font-size: 30px;
    color: var(--font-color);
    text-align: center;
    /* text-shadow: -1px 0 #414D68, 0 1px #414D68, 1px 0 #414D68, 0 -1px #414D68, -2px 2px 0 #414D68, 2px 2px 0 #414D68, 1px 1px #414D68, 2px 2px #414D68, 3px 3px #414D68, 4px 4px #414D68, 5px 5px #414D68, 6px 6px #414D68, 7px 7px #414D68, 8px 8px #414D68, 9px 9px #414D68; */
}

.logo_archivo_template1 {
    flex: 1 20%;
    text-align: center;
}

#header {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

#header img {
    /* max-width: 60%; */
    object-fit: contain;
    width: 120px;
}

#header .template3 img {
    /* max-width: 60%; */
    object-fit: contain;
    width: 150px;
}

.footer3 {
    padding-left: 1em;
    max-width: 20%;
    min-width: 10em;
}

.footer1 {
    max-width: 20%;
    min-width: 10em;
}

.footer2 {
    /* width: 20%; */
    flex: 1;
    min-width: 10em;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.legal-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--box-color);
    gap: 10px;
    /* padding: 0.25em; */
    line-height: 0;
    /* width: 2; */
    height: 3em;
    padding: 0;
    margin-bottom: 0.25em;
    /* font-size: 0.65em; */
}

#legal {
    padding-left: 0.55em;
    color: var(--font-ordinal-color);
}

.legal-box i {
    width: 2em;
    background-color: var(--icons-background-color);
    height: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fa-arrow-right::before {
    content: "";
    color: var(--icons-color);
    font-size: 0.75em;
}

.footer2 span {
    font-size: 0.75em;
}

#mainFooter {
    display: flex;
    flex-direction: column;
    margin-top: 2em;
    align-items: center;
    height: auto;
    width: 100%;
    width: 100%;
    gap: 15px;
    min-height: 5em;
    margin-bottom: 1em;
    flex-wrap: wrap;
    background: var(--background-footer);
    padding: 0;


}
.navigation li {
    width: 15%;
}

header .navBar > nav > ul > li > a,
header .navBar > nav > ul > li > .parent-link > a {
    /* margin: 7.5px; */
    font-size: 16px !important;
    color: black;
    font-size: 20px;
    /* font-style: normal; */
    /* font-weight: 300; */
    /* line-height: 26px; */
    /* letter-spacing: 0em; */
    /* text-align: center; */
    padding: 0.35em;
}

.fa-arrow-right.menu-icon.fa-arrow-right::before {
    color: var(--font-color);
    background-color: var(--box-color);
}

header .navBar > nav > ul > li > a,
header .navBar > nav > ul > li > .parent-link > a {
    margin: unset;
    padding: 0;
}

header .navBar > nav > ul > li > a,
header .navBar > nav > ul > li > .parent-link > a {
    line-height: 0 !important;
    letter-spacing: 0;
}

header .navBar > nav > ul {
    line-height: 0 !important;
}

#search form {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row !important;
    gap: 3px;
    margin: 0 0 0.45em;
}

#search-form input[type="text"] {
    background: rgba(252, 252, 252, 1) !important;
}

#search form button[type="submit"]::before {
    background: var(--icons-background-color);
    color: var(--icons-color);
}

#search form input[type="text"],
#search form button[type="submit"] {
    border: 1px grey solid;
}

.advanced-search-nav {
    font-size: 11px;
    color: var(--details-color);
}

.advanced-search-nav {
    line-height: 0;
}

.nav-item img {
    width: 2em;
}

.nav-item {
    border: 2px solid #868686 !important;
    height: 2em;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background: white;
}

.no-border {
    border: unset !important;
    background: unset;
}

.nav-item i {
    height: 100%;
    /* background: red; */
    background-color: #CC0066;
    text-align: center;
    margin: 0 auto;
}

.fas.fa-arrow-right.menu-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-item span {
    padding: 1.5em;
}

.fas.fa-arrow-right.menu-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
}


.item-title p {
    color: var(--font-color);
    font-size: 1.5em;
    margin: 1em;
}
.flex-properties {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1em;
}
.wrapper {

    width: 100%;
    margin-bottom: 2em;
    margin-top: 2em;
    overflow: hidden;
}

.item-metadata {
    width: 45%;
    background: var(--box-color);
    padding: 0.45em;
    flex: 1;
}

.image-data {

    min-width: 15em;
    flex: 1 60%;
}

.values .value {
    left: unset;
    position: unset;
    padding: unset;
}

.property {
    color: var(--font-color);
}


.pagination .button {
    height: unset;
}

.browse-controls {
    align-items: center;
    margin-bottom: 2em;
}

.previous.o-icon-prev.button,
.next.o-icon-next.button {
    color: var(--details-color);
}

.previous.o-icon-prev.button.inactive,
.next.o-icon-next.button.inactive {
    color: var(--details-color);
}

ul.resource-list .resource {
    margin: unset;
}

ul.resource-list .resource img {
    float: unset;
}

.resource-list.itemBrowse1Resources {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
}

.item.resource.itemBrowse1Resources {
    align-items: center;
}

.descriptionitemBrowseTemplate1 a {
    color: var(--font-color);
}

.sorting button {
    color: var(--font-color);
    font-weight: bold;
    border-radius: 0.25em;
    background-color: var(--box-color);
}

::placeholder {
    color: transparent;
}

.header-item {
    width: 100%;
    height: 20em;
    position: relative;
    /* background-size: contain; */
    /* background: no-repeat; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: var(--box-color);
}

.item-title-show {
    background-color: var(--box-color);
    width: 90%;
    height: auto;
    display: flex;
    align-content: center;
    position: absolute;
    bottom: 8.5em;
    padding-left: 1em;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 1.5em;
   /*  max-width: 40em; */
    position: relative;
    bottom: 6em;
}


header {
    background-color: var(--background-header);
    z-index: 999;
    max-width: 2000px;
    margin: 0 auto 4em;
}

header nav {
    background-color: unset;
}

#content {
    padding: unset;
}

header nav ul.navigation {
    display: flex;
    justify-content: center;
}

section.after-gallery {

    margin-bottom: 1em;
}

.slider_controls {
    background-color: var(--box-color);
    width: 50%;
}

.item-metadata-collapse {
    color: var(--font-title-color);
    display: flex;
    justify-content: space-between;
}

.item-metadata-collapse {

    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    cursor: pointer;
}

.item-metadata-collapse div {
    background-color: var(--box-color);
    width: 80%;
    padding: 1em;
    height: 100%;
}

.item-metadata-collapse i {
    width: 4em;
    height: 100%;
    font-size: 1.25em;
}

.item-metadata-collapse .fa-arrow-down {
    display: flex;
    justify-content: center;
    align-items: center;
}
.libnamic_1\/3 {
    flex: 1 33%
}
.libnamic_1\/4 {
    flex: 1 25%
}
.libnamic_1\/5 {
    flex: 1 20%
}

.libnamic_1\/6 {
    flex: 1 16%
}
.slider_controls {
    display: flex;
    justify-content: space-around;
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    padding: 0 1em;
    min-width: 10em;
    flex: 1;
    width: 100%;
}

.slider_controls .swiper-button-next,
.slider_controls .swiper-button-prev {
    position: unset;
    top: unset;
    height: inherit;
    margin-top: unset;
    align-items: center;
    justify-content: center;
    padding: 1.25em;
    color: var(--details-color);
}

.item .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
    filter: grayscale(100%);
    /* filter: grayscale(100%); */
}

.item .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
    filter: unset;
}

.swiper-pagination {
    position: unset !important;
}

.social-area {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
}

.social-1,
.social-4 {
    background-color: var(--box-color);
    width: 16%;
    display: flex;
    align-items: center;
    text-align: center;
    padding: 1em;
    min-width: 7em;

}

.social-2,
.social-3 {
    width: 3em;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--box-color);
    min-width: 3em;
    padding-top: 0;
}

.social-2 > *,
.social-3 > * {
    font-size: 2.25em;
    padding-top: 0;
}

.instagram,
.twitter, .social-share {
    background: var(--icons-background-color);
    /* padding: 1em; */
    width: 1em;
    height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.related-items {
    width: 100%;
    margin-top: 2em;
}

.related-items .title-text {
    background-color: var(--box-color);
    width: 100%;
    /* padding: 1em; */
    margin-bottom: 0.5em;
    padding: 0.5em 0.5em 0.5em 1em;
    height: 3em;
    display: flex;

align-items: center;
}

.flex-section {
    display: flex;
    align-items: center;
    gap: 1em;
    margin-top: 2em;
    height: 5em;
}

.flex-section img {
    width: 20%;
    border-left: 6px solid var(--details-color);
    height: inherit;
    object-fit: cover;
}

.flex-section h3 {
    width: 80%;
    background-color: var(--box-color);
    display: flex;
    padding: 1em;
    height: 100%;
    align-items: center;
    justify-content: space-between;
}

.swiper.mySwiper_related.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    height: 17em;
}

.icon-download {
    color: var(--details-color);
    margin-bottom: 1em;
    cursor: pointer;
}

.collapse {
    display: none;
    background-color: var(--box-color);
    width: 100%;
    padding: 1em;
    margin-top: 2em;
}

.swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal {
    color: var(--details-color);
}

i {
    color: var(--icons-color);
    background: var(--icons-background-color);
    padding: 0.15em;
    text-align: center;
    margin: 0;
    border-radius: 0 0.35em 0.35em 0;
}

.text-box {
    display: flex;
    align-items: center;
    height: 100%;
    /* flex: 1; */
    justify-content: space-around;
    width: 100%;
}

.text-box h3 {
    width: 90%;
}

.text-box i {
    /* width: 20%; */
    background-color: var(--icons-background-color);
    height: 100%;
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25em;
    border-radius: 0 0.35em 0.35em 0;
}

.swiper-button-next {
    background: url('/themes/araba-theme/asset/images/icon/arrow-left.png');
}

.swiper-button-prev {
    background: url('/themes/araba-theme/asset/images/icon/arrow-right.png');
}

.swiper-button-prev,
.swiper-button-next {
    background-size: 20px 20px;
    background-repeat: no-repeat;
    width: 2em !important;
    height: 2em !important;
    background-color: var(--icons-color);
    border-radius: 2em;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    background-position: center;
}
 .swiper-button-prev,
.swiper-button-next {
   
    background-color: var(--icons-color);
   
}
.lib-block-item-set-gallery .swiper-slide img {
 
    max-height: 7em;
}
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after,
.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
    content: '' !important;
}

.swiper-pagination-bullet {
    width: 0.5em !important;
    height: 0.5em !important;
}

.swiper-pagination-bullet-active {
    background: var(--icons-background-color) !important
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    text-align: center;
}

.icons-group {
    position: absolute;
    display: flex;
    gap: 0.5em;
    bottom: 15%;
    right: 2em;
    padding: 0.5em;
    /* height: 4em; */
    align-items: flex-end;
}


header nav {
    width: 40%;
}

header nav ul.navigation>li:not(:last-child) {
    margin-right: 0;
}

#header {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 5em;
}

.template3 > .site-logo {
    width: 40%;
    height: 2em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 10em;
}

.closed {
    padding: 0;
}

header nav ul.navigation {
    padding: 0;
}

.navigation li {
    width: 20%;
}

header nav {
    width: 20%;
}

#search {
    width: 15%;
}

#search form input[type="text"] {
    width: 100%;
    border-radius: 0.25em;
}
.container_footer_template1 {
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
    gap: 1em;
    flex-wrap: wrap;
}
#mainFooter img {
    width: 100%;
    height: 3em;
    object-fit: contain;
    min-width: 10em;
    flex: 1;
}

.site-logo-dark {
    width: 40%;
}

.site-logo-dark img {
    width: auto !important;
}

#language-selector-dark {
    width: unset;
    margin: unset;
    height: auto;
    background-color: #CC0066;
    color: white;
    font-size: inherit;
    padding: 0.25em;
    border: unset;
    font-size: 0.5em;
    opacity: 0.9;
}

.dark form > button[type="submit"]::before {
    background: unset;
    color: unset;
}

.dark #search-form button::before {
    background: unset !important;
    color: white;
}

.dark #search-form button {
    color: white;
}

#footer_template2 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 0;
    background-color: var(--background-footer);
    flex-wrap: wrap;
    margin-top: 3em;
    gap: 1em;
    row-gap: 1em;
}

#footer_template2 > img {
    width: 20%;
    height: 3em;
    object-fit: contain;
    min-width: 10em;
}

.custom_logo {
    background: white;
    width: 15 !important;
    object-fit: contain;
    padding: 0.45em;
    /* height: auto; */
    background-position: center;
    background-size: cover;
    object-fit: cover !important;
    border-radius: 0.55em;
}

.legal-box-dark {
    display: flex;
    justify-content: center;
    align-items: center;

    /* padding: 0.25em; */
    line-height: 0;
    /* width: 2; */
    height: 2em;
    padding: 0;
    margin-bottom: 0.25em;
    font-size: 0.65em;
}

.legal-box-dark #legal {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: var(--font-ordinal-color);
    padding: 1em;
    background: var(--icons-background-color);
    width: 100%;
}

.legal-box-dark > i {
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    background-color: var(--icons-background-color-color);
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    margin: 1em;
}

.swiper-pagination-bullet {
    background: var(--icons-background-color) !important;
}

.sorting {
    margin: 0;
}

.lib-entity.lib-block.lib-block-item-gallery.galeria-inicio {
    display: block !important;
    display: flex;
    width: 99.5vw;
    position: relative;
    margin-top: -200px;
    padding: 0;
    max-width: 3000px;
    /* margin: 0 auto; */
    justify-content: center;
    max-height: 30em;
    overflow: hidden;
}

.lib-entity.lib-block.lib-block-item-gallery.galeria-inicio .swiper-button-next,
.lib-entity.lib-block.lib-block-item-gallery.galeria-inicio .swiper-button-prev {
    display: none;
}

.lib-entity.lib-block.lib-block-item-gallery.galeria-inicio img {
    display: block !important;
    width: 100% !important;
    /* height: 100% !important; */
    object-fit: contain !important;
    object-position: center center;
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.lib-block-header .background a {
    display: flex;
    flex-direction: column;
    padding: 2em;
    justify-content: center;
    width: 100%;
}

.lib-block-header .header-description {
    margin: unset 0.25em unset unset !important;
    padding: 1em !important;
    background-color: var(--box-color) !important;
}

.header-title {
    background-color: var(--box-color) !important;
}

.lib-block-header .header-title {
    /* display: flex; */
    padding: 0.35em;
}

/* refactor */

.lib-block-header .background {
    background-size: cover;
    background-position: center;
    /* padding: 2em 0; */
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: normal;
    gap: 9em;
    padding: 2em !important;
}

.lib-block-header .background a {
    display: flex;
    flex-direction: row;
    padding: unset;
    justify-content: center;
    /* width: 100%; */
    align-items: center;
    height: 4em;
    max-width: 40em;
    /* margin: 0 auto; */
}

.lib-block-header .header-description {
    /* margin: unset !important; */
    padding: 1em !important;
    background-color: var(--box-color) !important;
    height: 100%;
    width: 90%;
    border-radius: unset !important;
    display: flex;
    align-items: center;
}

.lib-block-header .background a > i {
    height: 100%;
    display: flex;
    justify-content: center;
    background: var(--icons-background-color);
    color: var(--icons-color);
    /* height: inherit; */
    width: 10%;
    align-items: center;
    min-width: 2em;
}

/* end refactor */

.ItemBrowse1_header {
    background-size: cover;
    background-repeat: no-repeat;
    height: 20em;
    background-position: center;
    margin-left: calc(49.5% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    width: 99.5vw;
    margin-top: 2em;
}

.itemBrowse1_introduction {
    flex-direction: column;
    width: 100%;
    /* height: 20em; */
    position: relative;
}

.itemBrowse1_header_title {
    background: var(--box-color);
    padding: 0;
    margin: auto;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 50%;
    right: 50;
    position: absolute;
    /* top: 0; */
    left: 1em;
    right: 1em;
    bottom: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50%;
    width: 90%;
    flex-wrap: wrap;
}

.description-area {
    background-color: var(--box-color);
    padding: 1em;
}

.description-area p {
    color: var(--font-ordinal-color)
}

.itemset-title {
    background: var(--box-color);
    height: 3em;
    width: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 10em;
    flex: 1;
}

.itemset-title i {
    height: 100%;
    display: flex;
    /* flex-direction: column; */
    width: 15%;
    align-items: center;
    justify-content: center;
}

.itemset-title h5 {
    text-align: center;
    padding: 1.25em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 auto;
}

.visualization-control {
    width: 20%;
}

.browse-controls .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    width: 100%;
    background-color: var(--box-color);
}

.item-browse-pagination {
    width: 30%;
}

.browse-controls .pagination .previous.o-icon-prev.button.inactive,
.next.o-icon-next.button.inactive,
.previous.o-icon-prev.button.inactive {
    border-radius: 2em;
    background: var(--icons-background-color);
    width: 3em;
    height: 3em;
    flex: unset;
    display: flex;
    justify-content: center;
    align-items: center;
}

.browse-controls .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex: 1 30%;
    background-color: var(--box-color);
}

.fa-angle-left::before,
.o-icon-next::before {
    content: "\f061";
    color: var(--icons-color)
}

.fa-angle-left::before,
.o-icon-prev::before {
    content: "\f060";
    color: var(--icons-color)
}

.masonry {
    /* Masonry container */
    column-count: 4;
    column-gap: 1em;
}


figure > img {
    grid-row: 1 / -1;
    grid-column: 1;
}

figure a {
    color: black;
    text-decoration: none;
}
.figcaption_item {
    font-size: 15px;
    color: black;
}


.logo_archivo.last {
    height: 3em;

    min-width: 7em;
    flex: 1 10%;
    text-align: center;
}

header .template3+#content .lib-entity {
    margin: unset;
}

.template3_nav {
    justify-content: space-around;
    display: flex;
    width: 100%;
    /* align-items: center; */
    position: absolute;
    top: 7em;
    flex-wrap: wrap;
    gap: 0.25em;
}

.template3_nav_item {
    border: 2px solid var(--details-color);
    background-color: var(--box-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 2em;
    width: 25%;
    gap: 15px;
    min-width: 10em;
}

#search.general {
    width: 30%;
}

.template3_nav_item > i {
    display: flex;
    justify-content: center;
    height: 100%;
    flex-direction: row;
    align-items: center;
    border-radius: 0;
}

#search.general #search-form input {
    border: 2px solid var(--details-color);
}

.template3_nav_item span {
    font-size: 15px;
    padding: 1em;
}

.footer-template3 section {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 12px;
    width: 50%;
    min-width: 20em;
    margin-top: 2em;
}

.footer-template3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 15px;
    margin-top: 3em;
    flex-wrap: wrap;
    min-width: 10em;
    text-align: center;
}

.footer-template3 > img {
    max-width: 30%;
    width: 20%;
    height: 3em;
    object-fit: contain;
}

.footer-template3 section > .legal-box {
    width: 50%;
}

.item-metadata {
    margin-bottom: 1em;
}

.social-area {
    margin: 1em 0;
}

.swiper-slide {
    background-color: unset !important;
}

.item.resource.browse .template3_nav {
    display: none;
}

.lib-block-item-gallery h5 {
    font-size: 1.5em !important;
    text-align: center;
    position: absolute;
    background: var(--box-color) !important;
    width: 50%;
    left: 0;
    margin: auto !important;
    right: 0;
    bottom: 0.5em;
    max-width: 16em;

}
.swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-pointer-events {
    position: relative;
    display: block;
    width: 100%;
    max-height: 30em;
}

#search.general {
    width: 30%;
    max-width: 12em;
    min-width: 12em;
}

.lib-block-header .header-title {
    display: flex;
    flex-direction: column;
    font-size: 20px;
}

.lib-block-header .header-title {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    width: 100%;
    max-width: 20em;
    font-size: calc(1rem + 1vw);
}

.lib-block-header .background {
    justify-content: center;
    align-items: center;
}

.site-page-pagination {
    margin-top: unset;
}

/* .site-page-pagination::before {
    font-family: "Font Awesome 5 Free";
    content: "\f060";
    color: var(--details-color);
} */
.site-page-pagination.custom {
    display: flex;
    gap: 2em;
}




.site-page-pagination>a:first-of-type {
    background-image: unset;
    color: var(--details-color);
}

.galeria-inicio h5 {
    padding: 0.5em;
    display: none;
}

.header-inicio .background {
    align-items: baseline;
}

#search.general {
    width: 30%;
    max-width: 12em;
    min-width: 12em;
    display: flex;
    flex-direction: column;
    align-items: end;
}

#search {
    top: unset;
}

#institucional {
    color: var(--font-ordinal-color);
    font-weight: bold;
}

.separator {
    color: var(--details-color);
    width: 20%;
    /* float: left; */
    margin-bottom: 1em;
    margin-left: 0;
    margin-top: 0;
}

.description-area {
    background-color: var(--box-color);
    padding: 1em;
    width: 90%;
    margin: 0 auto;
}

.disposition {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.disposition span {
    font-size: 0.45em;
    line-height: 1.5em;
}

.visualization-control {
    width: 20%;
    display: flex;
    justify-content: center;
    min-width: 7em;
    gap: 1em;
    cursor: pointer;
}

.disposition img {
    height: 30px;
}

.browse-controls .pagination .previous.o-icon-prev.button.inactive,
.o-icon-next,
.next.o-icon-next.button.inactive,
.previous.o-icon-prev.button.inactive {
    border-radius: 2em;
    background: var(--icons-background-color);
    width: 2em;
    height: 2em;
    flex: unset;
    display: flex;
    justify-content: center;
    align-items: center;
}

.next.o-icon-next.button {
    order: 3;
}

.next.o-icon-next.button {
    border-radius: 2em;
    background: var(--icons-background-color);
    width: 2em;
    height: 2em;
    flex: unset;
    display: flex;
    justify-content: center;
    align-items: center;
}

.previous.o-icon-prev.button:last-of-type {
    flex: unset;
    background: var(--icons-background-color);
    border-radius: 2em;
    width: 30px;
    margin-left: 1em;
}


.flex {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    gap: 2em;
}

.figure-flex {

    display: flex;
    justify-content: center;
    height: 6em;

    overflow: hidden;

}


.icon-disposition {
    background-color: unset;
    font-size: 1.6em;
    color: var(--icons-color);
}
/* .active i {
    color: var(--icons-color)
} */
.previous.o-icon-prev.button.inactive {
    margin-left: 1em;
}

nav.pagination {
    margin: 0;
    line-height: 45px;
    text-align: center;
    min-width: 15em;
    padding-left: 1em;
    padding-right: 1em;
}
.browse-controls {
    gap: 1em;
}

.swiper.mySwiper.related.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-free-mode.swiper-thumbs .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.figure-flex > figcaption > * {
    color: var(--font-ordinal-color);
}

.figure-flex figcaption a {
    font-size: 1.25em;
    color: var(--font-title-color);
    font-weight: bold;
}

.footer_logo {
    flex: 1;
    max-width: 15em;
    min-width: 10em;
}

.icons-group .icon-download > * {
    padding: 0.4em;
    min-height: 100%;
}

.notice-legal p {
    font-size: 0.8em;
    padding: 1em;
}

.notice-legal {
    background: var(--box-color);
    display: none;
}

.related-items .swiper-slide img {
    max-height: 15em;
}

.imagen-data .swiper .swiper-slide img {
    max-height: 40em;
}

.item-metadata {

    overflow-y: auto;
    margin-bottom: unset;
    max-height: 30em;
    width: 50%;
    margin-bottom: 0;
    min-width: 10em;
    padding: 1em;
    flex: 1 30%;
}

ul.resource-list .resource:first-child {
    padding: unset;
}

li a:hover {
    /* background-color: #555; */
    color: var(--link-color);
    cursor: pointer;
}

/* a:active,
a:hover {
    color: var(--icons-background-color);
} */

.footer_logo img {
    height: 4em;
}

.site-title img {
    min-width: 5em;
    max-width: 7em;
}

.field .field-meta {
    min-width: 10em;
}

#advanced-search .value {
    min-width: 10em;
    flex-wrap: wrap;
}

/* template header */
/* template nº1 */

.header-template1 {
    gap: 0;
}

#language-selector-template1 {
    width: 15%;
    margin: 0;
    min-width: 5em;
}

.search-template1 {
    min-width: 10em;
    width: 15%;
    max-width: 15em;
}

.site-logo-template1 img {
    width: 220px !important;
    height: 3em;
    object-fit: contain;
}

#footer_template2 a > img {

    height: 4em;
    object-fit: contain;
    min-width: 5em;
    width: 100%;
}

#mainFooter img {
    width: 100%;
    height: 3em;
    object-fit: contain;
    min-width: 10em;
    flex: 1;
}

.footer_logo_template1 {
    width: 20%;
    height: 3em;
    object-fit: contain;
    min-width: 10em;
}

/* end template nº1 */
/* template nº0 */

#header_template1 {
    display: flex;
    flex-direction: column;
}

.subheader1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2em;
    z-index: 1000;
    /* flex-wrap: wrap; */
    /* margin-bottom: 1em; */
}

.logo_end_template0 {
    width: 150px;
    min-width: 5em;
}

.navigation_template1 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    top: 2em;
    position: relative;
    gap: 1em;
    min-width: 15em;
    flex-wrap: wrap;
    position: relative;
}

.navigation_items {
    display: flex;
    justify-content: space-between;
    width: 25%;
    gap: 1em;
    min-width: 10em;
    padding: 0;
}

.navigation_items li {
    list-style: none;
}

#header_template1 .site-logo {
    min-width: 10em;
}

.search_template1 {
    /* width: 20% !important; */
    display: flex;
    flex-direction: column;
    /* align-items: end; */
    min-width: 10em;
    flex: 1 33%;
    text-align: right;
    max-width: 15em;
}
.box_template1 {
    background: var(--box-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2em;
    gap: 1em;
    border: 2px solid gray;
    flex: 1 33%;
    max-width: 15em;
}

.template1_menu {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    padding: 1em;
}

.box_template1 p {
    padding: 1em;
    font-size: 0.75em;
}

.subheader2 .advanced-search-nav {
    min-width: 10em;
    font-size: 0.7em;
    font-weight: bold;
}

.footer-template1 .legal-box {
    height: 2em;
}

.logo_archivo {
    height: 3em;
    width: 25%;
    min-width: 7em;
}
.logo_archivo.second {
    flex: 1 20%;
}
.main-footer .logo-archivo {
    width: 10%;
}
.main-footer .image1 {
    flex: 1 10%
}
.footer-template1 #mainFooter {
    gap: 0.7em;
}
#mainFooter .image1 {
    flex: 1 10%;
}

.footer-template1 .legal-box {
    height: 2em;
    font-size: 0.65em;
    margin-bottom: 0;
    min-width: 10em;
    flex: 1;
}

/* end template nº0 */
/* end template header */
/* prueba transparencia */

.grid-item figcaption .gradient {
    grid-row: 2;
    grid-column: 1;
    padding: 3em 0.5em 0.2em;
    background: linear-gradient(to top, #070707, #434141);
    background: linear-gradient(to top, rgba(7, 7, 7, 1) 0%, rgba(7, 7, 7, 0.5) 60%, rgba(7, 7, 7, 0) 100%);
    position: absolute;
    bottom: 4;
    z-index: -99999999;
    bottom: 0;
    z-index: 980;
    width: 100%;
}

.grid-container.hidden {
    opacity: 0;

}

.grid-container {
    column-count: 4;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 1em;
    transition: opacity 400ms;

}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.grid-item,.figure-flex {
    margin: 0;
    position: relative;
    grid-column-end: span 2;
}

.grid-item img {
    width: 100%;
    /* min-height: 100%; */
    max-height: 100%;
    object-fit: cover;

}

.grid-item figcaption a {
    color: white !important;
    font-weight: bold;
}

.grid-item.vertical {
    grid-column-end: span 1;
}

/* slider */

.page.Home .lib-entity .lib-column,
.page.Exposiciones .lib-entity .lib-column {
    padding: 0;
}

#header_template1 {
    padding: 0;
}


.lib-entity.lib-block.lib-block-item-gallery.galeria-inicio {

    max-height: 35em;
    display: flex !important;
}

.lib-entity.lib-block.lib-block-item-gallery.galeria-inicio img {
    height: 100% !important;
    object-fit: cover !important;
}

.swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-pointer-events {

    object-fit: contain;
}


.lib-block-item-gallery img {
    height: auto;
}


/* correcciones Jesús */

.lib-section.lib-fullwidth {
    margin-left: calc(50% - 49.5vw);
    margin-right: calc(50% - 49.5vw);
    margin-bottom: 0;
    overflow: hidden;
}

#content {
    overflow: visible;
}


.slider_controls {
    margin: 0 auto 1em;
}


.swiper-slide img {
    object-fit: cover;
    margin: 0;
    padding: 0;
    max-height: 28.35em;
}

.swiper-slide {
    margin: 0;
    padding: 0;
}

.mySwiper2 {
    width: unset;
}

.header-item {
    margin-left: calc(49.5% - 50vw);
    margin-right: calc(49.5% - 50vw);
    overflow: hidden;
    width: 99.5vw;
    background-position: center;
    overflow: hidden;
    /* filter: blur(2px); */
    margin-top: 2em;
}


.figure-flex figcaption a:first-of-type {
    border: 0.15em solid var(--details-color);
}

.item.resource.browse.item-set .pagination {
    margin-bottom: 0;
}

.browse-controls {
    width: 100%;
}
.previous.o-icon-prev.button {
    display: flex;
    justify-content: center;
    align-items: center;
}
.previous.o-icon-prev.button,
.next.o-icon-next.button {
    color: var(--details-color);
    background: var(--icons-background-color);
    border-radius: 2em;
    height: 2em;
    width: 2em;
    margin-left: 1em;
}

.item.resource.browse.item-set .pagination {
    margin-bottom: 0;
    height: 4em;
    flex: 1;
    flex-basis: 25%;
    min-width: 20em;
}

.secondary-pagination {
    background: var(--box-color);
    width: 100%;
    margin-top: 3em;
    align-items: center;
    padding: 0.5em;
    display: flex;
    justify-content: center;
}

.secondary-pagination > .pagination .previous.o-icon-prev.button,
.next.o-icon-next.button {
    margin-left: unset;
}


.figure-flex .list_list {

    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    min-width: 10em;
    border: 1px solid gray;
    background: unset;
    flex: 1;
    flex-basis: 30%;
    border-radius: 0.25em;
    font-size: 0.85em;
    padding-left: 1em;
}
.figure-flex .media_count {
    /* display: none */
}
.figure-flex a:nth-child(2) a:first-of-type {
    border: unset;
}

i.fas:nth-child(3) {
    display: flex;
}

.figure-flex img {
    height: 100%;
}

.figure-flex a {
    color: var(--details-color);
    text-decoration: none;
    text-align: center;
    height: inherit;
}

.list-access {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4em !important;
    border-radius: 0;
    flex: unset !important;
    min-width: unset !important;
    height: 100%;
    padding: 0;
}

.list-access i {
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    width: 100%;
    border-radius: 0;
}

p {
    font-size: 16px;
}

.collections {
    width: 100%;
}

.social-area > * {
    height: 3em;
}

.social-2,
.social-3 {
    background: var(--icons-background-color);
}

.item-metadata-collapse h5 {
    background-color: var(--box-color);
    width: 80%;
    padding: 0.5em 0.5em 0.5em 1em;
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
}

.notice-legal {
    height: auto;
}

.item-title-show::before {
    content: "";
    position: absolute;
    /* left: 0; */
    bottom: 0;
    height: 1px;
    width: 15%;
    border-bottom: 3px solid var(--details-color);
    margin-bottom: 1em;
}

.secondary-pagination .pagination {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* En línea #12 | https://photo.araba.eus/s/pruebas-de-desarrollo/item-set/51 */

.latest_arrow {
    order: 5;
    font-size: 1.35em;
}

.next-arrow {
    order: 0;
    font-size: 1.35em;
}

/* araba.css | https://photo.araba.eus/themes/araba-theme/asset/css/araba.css?v=1.6.0 */

.pagination .previous.o-icon-prev.button,
.next.o-icon-next.button {
    order: 1;
}

.row-count:last-of-type {
    order: 2;
    display: none;
}
.page-input-top {
    background-color: transparent;
    border: var(--icons-background-color) solid 1px !important;
}
.next.o-icon-next.button {
    order: 4;
}

.next.o-icon-next.button {
    padding: 0;
    margin: 0;
}

.pagination {
    gap: 1em;
}

.previous.o-icon-prev.button.inactive {
    margin: 0;
    padding: 0;
}


.previous.o-icon-prev.button {
    margin: 0;
}

.list-access {
    display: none;
}

.figure-flex .list-access {
    display: flex;
}

.row-count {
    line-height: 1em;
}

.resource-list .item-set.resource a img {
    display: block;
}

ul.resource-list {
    list-style-type: none;
    padding-left: 0;
    width: initial;
    /* text-align: center; */
    display: flex;
    flex-direction: column;
    gap: 2em;
}

.item-browse-container {
    display: flex;
    align-items: center;
    gap: 2em;
    height: 7em;
}

.item-browse-container h4 {
    background: var(--main-araba-color);
}

.item-browse-container h4 {
    background: var(--box-color);
    width: 70%;
    padding: 1em;
    margin: 0;
}

.item-browse-container h4 {
    height: 100%;
}

.item-browse-container a {
    height: 100%;
}

.item-browse-container a i {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3em;
}

.item-content {
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
}

.browse-controls .pagination {
    margin-bottom: 0;
}


.figure-flex a:nth-child(2) figcaption {
    background: unset;
}

.legal-notice.fas.fa-arrow-right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.filter {
    width: inherit;
    height: inherit;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    background: rgb(232, 232, 236);
    background: linear-gradient(0deg, rgb(227 227 227 / 14%) 0%, rgb(100 100 100 / 34%) 75%, rgb(0 0 0 / 50%) 100%);
    /* background: linear-gradient(90deg, rgba(232,232,236,0.5) 0%, rgba(66,75,80,0.5) 75%, rgba(110,119,121,0.5) 100%); */
    backdrop-filter: blur(2px);
}

.filter_inicio {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(0deg, rgb(227 227 227 / 14%) 0%, rgb(100 100 100 / 34%) 75%, rgb(0 0 0 / 50%) 100%);
    top: 0;
    backdrop-filter: blur(2px);
}

.icons-group i {
    border-radius: 0;
}

.modal-window {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.25);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1999999999999;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
}

.modal-window:target {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}

.modal-window > div {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 2em;
    background: #fff;
    -webkit-box-shadow: 0 0 17px 0 rgb(0 0 0 / 75%);
    -moz-box-shadow: 0 0 17px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 17px 0 rgb(0 0 0 / 75%);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 0.5em;
}

.modal-close {
	color: #aaa;
	line-height: 50px;
	font-size: 80%;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 50px;
	text-decoration: none;
}
.modal-window div:not(:last-of-type) {
    margin-bottom: 15px;
}

#open-modal i {
	border-radius: 0;
	font-size: 15px;
	padding: 0.3em;
	margin: 0.2em;
}

.acceso.fas.fa-arrow-right {
    background-color: var(--main-araba-color) !important;
}

.fas.fa-step-backward {
    border-radius: 0.35em 0 0 0.35em;
}

.lib-block-header .background {
    background-size: cover;
    background-position: center;
    padding: 2em 0;
    width: 100%;
    display: flex;
}


.disposition > * {
    opacity: 0.5;
    color: var(--icons-color);
}
.disposition.active > * {
    opacity: 1;
}

.footer-template3 {
    background: var(--background-footer);
}

/* header template 2 */

.header-template2 {
    display: flex;
    width: 100%;
}
.header-template2 #center_area {
    gap: 0;
    max-width: 25em;
}

#language-selector-template2 {
    width: 20%;
    margin: 0;
}

.site-logo-template2 {
    width: 40%;
    flex: 1;
    min-width: 10em;
    max-width: 20em;
}


#language-selector-template2 {

    width: 15%;
    height: 2em;
    margin: 0;
}

.header-template2 {
    /* min-height: 5em; */
    min-height: 3em;
    height: 3em;
}

/* .header-template2 img {
    width: unset !important;
} */

.site-logo img {
	min-width: 24em;
}
.header-template2 .site-title img {
    width: unset !important;
}

.header-template2 {
    min-height: 3em !important;
    height: 3em !important;
}

.search-template2 form {
    margin: 0 !important;
}

/* prueba menu */

.float-menu {
    background: var(--box-color);
}

.float-menu .navigation li {
    width: 100%;
    list-style: none;
}

.float-menu .navigation li a {
    color: var(--font-title-color);
    border: 0;
}

#menu_on {
    position: relative;
    font-size: 1.3em;
}

#menu_on span {
    width: 100%;
    height: 4px;
    border-radius: 4px;
    display: block;
    position: absolute;
    background: #fff;
    transition: all 0.25s ease;
    transform-origin: 0 100%;
    z-index: 9999999999999999999999;
}

#menu_on span:nth-child(2) {
    top: calc(50% - 2px);
}

#menu_on span:nth-child(3) {
    bottom: 0;
}

.visible_menu span:nth-child(2) {
    opacity: 0;
}

.float-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -300px;
    width: 300px;
    z-index: 1;
    padding: 50px 30px 30px;
    opacity: 0;
    transition: all 0.75s ease;
    /* font-size: 1.2em; */
    overflow-y: auto;
    z-index: 9999;
    opacity: 0.7;
    display: none;
}

.visible_menu nav {
    left: 0;
    opacity: 1;
    display: block;
}

.float-menu a {
    text-decoration: none;
    padding: 10px;
    color: rgba(255, 255, 255, 0.75);
    transition: all ease 0.25s;
}

.float-menu a:hover {
    color: rgba(255, 255, 255, 1);
    border-bottom-color: rgba(255, 255, 255, 0.4);
}

#menu_on i {
    border-radius: 0;
}

.float-menu nav a:hover {
    color: unset;
    border-bottom: unset;
}

.position {
    position: fixed
}

#menu_off i {
    border-radius: 0;
}

.float-menu li a:hover {
    background: var(--main-araba-color);
    color: var(--link-hover-color) !important;
}
.icon-custom{
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: var(--icons-color);
    width: 35px;
    height: 40px;
    display: flex;
    padding: 0.25em;
}


.icon-next {
    -webkit-mask-size: 100% 100%;;
    mask-size: 100% 100%;;
    -webkit-mask-image: url('/themes/araba-theme/asset/images/flecha_siguiente.svg');
    mask-image: url('/themes/araba-theme/asset/images/flecha_siguiente.svg');
    background-color: var(--icons-color);
    width: 29px;
    height: 29px;
    display: flex;
    mask-repeat: no-repeat;
}

.icon-prev {
    -webkit-mask-size: 100% 100%;;
    mask-size: 100% 100%;;
    -webkit-mask-image: url('/themes/araba-theme/asset/images/flecha_anterior.svg');
    mask-image: url('/themes/araba-theme/asset/images/flecha_anterior.svg');
    background-color: var(--icons-color);
    width: 29px;
    height: 29px;
    display: flex;
}
.icon-end {
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-image: url('/themes/araba-theme/asset/images/flecha-doble.svg');
    mask-image: url('/themes/araba-theme/asset/images/flecha-doble.svg');
    background-color: var(--icons-color);
    width: 29px;
    height: 29px;
    display: flex;
    mask-repeat: no-repeat;
}

.icon-start {
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-image: url('/themes/araba-theme/asset/images/flecha-doble.svg');
    mask-image: url('/themes/araba-theme/asset/images/flecha-doble.svg');
    background-color: var(--icons-color);
    width: 29px;
    height: 29px;
    transform: rotate(0.5turn);
    display: flex;
}


/* .figure-flex {
    height: 5em;
} */

figure.figure-flex>a:nth-child(1) {
    max-width: 5em;
}


.figure-flex img {
    max-width: 5em;
    object-fit: cover;
}

figure.figure-flex>a:nth-child(1) {
    width: 5em;
}

.float-menu {
    position: absolute;
    top: 0;
    bottom: 0;
    /* left: -300px; */
    width: 400px;
    /* z-index: 1; */
    padding: 50px 30px 30px;
    /* opacity: 0; */
    transition: all 0.5s ease;
    /* font-size: 1.2em; */
    overflow-y: auto;
    z-index: 9999;
    opacity: 0.7;
    filter: drop-shadow(6px 0px 0px rgba(0, 0, 0, 0.1));
    left: -500;
    overflow: hidden;
    /* display: none; */
    height: 30em;
}


.float-menu {
    /* margin: 0; */
    padding: 1em;
}

.float-menu ul.navigation {
    display: block;
}

.header-template2 .advanced-search-nav {
    position: absolute;
    top: 4em;
}

.header-template2 #header img {

    height: 2em;
}

.header-template2 select {
    padding: unset;
}

/* @media (min-width: 2000px) {
    .grid-container {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (min-width: 3000px) {
    .grid-container {
        grid-template-columns: repeat(8, 1fr);
    }
} */

@media(max-width: 700px) {
  
    .figure-flex {
       
        height: unset; 
  
    }
}
@media(max-width: 600px) {
    .congrid-containertainer {
        grid-template-columns: repeat(2, 1fr);
    }
   
}

@media(max-width: 600px) {
    .archivo_logo_template2 {
        width: 100% !important;
        text-align: center;
    }

    .header-template2 {

        height: unset !important;
    }

    .search-template2 {
        min-width: 10em;
    }
}


.archivo_logo_template2 {

    width: 15%;
    min-width: 5em;

}

.footer_logo_template2 {
    width: 30%;
    min-width: 7em;
}

.footer_logo_archivo_template2 {
    width: 15%;
    min-width: 3em;
}
.lib-block-header .background {

    min-height: 25em;
}

img.mfp-img {
    max-width: unset;
}
.media_count {
    position: absolute;
    z-index: 99999999;
    background-color: var(--box-color);
    border-radius: 1em;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--main-araba-color);
    opacity: 0.8;
    font-size: 0.8em;
    left: 0.5em;
    top: 0.5em;
    font-weight: bold;
}

.item-is-private{
    right: 0.67em;
    bottom: 3.33em;
    left: 3em;
    /* top: auto; */
}

span.media_count.count-media-private {
    top: 3.2em;
    border: var(--icons-color) 4px solid;
}

.item-media-show{
    position: relative;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {

    display: none;
}

.swiper-button-next_bis::after, .swiper-button-prev_bis::after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1;
}
.swiper-button-next_bis, .swiper-button-prev_bis {
	position: absolute;
	top: 20%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;

	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.swiper-button-prev_bis::after, .swiper-rtl .swiper-button-next_bis::after, .swiper-button-next_bis::after, .swiper-rtl .swiper-button-prev_bis::after {
	content: '' !important;
}
.swiper-button-next_bis, .swiper-rtl .swiper-button-prev_bis {
	right: 10px;
	left: auto;
}
.swiper-button-prev_bis, .swiper-button-next_bis {
	background-size: 10px 10px;
	background-repeat: no-repeat;
	width: 1em !important;
	height: 1em !important;
	background-color: var(--icons-color);
	border-radius: 2em;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: center;
	background-position: center;
}
.swiper-button-next_bis {
	background-image: url('/themes/araba-theme/asset/images/icon/arrow-left.png');
background-repeat: no-repeat;
}
.swiper-button-prev_bis {
    background-image: url('/themes/araba-theme/asset/images/icon/arrow-right.png');
background-repeat: no-repeat;
}



.swiper-button-next_bis.swiper-button-disabled, .swiper-button-prev_bis.swiper-button-disabled {
	display: none;
}
.swiper-thumbs .swiper-slide {
    /* max-height: 7em; */
    overflow: hidden;
    height: 10em!important;
}

.itemset-description-title{
    background: var(--box-color);
    height: 3em;
    width: 30%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 10em;
    flex: 1;
    flex-basis: 30%;
    margin-bottom: 2em;
    max-width: 20em;
    cursor: pointer;
}

.itemset-description-title.hide+ .description-area{
   display: none;
}
.itemset-description-title h5 {
    text-align: center;
    padding: 1.25em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 auto;
  }
  .itemset-description-title i {
	height: 100%;
	display: flex;
	/* flex-direction: column; */
	width: 15%;
	align-items: center;
	justify-content: center;
}

.header-expo .header-title {
	background-color: unset !important;
	font-size: 2.5em;
	color: white;
	/* text-align: right; */
	position: absolute;
	bottom: 0;
width: auto;
right: 0;
}
.lib-block-header .background {

	position: relative;
}


.item_exposicion .property {

	display: none;
}
.item-simple-image {
	width: 100%!important;
    max-width: 20em;
    object-fit: cover;
}
.item_exposicion .item-title {
	display: none;
}
.item_exposicion .property.rico\:title {
	display: block;
}
.item_exposicion .property.rico\:title h4{
	display: none;
}
.item_exposicion .item-values {
	display: flex;
    justify-content: space-around;
    align-items: baseline;
    gap: 1em;
}
.hipervinculo_item a {
	background: #A74A79;
	font-size: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
   padding: 0.5em;
   padding: 0.25em;
   background-repeat: no-repeat;
   gap: 1em;
   border-radius: 0.35em;
    background-repeat: no-repeat;
    color:white!important;
    font-weight: 600;
}
.hipervinculo_item .logo{
	
    background: url('/themes/araba-theme/asset/images/logo_prueba.png');
width: 4em;
height: 2em;
background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.result-element{
    display: none;
    font-size: 12px;
}


.pagination_count {
	flex: 1;
	flex-basis: 20%;
	font-size: 14px;
	text-align: center;
    min-width: 10em;
}
.pagination input {
	width: 30%!important;
    max-width: 5em;
}
.lib-section.lib-fullwidth {

	margin-bottom: -3em;
	
}
#linked-resources .pagination {
	display: flex;
	justify-content: center;
	align-items: center;
}
#linked-filter {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 2em;
}
.linked-header {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em;
}
.linked-items #linked-title{
    background-color: var(--box-color);
height: 100%;
padding: 1em;

}

.linked-resource-property {
	background: var(--box-color);
	padding: 1em;
	height: 4em;
    font-size: 20px;
    color: var(--font-title-color);
    text-align: unset;
    
    position: relative;
}

.linked-resource-property::first-letter {
text-transform: capitalize;
}
.resource-link img {
	
	margin-right: 2em;
	width: 100px;
    height: 4em;
    object-fit: contain;
}
.linked-items th, .linked-items td {
	text-align: left;
	padding: 7.5px 15px;
	padding-bottom: 6.5px;
	border-bottom: 2px solid #ababab;
}
.linked-resource-property {
	border-left: 6px solid var(--details-color);
    	height: 100%;
	
	
}
.linked-items table {
    width: 100%;
  
  }
  input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], textarea {
	
	width: 80%;
}
input[type="tel"], input[type="password"], input[type="email"], input[type="url"], textarea {
	
	border: 1px solid #dedede;

}

.formulario {
	padding: 1em;
}

#contact-form p input, #contact-form p textarea{
width: 100%
}

.date_itemset_list {
        position: absolute;
        z-index: 99999999;
        background-color: var(--box-color);
        /* border-radius: 1em; */
        
        height: 2em;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--main-araba-color);
        opacity: 0.8;
        font-size: 0.7em;
        right: 0.5em;
        top: 0.5em;
        padding: 0.25em;
    }
#enviar_formulario{
background:#dedede;
    }
    #content .item-metadata .property h4, .item-title-show h3 {
       
        color: black;
    }
   .linked-footer nav.pagination {
        margin: 0;
        line-height: 45px;
        text-align: center;
        min-width: 15em;
        padding-left: 1em;
        padding-right: 1em;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        background: var(--box-color);
        height: 4em;
    }
    .item-title-show p {
        font-size: 30px;
      
        
       
    }
    .oculto{
        display:none
    }
    .itemBrowse1_header_title h5, .item-title-show h5 {
        font-size: 1.5em;
        line-height: 1em;
    }
    .previous_section {
        display: flex;
        font-size: 0.5em;
        flex-direction: column;
    }
    .full-width img {
        max-width: unset!important;
        width: 98vw!important;
        width: 99.5vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -49vw!important;
        margin-right: -49vw!important;
        max-height: 65em!important;
    }
    .full-width .libnamic-image-title {
        text-align: center;
        position: absolute;
        top: 50em;
        z-index: 3000;
        /* margin: 0 auto; */
        /* text-align: center; */
        left: 20%;
        right: 20%;
        /* margin-left: 50%; */
        /* margin-right: 50%; */
        background-color: var(--box-color) !important;
        padding: 1em;
        opacity: 0.8;
        /* width: 50%; */
    }
    .full-width .libnamic-image-title h2 {
      font-size: 2.25em;
    }

    .header-title> .label{
        position: absolute;
        bottom: 1em;
        right: 1em;
        padding: 0.25em;
        background-color: var(--box-color) !important;
        font-size: 0.5em!important;
    }
    .lib-block-header.full-width .background{
        max-width: unset!important;
        width: 98vw!important;
        width: 99.5vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -49vw!important;
        margin-right: -49vw!important;
        max-height: 65em!important;
        min-height: 40em;
    }

    /* .lib-block-header .background {
        min-height: 100vh;
    } 
    */
    .lib-block-header.exposicion .header-title {
        font-size: calc(1.25rem + 1vw);
        margin-top: 40%;
        line-height: 1.5em;
        max-width: 50%;
    }
    .hipervinculo_item {
        width: auto;
        float: inline-end;
        margin-top: 3em;
        min-width: 8em;
        max-width: 10em;
    }
    .lib-block-item {
      
        display: flex;
        flex-direction: column;
        justify-content: normal;
        align-items: center;
        position: relative
    }

    .resource-link img{
        display: none;
    }

    ul.footer-nav__list {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-top: 2.25em;
        flex-wrap: wrap;
 
    }
    li.footer-nav__item {
        flex: 1;
        list-style: none;
        flex-basis: 20%;
        font-size: 15px;
        min-width: 10em;
    }
    form#advanced-search #page-actions input {
        background: var(--main-araba-color);
        color:white;
        border-radius: 1em!important;
        text-align: center;
    }
    form#advanced-search #page-actions  {
      
        text-align: center;
    }
    .libnamic-pagination{
        display: block!important;
    }


    .lib-lang{
        display: none;
    }
    html[lang="es"] .lib-lang.lib-lang-es,  html[lang="eu"] .lib-lang.lib-lang-eu,   html[lang="en"] .lib-lang.lib-lang-en{
        display: block;
    }
  
    #template-expositions{

        max-width: unset !important;
    width: 98vw !important;
    width: 99.5vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -49vw !important;
    margin-right: -49vw !important;
    max-height: 65em !important;
    background-color: #070707!important;
    margin-bottom: -5em;
    min-height: 4em;
    }
    .language-control-exposition{
        color:white;
        margin-top:0!important
    }
    .template-expositions{
        justify-content: space-between;
    }
    .language-control-exposition>  .active_language{
        
            border-bottom: white 2px solid!important;
    }
    .logo-archivo-dark-2{
        width: 130px;
    }
    .linked-items.person {
        font-size: 14px;
    }
    #person-picture {
        max-width: 40%;
        min-width: 15em;
        margin: 0 auto;
    object-fit: contain;
    }
    
    #share{
        -webkit-mask-size: cover;
        mask-size: cover;
        -webkit-mask-image: url('/themes/araba-theme/asset/images/icon/share.svg');
        mask-image: url('/themes/araba-theme/asset/images/icon/share.svg');
        background: var(--main-araba-color);
        width: 30px; 
        height: 30px; 
    }

  .lib-entity.lib-row.lib-col-1-1{
      gap:1em;
            }
            
            .img-person{
                align-items: flex-start;
            }
            div#cookie-bar p {
                color: whitesmoke;
                padding: 0.25em;
                font-size: 0.75em;
            }
            #cookie-bar .cb-enable {
                background: #007700;
                font-size: 0.75em;
            }


            span.page-count {
                line-height: 1em;
                height: initial;
            }
            
            nav.pagination {
                min-height: 45px;
            }

           /*  span.media_count.include-full-text {
                top: 3rem;
                left: 4rem;
                background:initial;
                font-size: 3em;
            } */

            /* .figure-flex span.media_count.include-full-text {
                
                font-size: 1em;
                left: 1.5rem;
                top: 3.5rem;
            } */