@charset "UTF-8";
/* *********************************************
  DON'T EDIT THE CSS FILE, ONLY THE SCSS FILE!

  If you're using the development VM, it will automatically compile the scss
  into css. If you're not using the development VM, please add a new css file
  and @import url() it both the scss and css files.

  Editing the css file by hand will very likely result in your changes being
  lost when another developer edits the scss.
********************************************* */
/* custom styles © Singlebrook Technology, Inc.  */
@import url("reset.css");
@import url("grid.css");
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700italic,700,900italic,900);
.navigation--main > ul, .navigation--social ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .navigation--main > ul li, .navigation--social ul li {
    padding: 0; }
    .navigation--main > ul li:before, .navigation--social ul li:before {
      display: none; }

.form-input, .search-tool input, .searchpage input, .searchpage select {
  font-size: 14px;
  padding: 5px 10px;
  font-family: arial, helvetica, sans-serif;
  margin: 0 15px 0 0; }



.art-grid {
  display:  grid;
  grid-gap:  10px;
  grid-template-columns: repeat(auto-fill, minmax(256px, 1fr));
  grid-template-rows: ;
  grid-auto-rows: 256px 256px;
  grid-auto-flow: dense;
}

.art-grid__item div {
    width:  100%;
    height:  100%;
}
.art-grid__item:before {
  content: '';
  display: block;
  padding-top: 100%;
}

@media (min-width:  480px) {
  div:first-child {
    grid-area:  1 / 1 / span 2 / span 2;
  }
}

@media () {}

