/* reset & clearfix */
@import url(../node_modules/leaflet-fullscreen/dist/leaflet.fullscreen.css);
/* line 3, sass/reset.scss */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/* line 11, sass/reset.scss */
* html .clearfix {
  zoom: 1; }

/* IE6 */
/* line 12, sass/reset.scss */
*:first-child + html .clearfix {
  zoom: 1; }

/* IE7 */
/* Eric Meyer's Reset Reloaded */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* line 16, sass/reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* line 33, sass/reset.scss */
body {
  line-height: 1; }

/* line 36, sass/reset.scss */
ol, ul {
  list-style: none; }

/* line 39, sass/reset.scss */
blockquote, q {
  quotes: none; }

/* remember to define focus styles! */
/* line 43, sass/reset.scss */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
/* line 47, sass/reset.scss */
ins {
  text-decoration: none; }

/* line 50, sass/reset.scss */
del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
/* line 54, sass/reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* apply a natural box layout model to all elements, but allowing components to change */
/* line 60, sass/reset.scss */
html {
  box-sizing: border-box; }

/* line 63, sass/reset.scss */
*, *:before, *:after {
  box-sizing: inherit; }

/*   MIA BRAND COLORS   */
@font-face {
  font-family: 'artsmia-grid-icons';
  src: url("../fonts/artsmia-grid-icons.eot?2n9dqf");
  src: url("../fonts/artsmia-grid-icons.eot?#iefix2n9dqf") format("embedded-opentype"), url("../fonts/artsmia-grid-icons.ttf?2n9dqf") format("truetype"), url("../fonts/artsmia-grid-icons.woff?2n9dqf") format("woff"), url("../fonts/artsmia-grid-icons.svg?2n9dqf#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* line 12, sass/ui-icons-font.scss */
.Grid, .List {
  font-family: 'artsmia-grid-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  cursor: pointer;
  text-indent: -1000em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* line 28, sass/ui-icons-font.scss */
.Grid:before {
  content: "\e600"; }

/* line 31, sass/ui-icons-font.scss */
.icon-view-icon-grid:before {
  content: "\e601"; }

/* line 34, sass/ui-icons-font.scss */
.List:before {
  content: "\e602"; }

/* line 37, sass/ui-icons-font.scss */
.icon-view-icon-list:before {
  content: "\e603"; }

/* ===== Mia Font ===== */
@font-face {
  font-family: 'MiaGrotesk-Bold';
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Bold.eot");
  /* IE9 Compat Modes */
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Bold.eot?#iefix") format("embedded-opentype"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Bold.woff") format("woff"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Bold.svg#svgMiaGrotesk-Bold") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'MiaGrotesk-BoldItalic';
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-BoldItalic.eot");
  /* IE9 Compat Modes */
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-BoldItalic.eot?#iefix") format("embedded-opentype"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-BoldItalic.woff") format("woff"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-BoldItalic.svg#svgMiaGrotesk-BoldItalic") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'MiaGrotesk-Italic';
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Italic.eot");
  /* IE9 Compat Modes */
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Italic.eot?#iefix") format("embedded-opentype"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Italic.woff") format("woff"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Italic.svg#svgMiaGrotesk-Italic") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'MiaGrotesk-Light';
  src: url("https://mia-grotesk.s3.amazonaws.com/mia-tombstone/MiaTombstone-Light.eot");
  /* IE9 Compat Modes */
  src: url("https://mia-grotesk.s3.amazonaws.com/mia-tombstone/MiaTombstone-Light.eot?#iefix") format("embedded-opentype"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Light.woff") format("woff"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Light.svg#svgMiaGrotesk-Light") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'MiaGrotesk-LightItalic';
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-LightItalic.eot");
  /* IE9 Compat Modes */
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-LightItalic.eot?#iefix") format("embedded-opentype"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-LightItalic.woff") format("woff"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-LightItalic.svg#svgMiaGrotesk-LightItalic") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'MiaGrotesk-Regular';
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Regular.eot");
  /* IE9 Compat Modes */
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Regular.eot?#iefix") format("embedded-opentype"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Regular.woff") format("woff"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Regular.svg#svgMiaGrotesk-Regular") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'MiaGrotesk-Black';
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Black.eot");
  /* IE9 Compat Modes */
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Black.eot?#iefix") format("embedded-opentype"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Black.woff") format("woff"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Black.svg#svgMiaGrotesk-Regular") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'MiaGrotesk-BlackItalic';
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-BlackItalic.eot");
  /* IE9 Compat Modes */
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-BlackItalic.eot?#iefix") format("embedded-opentype"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-BlackItalic.woff") format("woff"), url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-BlackItalic.svg#svgMiaGrotesk-Regular") format("svg");
  /* Legacy iOS */ }

@media print {
  /* line 1, sass/print.scss */
  header, .link-bar,
  button.material-icons.search, .peek i.material-icons {
    display: none !important; }
  /* Object page */
  /* line 9, sass/print.scss */
  .artwork .objects-focus .artwork-image {
    display: block !important; }
  /* line 13, sass/print.scss */
  #map, .back-button, .exploreWrapper {
    display: none !important; }
  /* line 17, sass/print.scss */
  .artwork .info {
    width: 100% !important; }
  /* Search Results */
  /* line 23, sass/print.scss */
  .quilt-search-wrap .quilt-wrap, .filter-button, .views,
  #suggestions, .summaryText a, .focusedResult {
    display: none !important; }
  /* line 28, sass/print.scss */
  .summaryText, .summaryText h2, .leftBar {
    width: 100% !important; }
  /* line 32, sass/print.scss */
  .objects-wrap .focused {
    border-bottom: none !important; } }

/* line 18, sass/main.scss */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/* line 26, sass/main.scss */
body {
  font-family: "MiaGrotesk-Light", sans-serif;
  font-weight: 400;
  color: #232323;
  margin: 0;
  line-height: 1.5em;
  font-size: 1.25em; }

/* line 35, sass/main.scss */
a {
  color: rgba(239, 53, 53, 0.9);
  font-weight: 500;
  text-decoration: none;
  font-size: 1em; }

/* line 42, sass/main.scss */
a:hover {
  color: rgba(35, 35, 35, 0.65);
  font-weight: 500; }

/* line 47, sass/main.scss */
#search {
  /*margin: 8px;*/ }

/* line 51, sass/main.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "MiaGrotesk-Bold", sans-serif; }

/* line 56, sass/main.scss */
.objects-focus em, .artwork-result em, .focusedResult em {
  background-color: rgba(255, 255, 0, 0.5);
  padding: 0 1px; }

/* line 60, sass/main.scss */
.objects-focus .block-highlight, .artwork-result .block-highlight, .focusedResult .block-highlight {
  border: 3px solid rgba(255, 255, 0, 0.5); }

