/* ---------------------------------
 * General
 ----------------------------------- */
a { color: #ffffff; }
a:hover { color: #333333; }



/* ---------------------------------
 * Main Elements
 ----------------------------------- */
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; line-height: 36px; padding: 12px; padding-left: 0px; margin: 0px;  margin-bottom: 24px; letter-spacing: normal !important; color: #844200; font-weight: 600; }
h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #05696a; margin: 5px 0 12px; }
h3, h4 { padding: 0px; margin: -2px 0 12px; }
h3 { margin-top: 0px; }

h1.chm-exhibit-content-header { display: block; /*font: bold 34px "Century Schoolbook", Georgia, Times, serif;*/ color: #844200; line-height: 90%; margin: .2em 0 .4em 0; letter-spacing: -2px; }
h2.chm-exhibit-content-subheader { color: #666666; display: block; /*font-size: 28px;*/ width: 100%; margin-top: 0px; /*margin-bottom: 48px;*/ line-height: 1.05; }


h2.chm-exhibit-related-material-section-header { background-color: #f2f2f2; padding: 18px; color: #333333; }
h3.chm-exhibit-related-material-section-title { background-color: #cccccc; }


input[name="q"] { width: 85%; }
button#submit { /*width: 13%;*/ background-color: #6c6c6c; }

.filter-button-group { position: relative; display: block; margin-bottom: 24px; width: 100%; height: 48px; }

.entries-group { position: relative; display: block; margin-top : 24px; }



/* ---------------------------------
 * Header & Top Navigation
 ----------------------------------- */
#chm-exhibit-nav-bar { background-color: #cc6600; color: #ffffff; font-weight: normal; }
#chm-exhibit-nav-bar .chm-exhibit-nav-bar-item { display:block; float: left; width: 75px; /*border-right: 1px solid #FFFFFF;*/ }
#chm-exhibit-nav-bar .chm-exhibit-nav-bar-item a.chm-exhibit-nav-bar-link { display: block; float: left; text-align: center; width: 75px; }

#chm-exhibit-nav-bar #September, #chm-exhibit-nav-bar #November, #chm-exhibit-nav-bar #December { width: 80px; }

#chm-exhibit-nav-bar #September a.chm-exhibit-nav-bar-link, 
#chm-exhibit-nav-bar #November a.chm-exhibit-nav-bar-link,
#chm-exhibit-nav-bar #December a.chm-exhibit-nav-bar-link { width: 80px; }


#chm-exhibit-nav-bar #March, 
#chm-exhibit-nav-bar #April, 
#chm-exhibit-nav-bar #May, 
#chm-exhibit-nav-bar #June, 
#chm-exhibit-nav-bar #July, 
#chm-exhibit-nav-bar #today { width: 50px; }



#chm-exhibit-nav-bar #March a.chm-exhibit-nav-bar-link, 
#chm-exhibit-nav-bar #April a.chm-exhibit-nav-bar-link, 
#chm-exhibit-nav-bar #May a.chm-exhibit-nav-bar-link,
#chm-exhibit-nav-bar #June a.chm-exhibit-nav-bar-link, 
#chm-exhibit-nav-bar #July a.chm-exhibit-nav-bar-link,
#chm-exhibit-nav-bar #today a.chm-exhibit-nav-bar-link { width: 50px; }



#chm-exhibit-nav-bar #search { width: 24px; }
#chm-exhibit-nav-bar #search a.chm-exhibit-nav-bar-link { width: 24px; }

#chm-exhibit-nav-bar a.chm-exhibit-nav-bar-link:hover, #chm-exhibit-nav-bar .chm-exhibit-nav-bar-item.current { background-color: #6c6c6c; }



/* ---------------------------------
 * Footer: Bottom Navigation
 ----------------------------------- */
#chm-exhibit-footer a.footer-main:hover { color: #557fc8; }



/* ---------------------------------
 * Left Nav Bar
 ----------------------------------- */
#chm-exhibit-aside-nav-bar { }
#chm-exhibit-fixed-aside-nav-bar { }




/* ---------------------------------
 * Content: Page Container
 ----------------------------------- */
.chm-exhibit-container { margin-bottom: 0px !important; padding: 0px 0px 24px 0px !important; }
.chm-exhibit-timeline-decade-row { display: block; border-bottom-color:#E1E1E1; border-bottom-style:solid; border-bottom-width:1px; clear:both; margin-bottom:24px; }
.chm-exhibit-timeline-decade-row:last-child { border: none !important; }
.chm-exhibit-timeline-decade { display: block; margin: 24px 0px; /*background-color: #e2e2e2;*/ }
.chm-exhibit-timeline-decade-row .chm-exhibit-timeline-decade-row-title { display: inline; color: #888888; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; font-size: 18px; }

.chm-exhibit-timeline-decade-row .chm-tdih-entry-date { display: block; text-transform: capitalize; font-size: 1.2em; margin: 0; font-weight: 300; color: #666666; /*font-family: 'Lato', sans-serif;*/font-family: "DIN W01 Regular",Helvetica Neue,Helvetica,Arial,sans-serif; margin-bottom: 4px; }
.chm-exhibit-timeline-decade-row .chm-tdih-entry-title { display: block; color: #3b4f67; font-size: 155%; font-weight: 600; line-height: 1.02; margin: 10px 0 15px 0; /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/font-family: "DIN W01 Regular",Helvetica Neue,Helvetica,Arial,sans-serif; }
/* .chm-exhibit-timeline-decade-row .chm-tdih-entry-content { display: block; overflow: hidden; margin-bottom: 18px; font-size: 14px; line-height: 18px; } */
.chm-exhibit-timeline-decade-row .chm-tdih-entry-content { margin-bottom: 24px}


/* ---------------------------------
 * Media Elemants and Galleria
 ----------------------------------- */
.media-month-element { position: relative; display: block; float: left; width: 33.33%; overflow: hidden; }

.media { position: relative; width: 99%; display: block; float: left; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0,0,0,.1); min-height: 262px; margin: 0% 1% 1% 0%; overflow: hidden; }
.media.border { border: 1px #d9d9d9 solid; }
.media a, .media a:hover { color: #f9f4eb; }
.media.left { margin-right: 24px; }
.media.right { margin-left: 24px; }


.media .date { position: absolute; top: 220px; left: 102px; display: block; width: 84px; height: 84px; z-index: 1; text-align: center; overflow: hidden; background-color: #444; border-radius: 50%; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0,0,0,.1); }
.media .date .month, .media .date .day { color: #e9e9e9; /*font-family: 'Helvetica Neue', sans-serif;*/font-family: "DIN W01 Regular",Helvetica Neue,Helvetica,Arial,sans-serif; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; overflow: hidden; display: block; margin: 0px auto; }
.media .date .day { /*font-weight: bold;*/ margin-top: 8px; text-align: center; }
.media .date .day span.month { display: block; font-size: 14px; line-height: 18px; margin: 0; text-transform: uppercase; }
.media .date .day span.day { display: block; font-size: 30px; line-height: 30px; font-weight: 600; margin: 0; }
.media .date .day span.year { display: block; font-size: 14px; line-height: 18px; margin: 0; }

.media .title { position: relative; display: block; float: left; width: 100%; overflow: hidden; background: rgba(127, 127, 127, 1); text-align: center; }
.media .title a, .media .title span { display: block; height: 48px; overflow: hidden; margin: 42px 18px; color: #fef1dc; /*font-family: 'Open Sans', sans-serif;*/font-family: "DIN W01 Regular",Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 18px; font-weight: 300; line-height: 24px; text-align: center; }
.media .title a:hover { color: #fffffe; }


.media .captions { position: relative; display: block; float: left; width: 100%; overflow: hidden; background: rgba(249, 249, 249, 1); text-align: center; }
.media .captions span { display: block; min-height: 12px; padding: 12px; color: #3b4f67; font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; line-height: 1.35; text-align: left; font-style: italic; }


.media .image, .media .image a { display: block; position: relative; width: 100%; height: 262px; overflow: hidden; float: left; }
.media .image img, .media .image img.img-fit { display: block; position: relative; width: 100%; height: 262px; object-fit: cover; object-position: 0% 0%; }
.media .image img.img-fit { font-family: 'object-fit: cover; object-position: 0% 0%;' }


.media.day { height: auto; min-height: inherit; }
.media.day .image, .media.day .image a { display: block; position: relative; width: 100%; height: auto; overflow: hidden; float: left; }
.media.day .image img { display: block; position: relative; width: 100%; height: auto; /*object-fit: none; object-position: 0 0;*/ }


/* accommodating wrapper css */
.keyword-search { display:inline-flex!important;}
.keyword-search input { height: 43px; margin-top: 1.2em; }