.full-site-search {
  text-align: right;
  margin: 3px -20px 0 0; }
  .full-site-search .keyword {
    background: #e63201;
    border-top: 1px solid #a72401;
    border-left: 1px solid #a72401;
    border-right: 1px solid #ff5325;
    border-bottom: 1px solid #ff5325;
    padding: 5px;
    color: #982009;
    font-family: helvetica, arial, sans-serif;
    width: 150px; }
  .full-site-search .keyword::placeholder {
    color: #982009; }
  .full-site-search .keyword::-moz-placeholder {
    color: #982009; }
  .full-site-search .keyword::-ms-input-placeholder {
    color: #982009; }
  .full-site-search .keyword::-webkit-input-placeholder {
    color: #982009; }
  .full-site-search .submit {
    background: black;
    color: #e63100;
    font-weight: bold;
    border: 0px;
    font-family: helvetica, arial, sans-serif;
    height: 23px;
    padding: 5px;
    margin: 0 0 0 10px;
    position: relative;
    bottom: -1px;
    cursor: pointer; }

.main-nav {
  text-align: right;
  font-size: 13px;
  margin-right: -20px; }
  .main-nav a.drop {
    color: black;
    font-weight: 900;
    text-decoration: none;
    padding: 0; }
  .main-nav li {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: top;
    word-wrap: break-word;
    position: relative;
    z-index: 500;
    margin: 0 0 0 30px; }
    .main-nav li a.drop {
      padding-bottom: 8px;
      border-bottom: 8px solid #E63100; }
      .main-nav li a.drop:hover {
        color: white;
        border-bottom: 8px solid black; }
    .main-nav li ul a {
      display: block;
      color: #E63100;
      font-weight: 300;
      font-size: 16px;
      letter-spacing: -1px;
      text-decoration: none;
      padding: 5px 0;
      text-align: right; }
  .main-nav ul {
    position: absolute;
    right: 0;
    display: none;
    background-color: green;
    margin: 17px 0 0 0;
    padding: 9px 20px;
    list-style: none;
    background: black;
    width: 150px; }
    .main-nav ul a:hover {
      text-decoration: none;
      color: white; }
    .main-nav ul li {
      float: none;
      display: block;
      text-align: left; }
  .main-nav > li:hover ul {
    display: block; }

*.main-nav ul {
  margin: 15px 0 0 -2px; }

.search-tool {
  margin-bottom: 10px;
  padding-top: 10px; }
  .search-tool > p {
    margin-bottom: 10px; }
  .search-tool .search-tool__chunky-button {
    display: inline-block;
    padding: 5px; }
    .search-tool .search-tool__chunky-button > img {
      display: inline-block; }
  .search-tool .search-tool__buttons {
    margin-top: 20px; }
  .search-tool .search-tool__label {
    display: block;
    margin-top: 15px;
    padding-bottom: 5px; }
  .search-tool .search-tool__title {
    margin-bottom: 10px; }

body.home {
  background: white; }
  body.home section {
    border: 5px solid white; }
  body.home section *,
  body.home section *:before,
  body.home section *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }



header[role="banner"] {
  background: #e92e00;
  width: 100%;
  min-width: 1280px;
  border-bottom: 5px solid #d02900;
  padding: 15px 0; }

.header__inner {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto; }
  .header__inner h1 a {
    display: block;
    font: 0/0 a;
    width: 200px;
    height: 71px;
    background: url(images/laborarts-logo-large.gif) no-repeat;
    background-size: cover; }

footer {
  width: 100%;
  min-width: 1280px;
  background: #fecc5c;
  border-top: 5px solid #febc29;
  margin-top: 30px;
  padding: 30px 0; }
  footer .footer__inner {
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto; }
  footer a {
    color: inherit;
    text-decoration: none; }
    footer a:hover {
      text-decoration: underline; }
  footer p {
    font-size: 14px;
    color: #745001;
    margin-bottom: 5px; }

@font-face {
  font-family: 'Mono Social Icons Font';
  src: url("fonts/monosocial/MonoSocialIconsFont-1.10.eot");
  src: url("fonts/monosocial/MonoSocialIconsFont-1.10.eot%3F") format("embedded-opentype"), url("fonts/monosocial/MonoSocialIconsFont-1.10.woff") format("woff"), url("fonts/monosocial/MonoSocialIconsFont-1.10.ttf") format("truetype"), url("fonts/monosocial/MonoSocialIconsFont-1.10.svg") format("svg");
  src: url("fonts/monosocial/MonoSocialIconsFont-1.10.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.social-icon, a.social-icon:before {
  font-family: 'Mono Social Icons Font';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.navigation--social {
  position: absolute;
  top: 50%;
  margin-top: -14px; }
  .navigation--social a.social-icon {
    color: #745001;
    text-decoration: none;
    font-size: 45px;
    margin-left: -5px; }

.navigation--main * {
  transition: all 0.1s ease 0s;
  -webkit-transition: all 0.1s ease 0s; }
.navigation--main > ul {
  width: calc((100% - 200px) - 25px);
  text-align: right;
  position: absolute;
  top: 32px;
  right: 0; }
  .navigation--main > ul > li {
    position: relative;
    display: inline-block;
    margin-left: 12px; }
.navigation--main > ul > li > a {
  font-size: 16px;
  font-weight: 900;
  text-decoration: none;
  color: black;
  padding: 8px 15px; }
  .navigation--main > ul > li > a:hover {
    color: white; }
  .navigation--main > ul > li > a.btn--search {
    color: #e92e00;
    background: black; }
    .navigation--main > ul > li > a.btn--search:hover {
      color: white; }
.navigation--main > ul ul {
  display: none; }
.navigation--main > ul > li:hover > ul {
  display: block; }
.navigation--main > ul > li:hover > a {
  color: white; }
.navigation--main > ul ul {
  position: absolute;
  right: 12px;
  top: 25px;
  width: 175px;
  height: auto;
  text-align: right;
  padding: 20px 10px;
  z-index: 1000; }
.navigation--main > ul ul {
  background: black; }
  .navigation--main > ul ul li a {
    display: block;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    text-decoration: none;
    color: #e92e00;
    margin-bottom: 10px; }
    .navigation--main > ul ul li a:hover {
      color: white; }
  .navigation--main > ul ul li:last-child a {
    margin-bottom: 0; }

.navigation--social {
  position: absolute;
  right: 0;
  top: 10px; }
  .navigation--social ul li {
    display: inline-block; }

body, html {
  font-family: 'Lato', helvetica, arial, serif;
  background: #FFCB65;
  /*-webkit-font-smoothing: antialiased;*/ }

.alpha {
  margin-left: 0 !important; }

.omega {
  margin-right: 0 !important; }

/* ----- header styles ----- */
#header {
  background: #e63100; }

.interior h3 {
  margin: 15px 0;
  font-size: 18px; }

hr {
  height: 5px;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-top: 2px solid #835400; }

h2.view {
  color: #835400; }

b, strong {
  font-weight: bold; }

.interior a {
  color: #E63100;
  border-bottom: 0px !important;
  text-decoration: underline; }

.interior a:hover {
  color: black; }

table {
  margin: 10px 0; }

a.launch {
  display: block !important; }

table td {
  padding: 10px 0; }

table img {
  margin: 5px 10px; }

#header .container {
  border-top: 15px solid black;
  padding: 15px 0; }

#highlights .grid_4 {
  width: 270px; }

#home .banner {
  width: 355px;
  border-top: 8px solid black;
  padding: 15px 0;
  position: relative;
  z-index: 3;
  background: url("images/shadow-big.png") no-repeat bottom center;
  margin-bottom: 15px;
  height: 355px; }

#home .popular, #home .mission {
  border-top: 3px solid black; }

#home .popular {
  margin: 0 22px; }

#highlights h1 {
  border-top: 5px solid black;
  display: inline-block;
  padding: 15px 0 20px;
  font-weight: 900;
  font-size: 13px; }

.mission h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -1px; }

.popular li a, .popular li {
  color: #761900;
  text-decoration: none;
  outline: none; }

.popular li:hover {
  color: black; }

.popular li.activeSlide a, .popular li.activeSlide {
  color: black;
  text-decoration: none; }

.popular ul li {
  font-size: 22px;
  font-family: 'Lato', helvetica, arial, serif;
  font-weight: 300;
  padding: 0 0 10px 0;
  list-style-type: disc;
  margin: 0 0 0 30px;
  letter-spacing: -1px; }

.popular ul li a {
  font-size: 24px; }

/* ----- end header styles ----- */
/* ----- content styles ------ */
#highlights {
  background: #e63100;
  padding: 15px; }

