/******************************************************************************\
  * Break points - partial file
  * This file is imported into 'base'
  *
  * Set your mediaquery breakpoints. I like to use cute bear names like Chris 
  * Coyer: http://css-tricks.com/naming-media-queries/
  * Set your breakpoints in ems: http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/
\******************************************************************************/
/******************************************************************************\
  * Colours - partial file
  * This file is imported into 'base'
  *
  * Note: Currently there are some colours set in the various partial files in
  * the theme. This can be cleaned up. Sorry!
\******************************************************************************/
/*
 * Descriptive colours
 *
 * Describes the colours in non-hex terms. 
 *
 * Example: $blue: #000CFF;
 */
/*
 * Descriptive
 */
/*
 * Functional variables
 *
 * Describes how the colours are actually used - these should not be hex colours
 * and should reference the colours specified above.
 *
 * Example: $link-text: $blue
 */
/******************************************************************************\
  * Fonts - partial file
  * This file is imported into 'base'
  *
  * Specify all fonts here, remember to include any licence information.
  * It is easiest to use the same font-family for all fonts and set the weights
  * and styles in the font face declarations: 
  * http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/
\******************************************************************************/
/*
 * Menus
 */
/*
 * Display attributes
 */
/*
 * Old browser fixes, based on Jake Archibald's method
 * http://jakearchibald.github.com/sass-ie/
 */
/*
 * Media queries - based on Jake Archibald's method
 * http://jakearchibald.github.com/sass-ie/
 */
.object {
  width: 240px;
  display: block;
  float: left;
  position: relative;
}
.object:before {
  padding-top: 100%;
  content: " ";
  display: block;
  float: left;
}
.object .objectlink-wrapper {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.object .object-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: url("../images/object-loading.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #eee;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .object .object-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/object-loading@2x.gif");
    background-size: 32px 32px;
  }
}
.object .object-image img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  display: inline;
}
.object .object-image .lazy {
  display: none;
}
.object .no-image {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.object .no-image p {
  padding: 1.25em;
  font-size: 0.875em;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.object .no-image:hover, .object .no-image:focus {
  background-color: #ccc;
}
.object .object-tall img {
  width: auto;
  height: 100%;
}

.active-object .no-image p {
  background-color: #e0e0e0;
}

.object-active .object {
  width: 50%;
}

#section-list .listing-table-wrapper .map-title-holder,
#section-object .listing-table-wrapper .map-title-holder {
  padding: 1rem;
}
#section-list .listing-table-wrapper h2.cluster-list-header,
#section-object .listing-table-wrapper h2.cluster-list-header {
  display: inline;
}
#section-list .listing-table-wrapper a.close,
#section-object .listing-table-wrapper a.close {
  float: right;
}
#section-list .listing-table-wrapper .object,
#section-object .listing-table-wrapper .object {
  width: auto;
  position: static;
  display: table-row;
  float: none;
  background-image: none;
}
#section-list .listing-table-wrapper .object:before,
#section-object .listing-table-wrapper .object:before {
  display: none;
}
#section-list .listing-table-wrapper .object:hover,
#section-object .listing-table-wrapper .object:hover {
  background-color: #F1FCFF;
}
#section-list .listing-table-wrapper .object:hover .table-image,
#section-object .listing-table-wrapper .object:hover .table-image {
  background: #252628;
}
#section-list .listing-table-wrapper .object:hover .table-image img,
#section-object .listing-table-wrapper .object:hover .table-image img {
  opacity: 0.5;
}
#section-list .listing-table-wrapper .object:hover .table-image p,
#section-object .listing-table-wrapper .object:hover .table-image p {
  background-color: #252628;
  color: #fff;
}
#section-list .listing-table-wrapper .object .table-image,
#section-object .listing-table-wrapper .object .table-image {
  padding: 0;
  height: 100px;
  max-width: 100px;
  position: relative;
  background-image: url("../images/object-loading.gif");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #eee;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #section-list .listing-table-wrapper .object .table-image,
  #section-object .listing-table-wrapper .object .table-image {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/object-loading@2x.gif");
    background-size: 32px 32px;
  }
}
#section-list .listing-table-wrapper .object .table-image p,
#section-object .listing-table-wrapper .object .table-image p {
  background-color: #eee;
}
#section-list .listing-table-wrapper .object .table-image img,
#section-object .listing-table-wrapper .object .table-image img {
  margin: 0 auto;
}
#section-list .listing-table-wrapper .object .table-image .no-image,
#section-object .listing-table-wrapper .object .table-image .no-image {
  background-color: #eee;
}
#section-list .listing-table-wrapper .object .table-image a:hover, #section-list .listing-table-wrapper .object .table-image a:focus,
#section-object .listing-table-wrapper .object .table-image a:hover,
#section-object .listing-table-wrapper .object .table-image a:focus {
  text-decoration: none;
}

