/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */

@font-face {
  font-family: LACMA;
  src: url('../fonts/lacma-bold-webfont.eot?'),
     url('../fonts/lacma-bold-webfont.woff') format('woff'),
     url('../fonts/lacma-bold-webfont.ttf') format('truetype'),
     url('../fonts/lacma-bold-webfont.svg#webfont') format('svg');
}
@font-face {
  font-family: Bau-Regular;
  font-weight: normal;
  src: url('../fonts/BauWebPro.eot?'),
  url('../fonts/BauWebPro.woff') format('woff');
}
@font-face {
  font-family: Bau-Regular;
  font-weight: bold;
  src: url('../fonts/BauWebPro-Medium.eot?'),
  url('../fonts/BauWebPro-Medium.woff') format('woff');
}

/*
 * Body
 */

body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 13px;
  background: white;
}

#page {
  position: relative;
}

#page-wrapper {
  position: relative;
  overflow: visible;
  min-width: 960px;
}

#admin-menu, #admin-menu .dropdown {
  z-index: 999999;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */

#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */

#header {
}

#logo {
  margin-left: 25px;
  margin-top: 25px;
  padding: 0;
}
#logo img {
  vertical-align: bottom;
}

#name-and-slogan { /* Wrapper for website name and slogan */
  float: left;
}

#site-name { /* The name of the website */
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}
#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan { /* The slogan (or tagline) of a website */
  margin: 0;
  font-size: 1em;
}

.region-header { /* Wrapper for any blocks placed in the header region */
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */

#main {
}

/*
 * Content
 */

a, a:link, a:visited {
  color: #E31B25;
  font-weight: bold;
  text-decoration: none;
}

#toolbar a, #toolbar a:link, #toolbar a:visited {
  font-weight: normal;
}

#toolbar {
  z-index: 999;
}

a:hover, a:focus, a:active {
  text-decoration: underline;
}

#content {
}

.region-highlighted {
}

#breadcrumbs {
  height: 26px;
  background-color: #E81A2E;
  font-size: 13px;
  color: white;
  padding-left: 10px;
  position: relative;
}

#breadcrumbs a:link,
#breadcrumbs a:visited {
  color: white;
}

#breadcrumbs .recent-search {
  position: absolute;
  top: 0px;
  right: 10px;
}

.breadcrumb { /* The path to the current page in the form of a list of links */
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.secondary-menu-right {
  position: absolute;
  top: 0;
  right: 10px;
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin: 0;
  clear: both;
}

tr.even { /* Some tables have rows marked even or odd. */
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
  clear: both;
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.messages.error,
div.messages.status {
  background-color: white;
  border-left: none;
  border-right: none;
  border-top: 1px solid #B2B2B2;
  border-bottom: 1px solid #B2B2B2;
  background-image: url(../images/message-ok.png);
}

div.messages.error {
  background-image: url(/misc/message-24-error.png);
}

div.status { /* Normal priority messages */
}

div.warning,
tr.warning { /* Medium priority messages */
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error { /* High priority messages. See also the .error declaration below. */
}

.error { /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning { /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

.tabs { /* See also the tabs.css file. */
}

.region-help { /* Help text on a page */
}

.more-help-link { /* Link to more help */
}

.region-content { /* Wrapper for the actual page content */
}

ul.inline { /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0; /* LTR */
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}
.item-list .pager li { /* Each page number in the pager list */
  padding: 0 0.5em;
}

.feed-icon { /* The link to the RSS or Atom feed for the current list of content */
}

.more-link { /* Aggregator, blog, and forum more link */
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */

.region-sidebar-first {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */

.region-sidebar-second {
}

/*
 * Footer
 */

#footer {
  padding-top: 20px;
}

#footer-social {
  width: 270px;
  float: left;
}

#footer-social {
	float:right;
  margin-top: 5px;
}

#footer-social a {
	display: block;
	float: left;
	text-indent: -9000px;
	background: url('../images/sprites.png') top left no-repeat;
	margin-right: 7px;
}

#footer-social a#unframed {
	width: 60px;
	height: 12px;
	background-position: -349px -231px;
}

#footer-social a#facebook {
	width: 14px;
	height: 14px;
	background-position: -393px -257px;
}

#footer-social a#twitter {
	width: 13px;
	height: 14px;
	background-position: -395px -281px;
}

#footer-social a#myspace {
	width: 15px;
	height: 15px;
	background-position: -391px -360px;
}

#footer-social a#flickr {
	width: 41px;
	height: 14px;
	background-position: -366px -302px;
}

#footer-social a#youtube {
	width: 45px;
	height: 20px;
	background-position: -363px -331px;
	margin-right:0px;
}

#block-menu-menu-footer-links {
  float: left;
}


