/* --------------------------------- * 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%; /*font: 600 34px/90% "Century Schoolbook",Georgia,Times,serif;*/ letter-spacing: -2px; margin: 0.2em 0 0.4em; margin-bottom: 0px !important; padding-bottom: 18px !important; } h1.chm-exhibit-content-subheader { color: #806400; display: block; width: 100%; margin-top: 0px; font: 400 28px/90% "Lucida Grande",Verdana,Helvetica,Arial,sans-serif; line-height: 1.02; margin-bottom: 18px; } h2.chm-exhibit-content-subheader { color: #806400; display: block; width: 100%; margin-top: 0px; margin-bottom: 24px !important; line-height: 1.25em; } h2.chm-exhibit-related-material-section-header { background-color:#f2f2f2; color: #806400; padding: 12px; margin-bottom: 0px !important; } h3.chm-exhibit-related-material-section-title { background-color: #d9c990; 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: #806400; } video { width: 100% !important; height: auto !important; } /* --------------------------------- * Header & Top Navigation ----------------------------------- */ #chm-exhibit-nav-bar { background-color: #d9aa00; 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: #997800; } /* --------------------------------- * Footer: Bottom Navigation ----------------------------------- */ #chm-exhibit-footer a.footer-main:hover { color: #d9aa00; } /* --------------------------------- * 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-item-section { color: #222222; font-weight: 600; } #chm-exhibit-content .chm-exhibit-left-aside .left-sub-nav-item { display: block; mim-height: 24px; line-height: 18px; padding: 8px 0px; border-bottom: 1px solid #e2e2e2; cursor: pointer; } #chm-exhibit-content .chm-exhibit-left-aside .left-sub-nav-item.current { background-color: transparent; border-bottom: 1px solid #cccccc; cursor: pointer; } #chm-exhibit-content .chm-exhibit-left-aside .left-sub-nav-link { display: block; color: #997800; /*font-family: verdana;*/ font-size: 17px; font-weight: 400; margin-right: 12px; padding-left: 12px; } #chm-exhibit-content .chm-exhibit-left-aside .left-sub-nav-item.current .left-sub-nav-link { cursor: pointer; color: #222222; font-weight: 600; background-color: transparent; } #chm-exhibit-related-material .chm-exhibit-related-material-section .chm-exhibit-related-material-entry.highlighted .chm-exhibit-media-object { background-color: #E2E2E2;} #chm-exhibit-related-material .chm-exhibit-related-material-header { display: block; position: relative; margin-bottom: 12px; } #chm-exhibit-related-material .caption { height: auto; margin-bottom: 8px; display: block; } #chm-exhibit-related-material .caption .brochure-title { display: block; font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif; font-size: 155%; line-height: 1.02; margin-bottom: 2px; } #chm-exhibit-related-material .caption .brochure-date { color: #666666; display: block; font-family: "Lato",sans-serif; font-size: 1.2em; font-weight: 300; } #chm-exhibit-related-material .credit { display: block; } #sorts { display: block; position: absolute; z-index: 1; top: 11px; right: 8px; text-align: right; } #sorts .sortBy { font-weight: 400; } .belongs-to { text-align: center; display: block; margin: 16px 0 12px; } .belongs-to a, a.belongs-to { color: #222222; display: inline-block; font-family: verdana; font-size: 12px; font-weight: 400; line-height: 16px; margin: 4px 0; text-decoration: none; } .belongs-to a:hover, a.belongs-to:hover { color: #000000; } /* --------------------------------- * Tags ----------------------------------- */ .tag { background: #777777; border-radius: 3px 0 0 3px; height: 28px; line-height: 28px; padding: 0 12px 0 15px; position: relative; margin: 0 10px 10px 0; font-family: "PT Sans", serif; font-size: 14px; color: #ffffff; text-decoration: none; display: inline-block; margin-right: 12px; } .tag a { color: #f2f2f2; text-decoration: none; display: block; margin-left: 12px; margin-right: 12px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .tag a:hover { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.20); } .tag::before { content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 10px; background: #ffffff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); } .tag::after { content: ''; position: absolute; right: 0; top: 0; width: 0; height: 0; background: #ffffff; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 13px solid #777777; } .tag:hover { cursor: hand; font: 16px/28px 'PT Sans', serif; } .tag .category { display: block; height: 26px; font: 14px/26px Ratio,Calibri,"Lucida Grande",Tahoma,sans-serif; letter-spacing: normal; font-style: italic; } .tag .category:hover { font-size: 16px; } .tag .year { display: block; height: 26px; font: 13px/26px Georgia,"Times New Roman",Times,serif; } .tag .year:hover { font-size: 16px; } /* accommodating wrapper css */ .keyword-search { display:inline-flex!important;} .keyword-search input { height: 43px; margin-top: 1.2em; }