/* ---------------------------------
 * General
 ----------------------------------- */



/* ---------------------------------
 * 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: #012d1a; 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 { color: #333333; display: block; width: 100%; margin-bottom: 0px !important; padding-bottom: 12px !important; }
h2.chm-exhibit-content-subheader { color: #972f29; display: block; width: 100%; margin-top: 0px; margin-bottom: 48px; line-height: 1.25em; }


h2.chm-exhibit-related-material-section-header {  background-color:#f2f2f2; color: #66523E; padding: 12px; margin-bottom: 0px !important; }
h3.chm-exhibit-related-material-section-title { background-color: #f2e3cf; color: #111111; padding: 6px 12px; }

a { color: #336699; }
a:hover { color: #6699cc; }
.pure-form-aligned .pure-control-group label { margin-right: 0; width: 9.97em; }
button[name="submit"], button#submit { background-color: #593b14; }
video { width: 100% !important; height: auto !important; }




/* ---------------------------------
 * Header & Top Navigation
 ----------------------------------- */
#chm-exhibit-nav-bar { background-color: #be7d2a; color: #ffffff; font-weight: bold; }
#chm-exhibit-nav-bar a.chm-exhibit-nav-bar-link:hover, #chm-exhibit-nav-bar .chm-exhibit-nav-bar-item.current { background-color: #8c5d1f; }



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



/* ---------------------------------
 * 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 { 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 .year { display: inline; color: #888888; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; font-size: 18px; }


.chm-exhibit-item-section { color: #222222; font-weight: 600; }


/* ---------------------------------
 * Media Elemants and Galleria
 ----------------------------------- */
.thumb { height: 160px; }
.media { position: relative; padding: 10px; padding-bottom: 10px; margin-bottom: 24px; border: 1px solid #cccccc; -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.left { margin-right: 36px; }
.media.right { margin-left: 36px; }


.media .media-container { position: relative; display: block; }
.media img { width: 100%; }

.media .caption { color: #ffffff; font-family: "Lucida Sans Unicode", sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; position: absolute; background: #000000; overflow: hidden; left: -11px; bottom: -1px; padding: 7px 20px 7px 20px !important; margin: 0 !important; display: inline-block; width: auto; }
.media .caption p { color: #ffffff; font-family: "Lucida Sans Unicode", sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; padding: 0px !important; margin: 0px !important; width: auto; }

.media .credits { font-family: Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; margin: 10px 10px 10px 10px !important; padding: 0px !important; line-height: 1.6em; color: #999999; }
.media .credits p { font-family: Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; margin: 0px !important; padding: 0px !important; line-height: 1.6em; color: #999999; }


.media p.description, p.description { color: #555555; margin-bottom: 50px !important; font-family: “Lucida Sans Unicode”, sans-serif; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; font-size: 16px; line-height: 1.5em; }

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