/*
 * Page bottom
 */

.region-bottom { /* Wrapper for any blocks placed in the page bottom region */
}

/*
 * Art object node
 */
.node-type-art-object h1.title {
  display: none;
}

.node-type-art-object .node-art-object a {
  font-weight: normal;
}

.node-type-art-object .tabs.primary {
  margin-bottom: 20px;
}

.node-type-art-object .node-art-object {
  clear: both;
  border: 1px solid #b2b2b2;
  padding: 35px 20px 35px 35px;
  margin-bottom: 20px;
}

.node-type-art-object .node-art-object .art-media-container {
  display: none;
}

.node-type-art-object .node-art-object .art-media-container.active {
  display: block;
}

.node-type-art-object .node-art-object .group-left {
  width: 560px;
}

.node-type-art-object .node-art-object .art-media-links {
  text-transform: uppercase;
  font-size: 13px;
  text-align: right;
  margin-bottom: 7px;
  margin-top: -25px;
}

.node-type-art-object .node-art-object .art-media-links a:active,
.node-type-art-object .node-art-object .art-media-links a:focus,
.node-type-art-object .node-art-object .art-media-links a:visited,
.node-type-art-object .node-art-object .art-media-links a {
  color: black;
  text-decoration: none;
}

.node-type-art-object .node-art-object .art-media-links a.active {
  color: #E31B25;
}

.node-type-art-object .node-art-object .group-right {
  margin-left: 30px;
  width: 310px;
}

.node-type-art-object .node-art-object {
  line-height: 1.4em;
	position: relative;
}

.node-type-art-object .node-art-object .field-name-field-copyright-text {
  text-align: center;
}

.node-type-art-object .node-art-object .media-asset-image {
  text-align: center;
}

.node-type-art-object .node-art-object .field-name-title,
.node-type-art-object .node-art-object .field-name-title .field-items,
.node-type-art-object .node-art-object .field-name-title .field-item,
.node-type-art-object .node-art-object .field-name-field-artwork-credit-line,
.node-type-art-object .node-art-object .field-name-field-artwork-credit-line .field-items,
.node-type-art-object .node-art-object .field-name-field-artwork-credit-line .field-item,
.node-type-art-object .node-art-object .field-name-field-artwork-accession-number,
.node-type-art-object .node-art-object .field-name-field-artwork-accession-number .field-items,
.node-type-art-object .node-art-object .field-name-field-artwork-accession-number .field-item,
.node-type-art-object .node-art-object .field-name-field-artwork-dates,
.node-type-art-object .node-art-object .field-name-field-artwork-dates .field-items,
.node-type-art-object .node-art-object .field-name-field-artwork-dates .field-item {
  display: inline;
}

.node-type-art-object .node-art-object .field-name-title h2 {
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  line-height: 1.4em;
  display: inline;
}

.node-type-art-object .node-art-object h1 {
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 0;
  line-height: 1.4em;
  /*color: #E31B25;*/
}

.node-type-art-object .node-art-object .artist-name h2 {
  font-size: 13px;
  margin-top: 0px;
  margin-bottom: 0;
  line-height: 1.4em;
}

.node-type-art-object .node-art-object .on-view {
  margin-top: 20px;
  /*color: #E31B25;*/
}

.node-type-art-object .node-art-object .on-view .on-view-status {
  font-weight: bold;
}

.node-type-art-object .node-art-object .location-note {
  color: #828282;
}

.node-type-art-object .node-art-object .art-links {
  background-color: #e8e8e8;
  height: 25px;
  margin-top: 10px;
}

.node-type-art-object .node-art-object .art-links a {
  text-transform: uppercase;
  color: black;
  display: block;
  float: left;
  margin-top: 3px;
  margin-left: 10px;
}

.node-type-art-object .node-art-object .download-container a {
  display: block;
  text-transform: uppercase;
  padding: 5px;
}

.node-type-art-object .node-art-object .download-container .inactive-link {
  color: #999999;
  text-transform: uppercase;
  padding: 5px;
}

.node-type-art-object .node-art-object .download-container .media-download-container {
  display: none;
}

.node-type-art-object .node-art-object .download-container .media-download-container.active {
  display: block;
}

.node-type-art-object .node-art-object .art-links .flag-message a {
  color: #E31B25;
  text-transform: none;
}

.node-type-art-object .node-art-object .art-links .flag-wrapper {
  float: left;
}