#section-list .object-view-grid,
#section-object .object-view-grid {
  list-style: none;
  margin: 0;
  padding: 0;
}
#section-list .object-view-grid .object .object-content,
#section-object .object-view-grid .object .object-content {
  background: url("../images/ie8-white.png");
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  z-index: 20;
}
#section-list .object-view-grid .object .object-content:before,
#section-object .object-view-grid .object .object-content:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 30px;
  top: -20px;
  border: 10px solid;
  border-color: transparent transparent white transparent;
  border-color: transparent transparent rgba(255, 255, 255, 0.9) transparent;
}
#section-list .object-view-grid .object .object-content .object-content-wrapper,
#section-object .object-view-grid .object .object-content .object-content-wrapper {
  padding: 10%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 80%;
  *zoom: 1;
}
#section-list .object-view-grid .object .object-content .object-content-wrapper:before, #section-list .object-view-grid .object .object-content .object-content-wrapper:after,
#section-object .object-view-grid .object .object-content .object-content-wrapper:before,
#section-object .object-view-grid .object .object-content .object-content-wrapper:after {
  content: " ";
  display: table;
}
#section-list .object-view-grid .object .object-content .object-content-wrapper:after,
#section-object .object-view-grid .object .object-content .object-content-wrapper:after {
  clear: both;
}
#section-list .object-view-grid .object .object-content h3,
#section-object .object-view-grid .object .object-content h3 {
  margin: 0  0 10px 0;
  font-weight: 400;
  line-height: 1.2em;
}
#section-list .object-view-grid .object .object-content h3 a,
#section-object .object-view-grid .object .object-content h3 a {
  color: #232323;
  word-wrap: break-word;
}
#section-list .object-view-grid .object .object-content p,
#section-object .object-view-grid .object .object-content p {
  margin-top: 0;
}
#section-list .object-view-grid .object .object-content .object-desc,
#section-object .object-view-grid .object .object-content .object-desc {
  max-height: 60%;
  overflow: hidden;
}
#section-list .object-view-grid .object .object-content .object-desc p,
#section-object .object-view-grid .object .object-content .object-desc p {
  font-size: 0.8em;
  line-height: 1.2em;
  font-weight: 500;
  margin: 0;
  color: #757575;
}
#section-list .object-view-grid .object .object-content .read-more a,
#section-object .object-view-grid .object .object-content .read-more a {
  color: #000;
  font-weight: 400;
  font-size: 0.875em;
  padding: 6px 20px;
  background-color: #77ced9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  margin: 0 auto;
  display: inline-block;
  color: #000;
  line-height: 2em;
  transition: background-color 0.1s, transform 0.1s;
  -webkit-transition: background-color 0.1s, -webkit-transform 0.1s;
  color: #fff;
  float: right;
  margin-top: 20px;
}
#section-list .object-view-grid .object .object-content .read-more a:hover, #section-list .object-view-grid .object .object-content .read-more a:focus,
#section-object .object-view-grid .object .object-content .read-more a:hover,
#section-object .object-view-grid .object .object-content .read-more a:focus {
  background-color: #AADCEA;
}
#section-list .object-view-grid .selected .object-image,
#section-list .object-view-table .selected .object-image,
#section-object .object-view-grid .selected .object-image,
#section-object .object-view-table .selected .object-image {
  background: #252628;
}
#section-list .object-view-grid .selected .object-image img,
#section-list .object-view-table .selected .object-image img,
#section-object .object-view-grid .selected .object-image img,
#section-object .object-view-table .selected .object-image img {
  opacity: 0.5;
}
#section-list .object-view-grid .selected .no-image,
#section-list .object-view-table .selected .no-image,
#section-object .object-view-grid .selected .no-image,
#section-object .object-view-table .selected .no-image {
  background: #f0ecda;
}
#section-list .object-view-table,
#section-object .object-view-table {
  border-right: 1px solid #ccc;
  margin: 0;
  border: 0;
  border-spacing: 0;
  width: 100%;
}
#section-list .object-view-table td,
#section-list .object-view-table tr,
#section-object .object-view-table td,
#section-object .object-view-table tr {
  border: 0;
  padding: 0;
  border-spacing: 0;
}
#section-list .object-view-table .table-titles,
#section-object .object-view-table .table-titles {
  background: #ddd;
  border-bottom: #aaa 1px solid;
}
#section-list .object-view-table .table-titles th,
#section-object .object-view-table .table-titles th {
  font-weight: 300;
  padding: 10px;
  color: #000;
  font-weight: 400;
}
#section-list .object-view-table .table-titles .table-image,
#section-object .object-view-table .table-titles .table-image {
  width: 80px;
  height: auto;
}
#section-list .object-view-table .last td,
#section-object .object-view-table .last td {
  border-bottom: 0;
}
#section-list .object-view-table img,
#section-object .object-view-table img {
  display: block;
}
#section-list .object-view-table .table-title h3,
#section-object .object-view-table .table-title h3 {
  font-size: 1em;
  line-height: 1.3em;
  display: block;
  margin: 0 0 5px 0;
  font-weight: 400;
}
#section-list .object-view-table .table-title h3 a,
#section-object .object-view-table .table-title h3 a {
  color: #333;
}
#section-list .object-view-table td,
#section-object .object-view-table td {
  padding: 10px;
  vertical-align: middle;
  border-bottom: #ccc 1px solid;
}
#section-list .object-view-table td p,
#section-object .object-view-table td p {
  font-size: 0.875em;
  line-height: 1.5em;
  font-weight: 500;
  margin: 0;
  color: #444;
  max-width: 450px;
  text-align: center;
}

