/* Menu Tweaks */
.sub-menu {display:none;}
.toc-nav {
    margin-right: 1.5em;
}
.toc-nav > div > ul {
    padding-inline-start: 5px;
}
.toc-nav > div > ul > li {
    background: #862633;
    margin: 2px 1px 1px 1px;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    border: 1px white solid;
}
.toc-nav > div > ul > li > a {
    font-size: 1em;
    color: white;
    text-decoration: underline;
    font-weight: normal;
    text-decoration-thickness: 1px;
    line-height: 1.8em;
}
.toc-nav > div > ul > li > a:hover {
    font-size: 1em;
    color: silver;
}

/* Search Bar */
header>nav {border-top:1px silver solid}
#search {margin-top:1em;
   margin-right:auto;
   margin-left:auto;
   padding: 0.6em 1.3em 0.8em 1.2em;
   width:66%;
   left:0 !important;
   right:0 !important;
   background-color: rgba(255, 255, 255, 0.7);
}
#search::before {
    color:#111;
   content:"    Search through our digital collections...";
   display:block;
   align:center;
   font-style: italic;
}
#search form {
  width:100%;
  border:1px solid #666;
margin-top:0.6em;
margin-bottom:0.5em;
}
#search input{
  border-right:1px solid #666;
}

@media screen and (max-width: 896px) {
    .toc-nav {
        margin-right: 1em;
    }
    .toc-nav > div {
        width: 100%;
    }
    .toc-nav > div > ul > li {
        text-align: center;
    }
}

/* Fixing Banner Image Height */
div.banner {
   width:100%;
   height:8.0em;  /* change this to resize height */
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
div.banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ICON for new tab or links out */
a.links-out::after {
    background-image: url(https://commons.keene.edu/files/asset/24d720ef3e53a213cff6b284830cdbc6d32fca38.png);
    background-size: 0.7em 0.7em;
    width: 0.7em; 
    height: 0.7em;
    display: inline-block;
    vertical-align:8%;
    content:"";
}

/* LANDING front page blocks */
.landing-container {
width:100%;
}
.landing-nav {
display:inline-block;
max-width:28%;
margin:0;
}
.landing-hours {         /* Shadow Border */
display: sticky !important;
margin:0;
outline: 1px solid #dcdcdc;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.landing-main {
display:inline-block;
min-width:72%;
margin:0;
}

/* Shadow Border */
.shadow-border {         
margin:0;
outline: 1px solid #dcdcdc;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

/* Landing Sidebar Images */
.landing-side-images {     /*This edits the block */
margin:1.3em auto 1em 2em;
}

.landing-side-images img { /*This tweaks the images */
   margin: 1px 1px 1em 1px;
outline: 1px solid #dcdcdc;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}