.node-type-art-object .node-art-object .art-links .flag-wrapper .flag-add-icon {
  width: 14px;
  height: 14px;
  background-image: url(../images/add-remove-icon.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  letter-spacing: 12px;
  text-decoration: none;
}

.node-type-art-object .node-art-object .art-links .flag-wrapper .flag-remove-icon {
  width: 14px;
  height: 14px;
  background-image: url(../images/add-remove-icon.png);
  background-repeat: no-repeat;
  background-position: -19px 0;
  letter-spacing: 12px;
  text-decoration: none;
}

.node-type-art-object .node-art-object .art-links .flag-message {
  top: 28px;
  background-color: white;
  border: 1px solid #868686;
  padding: 3px;
  width: 150px;
}

.node-type-art-object .node-art-object .art-message {
  text-align: center;
}

.node-type-art-object .node-art-object .art-footnote {
  margin-top: 10px;
  color: #828282;
}

.node-type-art-object .node-art-object .popup-container {
  border: 1px solid black;
  margin-top: 5px;
  padding: 10px;
	display: none;
}

.node-type-art-object .node-art-object .comment {
  margin-top: 20px;
  margin-bottom: 10px;
}

.node-type-art-object .node-art-object .submitted-header {
  background-color: #e3e3e3;
  padding: 0.5em;
}

.node-type-art-object .node-art-object .submitted-header h3 {
  margin-top: 0;
  margin-bottom: 0;
}

.node-type-art-object .node-art-object .comment-form .form-item {
  clear: both;
  padding-top: 10px;
  margin: 0;
}

.node-type-art-object .node-art-object .comment-form .form-type-textarea textarea {
  clear: both;
}

.node-type-art-object .node-art-object .comment-form .form-item label {
  display: block;
  float: left;
}

.node-type-art-object .node-art-object .comment-form .form-item input {
  float: right;
  width: 400px;
  margin-right: 10px;
}

.node-type-art-object .node-art-object .comment-form .form-item .username {
  float: right;
  width: 400px;
  margin-right: 10px;
  display: block;
}

.node-type-art-object .node-art-object .comment-container .comment .field-name-comment-body {
  padding: 0.5em;
}

.node-type-art-object .node-art-object .comment-container h2.title {
  display: none;
}

.node-type-art-object .node-art-object .comment-container ul.links {
  margin-top: 10px;
  margin-bottom: 0;
  display: block;
}

.node-type-art-object .node-art-object .comment-container .comment_forbidden {
  display: none;
}

.node-type-art-object .node-art-object .comment-container .more-link {
  margin-top: 1.5em;
  display: block;
  text-align: left;
}

.node-type-art-object .node-art-object .comment-container .comment-expanded {
  display: none;
}

.node-type-art-object .node-art-object .art-button {
  display: inline-block;
  border: none;
  background-color: #d2d2d2;
  color: black;
  padding: 0px 5px;
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.node-type-art-object .node-art-object .art-button-view-comments {
  margin-top: 20px;
}

.node-type-art-object .node-art-object .art-button.right {
  float: right;
}

.node-type-art-object .node-art-object input[type=submit] {
  border: none;
  background-color: #7f7f7f;
  color: white;
  font-weight: bold;
  padding: 2px 5px;
}

.node-type-art-object .node-art-object .tag-container .tags {
	clear: both;
  margin-bottom: 20px;
}
.node-type-art-object .node-art-object .tag-container .login-links {
	margin-top: 20px;
}

.node-type-art-object .node-art-object .tag-container .add-tag-form {
	clear: both;
}

.node-type-art-object .node-art-object .tag-container .form-item-tags label {
	display: none;
}

.node-type-art-object .node-art-object .tag-container .form-item-tags {
	margin-bottom: 5px;
}

.node-type-art-object .node-art-object .tag-container .instructions {
	margin-top: 5px;
}

.node-type-art-object .node-art-object .enlarge-container {
	position: absolute;
	width: 700px;
	height: 700px;
	top: 35px;
	left: 35px;
	z-index: 100;
	background-color: white;
}

.node-type-art-object .node-art-object .enlarge-container .zoom-in {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 100;
}

.node-type-art-object .node-art-object .enlarge-container .zoom-out {
  position: absolute;
  top: 12px;
  left: 50px;
  z-index: 100;
}

.node-type-art-object .node-art-object .enlarge-container img {
  max-width: none;
}

.node-type-art-object .node-art-object .enlarge-container .close-button {
	position: absolute;
	right: -20px;
	top: -20px;
	z-index: 10000;
}

.node-type-art-object .node-art-object .enlarge-container #art-image-enlarge {
	width: 100%;
	height: auto;
}

.node-type-art-object .node-art-object .media-asset-copyright {
  text-align: center;
}

.browse-pager-container {
  clear: both;
  height: 18px;
  margin-bottom: 10px;
}

.browse-pager-container .browse-pager-next {
  float: left;
  width: 14px;
  height: 18px;
  background-image: url("../images/thin-arrows.png");
  background-position: -18px 0px;
}

.browse-pager-container .browse-pager-next.inactive {
  background-position: -18px -18px;
}

.browse-pager-container .browse-pager-title {
  float: left;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  line-height: 20px;
}

.browse-pager-container .browse-pager-title a:visited,
.browse-pager-container .browse-pager-title a {
  line-height: 20px;
  color: #000;
}

.browse-pager-container .browse-pager-prev {
  float: left;
  width: 14px;
  height: 18px;
  background-image: url("../images/thin-arrows.png");
  background-position: 0px 0px;
}

.browse-pager-container .browse-pager-prev.inactive {
  background-position: 0px -18px;
}

#map-modal {
  display: none;
  background-color: white;
  padding: 10px;
  border: 1px solid black;
  position: relative;
}