/* line 65, sass/main.scss */
.main-app-bar {
  color: #fff;
  background-color: #232323; }

/* line 70, sass/main.scss */
header {
  position: fixed;
  top: 0;
  z-index: 1; }

/* line 75, sass/main.scss */
.quilt-search-wrap {
  min-height: 3em;
  background: #222; }

/* line 80, sass/main.scss */
.quilt-wrap a:hover {
  overflow: visible !important; }
  /* line 84, sass/main.scss */
  .quilt-wrap a:hover img {
    overflow: visible !important; }

/* line 89, sass/main.scss */
.logo-container {
  background-image: url("../images/MIA_LOGO_MARK.svg");
  background-repeat: no-repeat;
  height: 3.3em;
  width: 8em;
  color: #fff;
  background-position: -2px 3px;
  position: fixed;
  display: inline-block;
  z-index: 5; }

/* line 100, sass/main.scss */
.global_buttons {
  background: #232323;
  width: 5em;
  position: fixed;
  top: 0;
  right: 0;
  padding: .7em 0;
  z-index: 1500; }

/* line 109, sass/main.scss */
.global_display {
  width: 100%;
  position: fixed;
  background: #232323; }

/* line 115, sass/main.scss */
.global_buttons button.material-icons {
  padding: 2px 0 0 10px; }

/* line 118, sass/main.scss */
.wordmark-container {
  background-image: url("../images/MIA_LOGO_WORDMARK.svg");
  background-repeat: no-repeat;
  color: #fff;
  position: absolute;
  height: 40px;
  width: 200px;
  right: 20px;
  top: 20px; }

/* line 129, sass/main.scss */
.agg-wrap {
  background-color: #ffffff;
  padding: 0 0 1em 0; }

/* line 134, sass/main.scss */
.agg-wrap h2 {
  color: #ededed;
  text-align: center;
  cursor: pointer;
  line-height: 1em;
  padding-top: 7px; }

/* line 142, sass/main.scss */
#aggs {
  padding: 1em 0 0 0;
  height: auto;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-in;
  -moz-transition: height 0.3s ease-in;
  -o-transition: height 0.3s ease-in;
  -ms-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
  position: relative; }

/* line 154, sass/main.scss */
.agg-wrap h2 {
  text-align: center; }

/* line 158, sass/main.scss */
#aggs dl {
  display: inline-block;
  padding: 0 23px 0 0;
  white-space: normal; }

/* line 163, sass/main.scss */
#more-aggs {
  width: 100%;
  position: relative;
  float: left;
  margin: 10px 0;
  display: inline-block;
  background: rgba(35, 35, 35, 0.3);
  min-height: 39px; }

/* line 172, sass/main.scss */
#more-aggs .material-icons {
  font-size: 1em; }

/* line 175, sass/main.scss */
#aggs dt {
  font-weight: 400;
  color: #232323;
  text-transform: uppercase;
  font-size: 0.75em;
  padding: 2px 0;
  text-align: left;
  margin: 0 0 10px 0;
  border-top: 3px solid #232323;
  white-space: normal; }

/* line 186, sass/main.scss */
#aggs #more-aggs dd {
  padding: 9px 15px;
  background: #232323;
  color: #ffffff;
  display: inline-block;
  border: none;
  opacity: 1;
  margin: 2px;
  cursor: pointer; }

/* line 196, sass/main.scss */
.toggleOpen, .toggleClose {
  position: absolute;
  right: 0;
  background: #232323;
  color: white;
  padding: 10px; }

/* line 203, sass/main.scss */
#aggs dd {
  line-height: 1.1em;
  padding: .25em; }

/* line 207, sass/main.scss */
.objects-wrap {
  width: 33%;
  float: left;
  padding: 10px;
  margin-right: 10px; }

/* line 214, sass/main.scss */
.artwork-result {
  padding: 10px;
  background-color: #fff;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  margin: 0;
  margin-bottom: 3px;
  position: relative;
  z-index: 3; }

