@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

:root {
    --main-bg-color: #DAE0E8;
    --main-bg-color-transparent: rgba(218, 224, 232, 0.63);
    --accent-bg-color: #DAE0E8;
    --main-color: #2D4C62;
    --detail-color-1: #FAB600;
    --main-text-color: black;
    --link-color: #2D4C62;
    --bright-link-color: #F39200;
    --recevied-point-color: rgb(14, 124, 14);
    --arrow-icon: url("../images/onda-news-ghi-1.svg");
    --arrow-ordinal:url("../images/right_arrow_red.png");
    --font-family:'Open Sans', sans-serif;
    --font-family-title:'Source Sans Pro', 'Arial';
}


body {
    font-family: var(--font-family)
}

h1,
h2,
h3,
h4,
h5,
h6,
header .navBar>nav>ul>li>a,
header .navBar>nav>ul>li>.parent-link>a {
    font-family: var(--font-family-title);
}

p {
    font-size: 15px;
    font-family: var(--font-family);
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    padding: 1em;
}

p a:link, .propertybio a:link,.properties a:link  {
    text-decoration: none;
    color: var(--bright-link-color);
}
.tl-timeline a/*, #content > div a:link*/ {
    text-decoration: none;
    color: var(--link-color)!important;
}
p a {

    color: var(--bright-link-color)!important;
}
/* a:link h1,a:link h2,a:link h3,a:link h4,a:link h5,a:link h6{
    color: var(--main-color) !important;
} */

/* body.hero {
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

body.hero #content {
    margin-top: 20%;
} */

#content {
    background-color: white;
    margin: 0 auto;
    padding: 1em 5%;
   
}

html.tablesaw-enhanced main#content {
    width: 100%;
}

html.tablesaw-enhanced> form {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 1em;
    justify-content: stretch;
    padding: 0;
    margin: 0;
    align-items: stretch;
}
/* .blocks {
    margin: 0 auto auto 20%;
} */

.site-page-pagination {
    margin: 0 auto;
    width: 70%;
    text-align: center;
}

footer {
    width: 100%;
    margin: 0 auto;
}

header {
    width: 100%;
    margin: 0 auto;
    background: none;
    padding: 0;
    font-size: 20px;
    background: #DAE0E8;
}


header #header .site-title img {
    max-height: 100px;
    max-width: 4em;
}

header nav ul li {
    border-top: unset;
}

header nav>ul>li:last-child {
    border-bottom: unset;
}

.logo_submenu>a {
    display: flex;
    justify-content: center;
    align-items: center;
}

#navBarTitle {
    font-family: 'Source Sans Pro', 'Arial';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    /* line-height: 50px; */
    letter-spacing: 0.125em;
}

#title {
    background: var(--main-bg-color);
    display: flex;
    justify-content: space-between;
}

#title {
    background: var(--main-bg-color);
    display: flex;
    justify-content: center;
    height: 72px;
    align-items: center;
    padding-top: 0;
    padding-left: 1em;
    min-height: 3em;
    margin-left: 3em;
}

#header {
    display: flex;
    align-items: center;
    padding: 0;
    flex-direction: row;
    min-width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 1em;
}

header nav {
    background-color: unset;
}

header nav ul.navigation {
    /* margin-left: -7.5px; */
    position: static;
    display: flex;
    /* align-items: flex-end; */
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    /* margin: 0 auto; */
}

header .navBar>nav>ul>li>a,
header .navBar>nav>ul>li>.parent-link>a {
    line-height: initial;
    padding: auto;
}

.navigation li {
    margin: 0.2em;
}

.navBar {
    width: 85%;
    margin-top: 0;
    padding-bottom: 0.25em;
}

header .navBar>nav>ul>li>a,
header .navBar>nav>ul>li>.parent-link>a {
    line-height: initial;
    padding: auto;
    color: var(--main-color);
    font-size: 10px;
}

header nav ul a:hover {
    border-bottom: 0;
    background-color: unset;
}

.footer_ppal {
    display: flex;
    height: auto;
    flex-direction: row;
    align-items: center;
    /* border-left: var(--main-color) 5px solid;
    border-right: var(--main-color) 5px solid; */
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-top: 2em;
    background: var(--main-bg-color);
    justify-content: center;
}

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


/* .footer1 {
    width: 50%;
    display: flex;
    font-family: 'Source Sans Pro';
    font-size: 30px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-width: 15em;
    margin-top: 1em;
} */

.footer1 {
    /* width: 50%; */
    display: flex;
    font-family: 'Source Sans Pro';
    font-size: 30px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-width: 15em;
    margin-top: 1em;
    flex: content;
}

.footer1>img,
.footer2>img,
.footer3>img,
.footer4>img {
    padding: 0.2em;
    text-align: center;
}

#footer_secondary_image_corporation_1 {
    background-image: url("/themes/ghi_theme/asset/images/project_icons/letters-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
   
    width: 10%;
    min-width: 5em;
}

#footer_secondary_image_corporation_2 {
    background-image: url("/themes/ghi_theme/asset/images/project_icons/newspapers-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 10%;
    min-width: 5em;
}

#footer_secondary_image_corporation_3 {
    background-image: url("/themes/ghi_theme/asset/images/project_icons/diaries-blue.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
   
    
    width: 10%;
    min-width: 5em;
}

.secondary_footer_list {
    display: inline-flex;
}

.secondary_footer_list li {
    padding: 1.2em;
}

.secondary_footer_list {
    list-style: none;
}

.secondary_footer_list li {
    padding: 1em;
    padding-top: 0;
}

.secondary_footer {
    display: flex;
    flex-direction: column;
}

.secondary_footer_list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-top: -3em;

}
/* links colorr */
hr {
	color: var(--main-color);
}
.index.search .results a{
    color:var(--bright-link-color);
}
.first-line h3 a:hover, .section_container a h2:hover, .news-container a h3:hover,#navBarTitle a:hover, .logo_submenu a:hover, .layout-ghi-objectsummary .grid-item .content a h4:hover  {
	
    color:var(--bright-link-color);
}

.index.search .results ul li a {
    color:var(--link-color)

}
.property .value a {
	
	color: var(--bright-link-color);
    padding: 0.56em 0 0 1em;
}
.toc-block li a:hover {
	color: var(--bright-link-color);
}
.toc-block ul li a {
	color: var(--main-color);
}
/* end colors link */


.secondary_footer_list li {
    /* border-right: 5px solid var(--main-color); */
    font-size: 15px;
}

.secondary_footer_list li {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 2.25em;
    margin: 0;
    padding: 0;
    min-width: 6em;
    padding: 1.15em;
}

.secondary_footer {
    margin: 0;
    padding: 0;
    width: 100%;
    background: var(--main-bg-color);
}

footer {
    padding: 0!important;
}

.ItemBrowse1_presentation {
    margin-left: unset;
    min-height: 10em;
    /* padding: 3em; */
    flex-direction: column;
    flex: 1 60%;
   
}

.ItemBrowse1_presentation .title {
    /* background: var(--main-bg-color);
    height: 6em;
    margin-bottom: 2em; */
    min-width: 15em;
    height: 8em;
}
.ItemBrowse1_presentation .title h2 {
    line-height: unset;
  }