#searchart {
  background: #6d6d00;
  padding: 20px;
  height: 44px;
  border-top: 8px solid #d22d01;
  border-bottom: 8px solid #e0af41;
  position: relative;
  top: -100px;
  z-index: 2;
  font-weight: 300;
  font-size: 14px;
  color: #303000;
  line-height: 1.25; }

a.searchart {
  display: block;
  height: 40px;
  width: 170px;
  text-indent: -9999em;
  background: url("images/searchart.jpg") no-repeat 0 0; }

a.searchart:hover {
  background: url("images/searchart.jpg") no-repeat -198px 0; }

#rotatingImages {
  width: 355px;
  height: 355px;
  overflow: hidden; }

#whatsnew {
  position: relative;
  top: -80px; }

#whatsnew h1 {
  font-size: 13px;
  margin: 0 0 20px;
  text-align: center; }

#whatsnew h1 a {
  color: #835400;
  text-decoration: none; }

#whatsnew h1 a:hover {
  text-decoration: underline; }

#whatsnew h1 a span {
  font-weight: 900 !important; }

#whatsnew .grid_4 a {
  background: white;
  display: block;
  color: #6a5dbc;
  text-decoration: none;
  padding: 0 0 20px 0; }

#whatsnew .grid_4 a:hover {
  background: #6a5dbc;
  color: white; }

#whatsnew .grid_4 {
  width: 290px;
  margin: 0 22px;
  background: url("images/shadow-small.png") no-repeat bottom center;
  padding-bottom: 11px; }

#whatsnew .grid_4 h4 {
  font-style: italic;
  margin: 15px 20px;
  font-size: 20px; }

#whatsnew .grid_4 p {
  margin: 0 20px;
  display: block;
  font-size: 11px;
  line-height: 1.5; }

/* ----- end content styles ------ */
/* ----- footer styles ------ */
#footer {
  position: relative;
  top: -40px; }

#footer .container_12 {
  border-top: 3px solid #835400;
  color: #835400;
  overflow: hidden;
  min-height: 180px; }

#footer .container h1 {
  border-top: 5px solid #835400;
  display: inline-block;
  padding: 15px 0;
  font-weight: 900;
  font-size: 13px; }

#footer a {
  color: #835400;
  text-decoration: none; }

#footer .grid_3 {
  width: 180px; }

#footer p {
  font-size: 12px;
  line-height: 1.5; }

/* ----- end footer styles ------ */
/* ----- dropdown styles ----- */
div.container.interior p {
  line-height: 1.75;
  font-size: 14px; }

.interior h2 {
  font-size: 36px;
  margin: 15px 0 30px;
  font-weight: 300; }

#footer.interior {
  top: 0;
  height: 135px; }

.interior table, .interior tr, .interior td, .interior th {
  background-color: #FFCB65; }

.interior td {
  vertical-align: top !important; }

img.collectionItem {
  max-width: 600px;
  margin-left: 25px; }

td.item p {
  margin: 10px 0; }

h2.itemlabel {
  margin-bottom: 0px; }

div.backnext {
  float: right; }

div.backnext a {
  text-decoration: none;
  background: #E63100;
  color: #FFCB65;
  font-size: 11px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 2px 5px;
  margin: 0 0 0 10px;
  height: 10px; }

div.backnext a:hover {
  background: black;
  color: #FFCB65; }

.collectionsHome hr {
  width: 960px !important; }

.collectionsHome table {
  width: 960px; }

.exhibitslist table {
  width: 960px !important; }

.exhibitslist a img {
  border: 5px solid #E0AF41; }

.exhibitslist a span, .exhibitslist span a, .exhibitslist a {
  font-size: 14px !important;
  font-weight: 400; }

#searchart p {
  font-size: 15px; }

.interior ol {
  list-style: decimal outside none;
  margin: 5px 0 15px 20px; }

.interior ul {
  list-style: disc outside none;
  margin: 5px 0 15px 20px; }

.interior li {
  margin: 10px;
  font-style: italic;
  font-size: 16px;
  line-height: 1.5; }

.shareButtonWrap {
  float: right;
  height: 25px;
  position: relative; }

.shareButtonWrap > div {
  display: inline;
  position: relative;
  top: -35px; }

#shareButtonSpacer {
  height: 15px;
  display: block;
  position: absolute;
  top: 0px;
  width: 100%;
  background-color: #FFCB65;
  z-index: 9999; }