/* line 225, sass/main.scss */
.objects-wrap > div:nth-child(11n+11):after {
  content: "";
  display: block;
  width: 110%;
  margin-left: -7%;
  height: 5em;
  background: #232323; }

/* line 234, sass/main.scss */
.artwork-result h1 {
  margin: 0;
  padding: 0; }

/* line 235, sass/main.scss */
.artwork-result h2 {
  margin: 0;
  padding: 0;
  line-height: 1em; }

/* line 238, sass/main.scss */
.artwork-result.validImage .artwork-image, .universal .artwork-result .artwork-image {
  width: 50%;
  float: left;
  text-align: center; }

/* line 243, sass/main.scss */
.artwork-result.validImage .artwork-summary, .universal .artwork-result .artwork-summary {
  width: 50%;
  float: right;
  padding-left: 10px; }

/* line 248, sass/main.scss */
.artwork-result.validImage .artwork-summary h1, .universal .artwork-result .artwork-summary h1 {
  font-size: 1em;
  line-height: 1.1em; }

/* line 252, sass/main.scss */
.artwork-result.validImage .artwork-summary h2, .universal .artwork-result .artwork-summary h2 {
  font-size: .9em;
  line-height: 1em;
  font-family: "MiaGrotesk-Regular", sans-serif;
  margin-top: .5em; }

/* line 258, sass/main.scss */
.artwork-result.validImage .artwork-summary p, .universal .artwork-result .artwork-summary p {
  font-size: .857em;
  line-height: 1.143em;
  margin-top: .5em; }

/* line 263, sass/main.scss */
.artwork-result.validImage .artwork-image > div, .universal .artwork-result .artwork-image > div {
  max-height: 200px !important; }

/* line 266, sass/main.scss */
.artwork-result.validImage .artwork-image img, .universal .artwork-result .artwork-image img {
  max-width: 100%;
  max-height: 100%; }

/* line 272, sass/main.scss */
.objects-wrap .focused {
  border-bottom: 3px solid #232323; }

/* line 275, sass/main.scss */
.objects-wrap .focused .artwork-result {
  margin-bottom: 0; }

/* not working
    .artwork-result p:not(:first-child){
        display:none;
    }
    */
/* line 284, sass/main.scss */
.artwork-image div > p, .artwork-result .provenance {
  display: none; }

/* line 288, sass/main.scss */
.artwork-result p.location {
  text-align: right;
  display: inline-block; }

/* line 293, sass/main.scss */
.artwork-image div > p:first-child {
  display: none; }

/* line 298, sass/main.scss */
.objects-focus-sticky {
  position: fixed;
  top: 0;
  right: 0; }

/* line 304, sass/main.scss */
.objects-focus {
  float: left;
  position: relative;
  width: 100%;
  margin: 0;
  transform: translate3d(0px, 0px, 0px); }

/* line 313, sass/main.scss */
.objects-focus h1, .artwork-result h1 {
  font-family: "MiaGrotesk-Light", sans-serif;
  font-size: 1.357em;
  color: #232323; }

/* line 318, sass/main.scss */
.objects-focus h1 strong, .artwork-result h1 strong {
  font-family: "MiaGrotesk-Bold", sans-serif; }

/* line 323, sass/main.scss */
.info .objects-focus h1 {
  border-top: none;
  padding-top: 0;
  margin: 0; }

/* line 329, sass/main.scss */
.objects-focus h2 a {
  color: #232323; }

/* line 333, sass/main.scss */
.objects-focus h5 {
  font-family: "MiaGrotesk-Regular", sans-serif;
  font-size: 1.214em;
  line-height: 1.429em;
  margin-top: .637em;
  cursor: hand;
  margin-top: 10px; }

/* line 341, sass/main.scss */
.objects-focus .tombstone {
  font-size: .857em;
  line-height: 1.143em;
  margin-top: .5em;
  padding: 0;
  margin-bottom: 0; }

/* line 348, sass/main.scss */
.objects-focus .gifted {
  font-size: .714em;
  line-height: 1.3em;
  text-transform: uppercase;
  padding-top: 1.92em; }

/* line 354, sass/main.scss */
.objects-focus .description {
  padding-top: 1em; }

/* line 357, sass/main.scss */
.objects-focus .artwork-image {
  width: 100%;
  height: auto;
  margin-bottom: 7px;
  border-bottom: 3px solid #232323; }

/* line 365, sass/main.scss */
.search-wrap {
  z-index: 4;
  background: transparent !important; }

@media screen and (max-width: 600px) {
  /* line 370, sass/main.scss */
  #morePage .search-wrap {
    background: #232323 !important; } }

/* line 374, sass/main.scss */
.search-wrap div:first-child {
  margin: 0 auto;
  color: #232323; }

/* line 378, sass/main.scss */
.search-wrap > div:first-child {
  opacity: 0.95; }

/* line 381, sass/main.scss */
.search-wrap .mdl-textfield {
  min-width: 100px; }

/* line 385, sass/main.scss */
.search-wrapper {
  background-color: #ededed;
  padding: 2em;
  margin-bottom: 15px;
  border-radius: 3px;
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  min-width: 19em;
  max-width: 96vw; }

/* line 396, sass/main.scss */
.search-input {
  font-size: 1.5em;
  border: none;
  background: transparent;
  text-align: center;
  border-bottom: 3px solid #232323;
  font-family: "MiaGrotesk-Light", sans-serif;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

/* line 408, sass/main.scss */
.mdl-textfield {
  width: 100%;
  min-width: 350px;
  padding-left: 1em;
  padding-right: 1em;
  background-color: white; }

/* line 417, sass/main.scss */
.mdl-textfield__input {
  color: #232323;
  border-color: #232323;
  border-width: 0 0 3px 0;
  padding: 0.5em;
  text-align: center; }

/* line 425, sass/main.scss */
.objectTotal {
  top: 0;
  color: #232323; }

/* line 429, sass/main.scss */
.numbers {
  font-family: "MiaGrotesk-Bold", sans-serif;
  color: rgba(35, 35, 35, 0.5);
  padding-left: 10px;
  font-size: .9em; }

/* line 435, sass/main.scss */
::-webkit-input-placeholder {
  color: #ef3535; }

/* line 439, sass/main.scss */
:-moz-placeholder {
  /* Firefox 18- */
  color: #ef3535; }

/* line 443, sass/main.scss */
::-moz-placeholder {
  /* Firefox 19+ */
  color: #ef3535; }

/* line 447, sass/main.scss */
:-ms-input-placeholder {
  color: #ef3535; }

/* ===== TOOLBAR STYLES ===== */
/* line 451, sass/main.scss */
.toolbar {
  background: #232323; }

/* line 454, sass/main.scss */
.filter-button {
  border: 3px solid #ffffff;
  padding: 5px 20px;
  float: right; }

/* line 459, sass/main.scss */
.filter-button a, .filter-button a:hover {
  color: #ffffff; }

/* line 462, sass/main.scss */
.filter-button:hover {
  opacity: .7; }

/* line 465, sass/main.scss */
.views {
  color: #ffffff;
  font-size: 2em; }

/* line 469, sass/main.scss */
.views .List:hover, .views .Grid:hover {
  opacity: .7; }

@media screen and (max-width: 414px) {
  /* line 476, sass/main.scss */
  .toolbar .mdl-grid {
    justify-content: space-between; }
  /* line 481, sass/main.scss */
  .mdl-cell--2-col .filter-button {
    align-self: flex-start;
    order: 1; }
  /* line 486, sass/main.scss */
  .mdl-cell--4-col {
    align-self: flex-end;
    order: 2; } }

/* ===== SEARCH RESULTS STYLES ===== */
/* line 493, sass/main.scss */
.link-bar, .back-button {
  display: inline-block;
  background: #232323;
  margin-top: 10px; }

/* line 498, sass/main.scss */
.link-bar i, .link-bar > a {
  font-size: 1.5em;
  line-height: 1em;
  padding: 10px;
  border-right: 2px solid #fff;
  cursor: pointer;
  -webkit-transition: all .5s ease;
  /* Safari and Chrome */
  -moz-transition: all .5s ease;
  /* Firefox */
  -ms-transition: all .5s ease;
  /* IE 9 */
  -o-transition: all .5s ease;
  /* Opera */
  transition: all .5s ease; }

/* line 510, sass/main.scss */
.link-bar .social a {
  color: #ffffff;
  text-decoration: none;
  font-size: 1em;
  padding: 0 10px;
  line-height: 1em; }

/* line 517, sass/main.scss */
.link-bar i:hover {
  opacity: .7; }

/* line 520, sass/main.scss */
.share {
  margin-top: 0.5em; }

/* line 523, sass/main.scss */
.social img {
  width: 1.5em;
  height: auto;
  margin-right: 0.5em; }

/* line 528, sass/main.scss */
.social {
  background-color: white;
  display: inline-block;
  padding: 10px 2px 5px 10px;
  margin-right: 2px; }

/* line 534, sass/main.scss */
.social a:hover img {
  -webkit-transition: all 1s ease;
  /* Safari and Chrome */
  -moz-transition: all 1s ease;
  /* Firefox */
  -ms-transition: all 1s ease;
  /* IE 9 */
  -o-transition: all 1s ease;
  /* Opera */
  transition: all 1s ease;
  opacity: .7; }

/* line 543, sass/main.scss */
.back-button a, .back-button button {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  font-size: 1.2em;
  padding: 5px 10px;
  line-height: 1.5em;
  font-style: normal;
  text-align: left;
  font-family: MiaGrotesk-Light; }

/* line 555, sass/main.scss */
.back-button a i {
  position: relative;
  top: 5px; }

/* line 559, sass/main.scss */
.link-bar i.material-icons, .link-bar a.material-icons {
  color: #ffffff; }

/* line 562, sass/main.scss */
.peek i.material-icons {
  font-size: 0.77em;
  margin-left: 0.1em;
  padding-right: .5em; }

/* ===== NEW TO MIA REDESIGN ===== */
/* line 569, sass/main.scss */
.grid_wrapper {
  width: 100%; }

/* line 572, sass/main.scss */
.single_highlight {
  position: relative;
  display: inline-block;
  width: 24%;
  /* desired width */
  margin: .5%;
  vertical-align: top; }

/* line 579, sass/main.scss */
.single_highlight a {
  color: #232323 !important; }

/* line 582, sass/main.scss */
.highlight_image {
  position: relative;
  width: 100%;
  /* desired width */
  background: #f1f1f1;
  margin-bottom: 1em; }

/* line 588, sass/main.scss */
.highlight_image:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/ }

/* line 593, sass/main.scss */
.highlight_content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

/* ===== LANDING PAGE STYLES ===== */
/* line 602, sass/main.scss */
.landingPageBody, .departmentPage, .curatorProfile {
  display: inline-block; }

/* line 605, sass/main.scss */
.shortcutLinks {
  width: 100%;
  text-align: left;
  margin-bottom: 20px; }

/* line 610, sass/main.scss */
.shortcutLinks a {
  color: #232323;
  transition: ease all 0.8s; }

/* line 615, sass/main.scss */
.departmentList.mdl-grid, .welcome.mdl-grid {
  margin-bottom: 2em; }

/* line 618, sass/main.scss */
.departmentList, .welcome {
  display: inline-block; }

/* line 621, sass/main.scss */
.departmentList h2, .welcome h2 {
  font-family: "MiaGrotesk-Bold", sans-serif, sans-serif;
  font-size: 2em;
  padding-left: 8px; }

/* line 626, sass/main.scss */
.departmentLink h2 {
  font-size: 1.5em;
  font-family: "MiaGrotesk-Bold", sans-serif, sans-serif;
  border-top: 3px solid #232323;
  padding: 7px 0;
  margin: 7px 0;
  line-height: 1em;
  color: #232323; }

/* line 635, sass/main.scss */
.departmentLink {
  float: left;
  display: inline-block;
  vertical-align: bottom;
  text-align: left; }

/* line 641, sass/main.scss */
.departmentListItem {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

/* line 654, sass/main.scss */
.departmentListItem.africa {
  background-image: url(/images/GA.png); }

/* line 656, sass/main.scss */
.departmentListItem.contemporary {
  background-image: url(/images/CA.jpeg); }

/* line 659, sass/main.scss */
.departmentListItem.european {
  background-image: url(/images/EA.png); }

/* line 662, sass/main.scss */
.departmentListItem.americas {
  background-image: url(/images/AOA.jpeg); }

/* line 665, sass/main.scss */
.departmentListItem.asia {
  background-image: url(/images/AA.png); }

/* line 668, sass/main.scss */
a.departmentLink h2 {
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear; }

/* ===== DEPARTMENT PAGES ===== */
/* line 677, sass/main.scss */
.departmentPage h2, .curatorsPage h2 {
  background: transparent;
  font-size: 1.75em;
  width: 100%;
  text-align: left;
  padding: 0 0 10px 21px;
  margin: 0;
  margin-top: 0.7em;
  line-height: 1em; }

/* line 687, sass/main.scss */
.departmentPage h2 span.d-visit {
  display: none; }

/* line 690, sass/main.scss */
.departmentContent, .departmentResources {
  padding: 0 5px; }

/* line 693, sass/main.scss */
.departmentContent p {
  line-height: 1.4em;
  padding-left: 10px; }

/* line 698, sass/main.scss */
.departmentResources h3, .curatorProfile.pageText .curatorContent h2 {
  border-top: 3px solid #232323;
  font-size: 1.2em;
  width: 100%;
  font-family: "MiaGrotesk-Regular", sans-serif;
  line-height: 1em;
  padding: 7px 0; }

/* line 707, sass/main.scss */
.departmentResources h3:first-child {
  margin-top: 0; }

/* line 710, sass/main.scss */
.departmentResources ul {
  margin-bottom: 2em; }

/* line 713, sass/main.scss */
.departmentPage h2 a {
  color: #232323; }

/* line 717, sass/main.scss */
.departmentContent p {
  padding: 0 0 20px 0; }

/* line 720, sass/main.scss */
.departmentResources h3 {
  padding-bottom: 15px; }

/* line 723, sass/main.scss */
.departmentResources li {
  padding-bottom: 10px; }

/* line 726, sass/main.scss */
.curatorBio, .affinity, .resources {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 20px; }

/* line 732, sass/main.scss */
.curatorPic, .affinityImage {
  width: 30%;
  float: left;
  display: inline-block;
  margin-right: 20px; }
  /* line 738, sass/main.scss */
  .curatorPic img, .affinityImage img {
    width: 100%; }

/* line 742, sass/main.scss */
.curator-intro {
  width: 64%;
  display: inline-block; }

/* line 746, sass/main.scss */
.affinity-intro p {
  margin-bottom: 15px; }

/* line 749, sass/main.scss */
.curatorBio h4 {
  font-size: 1.1em; }

/* line 752, sass/main.scss */
.curatorBio h5 {
  font-family: "MiaGrotesk-Regular", sans-serif;
  font-size: .9em;
  padding-bottom: 1em; }

/* line 757, sass/main.scss */
.departmentBlurb .button {
  padding: 5px 15px;
  background: #232323;
  color: white; }

/* line 762, sass/main.scss */
.quilt-wrap .lazy-load {
  display: inline-block;
  overflow: hidden; }

/* ===== CURATOR PROFILES ===== */
/* line 767, sass/main.scss */
#curators a {
  color: #232323; }

/* line 770, sass/main.scss */
#curators a:hover {
  opacity: .7; }

/* line 773, sass/main.scss */
.curatorsPage .curatorBio {
  width: 45%;
  margin-right: 2%;
  margin-left: 2%;
  float: left; }

/* line 779, sass/main.scss */
.curatorProfile.pageText {
  margin-top: 4em; }

/* line 782, sass/main.scss */
.curatorProfile.pageText h2 {
  background: transparent;
  font-size: 1.75em;
  width: 100%;
  text-align: left;
  margin: 0;
  margin-top: 0.7em;
  line-height: 1em;
  border: none; }

/* line 792, sass/main.scss */
.curatorContent {
  margin-top: 2em; }

/* line 795, sass/main.scss */
.curatorContent p {
  line-height: 1.4em;
  padding-left: 10px;
  padding: 0 0 20px 0; }

/* ===== artwork.js STYLES ===== */
/* line 803, sass/main.scss */
.artwork #map {
  position: relative;
  left: 0;
  width: 65%;
  height: calc(100vh - 4em);
  background-color: #ddd; }

/* line 814, sass/main.scss */
.isDev .artwork #map, .isDev .quilt-search-wrap {
  background-color: inherit !important;
  background-image: radial-gradient(circle at top left, #aaa, #ccc 3%, #eee 11%, #fff 15%);
  background-image: linear-gradient(-211deg, #aaa, #ccc 3%, #eee 15%, #fff 19%); }

/* line 825, sass/main.scss */
.isDev .artwork #map.leaflet-container {
  background-color: inherit !important; }

/* line 833, sass/main.scss */
.isDev .global_buttons {
  background: inherit;
  backdrop-filter: blur(3px);
  border-radius: 1em; }
  /* line 859, sass/main.scss */
  .isDev .global_buttons button {
    color: rgba(35, 35, 35, 0.7); }

/* line 869, sass/main.scss */
.isDev header.open .global_buttons {
  background: white;
  border-radius: 0; }
  /* line 873, sass/main.scss */
  .isDev header.open .global_buttons button {
    color: #232323; }

/* line 879, sass/main.scss */
.isDev .artwork.smallviewport::before #map {
  background-image: none; }

/* line 884, sass/main.scss */
.isDev.smallviewport .global_buttons {
  background: #232323; }

/* line 890, sass/main.scss */
.artwork #map.leaflet-pseudo-fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  z-index: 9 !important; }

/* line 896, sass/main.scss */
.artwork.smallviewport #map {
  top: 0;
  z-index: 2;
  height: calc(100vh - 10em);
  overflow: hidden; }

/* line 902, sass/main.scss */
.artwork .sticky #map {
  width: 100%;
  height: 100%; }

/* line 906, sass/main.scss */
.artwork #map .imageStatus {
  position: absolute;
  bottom: 3em;
  width: 100%;
  text-align: center;
  padding: 0 20%; }

/* line 916, sass/main.scss */
#map #staticImage {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  opacity: 1;
  transition: opacity 0.2s 0.1s;
  z-index: 1; }
  /* line 929, sass/main.scss */
  #map #staticImage.zoomLoaded {
    opacity: 0;
    z-index: -1; }

/* line 938, sass/main.scss */
#map .leaflet-map-pane, #map .leaflet-control-container {
  opacity: 0; }

/* line 941, sass/main.scss */
#map .leaflet-control-container {
  transition: opacity 1s; }

/* line 946, sass/main.scss */
#map.zoomLoaded .leaflet-map-pane, #map.zoomLoaded .leaflet-control-container {
  opacity: 1; }

/* line 951, sass/main.scss */
.artwork .info {
  position: absolute;
  width: 35%;
  background: #fff;
  min-height: calc(100% - 4em);
  padding: 3.3em 2em;
  right: 0;
  overflow-y: scroll;
  min-height: 100vh; }

/* line 961, sass/main.scss */
.artwork .info p {
  width: 100%; }

/* line 965, sass/main.scss */
.artwork.smallviewport .info {
  width: 100%;
  padding-top: 1em;
  z-index: 2; }

/* line 971, sass/main.scss */
.artwork.smallviewport::before {
  content: "";
  display: block;
  height: 3.5em;
  background-color: #232323; }

/* line 978, sass/main.scss */
.artwork .objects-focus {
  border-top: none;
  float: none;
  padding-top: 0; }

/* line 983, sass/main.scss */
.artwork .objects-focus .artwork-image {
  display: none; }

/* line 987, sass/main.scss */
.objects-focus div > p {
  margin-bottom: 1em;
  width: 75%; }

/* line 992, sass/main.scss */
.objects-focus span {
  font-style: normal; }

/* line 995, sass/main.scss */
.artwork-detail {
  font-size: smaller;
  line-height: 1.3em; }

/* line 999, sass/main.scss */
.artwork-detail p {
  width: 100% !important; }

/* line 1002, sass/main.scss */
.detail-row.expandable {
  cursor: pointer; }
  /* line 1006, sass/main.scss */
  .detail-row.expandable dt:after {
    content: "\2295";
    position: relative;
    left: 0.25em; }
  /* line 1013, sass/main.scss */
  .detail-row.expandable.expanded dt:after {
    content: ""; }

/* line 1018, sass/main.scss */
.detail-title {
  padding: 5px 0;
  font-family: "MiaGrotesk-Regular", sans-serif, sans-serif;
  display: inline-block;
  width: 6em;
  vertical-align: top; }

/* line 1025, sass/main.scss */
.detail-content {
  padding: 5px 5px 5px 15px;
  display: inline-block;
  width: 67%; }

/* line 1030, sass/main.scss */
.detail-row.dimension.expandable .detail-extra {
  min-height: 10vh;
  max-width: 31em; }

/* line 1035, sass/main.scss */
.detail-row.curator_approved dt {
  display: none; }

/* line 1039, sass/main.scss */
.detail-row.curator_approved .detail-content {
  width: 100%;
  padding: 1em 0 0 0; }

/* line 1044, sass/main.scss */
h5.details-title {
  border-top: 3px solid #232323;
  margin-top: 1em;
  margin-bottom: 0.5em;
  padding-top: 3px;
  cursor: pointer;
  font-size: 1.5em; }

/* line 1052, sass/main.scss */
.overlay {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: rgba(35, 35, 35, 0.7); }

/* line 1058, sass/main.scss */
.new-to-mia {
  display: inline-block;
  width: 100%;
  background: #232323;
  padding-top: 3em;
  color: white;
  min-height: 100vh; }
  /* line 1066, sass/main.scss */
  .new-to-mia .explore-section {
    padding: 0 1em;
    background: #232323;
    position: relative;
    z-index: 4; }

/* line 1073, sass/main.scss */
.explore-header {
  height: 200px;
  display: inline-block;
  width: 100%;
  background: url("https://4.api.artsmia.org/800/8747.jpg") no-repeat center center;
  background-size: cover; }

/* line 1080, sass/main.scss */
.curator-header {
  height: 3.3em;
  display: inline-block;
  width: 100%;
  background: #232323;
  position: fixed; }

/* line 1091, sass/main.scss */
.explore .newsflash a, .explore .artstory a, .explore .explore-content a {
  flex: 1;
  display: flex;
  max-width: 100%;
  color: #232323;
  font-family: "MiaGrotesk-Regular", sans-serif, sans-serif; }

/* line 1100, sass/main.scss */
.explore .newsflash img, .explore .artstory img, .explore .explore-content img {
  align-self: start;
  order: -1;
  flex: 1;
  flex-grow: 0;
  flex-shrink: 0;
  width: 30%;
  margin-right: 0.5em; }

/* line 1111, sass/main.scss */
.explore .adopt-ptg {
  margin-top: 10px;
  clear: both; }

/* line 1115, sass/main.scss */
.explore .adopt-ptg h3 {
  font-size: 1.1em;
  font-family: "MiaGrotesk-Bold", sans-serif, sans-serif; }

/* line 1119, sass/main.scss */
.explore .adopt-ptg a {
  font-size: .9em;
  color: #232323;
  font-family: "MiaGrotesk-Regular", sans-serif, sans-serif;
  position: relative;
  left: 0;
  bottom: 0; }

/* line 1127, sass/main.scss */
.explore .adopt-ptg a i {
  font-size: .9em;
  color: #232323;
  position: relative;
  top: 2px; }

/* line 1133, sass/main.scss */
.explore .adopt-ptg a:hover {
  opacity: .7; }

/* line 1136, sass/main.scss */
.explore .adopt-ptg span.cost {
  font-family: "MiaGrotesk-Bold", sans-serif, sans-serif; }

/* line 1139, sass/main.scss */
.explore .adopt-ptg blockquote {
  border-left: 5px solid #aaa;
  padding-left: 1em;
  margin-top: 1em; }

/* line 1144, sass/main.scss */
.newsflash i, .artstory i, .explore-content i {
  font-size: 1.5em;
  color: #ffffff;
  position: absolute;
  bottom: 11px;
  right: 10px; }

/* line 1151, sass/main.scss */
.explore a sub {
  font-size: 1.1em;
  font-family: "MiaGrotesk-Light", sans-serif, sans-serif; }

/* line 1155, sass/main.scss */
.audioClip a, .audioClip a sub {
  position: relative;
  color: #232323;
  display: inline-block;
  top: 0; }

/* line 1161, sass/main.scss */
.audioClip a {
  top: 13px; }

/* line 1164, sass/main.scss */
.newsflash, .artstory, .explore-content {
  display: inline-block;
  margin: 20px 10px 0 0; }

/* line 1168, sass/main.scss */
.audioClip {
  display: inline-block;
  width: 100%;
  float: none;
  clear: both;
  background-image: none;
  margin-top: 10px; }

/* line 1176, sass/main.scss */
.objects-page-link {
  font-size: 8px;
  text-transform: uppercase;
  text-align: center;
  width: 32px;
  position: absolute;
  top: 50px;
  right: 10px;
  line-height: 1em;
  font-family: "MiaGrotesk-Bold", sans-serif;
  color: #222; }

/* line 1189, sass/main.scss */
.objects-page-icon {
  border: 3px solid #232323;
  border-radius: 5px;
  background-image: url("../images/ic_remove_red_eye_black_24px.svg");
  width: 32px;
  height: 32px;
  color: #232323;
  background-size: cover;
  margin-bottom: 3px;
  cursor: hand; }

/* line 1201, sass/main.scss */
.peek a {
  color: #232323; }

/* line 1205, sass/main.scss */
button.material-icons {
  background: none;
  cursor: pointer;
  font-size: 1.5em;
  color: #fff;
  border: none;
  margin: 0px;
  padding: 0px;
  font-weight: bold; }

/* line 1215, sass/main.scss */
.exhibitions p {
  padding: 0 0 10px 0; }

/* line 1218, sass/main.scss */
.exhibitions p > span.exh_title {
  font-family: "MiaGrotesk-Bold", sans-serif;
  line-height: 1.1em; }

/* line 1222, sass/main.scss */
.exhibitions h4 {
  color: #999999;
  text-transform: uppercase;
  line-height: 1em;
  padding: 10px 0 0 0;
  margin: 0;
  font-family: "MiaGrotesk-Light", sans-serif; }

/* ===== page.js STYLES ===== */
/* line 1233, sass/main.scss */
.pageText {
  padding: 2em;
  max-width: 38em; }

/* line 1237, sass/main.scss */
.pageText h1 {
  font-size: 1.75em;
  width: 100%;
  text-align: left;
  margin: 0;
  line-height: 1em; }

/* line 1244, sass/main.scss */
.pageText h2 {
  font-size: 1.25em;
  width: 100%;
  text-align: left;
  margin: 0;
  margin-top: 2em;
  line-height: 1em;
  border-top: 3px solid #232323;
  padding-top: 5px; }

/* line 1254, sass/main.scss */
.pageText h3 {
  font-size: .85em;
  width: 100%;
  text-align: left;
  margin: 0;
  margin-top: 2em;
  line-height: 1em;
  font-family: "MiaGrotesk-Bold", sans-serif, sans-serif;
  border-top: 1px solid #232323;
  padding-top: 5px; }

/* line 1266, sass/main.scss */
.pageText p {
  line-height: 1.4em;
  margin: 0.5em 0; }

/* line 1268, sass/main.scss */
.pageText ul, .pageText ol {
  list-style: inherit;
  list-style-position: inside; }
  /* line 1272, sass/main.scss */
  .pageText ul br, .pageText ol br {
    display: none; }

/* line 1276, sass/main.scss */
.pageText ol {
  list-style-type: decimal; }

/* ===== info links homepage STYLES ===== */
/* line 1280, sass/main.scss */
.landingPageBody ul.info {
  width: 100%;
  max-width: 100vw;
  margin-bottom: 2em; }
  @media screen and (min-width: 480px) {
    /* line 1280, sass/main.scss */
    .landingPageBody ul.info {
      display: flex; } }

@media screen and (min-width: 480px) {
  /* line 1290, sass/main.scss */
  .landingPageBody .info li {
    width: calc(33% - 16px); } }

/* line 1296, sass/main.scss */
.landingPageBody .info li a {
  padding: 7px 0;
  width: 100%;
  display: block;
  border-top: 3px solid #232323;
  font-family: "MiaGrotesk-Bold", sans-serif, sans-serif;
  font-size: 1.5em;
  color: #232323;
  -webkit-transition: all 150ms linear;
  -moz-transition: all 150ms linear;
  -ms-transition: all 150ms linear;
  -o-transition: all 150ms linear;
  transition: all 150ms linear; }

/* line 1310, sass/main.scss */
.landingPageBody .info li a:hover, .departmentLink:hover h2, .departmentLink.isActive h2 {
  background-color: #232323;
  color: white;
  padding: 0 10px; }

/* line 1315, sass/main.scss */
.landingPageBody .info li:last-child a {
  padding-right: 0; }

@media screen and (max-width: 768px) {
  /* line 1318, sass/main.scss */
  .objects-focus div > p, .objects-focus .tombstone {
    width: 100%; } }

/* ===== peek STYLES ===== */
/* line 1325, sass/main.scss */
hr {
  margin: 0; }

/* line 1327, sass/main.scss */
.peek {
  margin-right: 3px;
  cursor: pointer;
  overflow: hidden; }

/* line 1332, sass/main.scss */
.peek.startedOpen, .startedOpen .peek {
  margin-right: 0; }

/* line 1336, sass/main.scss */
.peek > .peek {
  background-color: #232323;
  margin-bottom: -1px; }

/* line 1341, sass/main.scss */
.peek p {
  line-height: 1em;
  font-size: 1em;
  font-family: "MiaGrotesk-Light", sans-serif; }

/* line 1347, sass/main.scss */
.peek.open .quilt-wrap + a,
.peek.open span + a {
  padding: 0 0 10px 10px;
  display: inline-block;
  margin-top: 10px;
  color: #fff;
  font-family: "MiaGrotesk-Regular", sans-serif;
  font-size: 12px; }

/* line 1357, sass/main.scss */
.peek .more-results-link {
  color: #ef3535;
  font-family: "MiaGrotesk-Bold", sans-serif;
  text-align: right;
  display: inline-block; }

/* line 1364, sass/main.scss */
.peek .more-results-link:hover {
  color: rgba(255, 255, 255, 0.5); }

/* line 1368, sass/main.scss */
.open i {
  background-color: #ededed;
  display: inline-block;
  padding: 5px; }

/* line 1374, sass/main.scss */
.open i > span {
  padding-left: 5px;
  padding-right: 5px; }

/* line 1379, sass/main.scss */
.peek.startedClosed.open {
  margin-bottom: 5px; }

/* line 1382, sass/main.scss */
.tombstone .open i {
  padding: 5px 5px 7px 2px;
  line-height: 1em; }

/* ===== decorator STYLES ===== */
/* line 1389, sass/main.scss */
.decorator-wrap {
  width: 100%;
  background-color: rgba(35, 35, 35, 0.8);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 1.5rem; }
  /* line 1403, sass/main.scss */
  .decorator-wrap.closed {
    padding: 0.5rem; }
  /* line 1407, sass/main.scss */
  .decorator-wrap .control {
    align-self: start;
    justify-self: end;
    color: white;
    cursor: pointer; }
    /* line 1413, sass/main.scss */
    .decorator-wrap .control:hover {
      opacity: .7; }

/* line 1419, sass/main.scss */
.decorator-wrap > .decorator {
  color: #fff;
  text-align: left;
  max-width: 35em;
  margin: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; }

/* line 1435, sass/main.scss */
.decorator-wrap > .decorator h2 {
  border: 3px solid white;
  color: white;
  max-width: 100%;
  margin-top: 1rem;
  padding: 0;
  text-align: left;
  align-self: center;
  order: 1; }

/* line 1446, sass/main.scss */
.decorator-wrap > .decorator h2:hover, .decorator-wrap > .decorator h2 > a:hover {
  border-color: rgba(255, 255, 255, 0.65);
  color: rgba(255, 255, 255, 0.65); }

/* line 1451, sass/main.scss */
.decorator-wrap .decorator h2 a {
  display: inline-block;
  width: 100%;
  padding: 0.68rem;
  line-height: 1.3em;
  color: white; }

/* line 1461, sass/main.scss */
.decorator-wrap .d-gallery {
  flex-direction: row;
  align-items: start;
  max-width: 100vw; }

/* line 1467, sass/main.scss */
.d-gallery img {
  max-width: 200px;
  max-height: 200px;
  height: auto;
  align-self: flex-start;
  cursor: pointer;
  padding: 0.1em; }
  /* line 1475, sass/main.scss */
  .d-gallery img:hover {
    opacity: 0.9;
    padding: 0;
    border: 0.1em solid white; }
    /* line 1480, sass/main.scss */
    .d-gallery img:hover:after {
      content: "Show full map"; }

/* line 1486, sass/main.scss */
.d-gallery .info {
  padding: 1em;
  padding-top: 0;
  max-width: 35em; }

/* line 1492, sass/main.scss */
.map.open > div {
  min-height: 500px;
  position: relative; }

/* line 1497, sass/main.scss */
.map.open .controls {
  position: absolute;
  bottom: 2em;
  right: 2em;
  z-index: 10; }

@media screen and (max-width: 1268px) {
  /* line 1505, sass/main.scss */
  .decorator-wrap .d-gallery {
    flex-direction: column; }
  /* line 1509, sass/main.scss */
  .d-gallery .info {
    padding-top: 1em; }
  /* line 1514, sass/main.scss */
  .d-gallery .map.open {
    overflow: scroll;
    width: 100vw; } }

@media screen and (max-width: 768px) {
  /* line 1521, sass/main.scss */
  .decorator-wrap .d-gallery {
    overflow: scroll;
    max-width: 10000vw; }
  /* line 1525, sass/main.scss */
  .single_highlight {
    position: relative;
    display: inline-block;
    width: 49%;
    /* desired width */
    margin: .5%;
    vertical-align: top; } }

/* line 1534, sass/main.scss */
.d-gallery h3 {
  line-height: 1.3em;
  margin-top: 1rem; }

/* line 1535, sass/main.scss */
.decorator-wrap > .d-department > .departmentContent {
  margin-left: 0;
  padding-left: 0;
  width: 100%;
  align-self: flex-start; }

/* line 1536, sass/main.scss */
.decorator-wrap > .d-department > .departmentContent p {
  padding-left: 0; }

/* line 1538, sass/main.scss */
.bigflex {
  -webkit-flex: 2 0 0;
  flex: 2 0 0; }

/* line 1542, sass/main.scss */
.smallflex {
  -webkit-flex: 1 0 0;
  flex: 1 0 0; }

/* line 1546, sass/main.scss */
.nav_bar {
  width: 100%;
  display: inline-block;
  border-top: 4px solid white;
  height: 56px;
  padding: 13px 7px;
  z-index: 5;
  position: relative;
  top: 3.3em;
  background: #232323; }

/* line 1557, sass/main.scss */
ul.nav_list li {
  display: inline-block;
  color: white;
  text-transform: uppercase;
  padding: 0 13px;
  font-family: "MiaGrotesk-Regular", sans-serif;
  font-size: 1.1em;
  -webkit-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -ms-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear; }

/* line 1570, sass/main.scss */
.global_nav {
  float: left; }

/* line 1573, sass/main.scss */
.quick_nav {
  float: right;
  margin-top: -12px; }

/* line 1577, sass/main.scss */
.nav_item.button {
  margin-right: 3px;
  padding: 9px 15px;
  margin-top: 4px;
  background: white;
  color: #232323;
  text-align: center; }

/* line 1585, sass/main.scss */
.nav_item a {
  color: white;
  -webkit-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -ms-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear; }

/* line 1593, sass/main.scss */
.nav_item a:hover {
  color: white;
  border-bottom: 4px solid white; }

/* line 1597, sass/main.scss */
.nav_item.button a {
  color: #232323; }

/* line 1600, sass/main.scss */
.nav_item.button:hover a {
  color: white;
  border-bottom: none; }

/* line 1604, sass/main.scss */
.donate.nav_item.button:hover {
  background-color: #ef3535; }

/* line 1607, sass/main.scss */
.calendar.nav_item.button:hover {
  background-color: #805696; }

/* line 1610, sass/main.scss */
.tickets.nav_item.button:hover {
  background-color: #8cd2cd; }

/* ===== MOBILE navigation ===== */
/* line 1614, sass/main.scss */
.mobile-nav.nav_bar {
  height: 100%;
  width: 100%;
  display: inline-block;
  border-top: 4px solid white; }

/* line 1620, sass/main.scss */
.mobile-nav ul.nav_list li {
  display: block;
  font-size: 1.1em;
  padding: 15px 0;
  border-bottom: 1px solid #fff; }

/* line 1626, sass/main.scss */
.mobile-nav .global_nav {
  width: 60%;
  float: left; }

/* line 1630, sass/main.scss */
.mobile-nav .quick_nav {
  width: 35%;
  float: right; }

/* line 1634, sass/main.scss */
.mobile-nav .nav_item.button {
  margin-right: 3px;
  padding: 9px 15px;
  margin-top: 4px;
  background: white;
  color: #232323; }

/* line 1643, sass/main.scss */
button {
  background: transparent;
  color: white;
  font-family: "MiaGrotesk-Regular", sans-serif;
  cursor: pointer; }

@media screen and (max-width: 768px) {
  /* line 1651, sass/main.scss */
  .decorator-wrap {
    -webkit-flex-direction: column;
    flex-direction: column; }
  /* line 1655, sass/main.scss */
  .decorator-wrap > .decorator {
    margin-bottom: 1em; }
  /* line 1656, sass/main.scss */
  .decorator-wrap > .decorator:last-child {
    margin-bottom: 0; }
  /* line 1658, sass/main.scss */
  .d-gallery h1 {
    margin-top: 0.5em; } }

@media screen and (max-width: 1050px) and (min-width: 768px) {
  /* line 1664, sass/main.scss */
  .nav_bar {
    height: auto; }
  /* line 1667, sass/main.scss */
  .global_nav {
    width: 65%; }
  /* line 1670, sass/main.scss */
  .nav_bar .global_nav ul {
    display: block;
    max-width: 100%;
    text-align: right;
    font-size: 13px; }
  /* line 1676, sass/main.scss */
  .nav_item.button {
    font-size: 13px; }
  /* line 1679, sass/main.scss */
  .single_highlight {
    position: relative;
    display: inline-block;
    width: 32%;
    /* desired width */
    margin: .5%;
    vertical-align: top; } }

/* ===== invalid (no image) STYLES ===== */
/* line 1689, sass/main.scss */
.quilt-row-wrap {
  display: flex; }

/* line 1693, sass/main.scss */
.invalid, .loading.error {
  background: url(../images/no-image-bg.png) repeat top left;
  background-color: white;
  flex-grow: 1;
  min-height: 6.25rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

/* line 1702, sass/main.scss */
.lazy-load-visible {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }

/* line 1707, sass/main.scss */
.invalid:hover, .quilt-wrap .lazy-load-visible:hover {
  opacity: 0.68; }

/* line 1711, sass/main.scss */
.invalid p {
  padding: 1em;
  line-height: 1em;
  font-family: "MiaGrotesk-Bold", sans-serif;
  display: table-cell;
  vertical-align: middle; }

/* line 1718, sass/main.scss */
a .invalid p {
  color: #232323 !important; }

/* line 1722, sass/main.scss */
.mdl-cell {
  align-items: flex-start; }

/* ===== explore STYLES ===== */
/* line 1728, sass/main.scss */
.explore-section:last-child {
  margin-bottom: 2.5em; }

/* line 1732, sass/main.scss */
.explore-section h2 {
  margin-top: 1.6em;
  padding: 0;
  font-size: 1.6em;
  line-height: 1.6em; }

/* line 1739, sass/main.scss */
.explore-section h2 span {
  padding: 0; }

/* line 1743, sass/main.scss */
.explore-section p {
  line-height: 1.3em;
  margin-bottom: 10px; }

/*
.explore-section p strong{font-family: $MiaGroteskBold;}
.explore-section p em{font-family:$MiaGroteskBoldItalic}
*/
/* line 1758, sass/main.scss */
img.image, .LazyLoad.image {
  opacity: 0.3;
  transition: opacity, background-color 1s cubic-bezier(0.47, 0, 0.745, 0.715); }

/* line 1762, sass/main.scss */
img.loading, .LazyLoad.loading {
  border: 1px solid white;
  box-sizing: border-box;
  background-color: #232323 !important;
  color: transparent; }

/* line 1768, sass/main.scss */
img.loaded, .LazyLoad.loaded {
  opacity: 1 !important; }

/* line 1771, sass/main.scss */
img.error, img.loaded.error, .LazyLoad.error, .LazyLoad.loaded.error {
  opacity: 0.3 !important;
  background-color: #232323 !important;
  color: transparent; }

/* line 1778, sass/main.scss */
.dimension-view {
  padding: 1em; }
  /* line 1781, sass/main.scss */
  .dimension-view rect {
    fill-opacity: 0; }
  /* line 1785, sass/main.scss */
  .dimension-view .edge {
    stroke: black; }
  /* line 1789, sass/main.scss */
  .dimension-view .tennis-ball {
    fill: yellow; }
    /* line 1792, sass/main.scss */
    .dimension-view .tennis-ball .line {
      stroke: black;
      stroke-width: 2px; }

/* line 1796, sass/main.scss */
#more p {
  margin-bottom: 1em; }

@media (min-width: 767px) {
  /* line 1801, sass/main.scss */
  #more img {
    display: block;
    max-width: 17em; }
  /* line 1805, sass/main.scss */
  #more {
    position: relative;
    left: 50%;
    transform: translate(-50%); } }

@media (max-width: 767px) {
  /* line 1812, sass/main.scss */
  #more {
    min-height: 100vh; }
  /* line 1816, sass/main.scss */
  #more img {
    max-width: 7em;
    padding: 1em 1em 0.25em 1em;
    float: right; } }

/* line 1823, sass/main.scss */
#more h2 {
  padding-left: 0px;
  font-size: 1.25em; }

/* line 1828, sass/main.scss */
#more .labelHelper a {
  cursor: pointer; }

/* line 1832, sass/main.scss */
#more .tombstoneHelper {
  margin: 1em 0;
  padding: 0.5em;
  border: 1px solid #232323;
  border-radius: 3px;
  background-color: #eee; }

/* line 1840, sass/main.scss */
.agg-wrap, .search-wrap, .landingPageBody, .departmentPage,
.explore-section, .pageText, #map-and-gallery-list, #more {
  position: relative;
  z-index: 3;
  background: white; }

/* line 1847, sass/main.scss */
.search-wrap {
  background: none; }

@media (max-width: 501px) {
  /* line 1852, sass/main.scss */
  .search-wrap {
    background: #232323; }
  /* line 1855, sass/main.scss */
  .single_highlight {
    position: relative;
    display: inline-block;
    width: 100%;
    /* desired width */
    margin: 0;
    vertical-align: top; } }

/* line 1864, sass/main.scss */
.sticky .closePreview {
  right: 5em !important; }

/* line 1868, sass/main.scss */
.sketchfab-embed-wrapper, .sketchfab-embed-wrapper iframe {
  width: 100%;
  height: 100%;
  z-index: 100000000;
  background-color: #232323;
  position: relative; }

/*# sourceMappingURL=main.css.map */