.ItemBrowse1_presentation .title h2 {
    background: var(--main-bg-color);
    margin-top: 0;
    padding: 1em;
    padding-bottom: 0;
    height: 3em;
}
.logo_item_collection{
    width: 10em;
    background: var(--main-bg-color);
    background-image: url("../images/project_icons/letters-yellow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 0.65em;
    background-origin: content-box;
    height: 10em;
}
.logo_item_browse {

    background: var(--main-bg-color);
    background-image: url("../images/project_icons/letters-yellow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 0.65em;
    background-origin: content-box;
    height: 6em;
    margin: 0 auto;
    min-width: 10em;
}

.ItemBrowse1_text {
    padding: 1em;
    background: var(--main-bg-color);
}

.sectionFooter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.sectionFooter div {
    padding-left: 0.25em;
}

.secondary_footer_list li a {
    color: var(--main-color);
}

#footer_secondary_image_2 {
    background-image: url("../images/logoGHIv3.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0.65em;
}

#footer_secondary_image_1 {
    background-image: url("../images/wunderbar_logo.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0.65em;
}

.footer2,
.footer3,
.footer4 {
    flex: 1;
    max-width: 4.25em;
    min-width: 3.5em;
}


/* show page item */

.title_show_area {
	display: flex;
	flex-direction: row;
	/* margin-top: 1em; */
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 30px;
    
margin-bottom: 2em;
width: 100%;
}

.logo {
    width: 30%;
    justify-content: center;
}

.itemShowtemplate1+.title_show_area h2,
.valuesSeries {
    background: var(--main-bg-color);
    font-size: 22px;
    margin-top: 0;
    /* margin-left: 1em; */
    padding: 0.8em;
    padding-top: 0;
}

.section1_home {
    width: 70%;
    flex: 1;
    min-width: 15rem;
    flex-basis: 35%;
}

.title_show_area .section2 {
    flex: 1;
    min-width: 15em;
}


.section2 {
    width: 60%;
}

.section1 .zone1 {
    background: var(--main-bg-color);
   
    height: 100%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section1 .zone2 {
    background: var(--main-bg-color);
    max-height: 13em;
    height: 5em;
    text-align: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1em;
    padding: 1em;
}

.itemShowtemplate1 {
    margin: 0 auto;
    text-align: center;
}

.thumbnail_new {
    display: block;
    margin: auto;
    padding-bottom: 2em;
    height: 16em;
    margin-left: 1em;
}

.thumbnail_item_set {
    display: block;
    margin: auto;
    min-width: 10em;
    object-fit: contain;
    width: 30%;
}

.itemShowtemplate1 .title_show_area h2 {
    width: 60%;
}

.o-icon-delete,
.add-value.o-icon-add.button {
    color: var(--main-color);
}

input[type="submit"] {
    background: var(--main-bg-color);
    color: var(--main-color);
}

.o-icon-delete,
.add-value.o-icon-add.button {
    color: var(--main-color);
    background: unset;
}

.value select {
    filter: grayscale(100%);
}

#footer_title {
    font-weight: bold;
}

header .navBar>nav>ul>li>a {
    font-weight: bold;
}

header nav::before {
    color: white;
    border: unset;
}


/* pagination */

.site-page-pagination {
    margin-bottom: 2em;
}

.site-page-pagination>a:first-of-type {
    background-image: url("../images/left_arrow_red.png");
    background-color:unset;
    filter: unset;
    background-position: center;
    padding: 1.35em;
    background-origin: content-box;
    background-size: 15px 23px;
}

.site-page-pagination>a:nth-of-type(2) {
    background-image: url("../images/right_arrow_red.png");
    background-color: unset;
    filter: unset;
    background-position: center;
    background-position: center;
    padding: 0.2em;
    background-origin: content-box;
    background-size: 15px 23px
}

.custom_block_ghi {
    display: flex;
    flex-direction: column;
}

.ghi_custom_block_section1 {
    background: var(--main-bg-color);
    min-height: 4em;
    margin: 0 auto;
    padding: 1em;
    width: 100%;
}

.ghi_custom_block_section2 {
    background: var(--main-bg-color);
    margin-top: 1em;
    padding: 1em;
}

.ghi_custom_block_section3 {
    display: flex;
    justify-content: flex-end;
}

.text {
    float: right;
    background: var(--main-bg-color);
    padding: 0.4em;
    min-height: 2em;
}

.text_template2_show {
    background: var(--main-bg-color);
    padding: 1em;
}

.ghi_custom_block_section3 a {
    display: flex;
    justify-content: right;
    align-items: center;
    margin-top: 1em;
    height: 2em;
    width: 100%;
}

.ghi_custom_block_section3 a .text {
    float: right;
    background: var(--main-bg-color);
    padding: 0.4em;
    margin-right: 1em;
    display: flex;
    align-items: center
}

.icon {
    background: var(--main-bg-color);
    float: right;
}


/* .ghi_custom_block_section3 .ghi-arrow {
    padding: unset;
    margin-left: unset;
    margin-top: 0.4em;
} */


/* item-set-show */

.itemBrowse1_introduction {
    margin-top: 2em;
}

.resource-list.itemBrowse1Resources {
    flex-direction: column;
}

.item.resource.itemBrowse1Resources {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2em;
}

.descriptionitemBrowseTemplate1 {
    background: var(--main-bg-color);
    min-width: 10em;
   
 
}

ul.resource-list .resource img~* {
    width: 40% !important;
}

.item.resource.itemBrowse1Resources {
    width: 100%;
}

.descriptionitemBrowseTemplate1 {
	display: flex;
	/* justify-content: center; */
	align-items: inherit;
	padding: 1em;
	flex-direction: column;
	flex: 1;
	flex-basis: 60%;
}

.item .resource h4 a {
    font-weight: bold;
    padding-bottom: 10px;
    color: var(--main-color);
    font-size: 22px;
}

nav.pagination {
    margin-bottom: 30px;
    display: flex;
    width: 30%;
    margin: 0 auto;
}

@media (max-width: 600px) {

    .slider_text_container a {
       
       bottom: 30px;
        left: 0;
    }
   
    .first-line {
height: 10em;
    }
    .footer_ppal {
        border-left: unset;
        border-right: unset;
    }
    .logo_page_news {
        display: none;
    }
    .new_list h2 {
        width: 100%!important;
    }
    .footer_ppal .footer1 .sectionFooter img {
        margin: 0 auto;
    }
    .secondary_footer ul,
    .secondary_footer ul li {
        border: unset;
    }
    /* .secondary_footer_list li:first-of-type,
    .secondary_footer_list li:last-of-type {
        display: none;
    } */
}



/* home page */

.wrap {
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.item_home {
    display: flex;
    flex-direction: column;
}

.home_section1 {
    margin-bottom: 2em;
}

.home_section2 {
    width: 25%;
}

.ghi_block {
    display: flex;
    margin-right: 2em;
    flex-wrap: wrap;
    justify-content: center;
}

.ghi_block .imageSection {
    background-color: rgba(218, 224, 232, 0.63);
    width: 12vw;
    height: 12vw;
    min-width: 100px;
    min-height: 100px;
}

.ghi_block_1 {
    text-align: right;
    display: flex;
    min-width: 100px;
    flex-wrap: wrap;
    flex: 1 0 12vw;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
    place-content: flex-start;
    max-width: 15em;
}

.ghi_block_1 img {
    display: block;
    margin: auto;
    max-height: 20em;
    
}

.ghi_block_1>* {
    max-height: 40vh;
    margin: 0 auto;
}

.ghi_block_1>a {
    margin-bottom: 2rem;
}

.news-container a {
    width: 100%;
}

.ghi_block_2 {
    padding: 1em;
    padding-top: 0;
    padding-left: 0;
    flex: 99999999 0 70%;
}

.section1 {
    width: 30%;
    min-width: 15em;
}

.section2_home section {
    background: var(--main-bg-color);
    padding: 1em;
    margin-bottom: 1em;
}

.section2_home section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.section2_item {
    display: flex;
    flex-direction: column;
    background: var(--main-bg-color);
    margin-bottom: 2em;
    padding: 1em;
}

.home_section2_item img {
    width: 30%;
    margin: 0 auto;
}

.furniture {
    width: 20%;
    height: 30%;
    margin: 0 auto;
    padding: 0;
    margin: 0;
    max-width: 3em;
}

.section2_home section {
    align-items: center;
    justify-content: center;
}

.section2_home section h2 {
    /* width: 60%; */
    width: 50%;
    margin: 0;
    margin-left: 0px;
    padding: 0;
    text-align: initial;
    margin-left: 1em;
}

.home_section2 .section2_title {
    font-weight: bold;
    margin: 0;
    background: var(--main-bg-color);
    margin-bottom: 1.5em;
    margin-top: 0;
    color: #FAB600;
    padding: 1em;
}

.item.resource.itemBrowse1Resources img {
    width: initial;
    /* max-height: 9em; */
    margin: 0;
    object-fit: cover;

    margin: 0 auto;
    padding-bottom: 0.3em;
}


/* news page */

.news_container {
    display: flex;
    flex-wrap: wrap;
}

.news_item {
    width: 30%;
    background: var(--main-bg-color);
    margin: 0.65em;
    padding: 0.65em;
}

.news_item p {
    padding: 0.65em;
}

.news_item img {
    margin: 0 auto;
    padding: 1em;
}

.news_introduction {
    background: var(--main-bg-color);
    display: flex;
    justify-content: center;
align-items: center;
}

.news_introduction .imageSection {
    max-width: 5em;
    margin: 2em;
}


/* new Individuals Page */

.news_individual_section1 {
    display: flex;
}

.news_individual_section1 img {
    margin: 1em;
}

.new_body.imageSection {
    width: 20%;
    margin: 1em;
    height: auto;
    max-height: 3em;
}

.new_body {
    display: flex;
}

.new_content {
    width: 70%;
    padding: 1em;
}

.imageSection {
    padding: 0.85em;
    object-fit: contain;
    margin: 0;
}

.new_content p {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0;
    margin-top: 0;
}

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

.news_individual_section1 h2 {
    width: 40%;
    background-color: var(--main-bg-color);
}

.section2_home {
    width: 30%;
    flex: 1;
    flex-basis: 10%;
    min-width: 15rem;
}

.news-container {
    background: var(--main-bg-color);
    padding: 1em;
    margin-bottom: 1em;
    display: flex;
}


/* about page */

.about_section1 {
    display: flex;
    top: -70px;
    position: relative;
    flex-wrap: wrap;
}

.about_section1 .imageSection {
    /* background-color: rgba(218, 224, 232, 0.63); */
    background-color: rgba(218, 224, 232, 1);
    min-height: 3em;
    padding: 2em;
    flex: 1;
    margin-right: 1em;
    max-width: 9em;
}

.about_section1 h2 {
    background-color: var(--main-bg-color);
    width: 100%;
    padding: 1em;
    margin: 0;
    flex: 1;
    flex-basis: 60%;
}

.about_container {
    background-color: var(--main-bg-color);
    padding: 2em;
}

.about_container .section1 {
    display: flex;
}

.about_container .section1 p {
    width: 60%;
}

.about_container .section1 img {
    max-width: 40%;
}

.about_container .section2_about {
    display: flex;
    float: right;
    margin-top: 3em;
    margin-bottom: 2em;
}

.about_container .section2_about p {
    width: 60%;
}

.about_container .section2_about img {
    max-width: 40%;
    min-width: 10em;
    order: 2;
}

.section1_about {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.section1_about p {
    width: 60%;
    flex: 1;
    flex-basis: 60%;
    padding-left: 1em;
    padding-right: 1em;
}

.section1_about img {
    width: 30%;
    flex: 1;
    flex-basis: 20%;
    min-width: 10em;
    max-height: 20em;
object-fit: contain;
}

.section2_about {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.section2_about p {
    flex: 1;
    flex-basis: 60%;
    min-width: 10em;
    padding-left: 1em;
    padding-right: 1em;
}

.section2_about img {
    flex: 1;
    flex-basis: 20%;
    min-width: 17em;
    max-height: 20em;
object-fit: contain;
}

.section3_about {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.section3_about p {
    flex: 1;
    flex-basis: 60%;
    min-width: 10em;
    padding-left: 1em;
    padding-right: 1em;
}

.section3_about img {
    width: 20%;
    flex: 1;
    flex-basis: 20%;
    min-width: 10em;
    max-height: 20em;
object-fit: contain;
}

.about_end_page {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2em;
    flex-wrap: wrap;
}

.about_end_page>div {
    max-width: 11em;
    padding: 1em;
    margin-top: 2em;
    background: rgba(218, 224, 232, 0.63);
    min-width: 5em;
}

.itemShowtemplate1 .swiper-slide img {
    display: block;
    width: 50%!important;
    height: 50%!important;
    object-fit: cover;
    max-width: 20em;
}

.swiper-wrapper {
    height: auto!important;
}

.swiper-container {
    height: unset!important;
}


/* news page */

.resource-list.news_page {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.item.resource.news_item {
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: 45%;
    min-width: 10em;
}

ul.resource-list .resource img {
    /* height: auto; */
    /* width: 60px; */
    float: unset;
    margin: 0 auto;
    width: auto;
    height: auto;
    max-height: 16em;
    overflow: hidden;
    display: flex;
}

.description_news,
.description_new {
    padding: 1.25em;
    padding-bottom: 0;
}

.logo_page_news {
    width: 20%;
    background: rgba(218, 224, 232, 0.63);
    background-image: url("../images/logo-show.png");
    background-repeat: no-repeat;
    background-position: center;
    /* background-size: cover;
    padding: 2.45em;
    background-origin: content-box; */
    max-height: 6em;
    height: auto;
}

.news_page_container {
    display: flex;
    width: 100%;
    margin-bottom: 30px;
}

.news_page {
    display: flex;
    flex-direction: row;
    margin: 1em;
}

.new_list h2 {
	background: var(--main-bg-color);
	width: 60%;
	margin-left: 1em;
	padding: 1em;
	margin-top: 0;
	height: 3em;
	max-height: 6em;
	display: flex;
	align-items: center;
}

/* special blocks html */

.introduction_block .introduction_section {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    flex-wrap: wrap;
}

.introduction_section img {
    padding: 2em;
    /* width: 20%; */
    background-color: var(--main-bg-color);
    object-fit: contain;
    max-height: 10em;
    margin-bottom: 1em;
}

.content_introduction {
    margin-left: 1em;
    background-color: var(--main-bg-color);
    padding: 1em;
    flex-basis: 70%;
    flex: 1;
    margin-bottom: 1em;
}

.content_wrap {
    margin-top: 2em;
    background: var(--main-bg-color);
    margin-left: 1em;
    padding: 1em;
}

.section_text {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.content_wrap p {
    width: 70%;
    min-width: 20em;
}

.content_wrap img {
    width: 30%;
    object-fit: contain;
    padding: 0;
}

.links_section .link1,
.links_section .link2 {
    width: 40%;
    background: var(--main-bg-color);
    cursor: pointer;
    min-width: 10em;
    padding: 1em;
    margin-bottom: 1em;
}

.links_section {
    display: flex;
    justify-content: space-around;
    margin-top: 2em;
    align-items: center;
    margin-bottom: 1em;
    flex-wrap: wrap;
}

.link1 img,
.link2 img {
    padding: 0.5em;
}

.links_section .link1,
.links_section .link2 {
    width: 30%;
    background: var(--main-bg-color);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.collageletter {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    margin-bottom: 5em;
}

.collageletter .imageSection {
    width: 14%;
    background-color: var(--main-bg-color);
    object-fit: contain;
    padding: 1em;
}

.collageletter h2 {
    width: 80%;
    background-color: var(--main-bg-color);
    margin: 0;
    padding: 1em;
}


/* mansory */

.grid-container.grid {
    display: flex;
}

.backgroundLetters {
    width: 100%;
    background: var(--main-bg-color);
    /* top: -20px; */
    position: relative;
}

.grid-container.masonry {
    columns: 3 120px;
    column-gap: 1.5rem;
    width: 100%;
    margin: 0 auto;
    height: 100%;
   
    position: relative;
}

.grid-masonry-item {
    /* width: 90px; */
    margin: 1rem;
    display: inline-block;
    max-width: 100%;
    /* padding: 0.33em; */
    box-shadow: 5px 5px 0.33em rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    /* transition: all .25s ease-in-out; */
}


/* .grid-container div:hover img {
        filter: grayscale(0);
    } */

.grid-container img {
    max-width: 100%;
    display: block;
    margin: 1em auto 0;
    /* filter: grayscale(100%); */
    border-radius: 5px;
    /* transition: all .25s ease-in-out; */
}

.grid-container div p {
    margin: 5px 0;
    padding: 0;
    text-align: center;
    font-style: italic;
}

.link {
    float: right;
}

.aboutmobile {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    top: -7em;
    position: relative;
}

.aboutmobile .imageSection {
    width: 14%;
    background-color: var(--main-bg-color);
    object-fit: contain;
    padding: 1em;
}

.aboutmobile h2 {
    width: 80%;
    background-color: var(--main-bg-color);
    margin: 0;
    padding: 1em;
}

.aboutmobile-content {
    background-color: var(--main-bg-color);
    padding: 1em;
}

.aboutmobile-content .section_flex {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
}

.aboutmobile-content .section_flex img {
    flex-basis: 0;
    min-width: 16em;
    object-fit: contain;
}

.aboutmobile-content .section_flex p {
    flex: 1;
    min-width: 20em;
}


/* bio individual show */

.bio_template {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bio_template .section1 {
    width: 20%;
    min-width: 15em;
    text-align: center;
}

.bio_template .section2 {
    width: 70%;
    min-width: 15em;
    margin-bottom: 2em;
}

.bio_template .section1 img:first-of-type {
    margin-bottom: 0em;
    background: var(--main-bg-color);
    padding: 1em;
    padding-bottom: 3em;
    padding-top: 3em;
}

.bio_template .section1 img:last-of-type {
  
    background: var(--main-bg-color);
    padding: 1em;
  
}

.section_flex {
    display: flex;
    flex: 1;
}

.section_flex h2,
.section_flex p {
    background-color: var(--main-bg-color);
    padding: 1em;
    margin-top: 0;
    margin: 0;
}

.section_flex p {
    padding: 0.5em;
    width: 11em;
    margin-right: 2em;
}

.bio_template .section2 .section_flex {
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
    margin-bottom: 2em;
    gap:1em;
    overflow: hidden;
}



.propertybio {
    padding: 1em;
    background-color: var(--main-bg-color);
    margin-bottom: 1em;
}
.properties{
    padding: 1em;
    background-color: var(--main-bg-color);
    margin-bottom: 1em;
    width: 100%;
}
.media-list {
    display: flex;
    flex-direction: column;
    margin: unset;
    padding: 1em;
}

.media-list a {
    margin-bottom: 1em;
}

ul.resource-list .resource img~* {
    width: 100%!important;
}

.img_thumbnail {
    width: 30%;
    text-align: center;
    margin: 0 auto;
    min-width: 10em;
}

#news_all a {
    float: right;
    margin-bottom: 1em;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 2.25em;
}

#news_all a p {
    flex: 1;
    padding-left: 1rem;
    margin-right: 1rem;
    background-color: var(--main-bg-color);
    text-align: center;
    flex-basis: 60%;
    height: inherit;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 1.35em;
}

#news_all .arrow_new {
    width: 2.25em;
    height: 2.25em;
}

#news_all a .arrow {
    background-color: var(--main-bg-color);
}

.introduction_block .introduction_section {
    display: flex;
}

.layout-ghi-itembrowse .block-title {
    background: var(--main-bg-color);
    padding: 1em;
}

.layout-ghi-itembrowse .block-text {
    background: var(--main-bg-color);
    padding: 1em;
}

.layout-ghi-itemgallery .grid-item {
    width: 20%;
    margin: 1em;
    min-width: 6em;
}


/* header block */

.header_block {
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
}

.header_block img {
    flex: 1;
    flex-basis: 30%;
    padding: 2em;
    background-color: var(--main-bg-color);
}

.header_block h3 {
    flex: 1;
    flex-basis: 60%;
    background-color: var(--main-bg-color);
}

.header_block_content {
    width: 60%;
    flex: 1;
    flex-basis: 60%;
    padding: 1em;
}

.langSelector {
    color: var(--main-color);
    /* background-color:white; */
    cursor: pointer;
}


.nav2 {
    background: unset;
    width: 100%;

    margin-bottom: 2em;
}

.nav2 li a {
    font-size: 0.9em;
    margin: 0;

}

.section1_home+.section2_home+.blocks {
    display: none;
}

#property-queries .inputs {
    text-align: center;
}

.field .inputs>select {
    display: block;
    font-weight: 400;
    color: #444;
    line-height: 1.3;
    padding: .4em 1.4em .3em .8em;
    width: 400px;
    max-width: 100%;
    box-sizing: border-box;
    margin: 20px auto;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, .03);
    border-radius: .3em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("../images/select-symbol.svg");
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
    filter: grayscale(100%);
}

.page .blocks {
    min-height: 20em;
}

.navigation li ul li {
    margin: 0em;
}

.previous.o-icon-prev {
    background-image: url("../images/left_arrow_red.png");
    background-size: 15px 23px;
    background-repeat: no-repeat;
    background-position: center;
}

.next.o-icon-next {
    background-image: url("../images/right_arrow_red.png");
    background-size: 15px 23px;
    background-repeat: no-repeat;
    background-position: center;
    order: 5;
}
.row-count:last-of-type {
	flex: 1;
	order: 1;
}
.fa-angle-left::before,
.o-icon-prev::before,
.fa-angle-left::before,
.o-icon-next::before {
    content: "";
}

.navBar {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 1.111em;
    text-align: center;
    margin: 0;
    padding-top: 0px;
}

header>* {
    max-width: unset;
}

.navigation li {
    /* min-width: 10em; */
    text-align: center;
}

.background_header {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 15em;
    width: 100%;
    /* filter: grayscale(85%) blur(1px); */
    padding: 0;
}
.hero_filter{
    background: rgba(100,100,100,0.5);
width: 100%;
height: 100%;
backdrop-filter: blur(2px);
}
.language_selector_container {
    /* margin-right: 5em; */
    min-width: 10em;
    margin-left: 0.5em;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    cursor: pointer;
}

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

.logo_submenu img {
    width: auto;
    padding-right: 0.25em;
    height: 1.5em;
}

.logo_submenu a:not(:only-child)::after {
    display: none;
}

@media (max-width: 800px) {
    .ghi-link {
        
        width: 100%;
    }
    .nav2.open {
        margin-bottom: 2em;
    }
    header nav.open{
        margin: 2em 0 2em 0 !important;
        
    }
    header nav::before {
       right: unset;
    }
    #search {
   
      
            margin-left: auto;
            margin-right: auto;
        
       
    }
    .closed {
      top: unset;
        margin-top: 2em;
    }

    .navBar .nav,
    .navBar.language_selector_container {
        margin-top: 2em;
    }
    #navBarTitle {
        font-size: 20px;
    }
    .logo_submenu > a {
       
        font-size: 15px;
    }

}
/* media queries */
@media (max-width: 350px) {
    .language_selector_container {
        margin-top: 4em;
    }
    .primary_footer_list {

   
    gap: 2em;
        
    }

}


@media (max-width: 500px) {
    #title {
   flex-wrap: wrap;
   margin-bottom: 1em;
    }

    .ghi_block {
      margin-right: unset;
    } 
    .navBar {
        flex-wrap: wrap;
    }
  
    .menu_sites > * {
     
        margin-bottom: 0.5em;
    }
    .sidebar_browse {
        width: 100%!important;
        min-width: 10em;
    }
}

.navigation li ul li {
    text-align: left;
}

.menu_sites {
    /* background: var(--main-bg-color); */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
   
}

.navigation li a {
    color: unset;
}

.menu_sites>* {
    padding: 1em;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1em;
    padding-bottom: 0;
    margin-bottom: 1em;
}

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

.nav2>* {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    color: var(--main-color)!important;
}

.nav2 .navigation {
    justify-content: space-around;
}

li a:hover {
    color: var(--bright-link-color)!important;
}

.about_end_page_item {
    flex: 1;
    text-align: center;
    margin: 0.35em;
}



.arrow {
    background-image: url("../images/right_arrow_red.png");
    background-position: center;
    background-repeat: no-repeat;
    flex: 1;
    flex-basis: 30%;
    height: inherit;
}

.arrow_new {
    background-image: var(--arrow-ordinal);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 1.35em;
    background-color: var(--main-bg-color);
    float: right;
    background-size: 15px 23px;
    width: 2em;
    height: 2em;
    cursor: pointer;
    padding: 1.35em;
}

.arrow_reverse {
    background-image: url("../images/left_arrow_red.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0.5em;
    background-color: var(--main-bg-color);
    float: right;
    background-size: 15px 23px;
    width: 2em;
    height: 2em;
    padding: 1.35em;
}

.arrow_right {
    background-image: url("../images/right_arrow_red.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 1.35em;
    background-color: var(--main-bg-color);
    float: right;
    background-size: 15px 23px;
    width: 2em;
    height: 2em;
}

.section_container {
    background: var(--main-bg-color);
    padding: 1em;
    margin-bottom: 0.5em;
    display: flex;
    flex-direction: column;
}

.section_container > .ghi-arrow{
    margin-top: auto;
}

.swiper-slide {
    height: 450px!important;
    width: 100%;
}

.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    margin-bottom: 2em;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    align-items: center !important;
    display: flex;
    justify-content: center;
}

.swiper-pagination-bullet {
    background: #dbdbdb!important;
    opacity: 1!important;
    width: 0.5em!important;
    height: 0.5em!important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    /* background: red; */
    background: #5D5E5F!important;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
    display: flex;
    justify-content: center;
}

.swiper-button-next,
.swiper-button-prev {
    position: relative!important;
    /* top: 106%; */
    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));
}