#map-modal .map-image {
  width: 368px;
  height: 647px;
}

#map-modal .map-marker {
  position: absolute;
  z-index: 100;
}

#map-modal .map-location {
  position: absolute;
  z-index: 100;
  background-color: black;
  padding: 3px;
  color: white;
  font-size: 12px;
  line-height: 12px;
}

 #map-modal .simplemodal-close {
  position: absolute;
  right: -15px;
  top: -15px;
  z-index: 10000;
}

#art-image-enlarge_ttip {
	z-index: 9999;
}

#art-accordion .ui-icon {
  display: none;
}

#art-accordion.ui-accordion-icons .ui-accordion-header a {
  padding-left: 0.7em;
  text-transform: uppercase;
  font-size: 11px;
}

#art-accordion .ui-state-default,
#art-accordion .ui-widget-content .ui-state-default,
#art-accordion .ui-widget-header .ui-state-default,
#art-accordion .ui-state-active,
#art-accordion  .ui-widget-content .ui-state-active,
#art-accordion .ui-widget-header .ui-state-active {
  background-image: none;
  background-color: #e3e3e3;
  border: none;
}


#art-accordion .ui-corner-top {
  -moz-border-radius-topleft: 0px/*{cornerRadius}*/;
  -webkit-border-top-left-radius: 0px/*{cornerRadius}*/;
  border-top-left-radius: 0px/*{cornerRadius}*/;
  -moz-border-radius-topright: 0px/*{cornerRadius}*/;
  -webkit-border-top-right-radius: 0px/*{cornerRadius}*/;
  border-top-right-radius: 0px/*{cornerRadius}*/;
}

#art-accordion .ui-corner-bottom {
  -moz-border-radius-bottomleft: 0px/*{cornerRadius}*/;
  -webkit-border-bottom-left-radius: 0px/*{cornerRadius}*/;
  border-bottom-left-radius: 0px/*{cornerRadius}*/;
  -moz-border-radius-bottomright: 0px/*{cornerRadius}*/;
  -webkit-border-bottom-right-radius: 0px/*{cornerRadius}*/;
  border-bottom-right-radius: 0px/*{cornerRadius}*/;
}

#art-accordion .ui-corner-all {
  moz-border-radius: 0px/*{cornerRadius}*/;
  -webkit-border-radius: 0px/*{cornerRadius}*/;
  border-radius: 0px/*{cornerRadius}*/;
}

#art-accordion.ui-accordion .ui-widget-content {
  border: none;
  padding-left: 10px;
  padding-right: 10px;
}

#art-accordion.ui-widget {
  font-family: "Helvetica", "Arial", sans-serif;
  margin-top: 20px;
}

#art-accordion .group-content ul {
  padding-left: 15px;
}

#art-accordion .group-content li {
  margin-bottom: 10px;
}

#art-accordion .accordion-group-expanded {
  display: none;
}

#art-content-blocks h2.title {
  background-image: none;
  background-color: #e3e3e3;
  border: none;
  padding: 0;
  line-height: 1.3;
}

#art-content-blocks h2.title span {
  padding-left: 0.7em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: normal;
  display: block;
  padding: 0.5em 0.5em 0.5em 0.7em;
  color: black;
}

#art-content-blocks .group-content {
  border: none;
  padding: 15px 10px;
}

#art-content-blocks .group-content p {
  margin-top: 0;
}

#art-content-blocks .group-content ul {
  margin-top: 0;
}

#art-content-blocks {
  font-family: "Helvetica", "Arial", sans-serif;
  margin-top: 20px;
}

#art-content-blocks .group-content ul {
  padding-left: 15px;
}

#art-content-blocks .group-content li {
  margin-bottom: 10px;
}

#art-content-blocks .group-expanded {
  display: none;
}

#art-content-blocks .group-content .more-link {
  margin-top: 1.5em;
  display: block;
  text-align: left;
  width: 50px;

}

#art-content-blocks .group-content .more-link:focus,
#art-content-blocks .group-content .more-link:active {
  outline: none;
  text-decoration: none;
}

/* Blog excerpts block */