.page-collections .collection {
  clear: both;
  margin-top: 20px;
  margin-bottom: 30px;
  overflow: auto;
}
.page-collections .no-results {
  padding: 0;
}
.page-collections .no-results h3 {
  color: #524e3e;
  font-family: Helvetica, Arial, sans-serif;
}
.page-collections .object-view {
  margin: 0;
  padding: 0;
}
.page-collections .object-view li {
  list-style: none;
}
.page-collections .object-view li p:focus {
  outline: 0;
}
.page-collections .object-view h3 {
  margin: 0px 0 10px 0;
  font-weight: 400;
}
.page-collections .object-view h3 a {
  font-weight: 500;
  padding-left: 17px;
  background-repeat: no-repeat;
  background-image: url("../images/icon_tag.png");
  background-position: 0 center;
}
.page-collections .object-view h3 a:hover, .page-collections .object-view h3 a:focus {
  text-decoration: none;
  border-bottom: 1px solid #457a89;
}
.page-collections .object-view h3 .collection-count {
  padding-left: 0.3125em;
  font-weight: 300;
  font-size: 0.875em;
}
.page-collections .object-view .collection-statement-of-significance {
  margin-bottom: 20px;
}
.page-collections .object-view .collection-statement-of-significance p {
  font-size: 0.95em;
  font-weight: 400;
  color: #757575;
  margin: 1em 0;
}
.page-collections .collection-images {
  *zoom: 1;
  width: 100%;
  margin: 25px 0;
  position: relative;
}
.page-collections .collection-images:before, .page-collections .collection-images:after {
  content: " ";
  display: table;
}
.page-collections .collection-images:after {
  clear: both;
}
.page-collections .collection-images .object-image {
  width: 25%;
  float: left;
  position: relative;
}
.page-collections .collection-images .object-image:before {
  padding-top: 100%;
  content: " ";
  display: block;
  float: left;
}
.page-collections .collection-images .object-image img {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  display: inline;
}
.page-collections .collection-images:hover {
  background: #eee;
}
.page-collections .collection-images:hover .no-image {
  background: #fff;
}

.jqactive .object-view-table .active-object .objectlink img {
  opacity: 1;
}

.jqactive .object-content {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.jqactive .active-object .object-content {
  position: absolute;
  top: 100%;
  margin-top: 0;
  clip: auto;
  height: auto;
  overflow: inherit;
}
.jqactive .active-object .objectlink img {
  opacity: 0.5;
}
.jqactive .active-object .object-image {
  background: #252628;
}
.jqactive .active-object .featured-images .object-image,
.jqactive .active-object .collection-images .object-image {
  background: #252628;
}

.lt-ie8 .jqactive .active-object {
  position: relative;
  z-index: 100;
}
.lt-ie8 .jqactive .object-view-grid .object .object-content {
  left: 0;
}
.lt-ie8 .jqactive .object-view-grid .object .object-content a :hover {
  cursor: pointer;
}
.lt-ie8 .jqactive .object-view-grid .object .object-content .read-more a {
  color: #fff;
}

.no-results {
  padding: 50px;
  margin: 0;
}
.no-results h1 {
  font-size: 2.4em;
  color: #524e3e;
  font-weight: 400;
  font-family: Helvetica, Arial, sans-serif;
}
.no-results p {
  font-size: 0.95em;
  color: #2c2b27;
  font-family: Helvetica, Arial, sans-serif;
}

.details {
  overflow: auto;
  margin-bottom: 30px;
}

.object-view-table tr.selected td {
  background: #f0ecda;
}

.lt-ie9 #section-list .object-view-table .object .table-image p {
  height: 50px;
}