.pagination_swiper {
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 1.35em;
    position: relative;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: unset;
    left: auto;
    left: 40px!important;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: unset!important;
    /* right: auto; */
    right: 40px!important;
}

.slider #content {
    padding: 0 5%;
}

.swiper-button-next {
    background-image: url('../images/right\ arrow.png');
    background-size: 20px 27px;
    background-repeat: no-repeat;
    margin-left: 1em;
}

.swiper-button-prev {
    background-image: url('../images/left\ arrow.png');
    background-size: 20px 27px;
    background-repeat: no-repeat;
    margin-right: 1em;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    display: none;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 25px!important;
}

.slider_text_container a {
    position: absolute;
    display: flex;
    bottom: 0;
    left: 65%;
    justify-content: center;
    align-items: center;
}

.slider_text {
    background-color: var(--main-bg-color);
    margin-right: 1em;
    padding: 0.75em;
    height: 2em;
    justify-content: center;
    display: flex;
    align-items: center;
    font-weight: bold;
}


.swiper img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center;
    max-width: 2000px;
}

.swiper_slide {
    height: 33vh !important;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

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

.swiper {
    width: 99.5vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw!important;
    margin-right: -50vw!important;
    margin-top: 0;
    padding: 0;
}

.blocks:first-child > h2:first-of-type {
	top: -60px;
	position: relative;
	padding-left: 35px;
	padding-right: 35px;
}

.blocks>h2 {
    background-color: var(--main-bg-color);
    display: inline-block;
    padding: 1em 0.5em;
}

#news_date {
    font-weight: 400;
    font-size: 12px;
}