.blog-excerpts-block {
  margin-top: 30px;
  margin-bottom: 30px;
}
.blog-excerpts-block .content {
  padding-bottom: 8px;
  margin-bottom: 24px;
  margin-right:18px;
  padding-left:21px;
}

.blog-excerpts-block .tableHeader-processed {
  float:none;
  width:auto;
}

.blog-excerpts-block .blog-excerpts-heading {
  background:url("../images/sprites.png") no-repeat scroll -13px -227px;
  text-indent: -9000px;
  width:142px;
  height:14px;
  margin-bottom:25px;
}

.blog-excerpts-block .field-blog-excerpt-title {
  font:bold 16px/18px "Helvetica",sans-serif;
  color:#E31B25;
  padding-bottom:2px;
  margin-bottom:0px;
}

.blog-excerpts-block .field-blog-excerpt-title a {
  font-weight: bold;
}

.blog-excerpts-block .field-blog-entry-date {
  color: #828282;
}

.blog-excerpts-block .bottom-border {
  border-bottom: dashed 1px #c5c5c5;
}

.blog-excerpts-block .blog-excerpt-inner {
  border-bottom: 1px solid #ddd;
  margin-bottom: 1em;
}

.blog-excerpts-block .blog-excerpt-inner.last {
  border-bottom: none;
  margin-bottom: 0;
}

.art-listing {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

/*
 * Exhibition node (parent browse)
 */
.node-type-exhibition #main {
  /*padding-top: 1em;*/
}

.node-type-exhibition h1.title {
  display: none;
}

.node-type-exhibition .node-exhibition {
  clear: both;
  border: 1px solid #b2b2b2;
  padding: 35px 20px 35px 35px;
  margin-bottom: 20px;
}

.node-type-exhibition .art-listing-wrapper {
  margin-top: 20px;
}


.exhibition-node.art-listing-wrapper .art-listing {
  display: grid;
  gap: 15px 25px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}


.art-listing-column {
  .exhibition-node.art-listing-wrapper .art-listing {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.node-type-exhibition .tabs.primary {
  margin-bottom: 20px;
}

.node-type-exhibition .node-exhibition .group-left {
  width: 310px;
}

.node-type-exhibition .node-exhibition .group-right {
  margin-left: 30px;
  width: 560px;
}

.node-type-exhibition .node-exhibition {
  line-height: 1.4em;
  position: relative;
}

.node-type-exhibition .node-exhibition h2 {
font-size: 16px;
font-style: italic;
margin-top: 0px;
margin-bottom: 1em;
line-height: 1.4em;
}

/*
 * Artist page
 */

.node-type-artist .content-text-column {
  width: 365px;
  padding-right: 15px;
  float: left;
  clear: left;
}

.node-type-artist .art-listing-column {
  width: 580px;
  float: right;
}

.node-type-artist .art-listing {
  display: grid;
  gap: 20px 15px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}

.art-listing-item {
  padding: 0 8px;
  max-width: 146px;
}

.node-type-artist #main {
  padding-top: 1em;
}

.node-type-artist .artist-no-bio-head {
  clear: both;
  height: 30px;
}

.node-type-artist .artist-name {
  color: #343434;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  line-height: 1.5em;
  float: left;
}

.node-type-artist .artist-record-count {
  float: left;
  margin-left: 300px;
  color: #8b8b8b;
}

.node-type-artist .artist-image-only {
  float: right;
}

.node-type-artist .artist-main {
  padding: 0px;
  clear: both;
}

.node-type-artist .artist-no-bio .artist-main {
  height: auto;
  overflow: visible;
}

.node-type-artist .artist-main h2 {
  color: #E31B25;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 0 25px;
}

.node-type-artist .artist-main h2 a {
  font-weight: normal
}

.node-type-artist .artist-main table {
  margin-top: 10px;
  margin-bottom: 0;
}

.node-type-artist .artist-no-bio .artist-main table {
  /*margin-bottom: 80px;*/
  width: 100%;
}

.node-type-artist .artist-main td {
  vertical-align: top;
  padding: 5px 0px 10px 0px;
}

.node-type-artist .artist-no-bio .artist-main .art-preview-wrapper {
  width: 154px;
  position: relative;
}

.node-type-artist .artist-main .art-preview {
  width: 140px;
  /*margin-left: 7px;*/
  margin-right: 7px;
}

.node-type-artist .artist-main .art-image {
  line-height: 0;
  text-align: left;
}

.node-type-artist .artist-main .art-image img {
  max-height: 140px;
}

.node-type-artist .artist-main .art-data {
  font-size: 11px;
  padding-top: 3px;
}

.node-type-artist .artist-main .artist-hidden {
  display: none;
}

.node-type-artist .artist-main .artist-more td {
  text-align: right;
  padding-right: 5px;
}

.node-type-artist .artist-no-bio .artist-main .art-preview .art-data {
  line-height: 18px;
}
.node-type-artist .artist-no-bio .artist-main .art-preview .art-data a {
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  color: black;
}

.node-type-artist .artist-main .art-preview:hover .art-data {
  display: block;
}

.node-type-artist .artist-bio {
  padding: 0;
}

.node-type-artist .artist-bio-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 2em;
  color: #363a3b;
}

