/* Footer Style */
footer{max-width:1700px;margin-left:auto;margin-right:auto;padding:0 1.69492% 25px;clear:both;font-size:small;background-color:#dfad58;color:white; text-align:center}

/*Header Style and Navigation*/
.site-title img{max-width:30%;}
.site-title {text-align: left;}


header nav{background-color:#dfad58; color:#ffffff;}
header nav .navigation {
margin:0px;
padding-left:20px;
padding-right:20px;
color: #ffffff;
margin-bottom:6px;
}

header nav a {
        color: #000000;
}
nav .navigation, nav ul {
    list-style: none;
    padding-left: 40px;
    text-color: #b2c0b9;
}


/*Text Styles */
h1{display:left}
h1{text-align:left;font-size:24px;margin-bottom:6px;line-height:32px;font-weight:normal}

body{background-color:#ffffff;font-family:"Veranda", sans-serif;font-size:16px;margin:0;word-wrap:break-word}

figcaption{text-align:center;font-size:10px;line-height:14px;margin-top:4px;}

p{color:#000000;}

 a {
        color: #0645AD;
}


/*Item Page Style */
/*adds space beneath Universal Viewer */
#uv-1 {margin-bottom:6px;}

/*Item Browse Page*/
.browse .resource img {
    max-width: 100%;
    max-height: 200px;
}


/* Item Showcase and Carousel Styles */
.item-showcase {
border-top:none;
border-bottom:none;
margin:0px;
}

.item.resource .caption {
background-color: #b7b3a5;max-width:80%;  margin-left: auto;
  margin-right: auto; text-align: center;
}

.shortcode-carousel-title {
line-height:12px;
text-align:center;
font-size: 10px;
}

.jcarousel img{
margin:auto;
}

/*Sidebar Submenu Styling */
  .page #content .sub-menu {
        padding: 0 .625% 24px 0;
        width:12.5%;
color:#fff;
    }

.page #content .sub-menu a {
        font-size: 15.75px;
        color: #000;
    }
nav .navigation, nav ul {
    list-style: none;
    padding-left: 7px;
    text-color: #b2c0b9;
text-align:center;
}
.blocks {padding-left: 30px; padding-right:30px}

.search-filters {display:none}
#search-container {display:none}
#attribution {display:none}
.advanced-search{display:none}
.sorting{display:none}

.resource-list {text-align: center}
.resource-list img {display: block; margin-left:auto; margin-right:auto}

/* Button styling */

.button-container-details {
  text-align: center;
  width:100%;
}

.button-details {
  border: none;
  background-color:#116466; /* some sort of dark, teal-ish color */
  width:15%;
  color:#D1E8E2; 
  padding: 10px 5px 10px 5px;
  margin: 5px 5px 5px 5px;
  display: flex;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button-details a {
  color:   #ffCB9A;
}

.button-details:hover { background-color:#D9B08C;}
.button-details a:hover {  color:#2C3531;}

/ * positioning image */

.positionedcontainer {
  float:right;
  text-align: center;
  padding: 10px 10px  10px  20px;
  margin-left:10px;

}

.positionedimage {
  width: 350px; 
  text-align: center;

  }

.positionedimage img {
  width: 350px; /* width of container */
  height: 275px; /* height of container */
  padding: 5px;
  object-fit: cover;
  object-position: 50%; 
}

div.positionedimage-title {
  padding: 5px 10px 15px 10px;
  width=80%;
  font-size:smaller;
  text-align:center;
}

/* Container for Image with Text for Titles*/
.container-title {
  position: relative;
  text-align: center;
}

.container-title img {
  height: 350px; 
  width: 96%;
   padding: 5px;
  object-fit: cover;
  object-position: 25%; 
}

.top-right-title {
  position: absolute;
  bottom: 30px;
  right: 10px;
  background-color: #2C3531;
  color:#D1E8E2;
  text-size:bigger;
  max-width: 80%;
  font-size: 36px;
  margin-bottom: 24px;
  line-height: 48px;    
  font-weight: normal;
  padding: 15px 10px 15px 10px;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}