.news_intro {
    background: var(--main-bg-color);
    font-size: 22px;
   height: 100%;
    padding: 0.8rem;
    
}

.news_body {
    background: var(--main-bg-color);
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 2rem;
    padding: 1.5em;
    width: 100%;
}

.news-container img {
    display: block;
    margin: auto;
}

.breadcrumbs> a:hover {
 color:var(--bright-link-color)
}

.goback {
    display: flex;
    flex-direction: row;
    width: 15em;
    justify-content: space-around;
    align-items: center;
    height: 2em;
    gap: 10px;
}

.letter_template {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 1em;
    gap: 10px;
}



.letter_template .goback {
  
    justify-content: flex-end;
}
.letter_template .section1 {
    width: 15%;
   
    background: var(--main-bg-color);
    display: flex;
    padding: 0em;
    min-width: unset;
    
}
.letter_template .section2 {
    width: 80%;
    min-width: 15em;
}
.letter_template .section2 .section_flex {
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
}
.letter_template .section1 img:last-of-type {
    /* margin-top: 1em; */
    
    background: var(--main-bg-color);
    width: 100%;
    /* height: unset; */
    
    object-fit: contain;
    /* object-position: center; */
    
    padding: 0.85em;
}
.propertyLetter {
    background-color: var(--main-bg-color);
    padding: 0.75em 1.5em;
    margin-top: 1em;
    min-height: 8em;
    margin-bottom: 2em;
}
.property_associated{
    background-color: var(--main-bg-color);
    padding: 0.75em 1.5em;
    margin-top: 1em;
    margin-bottom: 0;

}
.letter_template .letter_transcription {
    display: flex;
    align-items: center;
    margin-top: 2em;
    margin-bottom: 2em;
}
.arrow_down {
    background-image: url("../images/right_arrow_down.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 1.35em;
    background-color: var(--main-bg-color);
    float: right;
    background-size: 23px 15px;
    width: 2em;
    height: 2em;
}
.letter_template .letter_transcription p {
    padding: 0.5em;
    width: 11em;
    margin-right: 2em;
    background-color: var(--main-bg-color);
    height: 40px;
}
.transcription_block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    display: none;
}
.transcription_block div {
    background-color: var(--main-bg-color);
width: 100%;
    padding: 1em;
    min-width: 10em;
    margin-bottom: 1em;
    padding-left: 2em;
}
.goback p {
   
        height: inherit;
        justify-content: center;
        align-content: center;
        align-items: center;
        display: flex;
        padding: 1.35em;
    
}
.nav2 .navigation li {
    min-width: 10rem;
}