/* Photography order form */
#standalone-page {
  width: 100%;
  min-width: 540px;
}

#standalone-page #main {
  border-top: 20px solid #E0E0E0;
  border-bottom: 20px solid #E0E0E0;
  border-left: 10px solid #E0E0E0;
  border-right: 10px solid #E0E0E0;
  padding: 15px;
}

@media print
{
  #standalone-page #main {
    border: none;
  }

  #standalone-page .form-actions input {
    display: none;
  }
}

#standalone-page #content {
  width: 500px;
  padding: 20px;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

#standalone-header {
  margin-bottom: 10px;
}

#standalone-page fieldset {
  border: none;
  padding: 0px;
}

#standalone-page fieldset legend {
  font-weight: bold;
}

#standalone-page .webform-component-radios div.form-item {
  display: block;
}

/*
 * Art listing (On User profile, exhibition node)
 */
.profile .welcome-text {
  margin-bottom: 30px;
}
.art-listing-header {
  clear:both;
  position: relative;
  margin-top: 15px;
  margin-bottom: 15px;
}

.art-listing-title {
  max-width: 365px;
  color: #343434;
  font-size: 1.5em;
  font-weight: normal;
  float: left;
}

.art-listing-subtitle {
  font-weight: bold;
}

.art-listing-count {
  color: #8b8b8b;
  margin-left: 380px;
}

.art-listing-wrapper {
  clear: both;
}

table.art-listing {
  margin-top: 0;
}

table.art-listing td {
  vertical-align: top;
  padding: 5px 0 10px 0;
}

table.art-listing .art-preview-wrapper {
  width: 156px;
  position: relative;
}

.art-scroller .art-listing {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  width: min-content;
}

div.art-listing .art-preview ,
table.art-listing .art-preview {
  width: 140px;
  margin-left: 7px;
  margin-right: 7px;
}

div.art-listing .art-image,
table.art-listing .art-image {
  line-height: 0;
}

div.art-listing .art-data .artwork-title a,
table.art-listing .art-data .artwork-title a,
.exhibition-node.art-listing-wrapper .art-data .artwork-title a {
  font-size: 13px;
  font-weight: bold;
  color: black;
}

div.art-listing .art-data .artist a,
table.art-listing .art-data .artist a {
  font-size: 13px;
  font-weight: normal;
  color: black;
}

div.art-listing .art-preview .art-data,
table.art-listing .art-preview .art-data,
.exhibition-node.art-listing-wrapper .art-preview .art-data {
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding-top: 3px;
}

.art-listing-pager-wrapper .pager {
  margin-left: auto;
  margin-right: auto;
}

.profile table.art-listing .art-preview:hover {
  /*border: 1px solid black;*/
 }

table.art-listing .media-asset-image {
 text-align: left;
}

.exhibition-section-node .art-listing .media-asset-image img {
  max-height: 140px;
  max-width: 140px;
}

.exhibition-section-node.art-listing-wrapper .art-listing {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-popular table.art-listing .media-asset-image,
.home-featured table.featured-listing .media-asset-image,
.home-popular .art-listing .media-asset-image  {
 background-color: #eee;
 height: 179px;
 width: 179px;
 vertical-align: middle;
 display: table-cell;
 text-align: center;
}

.home-popular table.art-listing .media-asset-image img,
.home-popular .art-listing .media-asset-image img {
  max-height: 160px;
}

.profile table.art-listing .media-asset-image {
  /*border: 1px solid black;*/
}

.profile table.art-listing .art-preview-wrapper {
  margin-bottom: 15px;
}

.profile table.art-listing .art-preview:hover .media-asset-image {
  border: none;
}

.profile table.art-listing .media-asset-image {
 width: 160px;
 display: table-cell;
}

.profile table.art-listing .art-preview:hover .media-asset-image {
  /*background-color: #eee;*/
}

.profile table.art-listing .art-preview-wrapper {
  width: 170px;
}

.profile table.art-listing .art-preview {
  width: 160px;
}

/*
 * Exhibition section node
 */
.node-type-exhibition-section #main {
  padding-top: 1em;
}

 .node-type-exhibition-section h1.title {
  display: none;
}

.node-exhibition-section dd {
  margin: 0;
}

