/* establish font sizes */
/* 
$font-base = 22
$line-height-base = 33

line-height = line-height-base / element's font-size in pixels

*/

html { font-size: 62.5%!important; }

body { position: relative; }
body, h1, h2, h3, li, p { font-size: 2.2rem; line-height: 1.5; color: #000; }

.collection-aside h1,
.collection-aside h2,
.collection-aside h3,
.collection-aside li,
.collection-aside p { font-size: 1.6rem; color: #333; margin-bottom: 1rem; }

#head_navi .sub-nav-menu__menu-item a,
#head_navi .sub-nav-menu__menu-item .btn { font-size: 2rem; }
#head_navi .sub-nav-menu__menu-item a,
#head_navi .sub-nav-menu__menu-item a:hover { line-height: 1.5; }

#head_navi .navigation-menu .main-menu-item, 
#head_navi .navigation-menu .sub-menu-item { position: relative; float: left; padding: 0 15px; width: 50%; }
#head_navi .navbar { color: white; margin-bottom: 0; position:absolute; width:100%;}
.home .navbar { position:relative; }
#head_navi .navbar.navbar-fixed-top { position:fixed; }
.navbar-brand img { width: 70px; max-width: 100%; margin-top: 3px; }
.navbar a:focus-visible { text-decoration: underline !important; }
.navbar a:focus-visible img { outline: 1px solid #ff5700 !important; }

.object-image-caption ul { line-height: 0.4; }
.object-image-caption ul li { font-size: 1.4rem; }

footer a,
footer li { font-size: 1.3rem; line-height: 16px; }
footer br { margin-bottom: 0; }

/* colors */
a, a:visited, a:active,
h1 a, h1 a:visited, h1 a:active,
h2 a, h2 a:visited, h2 a:active,
h3 a, h3 a:visited, h3 a:active { color: #ff5700; }

#head_navi .sub-nav-menu a, #head_navi .sub-nav-menu a:visited, #head_navi .sub-nav-menu a:active,
a:hover,
a:focus,
h1 a:hover,
h1 a:focus,
h2 a:hover,
h2 a:focus { color: #000 }

h4 { border: none; font-weight: 400; }

/* everything else alphabetical! */
a.anchor { display: block; position: relative; top: -120px; visibility: hidden }

.admin-section { background-color:#fff; background-image: url("/images/stripes_bg.gif"); border: 1px solid #BECCCC; font-size: 2rem; margin-bottom: 1em; padding:1em; padding-left:2em; text-align: left; }
.admin-section ul li { font-size: 2rem; }

blockquote { font-size: 2.2rem; padding: 1rem 2rem; border-left: 2px solid #333; }

br { content: " "!important; display: block!important; margin-bottom: 30px; } /* used in nl2br whenever TMS text is displayed - exhibitions, justifications etc */

.btn { padding: 8px 12px 4px; }

.caption { max-width: 350px; margin: 0 auto; }
.caption ul { margin-bottom: 6px; }
.caret-ch { color: #000 !important; }
.citation { display:block; font-size: small; margin-top:2em; overflow-x: scroll !important; padding:.5em; }

/*.collection-aside { border-top: 1px solid #000; margin: 0 15px; padding: 1rem 0 0; }*/
.collection-aside { margin-top: 7px; margin-left: 5rem; margin-bottom: 5rem; }
.collection-aside.slim { margin-left: 0; width: 33%; }
.collection-aside.straight { margin-left: 0; }
.collection-aside .list-o-things li { margin-bottom: 0; }
.collection-aside .rule { border-top: 2px solid #333; display: block; line-height: 0; margin-bottom: 1rem; }

.collection-content { margin-left: 15px; margin-bottom: 4rem; padding-right: 16.667%; }
.collection-content.full-width { padding-right: 15px; }
.collection-content.straight { margin-left: 0; padding-right: 15px; }
.collection-content > h2 { font-size: 2.6rem; border-top:  0; }

.colour-palette-swatch { height:2em; width:2em; }
.colour-palette-small { height:3rem; width:3rem; }
.colour-palette-flat { height:1em; width:3em; }

.comic-mode,
.comic-mode a,
.comic-mode button,
.comic-mode h1,
.comic-mode h2,
.comic-mode h3,
.comic-mode h4,
.comic-mode label,
.comic-mode .sub-nav-menu { font-family: "Comic Sans MS", "Comic Sans", cursive!important; }

.comic-mode button,
.comic-mode h1,
.comic-mode h2,
.comic-mode h3,
.comic-mode h4 { font-weight: bold; }

.container { position: relative; }

#content { margin-top: 40px; }

#cooperhewitt-feedback { display:none; margin-bottom:1em; padding:1em; }

#current_header { margin-top: 0; padding-top: 0; }

.exhibition-apanel-thumbnail { font-family: "CooperHewitt-Display"; margin-left: 8rem; text-align: left; }
.exhibition-apanel-thumbnail:before { content: "\201c"; font-size: 550%; left: 0; position: absolute; top: -18px; }

.exhibition-sections { font-size: 2rem; line-height: 1.5; }
#exhibition-text { font-size: 2rem; }

#exonyms { margin-top: 4em; }

.features-experimental { margin-top: 2em; }

footer#colophon .tel a { color: #838383; }
footer .email-privacy, footer .main-menu-item .email-privacy a { text-transform: none; font-family: 'CooperHewitt', helvetica, arial, sans-serif; margin-top: 10px; padding: 3px 0; font-size: 13px; line-height: 16px; }
footer .main-menu-item a,
footer .sub-menu-item,
footer .sub-menu-item a,
footer .sub-menu-item li {
    padding: 3px 0;
    font-size: 18px;
    line-height: 22px;
}
footer.navbar { position: static; }
footer .secondary-footer-nav a { text-transform: uppercase; } 
footer .secondary-footer-nav .footer-connect {
    font-size: 16px;
    border: none;
    line-height: 20px;
    padding: 6px 0 15px;
    height:24px;
}
footer .secondary-footer-nav .footer-connect a {
    display:inline;
    border-top:0;
    padding-top:0;
}
footer .secondary-footer-nav .footer-connect a img {
    margin-right:14px;
    width:18px;
    height:18px;
    display: inline-block;
    margin-top: -2px;
}
footer .secondary-footer-nav .footer-connect a:last-child img {
    margin-right: 0;
}

.form-control { border-radius: 0; }

.glyphicon.spinning { animation: spin 1s infinite linear; -webkit-animation: spin2 1s infinite linear; }
@keyframes spin { from { transform: scale(1) rotate(0deg); } to { transform: scale(1) rotate(360deg); } }
@-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } }

#head_navi .sub-nav-menu.visit a:hover,
#head_navi .sub-nav-menu.visit .btn:focus,
#head_navi .sub-nav-menu.visit .btn:hover { color: #FFF; }
#head_navi .sub-nav-menu .left-nav-item,
#head_navi .sub-nav-menu .right-nav-item { display: inline-block; width: inherit; }
#head_navi .sub-nav-menu .right-nav-item { float: right; }
#head_navi .sub-nav-menu .row { display: block; }
#head_navi .sub-nav-menu #verbose-explore-text { display: none; }
#head_navi .sub-nav-menu__menu-item a:focus,
#head_navi .sub-nav-menu__menu-item a:hover { color: #ff5700; text-decoration: none; }
#head_navi .sub-nav-menu__menu-item .btn { background: none; border: none; border-radius: 0; color: #000; margin: 0; padding: 1px 0 0; position: relative; text-align: left; top: 0; white-space: initial; width: 100%; }
#head_navi .sub-nav-menu__menu-item .btn .caret { transition:all 0.2s ease-in-out; }
#head_navi .sub-nav-menu__menu-item .btn:hover,
#head_navi .sub-nav-menu__menu-item .btn:focus,
#head_navi .sub-nav-menu__menu-item.open .btn { color: #ff5700; }
#head_navi .sub-nav-menu__menu-item .btn:hover .caret,
#head_navi .sub-nav-menu__menu-item .btn:focus .caret,
#head_navi .sub-nav-menu__menu-item.open .btn .caret { border-color: #ff5700 transparent transparent; }
#head_navi .sub-nav-menu__menu-item .username { word-break: break-all; }
#head_navi .sub-nav-menu__menu-item .dropdown-menu { background-color: #000; top: inherit; }
#head_navi .sub-nav-menu__menu-item .dropdown-menu.dropdown-menu_right { left: auto; right: 0; }
#head_navi .sub-nav-menu__menu-item .dropdown-menu li a { color: #fff; }
#head_navi .sub-nav-menu__menu-item .dropdown-menu li a:hover { color: #000; }

.header-fixed-expanded { padding-top: 79px; }
.header-fixed-expanded .navbar a.collapsed-nav__menu-expand { float: right; }
.header-collapse nav.navbar .collapsed-nav .collapsed-nav__search input { width: 250px; }
.navbar a.collapsed-nav__menu-expand { 
    text-align: right;
    margin-top:10px;
    font-size:20px;
    color: white;
}
.navbar a.collapsed-nav__menu-expand:hover,
.navbar a.collapsed-nav__menu-expand:focus {
    color: white !important;
}
.navbar a.collapsed-nav__menu-expand:focus-visible {
    text-decoration: none !important;
}
.navbar a.collapsed-nav__menu-expand:focus-visible .glyphicon {
    color: #ff5700 !important;
}

.hey-look { font-weight: 700; }

.image-info { color: #999; display:block; margin-bottom: 1em; text-align: center; }
.image-not-available-caption { font-size: 1.6rem; text-align: center; color:#adadad; margin-left:1em; margin-right:1em; }
.img-error { margin: 0 auto 1em !important; }
.img-super-big { display: block; }

.image-grid-float .col-md-4:nth-child(3) { clear: left; }

#inline-share-tools { display: inline-block; margin-left: 1rem; }
#inline-share-tools li { margin: 0; opacity: 1; padding: 0; -moz-transition: opacity 0.25s linear; }
#inline-share-tools li.collapse { opacity: 0; }
#inline-share-tools li.collapse a { display: none; }
#inline-share-tools li .icon { margin-right: 0!important; }

.input-group { display: table; border-collapse: separate; position: relative; }
.input-group .form-control { float: left; position: relative; margin-bottom: 0; width: 100%; z-index: 2; }
.input-group-btn,
.input-group .form-control { display: table-cell; }
.input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }
.input-group-btn { position: relative; font-size: 0; white-space: nowrap; }
.input-group-btn > .btn { border-color: #000; border-radius: 0; border-width: 1px 1px 1px 0; position: relative; }
.input-group-btn > .btn:hover { background-color: #ff5700; }
.input-group-btn > .btn .glyphicon { line-height: 0; vertical-align: middle; }
.input-group-btn .dropdown-menu { background-color: #FFF; }
.input-group-btn .dropdown-menu .btn { background-color: #FFF; border: none; border-radius: 0; color: #000; font-family: 'CooperHewitt-Display'; padding: 6px 12px; text-align: right; text-transform: uppercase; width: 100%; }
.input-group-btn .dropdown-menu .btn:hover { background-color: #000; color: #FFF; }

.lead { font-size: 22px; padding-left: 1em; padding-right: 1em; }
.lead br { display: block; margin-bottom: 14px; content: " "; }

.legend { display: block;  margin-top: 1rem; color: #aaa;}
.legend span.green { color: #00c800; }
.legend span.blue { color: #0000c8; }

.list-inline-ch { padding: 0px; margin: 0px; }
.list-inline-ch li { display: inline; }

.list-o-things { font-size: 1.5em; padding-left: 0; }
.list-o-things li { list-style-type: none; margin-bottom: 2rem; }
.list-o-things li h1 { margin: 0; margin-bottom: .5rem; text-transform: none; font-family: 'CooperHewitt', helvetica, arial, sans-serif; }
.list-o-things li h2,
.list-o-things li h3 { margin: 0; margin-bottom: .5rem; border-top: none; padding-bottom: 0; }
.list-o-things li h2.lowercase,
.list-o-things li h3.lowercase { text-transform: none; font-family: 'CooperHewitt', helvetica, arial, sans-serif; }
.list-o-things li small { font-size: small; display:block; }
.list-o-things li p { margin-bottom: 0; }

.log-message { margin: 1px 1px 0 1px; border: 1px solid #000; padding: 4px; text-align: left; font-family: sans-serif; font-size: 1.6rem; }

#message { color: #3276b1; margin-top: .5em; text-align:center; }

.mobile-view .navbar { min-height: 180px; }
.mobile-view.header-fixed-expanded { padding-top: 0; }
.mobile-view.header-fixed-expanded .navbar-fixed-top { position: relative; }
.mobile-view #search-query-collapsed { border-radius: 0; border-style: solid;  color: #000; height: 112%; font-size: 25px; left: -97%; padding: 3px; position: absolute; top:0; width: 150%;  }
.mobile-view #search-query-collapsed.expanded { display: block; }

.nav-tabs { border-bottom-color: #000; font-family: 'CooperHewitt-Display'; margin-bottom: 12px; text-transform: uppercase; }
.nav-tabs li { margin-right: 12px; }
.nav-tabs li a,
.nav-tabs li a:hover { background: #dcdcdc; border-bottom: 1px solid; border-color: transparent transparent #000; border-radius: 0; color: #FFF; }
.nav-tabs li.active a,
.nav-tabs li.active a:hover { border-color: #000 #000 transparent; color: #000; }
.navbar-nav input[type="text"] { color: #FFF; font-family: 'CooperHewitt-Display'; padding: 0; }

.navbar__tool-menu .navbar__tool-menu-row .navbar__tool-menu-item { float: left; padding: 0 15px; position: relative; width: 50%; }
.navbar__tool-menu--connect br { margin-bottom: 0; }
.navigation__search { display:none; padding:9px 13px 12px 13px; margin-bottom:0; }
.navigation__search form { position: relative; font-size: 18px; line-height: 1.3; }
.navigation__search form label { color:#b6b6b6; display: none; }
.navigation__search form input {
    width: 100%;
    border: 0;
    color: #b6b6b6;
    font-size:16px;
    outline: none;
    border-bottom: 2px solid #b6b6b6;
    padding:0;
    background-color: black;
    height: auto;
    line-height: 1.1;
}
.navigation__search form button {
    position: absolute;
    right: 0;
    padding: 0;
    background-color: transparent;
    color: #b6b6b6;
}
.navigation-menu__search .glyphicon-search { position: relative; padding-left: 5px; }
.navigation-menu .navigation-menu__row a,
.navbar__tool-menu .navbar__tool-menu-row a,
.navbar__tool-menu--connect {
    display: block;
    border-top: 2px solid;
    text-decoration: none;
    padding: 6px 0 15px;
    margin-bottom: 5px;
    font-family: 'CooperHewitt-Display', helvetica, arial, sans-serif
}
.navbar__tool-menu { margin-bottom: 22px; }
.navigation-menu .navigation-menu__row a { 
    font-size: 16px;
    color: #fff;
    border-color:#ffffff;
    line-height: 20px;
    text-transform: uppercase;
    transition:color .15s ease-in-out,  border-color .15s ease-in-out;
}
.navigation__menu-items clear:both .mobile-menu { padding-top:10px; }
.navigation-menu__sub-menu { display:none }
.navigation-menu .navigation-menu__row.navigation-menu__sub-menu a { color: #000; font-size: 16px; border-top: 1px solid; }
.navigation-menu__sub-menu .sub-menu-item:nth-child(2n+1) { clear:left }
.navigation-menu__sub-menu a { transition: all .5s ease-in-out; }
.navigation-menu__sub-menu a { color: #000; font-size: 16px; border-top: 1px solid; }
.navigation-menu__sub-menu.extended a { opacity:1; transition: all .5s ease-in-out; }
.navigation-menu__sub-menu .main-menu-item, .subnav.main-menu-item { display:none }
.navigation-menu .navigation-menu__row .purple a:hover,
.navigation-menu .navigation-menu__row .purple a.extended,
.purple .navigation-menu__sub-menu.extended a {
    color: #ff47af;
    border-color: #ff47af;
}
.navbar__tool-menu .navbar__tool-menu-row a,
.navbar__tool-menu .navbar__tool-menu-row .navbar__tool-menu--connect {
    font-size: 16px;
    color: #ff5700;
    border-top: none;
    line-height: 20px;
    padding: 6px 0 10px;
    height: 24px;
    margin-bottom: 5px;
}
.navigation-menu .navigation-menu__row a.grey-out { color:#333333; border-color:#333333; }
.navigation-menu .navigation-menu__row a.extended,.navigation-menu__sub-menu.extended a { opacity:1 }
.navbar .container>.row { margin-top: 10px; }
.navbar__tool-menu-row img { width:18px; float:left; }

.notify-bar { position: fixed; top: 0; width: 100%; height: 7rem; background-color: #fff; color: #000; text-align: center; z-index: 100; transition: top 0.5s ease; }
.notify-bar.expanded { top: 7.8rem; transition: top 0.5s ease; box-shadow: 0 2px 1px 0 #d5d5d5;}
.notify-bar-text { line-height: 3rem; }

#object-colour-palette { margin-bottom: 2rem; }
#object-colour-palette small { font-size: 1.8rem; }
#object-colour-palette ul { margin-bottom: 0; }

.object-image { text-align: center; }
.object-image img { width: auto; }
.object-image .img-responsive { margin: 0 auto; width: 100%; }
.object-image .img-responsive.image-not-available { border: 1em solid #fff !important; margin: 0 auto; margin-bottom: 1rem; max-width: 300px; height: auto; }
.object-image .img-super-big { border: none; margin: 0 auto; max-width: initial; }
.object-image .picture-holder { display: inline-block; margin-bottom: 2rem; position: relative; width: 100%; }
.object-image .picture-holder a { display: inline-block; }
.object-image .picture-holder > a { text-align: center; }
.object-image-caption { min-height:230px; max-height:230px; }
.object-image-colours { text-align:center; margin-top:25px; height:3rem; }
.object-image-colours ul { display: inline-block; line-height: 0; }
.object-image-placeholder,
.object-image-placeholder img { display:none !important; }
.object-image-wrapper { min-height:320px; }

.object-meta-sect p { line-height: 150%; margin-bottom: 15px; }

.object-notavailable-wrapper { margin-bottom: 3rem; }

.page-header { border: none !important; margin:0px; padding: 0px; margin-bottom: 2em; }
.page-header h1 { display: inline; font-size: 4.4rem; background-color: #FF5700; padding: 10px 5px 0; }
.page-header h1 a { color: #FFF; }
.page-header h2 { border: none; display: block !important; font-family: "CooperHewitt",helvetica,arial,sans-serif; margin-top: 0; padding-top: 0; text-transform: none; }
.page-header small { color: #999; font-family: 'CooperHewitt'; font-size: 50%; text-transform: none; }

.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }
.panel-body { padding: 15px; }
.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; }

.project-component-thumbnail h1 { 
    margin-top: 0;
    font-size: 42px;
    line-height: 1.2;
    text-align: left;
    color: #ff0078;
}
.project-component-tactic {
    position: relative;
    flex: 1;
    -webkit-flex: 1;
    background-position:65% 50%;
    background-size: 85%;
    background-repeat: no-repeat;
    background-color: #ff0087;
    min-width: 150px;
    width: 100%;
    max-width: 400px;
    border: 4px #000 solid;
    border-radius: 50%;
    margin: 0 auto;
}
.project-component-tactic:before {
    content: ' ';
    display: block;
    padding-top: 100%;
}
.project-tactic-container {
    max-width: 850px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-justify-content: center;
}
h3.project-tactic-text {
    border: none;
    margin-bottom: 0;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* rainbow mode */
body::before { background-size: 100%; content: ''; opacity: 0; position: absolute; width: 100%; top: 0; bottom: 0; z-index: -10; transition: opacity 3s linear; -moz-transition: opacity 3s linear; -webkit-transition: opacity 3s linear; background: -moz-linear-gradient(top, red, orange, yellow, green, blue, purple, purple); background: -webkit-linear-gradient(top, red, orange, yellow, green, blue, purple, purple); }
.rainbow::before { opacity: 1; }

#search-refinement { font-size: 2rem; }

table.table.table-striped.table-hover > tbody > tr > th { border-bottom: 3px solid #d5d5d5; }
table.table.table-striped.table-hover > tbody > tr:nth-of-type(6n+1) > td { border-bottom: 3px solid #d5d5d5; } 

.thumbnail { border:none; border-radius: none; margin: 0 auto; max-width: 350px; min-height: inherit; }
.thumbnail .object-image { height: 0; padding-bottom: 100%; position: relative; width: 100%; }
.thumbnail .object-image > a { display: block; height: 100%; position: absolute; width: 100%; }
.thumbnail .object-image > a:focus img { box-shadow: 0 0 2px 2px #ff5700; }
.thumbnail .object-image > a img { position: relative; width: 100%; }
.thumbnail .object-image > a img.landscape { height: auto; top: 50%; transform: translateY(-50%); width: 100%; } /* translateY provides vertical centering on modern browsers, JS will calculate exact positioning and remove the transform on load */
.thumbnail .object-image > a img.portrait { height: 100%; width: auto; }
.thumbnail .object-image .image-not-available-caption { background: rgba(255,255,255,0.5); color: #000; text-align: center; width: 100%; z-index: 2; }
.thumbnails { border: none; }
.thumbnail-ch { min-height: 432px; }
.thumbnail-ch.compact { min-height: 335px; }

#pagination { clear: both; margin-left:auto; margin-right:auto; text-align:center; margin: 3em 0; }
.pagination li a { border-radius: 0 !important; margin:.1em; }

.pen-border { background-image: url('/images/pen-border.jpg'); background-size: auto 29px; clear: both; display: block; height: 29px; margin-bottom: 80px; width: 100%; }

#query-toggle-items li { margin-bottom: .75em; }

#sharing-object li,
#sharing-person li { cursor: pointer; display: block; text-align: center; }

.shoebox-collect-icon .icon-holder { background: url('/images/collect-gr.png') 0 0 no-repeat; background-size: contain; cursor: pointer; display: inline-block; height: 24px; margin-right: 1rem; position: relative; top: 3px; width: 24px; }
.shoebox-collect-icon .icon-holder:hover { background-image: url('/images/collect-or.png'); }
.shoebox-collect-icon .icon-holder.small { height: 18px; width: 18px; }
.shoebox-collect-icon.collected .icon-holder { background-image: url('/images/collect-or.png'); }
.shoebox-collect-icon.collected .icon-holder:hover { background-image: url('/images/collect-gr.png'); }

.stats-container { display: flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; margin-bottom:3rem; border-bottom: 2px solid #d5d5d5;}

.tags li { background-color: #eee; margin-bottom: 5px; margin-right: 2px; padding-top: 3px; }
.tags li.active a { color: #000; }

@media (max-width: 639px) {
    .mobile-view #search-query-collapsed { width: 119%; }

    .sub-nav-menu { margin-left: 0; margin-right: 0; }
}

@media (min-width: 640px) {
    .sub-nav-menu { margin-top: 0; }
}

@media (min-width: 980px) {
    #head_navi .sub-nav-menu #verbose-explore-text { display: inline; }
    #head_navi .navigation-menu .main-menu-item, 
    #head_navi .navigation-menu .sub-menu-item { width: 20%; }
    .navbar-brand img { width: 178px; margin-top: 0px; }
    .navigation-menu .navigation-menu__row a { font-size: 20px; line-height: 20px; }
    .navigation-menu__sub-menu .sub-menu-item:nth-child(6n+6) { clear: left; }
    .navigation-menu__sub-menu .sub-menu-item:nth-child(2n+1) { clear: none; }

    #mobile-subheader-toggle { display: none; }
    
    .sub-nav-menu { margin-top: 0; }
    .sub-nav-menu .container .row div:nth-child(6n+7) { clear: none; }
    .sub-nav-menu__menu-item { border-top: none; padding: 0 0 6px; }
    .sub-nav-menu__menu-item.align-right,
    .sub-nav-menu__menu-item.align-right button { text-align: right; }

    .navbar__tool-menu .navbar__tool-menu-row .navbar__tool-menu-item { width: 20%; }
}

@media (max-width: 979px) {
    #mobile-subheader-toggle { text-align: left; }
    
    #head_navi .sub-nav-menu { margin-bottom: 10px; padding-bottom: 0; }
    #head_navi .sub-nav-menu .col-md-2.blank { display: none; }
    #head_navi .sub-nav-menu .hide-viewport-sm { display: none; }
    #head_navi .sub-nav-menu .right-nav-item .btn { text-align: right; }
    #head_navi .sub-nav-menu .right-viewport-sm,
    #head_navi .sub-nav-menu .right-viewport-sm .btn { text-align: right; }
    #head_navi .sub-nav-menu .row { margin-top: 0; }

    .sub-nav-menu__menu-item { border-top: none; padding: 8px 0 11px; }

    .collection-aside { margin: 0; margin-bottom: 2rem; width: 100%; }
    .collection-aside.slim { width: 100%; }
    .collection-aside p { font-size: 2rem; }
    .collection-content { overflow: auto; padding: 0 15px 0 0; }
    .collection-content.straight { margin-left: 15px; }
    .collection-aside .rule { display:none; }

    .image-grid-float { clear: both; display: block; }
    .image-grid-float .col-md-4:nth-child(3) { clear: none; }

    .notify-bar { height: 6rem;}
    .notify-bar.expanded { top: 6.3rem; }
    .notify-bar-text { line-height: 2rem; }

    #sharing-object li,
    #sharing-person li { display: inline; }
}

@media (min-width: 980px) and (max-width: 1199px) {
    .thumbnail-ch { min-height: 382px; }

	.exhibition-apanel-thumbnail { font-size: 150%; margin-left: 6rem; }
	.exhibition-apanel-thumbnail:before { top: -16px; }
}

@media (min-width: 640px) and (max-width: 979px) {
    .colour-palette-small { height: 1.8rem; width: 1.8rem; }

	.exhibition-apanel-thumbnail { font-size: 80%; margin-left: 4rem; }
	.exhibition-apanel-thumbnail:before { top: -8px; }

    .object-image-caption { min-height: 300px; max-height: 300px; }
    .thumbnail-ch { min-height: 280px; }
}

@media (min-width: 1200px) {
    footer .email-privacy,
    footer .main-menu-item a,
    footer .sub-menu-item,
    footer .sub-menu-item a,
    footer .sub-menu-item li { font-size: 13px; line-height: 16px; }
}