/* TODO: ask to Jesus */
.grid.vertical {
    display: flex;
    flex-direction: column;
    width: 90%;
    flex-wrap: wrap;
    /* justify-content: center; */
    /*     
    align-items: center; */
    
    height: unset!important;
}
.grid.horizontal {
    display: flex;
    flex-direction: row;
    width: 90%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: unset!important;
}
.item-image.grid-item {
    position: relative !important;
    margin: 0;
    text-align: 0;
    top: 0 !important;
    bottom: 0;
    left: 0 !important;
    padding: 0.85em;
    min-width: 15em;
}
body #cookie-bar {
    background-color: var(--main-color);
}
body #cookie-bar .cb-enable {
    background-color: goldenrod;
    padding: 0 6px;
}
body #cookie-bar .cb-enable:hover {
    background-color: rgb(97, 73, 12);
}
body #cookie-bar p {
    /* padding: 0.15em; */
    
    margin: 0.25em;
    text-align: center;
}
.layout-ghi-itembrowse {
    margin-top: 1em;
}
/* .metadatos {
   
    margin-bottom: 3em;
    display: flex;
    background: var(--main-bg-color);
    padding: 0.25em;
    border-radius: 0.5em;
    justify-content: space-around;
    align-items: center;
    max-width: 10em;
} */
.metadata_imagen {
    margin-left: 0.5em;
}
.itemShowSection2Template2 {
    flex: 1;
    overflow-y: auto;
    flex-basis: 40%;
    display: flex;
    flex-direction: column;
    width: 30%;
    margin-bottom: 3em;
}
.itemShowSection2Template2 h3 {
	font-size: 25px;
	line-height: 45px;
	margin-top: 0;
}
.itemShowSection2Template2 .valuesSeries {
    margin-top: 2em;
    padding: 1em;
}
.bio_template+.swiper-container+#controls_gallery,
.news_item_template .swiper-container+#controls_Gallery,
.letter_template .swiper-container+#controls_gallery {
    display: flex;
    justify-content: center;
    width: 50%;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 2em;
}
.section_flex.letter {
    margin-bottom: 1em;
}
.letter>* {
    margin-bottom: 1em;
}
#help-transcribe #content {
    padding: 0;
}
.transcription-content {
	max-height: 50vh;
	/* display: none; */
	overflow-y: auto;
}
.ghi_block_2 {
    display: flex;
}
.ghi_block_2 .section_container p {
    text-align: justify;
}
.view {
    width: 20%;
    display: flex;
    justify-content: space-between;
gap:3px;
    align-items: center;
    margin-top: 2em;
}
.view p{
    background: var(--main-bg-color);
}
.subject-bio {
    font-size: 14px;
}
.subject-container {
    background-color: var(--main-bg-color);
    padding: 1em;
}
.transcription_block_language {
    background-color: var(--main-bg-color);
    width: 100%;
    padding: 1em;
    min-width: 10em;
    margin-bottom: 1em;
}