.node-exhibition-section .content-text-column {
  width: 365px;
  padding-right: 15px;
  float: left;
  clear: left;
}

.node-exhibition-section .art-listing-column {
  width: 580px;
  float: right;
}

.node-exhibition-section table.art-listing {
  width: 100%;
}

.node-exhibition-section table.art-listing .art-preview {
}

.node-exhibition-section table.art-listing td.first .art-preview {
  margin-left: 0;
}

.node-exhibition-section table.art-listing td.last .art-preview {
  margin-right: 0;
}

/*
 * Home page
 */
.page-home #main {
  padding-top: 1em;
}
.searchbar-header {
  font-size: 1.2em;
  margin-top: 62px;
}
.home-search {
  min-height: 290px;
  margin-bottom: 30px;
  font-size: 14px;
}

.home-search .search-keyword-bar {
  background-color: #E81A2E;
  height: 50px;
  margin-bottom: 10px;
  position: relative;
}

.home-search.advanced-search .search-keyword-bar {
  height: 210px;
}

.home-search.advanced-search .instructions {
  position: absolute;
  top:55px;
  left: 255px;
  color: white;
}

.home-search.advanced-search .field-selector {
  position: absolute;
  top: 80px;
  left: 255px;
  width: 680px;
  color: white;
}

.home-search.advanced-search .field-selector > div {
  float: left;
  width: 33%;
}

.home-search.advanced-search .tab-instructions {
  margin-bottom: 10px;
  font-weight: bold;
  color: #666;
}
.home-search .search-keyword-bar .title {
  color: white;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: 12px;
  left: 12px;
}

.home-search .search-keyword-bar .keyword-input {
  position: absolute;
  top: 10px;
  left: 250px;
}

.home-search .search-keyword-bar .keyword-input input {
  width: 408px;
  height: 26px;
  border: 1px solid #723f3f;
}

.home-search .search-keyword-bar .keyword-submit {
  position: absolute;
  top: 10px;
  left: 670px;
  height: 30px;
  width: 30px;
}

.home-search .search-bottom-button input[type="submit"],
.home-search .search-keyword-bar input[type="submit"] {
  background-color: #969696;
  width: 28px;
  height: 28px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-image: url(../images/button-search.png);
  font-size: 0px;
}

.home-search .search-bottom-button input[type="submit"] {
  bottom: 0;
}

.home-search .search-bottom-button-container {
  height: 35px;
}

.home-search .search-bottom-button {
  display: none;
  float: right;
  text-align: right;
  background-color: #E81A2E;
  color: white;
  padding: 3px 15px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-weight: bold;
  line-height: 20px;
  cursor: pointer;
}

.home-search .search-bottom-button span {
  position: relative;
  top: 3px;
}

.home-search .search-keyword-bar .filters {
  position: absolute;
  top: 10px;
  left: 710px;
  color: white;
  line-height: 17px;
}

.home-search a {
  font-weight: normal;
}

.home-search .checkbox-label {
  cursor: pointer;
}

.home-search .search-left {
  float: left;
  width: 235px;
}

.home-search .search-right {
  float: right;
  width: 715px;
}

.home-search input[type=submit] {
  background-color: #E81A2E;
  color: white;
  padding: 5px 15px;
  border: none;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  position: relative;
  bottom: 2px;
}

.home-search .search-fields {
  clear: both;
  min-height: 30px;
  margin-bottom: 15px;
}

.home-search .search-fields div {
  float: left;
}

.home-search .search-fields div.field-second {
  margin-left: 20px;
}

.home-search .search-listing table {
  width: 100%;
  margin-top: 0;
}

.home-search .search-listing tr {
  border: none;
  background-color: transparent;
}

.home-search .search-listing td {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
}
.home-search .search-listing .highlights td {
  vertical-align: top;
}
.home-search .search-tab {
  padding: 0;
  height: 45px;
  background-color: #E81A2E;
  margin-bottom: 8px;
}

.home-search .search-tab input {
  position: relative;
  bottom: 33px;
  left: 210px;
}

.home-search .search-tab.active {
  background-color: white;
}

.home-search .search-tab a {
  color: white;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0 10px 12px;
  display: block;
}

.home-search .search-tab a:active,
.home-search .search-tab a:focus,
.home-search .search-tab a:hover {
  text-decoration: none;
  outline: none;
}

.home-search .search-tab.active a {
  color: #666666;
}

.home-search .search-panel {
  display: none;
  padding: 10px 10px 10px 20px;
  min-height: 268px;
  color: #E31B25;
}

.home-search .search-panel.active {
  display: block;
}

.home-search .search-advanced {
  clear: both;
}

.home-page.art-listing-wrapper {
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  height: 210px;
  margin-top: -3px;
}

