.resource.show #resource-values {
width: calc(50% - 1.25rem);
order: 0;
border-radius: 0.4rem;
  overflow: hidden;
  box-shadow: 0 3rem 3rem rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: 0.2s;
}

.grid-x{
flex-flow: row;
}

.value {
            overflow-wrap: anywhere;
margin-bottom: 0px!important;
}
#item-linked{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    margin-left: 0;
width: calc(50% + 0.75rem);
}

#lg-download-1{
display:none;
}

/*#lg-content-1{
pointer-events: none;
}*/
.media-resource {
width: 50%
}

.top-bar, .top-bar ul {
     background-color: #EDE0D4;
}

body {
 background-color: #fffafa;

}

a{
 color: #664649;
font-weight: 400;
}

.menu a, .menu a:visited {
 color: #0A0A0A;
}

.menu{
flex-direction: row;
}

.menu .active>a, .toc-block>ul .active>a, .toc-block ul ul .active>a {
    background: #664649;
    color: #fefefe;
}

.menu a:hover {
background: #664649;
    color: #fefefe;
}

a:hover {
color: #807272; 

}

a:visited {
color: #C8A685;
}

a.metadata-browse-link {
display: inline!important;
color: #685C20;
}
a.resource-link{
display:inline!important;
}

.value {
/*display: grid;*/
}

.site-title img {
margin: 0;
max-height: 7rem;
}

.button {
/*background: #9A4329;*/
    color: #fefefe;
}

.lg-caption{
display: none}

.grid {
  display: grid;
  width: 100%;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  align-items: start;
}

.grid2{
  display: grid;
  width: 100%;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  align-items: start;
}

@media (max-width: 60em) {
  .grid {
    grid-gap: 3rem;
  }
}
.grid-item {
  border-radius: 0.4rem;
  overflow: hidden;
  #box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: 0.2s;
}
.grid-item:hover {
  transform: translateY(-0.5%);
  box-shadow: 0 4rem 8rem rgba(0, 0, 0, 0.2);
}

.card__img {
    aspect-ratio: 16/9;
    width: 100%;
    object-fit: cover;
    object-position: left;
}
.card__content {
padding: 0 5px 0 5px;
}
.card__header {
  font-size: 1.5rem;
  font-weight: 500;
  color: #0d0d0d;
  margin-bottom: .5rem;
line-height: 1.8rem;
}
.card__text {
  font-size: 1rem;
  letter-spacing: 0rem;
  line-height: 1.7;
  color: #3d3d3d;
  margin-bottom: 1rem;
}

ul.resource-list .resource {
    width: 200px;
}

.resource-list{
display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1rem
}

.resource-list .resource {
    width: 25%;
    padding: 1rem
}

.resource-list .description{
display: none;
}

.resource-list .resource img{
    aspect-ratio: 16/9;
    width: 100%;
    object-fit: cover;
    object-position: left;
}

.index.search .results ul{
    text-align: center !important;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 1rem 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: calc(1rem - 1px) 0 0;
    overflow: hidden;
    text-align: center;
    clear: both;
    justify-content: flex-start;
    align-items: baseline;
}

.index.search .results ul li {
    border-bottom: 0px;
    padding-bottom: 30px;
    width: 200px;
    padding-right: 70px;
    margin: 5px 0;
    overflow: hidden;
    position: relative;
    display: inline-block;
    text-align: center !important;
    justify-content: flex-start;
    vertical-align: baseline;
}

.item-showcase .caption {
margin: 10px 10% 10px 10%!important;
}
.item-showcase .caption p {
font-style: italic!important;
 font-size: small!important;
}


.item-showcase {
 display: flex;
align-items: flex-top;
justify-content: space-between;
width: 33%
}

.item-showcase img {
display: block;
   border: 1px solid #B2BEB5;
   padding: 2px;
       
            margin: 10px;
}

        /* Float odd images (1st, 3rd, 5th, etc.) to the left */
        .item-showcase:nth-child(odd) {
            float: left;
            margin-right: 20px; /* Optional: Add space on the right */
        }

        /* Float even images (2nd, 4th, 6th, etc.) to the right */
        .item-showcase:nth-child(even) {
            float: right;
        }

.pagination li:last-child {
display: contents;
}
.pagination li:first-child {
    display: contents;
margin-right: 2px;
}

.faceted-browse-page .resource-list .resource-link img {
width: 100%!important;
height: auto;
}

.faceted-browse-page ul.resource-list .resource {
    width: 200px;
    padding-right: 10px;
}