.letter_template .letter_transcription {
	display: flex;
	align-items: center;
	margin-top: 2em;
	margin-bottom: 2em;
}
 .letter_metadata p {
	padding: 0.5em;
	width: 11em;
	margin-right: 2em;
	background-color: var(--main-bg-color);
	height: 40px;
}
.letter_metadata{
	display: flex;
	align-items: center;
	margin-top: 2em;
	margin-bottom: 2em;
   
}
.metadata_block {
	padding: 0.5em;
	

	background-color: var(--main-bg-color);
	flex-direction: column;
 
}
.arrow_new_absolute {
	background-image: url("../images/right_arrow_red.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0.63em;
	background-color: var(--main-bg-color);
	float: right;
	background-size: 15px 23px;
	width: 2em;
	height: 2em;
	/* margin: 0 0 auto; */
	margin: auto;
	margin: auto auto 0 0;
	position: absolute;
	right: 0;
	bottom: 0;
}
.view-all{
 
    display: flex;
    justify-content: center;
    background: var(--main-bg-color);
    width: 100%;
    text-align: center;
    margin: 0 auto;
    height: 2em;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.35em;
    font-weight: bold;
}
.ghi_arrow{
    font-size: unset!important;
}
.layout-ghi-itembrowse .grid {
gap: 30px;
}

header .nav2 ul.navigation > li:hover > ul::after, header .nav2 ul.navigation > li > ul {

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

header .nav2::before {
	color:var(--main-color);
	border: unset;
    right: 0;
}
header nav ul .child-toggle {
	color: var(--main-color);
	width: 60px;
	text-align: center;
	background-color: unset;
	border-left: 1px solid #dedede;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.nav2 ul .parent-link {
	display: flex;
	justify-content: center;
	align-items: center;
}
.nav2 ul .child-toggle {
	width: unset;
}
.nav2 ul .parent-link > a {
	/* width: calc(100% - 60px); */
	width: unset;
}

.layout-ghi-objectsummary .grid-item .card-footer .label {
margin-right: unset!important;

	margin-bottom: 0.25em;
}
.nav2 .navigation > li:hover > ul::after, .nav2 ul.navigation > li > ul {
	background-color: #aaa!important;
}
.active_site{
   
    background: rgb(45, 76, 98,1);
    color: var(--main-bg-color)!important;
    padding: 1em;
    cursor: pointer;
}
.language_selector_container .active_site {
	padding: 0.5em;
}
/* .active_site>img{

    
        filter: invert(1%) sepia(1%) saturate(50%) hue-rotate(1deg) brightness(400%) contrast(80%);
    
} */

.link_arrow{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0.35em;
}


.values .value{
    padding: 0.56em 0 0 1em;
}
.property{
    margin: 0;
    margin-bottom: 0.5em;
}
.metadata_block{
    padding: 1.5em;
}
.property h4{
margin: 0;
}

.vertical-picture{
    
        width: 300px;
        height: 500px;
        object-fit: contain;
    
}

.horizontal-picture{
   
        object-fit: cover;
        width: 500px;
        height: 300px;
    
}


.jtimeline ul.jtimeline-events > li.jtimeline-event:hover > .jtimeline-event-bullet, .jtimeline ul.jtimeline-events > li.jtimeline-event.is-active > .jtimeline-event-bullet {
	border-color: var(--main-color)!important;
	background-color: var(--main-color)!important;
}
.jtimeline ul.jtimeline-events > li.jtimeline-event > .jtimeline-event-label::after {
	background-color: var(--main-color)!important;
}

/* Circles with different colors*/
.tl-timemarker .timeline-classletter-written:after, .tl-timemarker .timeline-classletter-written:after{
    background: var(--bright-link-color) !important;
}
.tl-timemarker .timeline-classletter-received:after, .tl-timemarker .timeline-classletter-received:after{
    background: var(--recevied-point-color) !important;
}


.ghi-link {
	display: flex;
	flex-direction: row;
	
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
    margin-bottom: 2em;
    height: 2em;
}
.ghi-link  p {
	height: inherit;
    background-color: var(--main-bg-color);
padding: 1.35em;
margin-top: 0;
margin: 0;
    margin-right: 0px;
    display: flex;
align-items: center;
}
.error-page {
    text-align: center;
}
.error-page p{
    text-align: center;
    font-size: 1.15em;
}
.lang-icon {
	margin-right: 0.25em;
}
body #cookie-bar a {
	margin-left: unset;
	padding: 0px;
	/* padding-left: 0!important; */
}

.mapping-marker-popup-content h3 {
    color: var(--link-color);
}
.mapping-marker-popup-content img {
    max-width: 39%;
    margin: 0 auto;
    object-fit: contain;
    text-align: center;
    display: flex;
}

.transcription_collapse{
    cursor: pointer;
}



.nav2 .navigation > li:hover > ul::after, .nav2 ul.navigation > li > ul {
	background-color: var(--main-color) !important;
	color: white!important;
}
.nav2 .navigation > li:hover > ul::after, .nav2 ul.navigation > li > ul li a {
	
	color: white!important;
}
header nav > ul ul > li:hover {
	/* border: 0; */
	background: #998b8b;
}
header nav > ul > li > ul > li.active  {
 content: '';
    background: #998b8b;
}
header nav > ul > li > ul > li.active> a::before  {
    content: '';

   }

.item_description {
	font-size: 14px;
}
.pagination .button, .pagination .resource-list.preview + a {
background-color: unset;
}
.layout-ghi-itemgallery .grid-item {
	min-width: 10em;
}
.primary_footer_list {

	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
width: 100%;
height: 100%;
gap: 2em;
    
}
.primary_footer_list h3 {
	
    display: flex;
    align-items: center;
   flex: 1 60%;
   /* justify-content: center; */
   text-align: center;
   
}
.footer-content {
	width: 80%;
    height: 100%;
}
.first-line {
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
margin-bottom: 0;
min-width: 10em;
    gap: 1em;
align-items: center;
justify-content: space-between;

}
.main {
	width: 15%;
    min-width: 7em;
    margin: 0;
    align-items: center;
}
.footer_images {

	justify-content: space-between;
	display: flex;
	gap: 1em;
    height: 3em;
flex: 1 30%;
}
.layout-ghi-itembrowse .grid > * {

	flex: 1!important;
    flex-basis: 40%!important;
}
.pagination .button, .pagination .resource-list.preview + a {
border: unset;

}

.view-more{
    display: flex;
justify-content: space-around;
width: 30%;
justify-content: center;
align-content: center;
align-items: center;

height: 2em;
gap: 1em;
margin: 0 0 0 auto;
}
.descriptionitemBrowseTemplate1{
    position: relative;
}
.descriptionitemBrowseTemplate1 .arrow_new {
	background-image: var(--arrow-ordinal);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0.63em;
	background-color: var(--main-bg-color);
	float: right;
	background-size: 15px 23px;
	width: 2em;
	height: 2em;
	position: absolute;
	right: 1em;
	bottom: 1em;
}
.news_item_template {
	display: flex;
	flex-direction: column;
	
	justify-content: center;
	align-items: center;
}
#mapping-section {
	margin-top: 2em;
	
}

.item-image.grid-item.ghi-card .item_description{
    margin-bottom: 4em;
}
.layout-ghi-itembrowse .ghi-arrow {

	position: absolute;

}
.itemShowSection1Template2 {
	flex: 1;
	min-width: unset;
	display: flex;
	justify-content: space-around;
	gap: 30px;
	flex-wrap: wrap;
}
.media-embeds {
	width: 30%;
	order: 2;
	min-width: 15em;
}
.media-embeds .media-render a img {
	width: 60%;
	border-radius: 2em;
	max-width: 15em;
	min-width: 10em;
}
.itemShowSection1Template2  .media-embeds .media-render a img {
	width: 60%;
	border-radius: 2em;
	max-width: 15em;
	min-width: 10em;
}
.itemShowSection1Template2 .media-embeds .media-render img {
	float: unset;
}
#welcome  .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{

	left: unset;
	width: unset;
}
.img-slider-welcome{
    margin: auto;
display: block;
max-width: 2000px;
    
}
header nav ul.navigation > li:hover > ul {
	max-width: 15em;

}
/* item-set browse */
.item-set ul.resource-list .resource {
    background-color: var(--main-bg-color-transparent);
    padding: 1em;
        padding-top: 1em;
    padding-top: 1em;
    width: 90%;
    float: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.item-set ul.resource-list .resource .description {
	display: unset;
}
.item-set ul.resource-list .resource img {
	/* height: auto; */
	/* width: 60px; */
	float: unset;
	margin: 0 auto;
	width: 20%;
	height: 3%;
	/* max-height: 16em; */
	overflow: hidden;
	display: flex;
    object-fit: contain;
}
.item-set ul.resource-list .resource h4 {
	margin: 0;
}
.item-set ul.resource-list .resource h4 {
	margin: 0;
	width: 50%!important;
}
.item-set ul.resource-list .resource img ~ * {
	/* width: 100% !important; */
	width: unset;
	flex: 1;
    min-width: 10em;
}
.item-set nav.pagination {
	margin-bottom: 30px;
	display: flex;
	width: 40%;
	margin: 0 auto;
	flex-wrap: nowrap;
	min-width: 10em;
}
#welcome .arrow_new {
	
	background-size: 15px 23px;
	
	padding: 1.35em;
}
#welcome .slider_text {
	
	padding: 1.35em;
}
.item-image.grid-item.ghi-card .item_description {
	
	padding: 1em;
}
.field .inputs > input[type="text"],.field .inputs > textarea {
    
    background: var(--accent-bg-color);
}
.itemBrowse1_introduction {

    flex-wrap: wrap;
    gap: 2em;
    justify-content: space-evenly;
}
.secondary_footer_list > li:first-child {

	margin-left: 0em;
}