.home-page.art-listing-wrapper table.art-listing {
  position: absolute;
  width: 99%;
  margin: 4px 0 4px 0;
}

.home-page.art-listing-wrapper table.art-listing td {
  padding: 0;
}

.home-page.art-listing-wrapper table.art-listing .art-preview-wrapper,
.home-page.art-listing-wrapper .art-listing .art-preview-wrapper {
  height: 192px;
  width: 192px;
}

.home-page.art-listing-wrapper table.art-listing .art-preview,
.home-page.art-listing-wrapper .art-listing .art-preview {
  width: 177px;
  margin-left: 7px;
  margin-right: 7px;
}

.home-page.art-listing-wrapper table.art-listing td.first .art-preview {
}

.home-page.art-listing-wrapper table.art-listing td.last .art-preview,
.home-page.art-listing-wrapper .art-listing td.last .art-preview {
  margin-right: 0;
}

.home-popular {
  position: relative;
}

.home-popular .title {
  font-size: 16px;
  color: #666;
  font-weight: bold;
  margin-left: 10px;
}

.art-listing-pager {
  position: absolute;
  top: 75px;
  width: 34px;
  height: 34px;
  background-color: gray;
  z-index: 99;
}
.featured-listing-wrapper .art-listing-pager {
  top: 90px;
}

.art-listing-left {
  left: 10px;
  background: url(../images/pager-arrow-left.png);
}

.art-listing-right {
  right: 10px;
  background: url(../images/pager-arrow-right.png);
}

.featured-listing-wrapper {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  height: 300px;
  margin-bottom: 20px;
}

table.featured-listing {
  position: absolute;
}

table.featured-listing .featured-preview {
  width: 192px;
  margin-left: 0px;
  margin-right: 0px;
}

table.featured-listing td {
  vertical-align: top;
  text-align: center;
  padding: 0;
}

 table.featured-listing .featured-image {
  line-height: 0;
  margin-left: 7px;
  margin-right: 7px;
}

 table.featured-listing .featured-data {
  padding: 3px;
  min-height: 50px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin-left: 20px;
  margin-right: 10px;
  color: #E81A2E;
  line-height: 1.3em;
}

/*
 * Search results
 */
.search-results {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  width: 100%;

}

.search-result {
  padding: 5px 5px 10px 5px;
  vertical-align: top;
  text-align: left;
  line-height: 1.4em;
}

.search-result .search-result-image {
  width: 160px;
  text-align: left;
}

.search-result .search-result-image img {
  max-height: 160px;
}

.search-result .search-result-data a {
  font-weight: bold;
  font-size: 13px;
  color: black;
}

.block-facetapi h2.block-title {
  font-size: 1.2em;
  line-height: 1.5em;
}

.block-facetapi ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
}

.block-facetapi ul li.leaf {
  line-height: 1.3em;
  font-weight: bold;
  list-style: none;
}

.block-facetapi a {
  font-weight: bold;
  color: gray;
}

.block-facetapi a.facetapi-limit-link {
  color: #E31B25;
}

.block-facetapi a:hover {
  color: #F30;
  text-decoration: none;
}

.page-search h1.title {
  clear: none;
}

.page-search h1.search-title {
  font-family: LACMA, "Helvetica","Arial",sans-serif;
  color: #E81A2E;
  line-height: 90%;
  font-weight: normal;
  font-size: 30px;
  padding-top: 0px;
  margin-top: 0px;
}

.page-search #content > h2 {
  clear: both;
}

.page-search .search-form {
  position: relative;
  height: 55px;
}

.page-search .search-form .form-item-retain-filters {
  position: absolute;
  top: 47px;
  left: 340px;
  margin: 0;
}

.page-search .search-form .form-item-on-view-only {
  position: absolute;
  top: 30px;
  left: 340px;
  margin: 0;
}

.page-search .search-form .form-item-has-image {
  position: absolute;
  top: -5px;
  left: 340px;
  margin: 0;
}

.page-search .search-form .form-item-has-unrestricted-image {
  position: absolute;
  top: 12px;
  left: 340px;
  margin: 0;
}

.search-more-at-lacma {
  display: block;
  float: right;
  width: 189px;
  height: 125px;
  position: relative;
}

.search-more-title {
  position: absolute;
  top: 10px;
  left: 10px;
  font-family: LACMA,"Helvetica","Arial",sans-serif;
  color: #E31B25;
  font-weight: normal;
  line-height: 1.3em;
}

/*
 * User login page
 */
.not-logged-in.page-user #content,
.not-logged-in.page-user-register #content,
.not-logged-in.page-userpassword #content {
  margin-left: 20px;
}

.shiftzoom-info {
  z-index: 99999999;
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left : 0;
}

/*
 * Survey monkey
 */
.smcx-widget {
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  left: auto !important;
}