.bio_template .values .value {
	/* padding: 0.56em 0 0 1em; */
	padding: 1em;
}
.property + h4 {
	margin: 0;
}
.bio_template .value{
    padding: 0 0 0 1em;
}

.tl-media img[src*="none"] {
	display: none;
}
.tl-text-content-container .tl-headline {
	font-family:var(--font-family)!important;
	text-transform: unset!important;
	font-size: 30px!important;
	line-height: 30px!important;
}
.tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-icon, .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-icon, .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-title, .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-title, .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-description, .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-description {
	
	color: var(--main-color)!important;
}
.tl-headline-date {
	display: none;
}
.tl-timeline p {
	font-family: var(--font-family)!important;
}
.tl-timeline h1, .tl-timeline h2, .tl-timeline h3, .tl-timeline h4, .tl-timeline h5, .tl-timeline h6 {
	color: var(--main-color)!important;
}
.mapping-marker-popup-content  a {
 
    
	color:var(--bright-link-color) !important;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea {

    background: var(--accent-bg-color);
    
}
#advanced-search button {
	margin-left: unset;
}

#advanced-search .value select, #advanced-search .value input {
	margin-left: 5px;
	min-width: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, .03);
	border-radius: .3em;
}
input[type="submit"], button {
	
	border-radius: 0.35em;
	
}
td > img, td p img {
	width: 50%;
	object-fit: contain;
	margin: 0 auto;
	text-align: center;
	/* position: relative; */
	/* margin-left: auto; */
	display: block;
}
th, td, table{
border: 0;
}
/* .news-container .ghi-arrow .arrow_new {
	background-image: var(--arrow-icon);
    background-size: 23px 23px!important;
} */

#search{
    top:unset!important;
}
.news_item_template .title_show_area .section1 .zone1 {
	padding: 3em;
}
.sub-menu {
	margin-top: 2em;
}
.letter_template .metadata_block {
	
	margin-right: 0;
	
}
.letter_template .ghi-link p {
	
	min-width: 11em;
}
.descriptionTemplate2 {
    background: var(--main-bg-color);
padding: 1em;
}
.descriptionTemplate2 h4 {
	margin: 0;
}
.text_template2_show {

	margin: 0;
}
.descriptionitemBrowseTemplate1 {
	
	text-align: unset;
}
.descriptionitemBrowseTemplate1 a {
color: unset;
font-size: 15px;
}
.ItemBrowse1_presentation .metadata-area {
	background: var(--main-bg-color);
	
}
.browse-text {
	/* width: 90%; */
	background: var(--main-bg-color);
	/* margin: 0 auto; */
	padding: 1em;
}
.sub-menu ul li {

	padding: 0.5em;
	
	background-color: var(--main-bg-color);
}
.sub-menu li:first-of-type {
	border: unset;
padding: 0.5em;
}
.sub-menu ul {
	border-bottom: unset;

}
.generic-view >#controls_gallery{
  
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2em;
    
}
.data-zone{
   
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        margin-top: 1em;
        gap: 10px;
        width: 100%;
        margin-bottom: 3em;
    
}
.section_flex h2, .section_flex p {

	width: 100%;
}

.metadata-area{
    display: flex;
    flex-direction: column;
    width: 100%;
}
/* .metadata-area p {
	padding: 1em;
}

.metadata-area .letter_metadata p {
	padding: unset;
} */
.ghi-link p {
	width: 100%;

}
.ghi-link .adjust {
	width: unset;
	max-width: unset;
    width: 84%;
}

.transcription_area {
	width: 100%;
    display: flex;
flex-direction: column;
}
.letter_metadata {
	
	margin-top: 0;

}

.bio_template .section1 img:first-of-type {
	margin-bottom: 0em;
	background: var(--main-bg-color);
	padding: 1em;
	/* padding-bottom: unset;
	padding-top: unset; */
	height: 7em;
	width: 100%;
}
.bio_template .section2 .section_flex {
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: end;
	margin-bottom: 2em;
	gap: 1em;
	overflow: hidden;
	min-height: 7em;
}
/* .data-zone .transcription_area .ghi-link p, .metadata-area a p {

	min-width: 15em;
} */
.bio_template .section1 {
	width: 20%;
	min-width: 15em;
	text-align: center;
	flex: 1;
    flex-basis: 20%;
}
.bio_template .section2 {
flex: 1;
flex-basis: 70%;
}



.item_template {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    gap: 2em;
}


.item_template .section1 {
	width: 20%;
	min-width: 15em;
	text-align: center;
	flex: 1;
	flex-basis: 20%;
}

.item_template .section2 {
	flex: 1;
	flex-basis: 70%;
    /* order: -1; */
}
.item_template .section2 {
	width: 70%;
	min-width: 15em;
	margin-bottom: 2em;
}
.item_template .section1 img:first-of-type {
	margin-bottom: 0em;
	background: var(--main-bg-color);
	padding: 25px;
	/* padding-bottom: unset; */
	/* padding-top: unset; */
	height: 7em;
	width: 100%;
}

.transcription-content-english p, .transcription_block.original p {
	font-size: 18px;
    margin: 0 auto 1em;
    padding: 0;
}
/* .metadatos.ghi-link p {
	width: unset;
} */
/* .tl-timeline h1, .tl-timeline h2, .tl-timeline h3, .tl-timeline h4, .tl-timeline h5, .tl-timeline h6 {
	
	text-transform: unset!important;
	
}
.tl-timeline {

	margin-bottom: 2em;
}

.tl-timemarker .tl-timemarker-content-container {

	display: none;
}
.tl-timemarker {
	top: -3em!important;
	/* bottom: 50em; */
/* } */



.tl-timemarker .tl-timemarker-content-container {

	background: unset!important;
	width: 0.5em!important;
	height: 0.5em !important;
	border-radius: 50%!important;
	border: 0!important;
	color: transparent!important;
}
.tl-timemarker-content.tl-timemarker-content-small {
	display: none;
}

.tl-timemarker-timespan {
	display: none;
}

/* .tl-timemarker .tl-timemarker-content-container {
	background-color: red!important;
} */


/* [id*='a-classletter-received']{
    color:green;
    background-color: green!important;
} */

[id*="a-classletter-received"]>.tl-timemarker-content-container {
    background-color: rgb(0, 60, 255)!important;
    border: 0.05em solid grey !important;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
[id*="a-classletter-written"]> .tl-timemarker-content-container {
    background-color:var(--main-color)!important;
    border: 0.05em solid grey !important;
    opacity: 0.75;
    
}
[id*="a-classbirthdate"]> .tl-timemarker-content-container {
    background-color: rgb(175, 50, 50) !important;
    border: 0.05em solid grey !important;
    
}
[id*="a-classdeathdate"]> .tl-timemarker-content-container {
    background-color: rgb(175, 50, 50) !important;
    border: 0.05em solid grey !important;
    
}
[id*="a-classindividual_mentioned"]> .tl-timemarker-content-container {
    background-color: rgb(255, 0, 43)!important;
    border: 0.05em solid grey !important;
    
}
[id*="a-classcreationdate"]> .tl-timemarker-content-container {
    background-color: rgb(175, 50, 50) !important;
    border: 0.05em solid grey !important;
    
}
.tl-timeline {
	
	display: flex;
	flex-direction: column;
}

.tl-storyslider {

	order: 3;
}

.tl-menubar {
	top: 0!important;
}

.tl-timeline .tl-slidenav-next, .tl-timeline .tl-slidenav-previous, .tl-timeline .tl-message, .tl-timeline .tl-timegroup-message {
	font-family: var(--font-family)!important;

	text-transform: unset!important;
}
.tl-timenav .tl-attribution {
display: none;
}

.news-container img{
    max-height: 20em;
}

.field .inputs > select {
	
	margin-left: 0;
}
.valuesSeries h4{
    margin: 0;
}
.img_thumbnail img {
	margin-top: 2em;
    max-height: 30em;
}
.bio_view_more{
width: 20em;
}
.preview-block .resource-list.preview + a {
	display: block;
    background-color: var(--main-bg-color);
    width: 20%;
}
.zone1 img {
	max-width: 50%;
}
.ppal_img_footer{
margin-top: 1em;
}
.common_title{
    margin-bottom: 2em;
}

/* foot notes */


.littlefoot-footnote__button svg {
  display: none;
}

#fnref\:3 {
  pointer-events: none;
}


@media not print {
  .footnote-print-only {
    /* display: none !important; */
    padding: -2em;
    margin-left: -1.5em;
    position: absolute;
  }
}

.littlefoot-footnote__button {
  /* top: -.1em; */
  top: -0.1em;
  width: 2em;
  height: 1em;
}


.footnote .link {
  float: initial;
}


.littlefoot-footnote__host + .footnote-print-only {
	display: initial!important;
}
.resource-list.itemBrowse1Resources {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-evenly;
}
.resource-list.itemBrowse1Resources {
	
	width: 100%;

}
.item.resource.itemBrowse1Resources {
	margin-left: 0;
}
.item.resource.browse.hero .view-more {
	
	margin-bottom: 4em;
}
.no-results{

    width: 50%;
    margin: 0 auto;
    background-color: var(--main-bg-color);
    text-align: center;
}
.tl-timeline h1, .tl-timeline h2, .tl-timeline h3, .tl-timeline h4, .tl-timeline h5, .tl-timeline h6 {
	font-family: var(--font-family)!important;
	text-transform: unset!important;
	}

    .layout-ghi-objectsummary .grid-item {
     
        flex-wrap: wrap;
        row-gap: 1em;
    }
    /* .layout-ghi-objectsummary .grid-item .thumbnail {
      max-height: 10em;
    } */

    .about_end_page > div {
        max-width: 9em;
        padding: 1em;
        margin-top: 2em;
        background: rgba(218, 224, 232, 0.63);
        /* min-width: 5em; */
        /* min-height: 5em; */
        width: 10em;
        height: 9em;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .preview-block .resource-list.preview + a {
        display: block;
        background-color: var(--main-bg-color);
        width: 20%;
        min-width: 10em;
    }

    nav.pagination {
        margin-bottom: 30px;
        font-size: 14px;
        line-height: 45px;
        }
        .layout-ghi-objectsummary .grid-item .content {
            flex: 1;
            display: flex;
            flex-direction: column;
            width: auto;
            gap: 5px;
            min-width: 15em;
        }
        @media (max-width: 600px){
            .slider_text_container a {
                position: absolute;
                display: flex;
                bottom: 3em;
                left: 0;
                justify-content: center;
                align-items: center;
                right: unset;
                min-width: 20em;
                margin: 0 auto;
                width: 100%;
            }
        }
            @media (max-width: 450px){
                .ghi_block .imageSection {
                  
                    min-width: 10em;
                   
                }
        }
        .propertyLetter p {
            padding: 0.5em;
        }


/* .data-zone .metadata-area a p{
    height: unset;
} */
.generic-view {
	padding: 1em;
}
/* .swiper-slide img {
	max-width: 18em;
}
@media (min-width: 1999px) {

    .swiper {
        width: 99vw;
        margin-left: calc(50% - 49.5vw) !important;
        margin-right: calc(50% - 49.5vw) !important;
        left: 0;
        right: 0;
    }
} */
.home_gallery .swiper-slide.swiper-slide-active {
    width: 100vw!important;
}

.not_hover a:hover {
	color: unset;
}
.item .resource h4 a:hover{
    color: var(--bright-link-color);
}

.resource-link img {
	display: none;
}
.bio-template .resource-link img {
	display: inline-block;
}
.generic-view .swiper-container .swiper-wrapper .swiper-slide {
	align-items: inherit!important;
}
.sidebar_browse {
	width: 30%;
    
}

 .grid-item {
	margin: 1em 0;
	display: flex;
	width: 100%;
	margin-bottom: 2em;
    gap: 1em;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
.grid-item .thumbnail {
	max-width: 8em;
	/* max-height: 8em; */
	flex: 0 1 8em;
	
	margin-right: 1.5em;
	display: flex;
	justify-content: center;
	align-items: center;
    flex: 1 20%;
max-height: 100%;
min-width: 10em;
}
.grid-item .content .body{
    background-color: var(--main-bg-color);  
    padding: 1em;
    min-height: 10em;
}
 .grid-item .thumbnail {
	background-color: var(--main-bg-color-transparent);
}
 .grid-item .content {
    flex: 1 80%;
	display: flex;
	flex-direction: column;
	width: auto;
	gap: 5px;
}
 .grid-item .thumbnail img {
	max-width: 100%;
	height: auto;
	max-height: 11em;
	display: block;
	margin: auto;
}
 .grid-item .content h4 {
	margin-block-start: 0;
	margin-block-end: 0;
	font-size: 1.33em;
	padding-left: 1em;
}
.grid-item .content .body .description{
    background: var(--main-bg-color);
    padding: 0.4em;
    min-height: 5em;
}
.grid-item .thumbnail img {
	max-width: 100%;
	height: auto;
	max-height: 100%;
	display: block;
	margin: auto;
}
.common-item-template .media-area {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2em;
    width: 80%;
    margin: 0 auto;
}


.common-item-template #controls_gallery {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	/* top: 0; */
	z-index: 999999999999;
	bottom: -299px;
}
.common-item-template .ghi-link {
	
	margin-top: 3em;
}
.property_item_letter {
	padding: 0 !important;

	margin-left: 1.5em;
}

.associated-area-info{
  
               margin-top: 2em;
        min-width: 10em;
    background-color: var(--main-bg-color);
padding: 0.75em 1.5em;
margin-top: 1em;
min-height: 8em;
margin-bottom: 2em;
}
.associated-area-info p{
  
padding: 0.5em;
}
.layout-ghi-objectsummary .grid-item .thumbnail img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
    margin: auto;
    max-height: 10em;
}
.ghi-link {
	display: flex;
	flex-direction: row;
	
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
    margin-bottom: 2em;
    height: 2em;
	width: 24%;
}
.ghi-link {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-bottom: 2em;
	height: 2em;
	width: 24%;
}

@media (max-width: 900px) {
    .ghi-link {
        
        width: 100%!important;
    }
}
@media (max-width: 1000px) {
    .item_template .section1 {
       
        order: 1;
    }
}
.index.search #content {
	display: flex;
	flex-direction: column;
}
.index.search #content h1 {
	order: 1;
}
.index.search #content p {
	order: 2;
}
.index.search #content .site_pages {
	order: 3;
}
.index.search #content .items {
	order: 2;
}
.breadcrumbs {
	background-color: var(--main-bg-color);
	padding: 1em;
}
.item.resource.browse.hero .mapping-block {
	margin-top: 2em;
}
.tl-slidenav-content-container > .tl-slidenav-description {
	display: none;
}
.breadcrumbs a {
	margin-right: 0.25em;
}
.item_sets.results {
    order: 2;
}
.active_site .logo_mobile{
    content:url("/themes/ghi_theme/asset/images/project_icons/letters-yellow.svg");
}
.active_site .logo_traveling{
    content:url("/themes/ghi_theme/asset/images/project_icons/newspapers-yellow.svg");
}
.active_site .logo_writing{
    content:url("/themes/ghi_theme/asset/images/project_icons/diaries-yellow.svg");
}
.ppal_img_footer img {
	max-width: 8em;
}
.item .data-zone .metadata_block {
	padding: 2em;
}
.langUnselected {
    color: var(--main-color);
    background-color:white;
    cursor: pointer;
}
.more-button{
    display: flex;
    align-items: center;
}
.more-button > button{
    top: 0!important;
}