/*
 Theme Name:   Clarkity
 Theme URI:    https://artsmia.org
 Description:  A Twenty Seventeen child theme for the INJA
 Author:       ArtsMia Dev Team
 Author URI:   https://artsmia.org
 Template:     twentyseventeen
 Text Domain:  clarkity
 Version:      1.0.0
 Domain Path: /lang
*/

/* VARIABLES */

/* ==========================================================================
   Defaults
   ========================================================================== */
.hidden {display:none;}

html {
  box-sizing: border-box;
  /* Font Smoothing */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
blockquote,
figure,
table {
  margin: 0 0 1rem 0;
  font-weight: normal;
}

ul,
ol {
  list-style-type: none;
  padding-left: 1.5rem;
}

ol li {
  padding-left: .25rem;
}

li {
  margin: 0 0 0.25rem 0;
}

.hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ==========================================================================
   Variables
   ========================================================================== */

/* Same as Gray but with Alpha Channel */

/* Variant Opacities for Black */

/* -------------------------------------------------------------------------- *
 * Colors From Current Site
 * -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- *
 * Colors From Branding
 * -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- *
 * Colors From Old Site
 * -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- *
 * Media Breakpoints
 * -------------------------------------------------------------------------- */

/* MISCELLANEOUS */

/* ANIMATIONS */

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-out {
  100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}

/* ==========================================================================
   Fonts
   ========================================================================== */

@font-face {
  font-family: 'iconi_mia';
  src: url("https://df75c3.claudeassets.com/20200810013834im_/https://injart.org/src/fonts/iconi_mia.eot");
  src: url("https://94ec5d.claudeassets.com/20200810013834im_/https://injart.org/src/fonts/iconi_mia.eot#iefix") format('embedded-opentype'),
    url("https://b03ed9.claudeassets.com/20200810013834im_/https://injart.org/src/fonts/iconi_mia.woff") format('woff'),
    url("https://93c344.claudeassets.com/20200810013834im_/https://injart.org/src/fonts/iconi_mia.ttf") format('truetype'),
    url("https://ab2fc9.claudeassets.com/20200810013834im_/https://injart.org/src/fonts/iconi_mia.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Mia Light";
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Light.eot");
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-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.ttf")
      format('truetype'),
    url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Light.svg")
      format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Mia Regular";
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Regular.eot");
  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.ttf")
      format('truetype'),
    url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Regular.svg")
      format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Mia Bold";
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Bold.eot");
  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.ttf")
      format('truetype'),
    url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Bold.svg")
      format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Mia Black";
  src: url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Black.eot");
  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.ttf")
      format('truetype'),
    url("https://mia-grotesk.s3.amazonaws.com/MiaGrotesk-Black.svg")
      format('svg');
  font-weight: normal;
  font-style: normal;
}

/* -------------------------------------------------------------------------- *
 * Social Icon Fonts
 * -------------------------------------------------------------------------- */

@font-face {
  font-family: 'mfg_labs_arrows';
  src: url("https://1db8da.claudeassets.com/20200810013834im_/https://injart.org/src/fonts/mfg_labs_arrows.eot");
  src: url("https://c5d946.claudeassets.com/20200810013834im_/https://injart.org/src/fonts/mfg_labs_arrows.eot#iefix") format('embedded-opentype'),
    url("https://fbbecb.claudeassets.com/20200810013834im_/https://injart.org/src/fonts/mfg_labs_arrows.woff") format('woff'),
    url("https://9c5fad.claudeassets.com/20200810013834im_/https://injart.org/src/fonts/mfg_labs_arrows.ttf") format('truetype'),
    url("https://4fe9fc.claudeassets.com/20200810013834im_/https://injart.org/src/fonts/mfg_labs_arrows.svg") format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('https://0e86fe.claudeassets.com/20200810013834im_/https://injart.org/wp-content/themes/font/fontello.svg?62827046#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "iconi_mia";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-miavimeo:before {
  content: '\e800';
}

/* '' */

.icon-miaflickr:before {
  content: '\e801';
}

/* '' */

.icon-miafacebook:before {
  content: '\e802';
}

/* '' */

.icon-miainstagram:before {
  content: '\e803';
}

/* '' */

.icon-miasearch:before {
  content: '\e804';
}

/* '' */

.icon-miatumblr:before {
  content: '\e805';
}

/* '' */

.icon-miatwitter:before {
  content: '\e806';
}

/* '' */

.icon-miayoutube:before {
  content: '\e807';
}

/* '' */

.icon-miaprint:before {
  content: '\e808';
}

/* '' */

.icon-miacontact:before {
  content: '\e809';
}

/* '' */

/* ==========================================================================
   Typography
   ========================================================================== */

h1,
h2,
h3,
h4 {
  line-height: 1.1;
  font-family: "Mia Black", "Helvetica Neue", Helvetica, san-serif;
  letter-spacing: -.025em;
  color: #231f20;
}

h1 span,
h2 span,
h3 span,
h4 span {
  font-family: "Mia Light", "Helvetica Neue", Helvetica, san-serif;
  letter-spacing: -0.01em;
}

h1 {
  font-size: 3.125rem; /* 50px */
  margin-bottom: .875rem; /* 30px */
}

h1.l2-pages {
  margin-bottom: 0;
}

h2 {
  margin-bottom: .875rem;
}

p.hero-text,
.hero-text p {
  font-size: 1.563rem; /* 25px */
  margin-bottom: 1.875rem; /* 30px */
}

h2.h2-large-alt {
  font-size: 2.188rem; /* 35px */
  font-family: "Mia Light", "Helvetica Neue", Helvetica, san-serif;
  letter-spacing: -0.01em;
}

h2.bold-small {
  font-size: 1.25rem; /* 20px */
  font-family: "Mia Black", "Helvetica Neue", Helvetica, san-serif;
  letter-spacing: -.025em;
  padding-top: .25em;
}

.cell-container h3 {
  margin-bottom: 0;
}

h3,
p {
  font-size: 1.031rem; /* 16.5px */
  line-height: 1.5;
}

h3.block-alt {
  font-size: 1.25rem; /* 20px */
  font-family: "Mia Light", "Helvetica Neue", Helvetica, san-serif;
  letter-spacing: -0.01em;
}

h4,
h5,
time {
  /* font-size: 0.688rem; */ /* 11px */
  font-size: 0.8rem;
}

@media (max-width: 480px) {
  h4,
  h5,
  time {
    font-size: 1em;
  }
}

p {
  font-family: "Mia Light", "Helvetica Neue", Helvetica, san-serif;
  letter-spacing: -0.01em;
}

p small {
  /* font-size: 0.688rem; */ /* 11px */
  font-size: 0.8rem;
}

@media (max-width: 480px) {
  p small {
    font-size: 1em;
  }
}

p.hero-text {
  line-height: 1.3;
}

small {
  /* font-size: 0.688rem; */ /* 11px */
  font-size: 0.8rem;
}

@media (max-width: 480px) {
  small {
    font-size: 1em;
  }
}

a:hover p small,
a:focus,
p small {
  color: white;
}

b,
strong {
  font-weight: 800;
  font-family: "Mia Black", "Helvetica Neue", Helvetica, san-serif;
}

.uppercase {
  text-transform: uppercase;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

time {
  font-family: "Mia Bold", "Helvetica Neue", Helvetica, san-serif;
  margin-bottom: 1em;
  display: inline-block;
}

time.Mia-light {
  font-family: "Mia Light", "Helvetica Neue", Helvetica, san-serif;
  letter-spacing: -0.01em;
}

time.small {
  font-size: 0.8rem;
  line-height: 1rem;
  margin-bottom: .25rem;
}

@media (max-width: 480px) {
  time.small {
    font-size: 1em;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted rgba(35, 31, 32, 0.6);
}

blockquote {
  background: none;
  border-left: 2px solid #e9e8e8;
  margin: 1.5em 2px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  /* line-height: 2.2; */
}

blockquote:before,
blockquote:after {
  color: rgba(35, 31, 32, 0.3);
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote:after {
  color: transparent;
  content: close-quote;
  margin-left: 0.25em;
}

blockquote p {
  display: inline;
}

hr {
  border: 1px solid #e9e8e8;
  clear: both;
  margin: 1.25em 0 1.875em;
  height: 0;
}

.list-inline {
  padding: 0;
}

.list-inline li {
  display: inline-block;
  margin-right: .75rem;
}

.list-inline li:last-of-type {
  margin-right: 0;
}

.tags {
  font-size: 0.8rem;
}

@media (max-width: 480px) {
  .tags {
    font-size: 1em;
  }
}

.tags li {
  margin-right: .25rem;
}

.list-padding-none {
  padding: 0;
}

.list-style-none {
  list-style: none;
}

.link-list {
}

.link-list li a {
  font-size: 0.875rem; /* 16.5pt */
}

.Mia-light {
  font-family: "Mia Light", "Helvetica Neue", Helvetica, san-serif;
  letter-spacing: -0.01em;
}

.Mia-bold {
  font-family: "Mia Bold", "Helvetica Neue", Helvetica, san-serif;
}

.Mia-black {
  font-family: "Mia Black", "Helvetica Neue", Helvetica, san-serif;
  letter-spacing: -.025em;
}

/* -------------------------------------------------------------------------- *
 * Buttons
 * -------------------------------------------------------------------------- */

button,
.button, input[type=submit] {
  border: 0;
  background: #231f20;
  padding: .75em;
  font-family: "Mia Bold", "Helvetica Neue", Helvetica, san-serif;
  font-size: 0.8rem;
  cursor: pointer;
  vertical-align: middle;
  transition: all .2s ease-in-out;
  margin-right: .5em;
  color: #fff;
  text-transform: uppercase;
}

button:hover,
.button:hover {
  opacity: 0.75;
}

button.alt-hover,
.button.alt-hover {
}

button.alt-hover:hover,
.button.alt-hover:hover {
  background-color: #231f20;
  color: #fff;
  opacity: 0.9;
}

button.display-block,
.button.display-block {
  display: block;
}

button.display-inline-block,
.button.display-inline-block {
  display: inline-block;
}

button.margin-top-small,
.button.margin-top-small {
  margin-top: 2rem;
}

button.border-dark,
.button.border-dark {
  border: 1px solid rgba(35, 31, 32, 0.85);
}

button.border-light,
.button.border-light {
  border: 1px solid rgba(35, 31, 32, 0.3);
}

button.border-super-light,
.button.border-super-light {
  border: 1px solid #e9e8e8;
}

button.background-black,
.button.background-black {
  background-color: #231f20;
  color: #fff;
  border: none;
}

button.bg-none,
.button.bg-none {
  background: none;
  color: #231f20;
}

button.bg-white,
.button.bg-white {
  background-color: #fff;
  color: #231f20;
}

button.bg-purple,
.button.bg-purple {
  background-color: #805696;
  color: #fff;
}

button.bg-seafoam,
.button.bg-seafoam {
  background-color: #8cd2cd;
  color: #fff;
}

button.bg-green,
.button.bg-green {
  background-color: #98d789;
}

button.bg-new-red,
.button.bg-new-red {
  background-color: #e54c60;
}

button.bg-new-gray,
.button.bg-new-gray {
  background-color: #d4c6c3;
}

button.bg-new-purple,
.button.bg-new-purple {
  background-color: #946db6;
}

button.bg-new-blue,
.button.bg-new-blue {
  background-color: #48ccdf;
}

button.border-none,
.button.border-none {
  border: none;
}

button.padding-none,
.button.padding-none {
  padding: 0;
}

button.color-black,
.button.color-black {
  color: #231f20;
}

button.disabled,
.button.disabled {
  opacity: 0.5;
  cursor: auto;
}

button.abled,
.button.abled {
  opacity: 1;
}

button.bottom-border-hover,
.button.bottom-border-hover {
  border-bottom: 1px solid rgba(35, 31, 32, 0);
  transition: all .2s ease-in-out;
  opacity: 1;
}

button.bottom-border-hover:hover,
.button.bottom-border-hover:hover {
  border-bottom: 1px solid rgba(35, 31, 32, 0.75);
}

a.button {
}

a.button:hover {
  color: #fff;
}

a.button-link {
}

a.button-link:hover {
  color: inherit;
}

/* -------------------------------------------------------------------------- *
 * Forms
 * -------------------------------------------------------------------------- */

form {
  margin-bottom: 1.5em;
}

form.search-header {
  margin-bottom: 0;
}

input[type=text] {
  padding: .65em;
  border-radius: 5px;
  /*box-shadow: inset 0 0px 0px rgba(255, 255, 255, 0);*/
  border: solid 1px rgba(35, 31, 32, 0.3);
  color: inherit;
  min-width: 175px;
}

input[type=text]::placeholder {
  color: rgba(35, 31, 32, 0.5);
}

input[type=text].underline {
  padding-left: 0.2em;
  border: 0;
  border-bottom: solid 1px rgba(35, 31, 32, 0.3);
}

/* SEARCH */

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  font-family: "Mia Light", "Helvetica Neue", Helvetica, san-serif;
  font-size: 100%;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
  display: none;
}

input[type=search] {
  background: url(https://b6b324.claudeassets.com/20200810013834im_/https://injart.org/src/images/search.svg) no-repeat 8px center;
  background-size: 26px;
  border: 0;
  border-top: 1px solid rgba(233, 232, 232, 0);
  border-bottom: solid 1px rgba(233, 232, 232, 0);
  padding: .6em .4em .5em .5em;
  /* border-radius: 10em; */
  transition: all .2s ease-in-out;
  color: transparent;
  width: 26px;
  cursor: pointer;
}

input[type=search]:hover {
  opacity: 0.6;
}

input[type=search]:focus,
input.non-focus[type=search] {
  width: 160px;
  background-color: rgba(255, 255, 255, 0.9);
  border-color: rgba(35, 31, 32, 0.3);
  border-top: 1px solid rgba(233, 232, 232, 0);
  padding-left: 35px;
  color: #231f20;
  cursor: auto;
  background-size: 20px;
  z-index: 30000;
}

input[type=search]:focus:hover,
input.non-focus[type=search]:hover {
  opacity: 1;
}

input.search[type=search] {
  margin-top: 0;
}

@media (max-width: 1200px) {
  input.search[type=search] {
    right: 40px;
    top: -2px;
    background-size: 18px;
    padding: 0;
  }

  input.search[type=search]:focus {
    padding-left: 35px;
  }
}

@media (max-width: 360px) {
  input.search[type=search] {
    margin-top: .5em;
    display: block;
  }
}

@media (max-width: 1200px) and (max-width: 480px) {
  input.search[type=search]:focus {
    margin-top: 1em;
    padding-bottom: .25em;
    min-width: 100%;
    width: 200px;
  }
}

.checkbox-list {
  padding-left: 0;
}

input[type="checkbox"] + label.checkbox-label {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 30px;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
}

input[type="checkbox"] + label.checkbox-label::before {
  transition: all .2s ease-in-out;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #231f20;
  box-shadow: 2px 2px 0 0px #231f20;
  vertical-align: middle;
  margin: 0 auto;
  color: transparent;
  line-height: 0.65;
  font-size: 1.35em;
}

input[type="checkbox"]:checked + label.checkbox-label::before {
  content: 'x';
  font-family: "Mia Black", "Helvetica Neue", Helvetica, san-serif;
  color: #231f20;
  text-align: center;
}

input:-moz-placeholder {
  color: transparent;
}

input::-webkit-input-placeholder {
  color: transparent;
}

/* ==========================================================================
   Links
   ========================================================================== */

a,
a:active {
  color: #1056ce;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

a:hover,
a:focus,
a:active:hover,
a:active:focus {
  color: #231f20;
}

.breadcrumbs a,
.breadcrumbs a:active,
nav a,
nav a:active,
.hero-text-block a,
.hero-text-block a:active,
.hero-text,
a:active .hero-text,
a p small,
a:active p small,
a span small,
a:active span small,
footer a,
footer a:active,
h3 a,
h3 a:active,
h2 a,
h2 a:active,
h1 a,
h1 a:active,
a .date-time,
a:active .date-time,
a  p,
a:active p,
.secondary-links a,
.secondary-links a:active,
a .uppercase,
a:active .uppercase,
a .cellContent,
a:active .cellContent, .exhibition-menu li a {
  color: #000000;
  font-family: "Mia Black", "Helvetica Neue", Helvetica, san-serif;
  text-decoration: none;
  transition: all .2s ease-in-out;

}

.breadcrumbs a:hover,
.breadcrumbs a:focus,
.breadcrumbs a:active:hover,
.breadcrumbs a:active:focus,
nav a:hover,
nav a:focus,
nav a:active:hover,
nav a:active:focus,
.hero-text-block a:hover,
.hero-text-block a:focus,
.hero-text-block a:active:hover,
.hero-text-block a:active:focus,
.hero-text:hover,
.hero-text:focus,
a:active .hero-text:hover,
a:active .hero-text:focus,
a p small:hover,
a p small:focus,
a:active p small:hover,
a:active p small:focus,
a span small:hover,
a span small:focus,
a:active span small:hover,
a:active span small:focus,
footer a:hover,
footer a:focus,
footer a:active:hover,
footer a:active:focus,
h3 a:hover,
h3 a:focus,
h3 a:active:hover,
h3 a:active:focus,
h2 a:hover,
h2 a:focus,
h2 a:active:hover,
h2 a:active:focus,
h1 a:hover,
h1 a:focus,
h1 a:active:hover,
h1 a:active:focus,
a .date-time:hover,
a .date-time:focus,
a:active .date-time:hover,
a:active .date-time:focus,
a  p:hover,
a  p:focus,
a:active p:hover,
a:active p:focus,
.secondary-links a:hover,
.secondary-links a:focus,
.secondary-links a:active:hover,
.secondary-links a:active:focus,
a .uppercase:hover,
a .uppercase:focus,
a:active .uppercase:hover,
a:active .uppercase:focus,
a .cellContent:hover,
a .cellContent:focus,
a:active .cellContent:hover,
a:active .cellContent:focus {
  color: #000000;
}

.view-more-link {
  border-bottom: 1px solid rgba(35, 31, 32, 0);
  transition: all .2s ease-in-out;
  opacity: 1;
  text-transform: uppercase;
  padding: 0;
  font-family: "Mia Bold", "Helvetica Neue", Helvetica, san-serif;
  font-size: 0.8rem;
}

.view-more-link:hover {
  opacity: 0.8;
  border-bottom: 1px solid rgba(35, 31, 32, 0.8);
}

.link-brdr-gray {
  border-bottom: 1px solid #e9e8e8;
}

.link-brdr-black {
  border-bottom: 1px solid #231f20;
}

.link-brdr-black a {
  border-bottom: 1px solid #231f20;
}

.link-brdr-dark-gray {
  border-bottom: 1px solid rgba(35, 31, 32, 0.85);
}

.link-brdr-dark-gray a {
  border-bottom: 1px solid rgba(35, 31, 32, 0.85);
}

.link-brdr-dark-gray-container {
}

.link-brdr-dark-gray-container a {
  border-bottom: 1px solid rgba(35, 31, 32, 0.85);
}

.link-brdr-lt-gray,
.link-brdr-lt-gray:active {
  border-bottom: 1px solid rgba(35, 31, 32, 0.3);
}

.link-brdr-none,
.link-brdr-none:active {
  border-bottom: 1px solid rgba(35, 31, 32, 0);
}

.link-fade-in {
  color: rgba(35, 31, 32, 0.85);
}

.link-fade-in:hover {
  color: #231f20;
}

.link-fade-in-with-brdr {
  border-bottom: 1px solid rgba(35, 31, 32, 0.3);
}

.link-fade-in-brdr {
  border-bottom: 1px solid rgba(35, 31, 32, 0);
}

.link-fade-in-brdr:hover {
  border-bottom: 1px solid rgba(35, 31, 32, 1);
}

.link-fade-in-brdr-dark-gray {
  border-bottom: 1px solid rgba(35, 31, 32, 0);
}

.link-fade-in-brdr-dark-gray:hover {
  border-bottom: 1px solid rgba(35, 31, 32, 0.85);
}

.link-fade-out {
  color: #231f20;
}

.link-fade-out:hover {
  color: rgba(35, 31, 32, 0.85);
}

.link-fade-out-opacity {
  opacity: 1;
}

.link-fade-out-opacity:hover {
  opacity: 0.9;
}

.link-brdr-bottom-hover {
}

.link-brdr-bottom-hover:hover,
.link-brdr-bottom-hover:focus {
  border-bottom: 1px solid rgba(35, 31, 32, 1);
}

/* ==========================================================================
   Editor
   ========================================================================== */

/* L2 Pages */

.hero-text {
}

.hero-text a,
.hero-text a:active {
  color: #231f20;
  text-decoration: none;
  transition: all .2s ease-in-out;
  border-bottom: 1px solid rgba(35, 31, 32, 0.6);
}

.hero-text a:hover,
.hero-text a:active:hover {
  color: rgba(35, 31, 32, 0.85);
  border-bottom: 1px solid rgba(35, 31, 32, 0.3);
}

.article-container {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0;
}

.article-container:before {
  content: '';
  display: table;
}

.article-container:after {
  content: '';
  display: table;
  clear: both;
}

article.content-editor,
article.content-editor-image-bleed,
article.width-570 {
  width: 35.625rem; /* 570px */
  /* Workaround for images with links */
  /* Workaround for credits */
}

article.content-editor img,
article.content-editor-image-bleed img,
article.width-570 img {
  margin-bottom: 1rem;
}

article.content-editor p img,
article.content-editor-image-bleed p img,
article.width-570 p img {
  margin-bottom: 0;
}

article.content-editor a,
article.content-editor a:active,
article.content-editor-image-bleed a,
article.content-editor-image-bleed a:active,
article.width-570 a,
article.width-570 a:active {
  color: #1056ce;
  text-decoration: none;
  transition: all .2s ease-in-out;
  border-bottom: 1px solid #1056ce;
}

article.content-editor a:hover,
article.content-editor a:active:hover,
article.content-editor-image-bleed a:hover,
article.content-editor-image-bleed a:active:hover,
article.width-570 a:hover,
article.width-570 a:active:hover {
  color: rgba(35, 31, 32, 0.85);
  border-bottom: 1px solid rgba(35, 31, 32, 0.3);
}

article.content-editor a.image-link,
article.content-editor-image-bleed a.image-link,
article.width-570 a.image-link {
  border-bottom: none;
}

article.content-editor a.image-link:hover,
article.content-editor-image-bleed a.image-link:hover,
article.width-570 a.image-link:hover {
  border-bottom: none;
}

article.content-editor small.credits,
article.content-editor-image-bleed small.credits,
article.width-570 small.credits {
  color: #231f20;
  font-style: italic;
  margin-top: -1rem;
  margin-bottom: 1rem;
  display: block;
}

@media (max-width: 570px) {
  article.content-editor,
  article.content-editor-image-bleed,
  article.width-570 {
    width: 100%;
  }
}

article.content-editor .alignright,
article.content-editor-image-bleed .alignright,
article.width-570 .alignright {
  float: right;
  margin: 0 0 0 2rem;
}

article.content-editor .alignleft,
article.content-editor-image-bleed .alignleft,
article.width-570 .alignleft {
  float: left;
  margin: 0 2rem 0 0;
}

article.content-editor .aligncenter,
article.content-editor-image-bleed .aligncenter,
article.width-570 .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

article.content-editor .alignright,
article.content-editor .alignleft,
article.content-editor .aligncenter,
article.content-editor-image-bleed .alignright,
article.content-editor-image-bleed .alignleft,
article.content-editor-image-bleed .aligncenter,
article.width-570 .alignright,
article.width-570 .alignleft,
article.width-570 .aligncenter {
}

article.content-editor .alignright img,
article.content-editor .alignleft img,
article.content-editor .aligncenter img,
article.content-editor-image-bleed .alignright img,
article.content-editor-image-bleed .alignleft img,
article.content-editor-image-bleed .aligncenter img,
article.width-570 .alignright img,
article.width-570 .alignleft img,
article.width-570 .aligncenter img {
  width: inherit;
  margin-bottom: 0;
}

/* Editor with Image Bleed */

article.content-editor-image-bleed > *:not(img):not(video) {
  margin-left: auto;
  margin-right: auto;
  max-width: 60rem;
  padding-left: 5%;
  padding-right: 5%;
}

article.content-editor-image-bleed {
}

article.content-editor-image-bleed .alignright {
  float: right;
  margin: 0 0 0 1em;
  margin-left: 0em;
}

article.content-editor-image-bleed .alignleft {
  float: left;
  margin: 0 1em 0 0;
  margin-right: 4em;
}

article.content-editor-image-bleed img {
  width: auto;
}

/* WP styles from editor */

img.alignright,
.wp-caption.alignright {
  float: right;
  margin: 6px 0 1em 1em;
  width: inherit;
}

img.alignleft,
.wp-caption.alignleft {
  float: left;
  margin: 6px 1em 1em 0;
  width: inherit;
}

img.aligncenter,
div.wp-caption.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: inherit;
}

p.wp-caption-text {
  color: #231f20;
  font-size: 0.8rem;
  font-style: italic;
  margin-bottom: 1rem;
  display: block;
}

/* -------------------------------------------------------------------------- *
 * Archive Site Fixes
 * -------------------------------------------------------------------------- */

.static {
}

.static .thrivent {
  margin-bottom: 10px;
}

.static img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.sponsorship {
  float: left;
}

dl {
  line-height: 1.7;
}

dl:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

dt,
dd {
  display: block;
  float: left;
  margin-bottom: 0;
  vertical-align: bottom;
}

dt {
  clear: both;
  /* width: 11em; */
}

dd {
  margin-left: 0.5em;
}

img.alignnone,
.wp-caption .alignnone {
  clear: both;
}

img.alignleft,
.wp-caption .alignleft {
  float: left;
}

img.alignright,
.wp-caption .alignright {
  float: right;
}

/* GLOBAL */

/* ==========================================================================
   Tachyons
   ========================================================================== */

.border-top-3 {
  border-top: 2px solid #231f20;
  padding-top: .25em;
}

.margin-top-1em {
  margin-top: 1em;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.margin-bottom-0-25em {
  margin-bottom: 0.25em;
}

.margin-bottom-20px {
  margin-bottom: 20px;
}

.margin-bottom-1rem {
  margin-bottom: 1rem;
}

.margin-bottom-2rem {
  margin-bottom: 2rem;
}

.margin-top-0 {
  margin-top: 0;
}

.display-block {
  display: block;
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.text-align-center {
  text-align: center;
}

.display-inline-block {
  display: inline-block;
}

.float-right {
  float: right !important;
}

.float-left {
  float: right !important;
}


/* Search-Filter overrides */

.chosen-container-multi .chosen-choices { 
	width: 250px;
	background-image: none;
	border-radius: 5px;
}

.chosen-container .chosen-drop {
	width: 250px;
}

.chosen-container .chosen-results li.highlighted {
	background-color: #484c53;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #484c53), color-stop(90%, #554e50));
	background-image: -webkit-linear-gradient(#484c53 20%, #554e50 90%);
	background-image: -moz-linear-gradient(#484c53 20%, #554e50 90%);
	background-image: -o-linear-gradient(#484c53 20%, #554e50 90%);
	background-image: linear-gradient(#484c53 20%, #554e50 90%);
	color: #fff;
}

.ll-skin-melon .ui-datepicker td {
  background: white;
  border: none;
  padding: 0; }

.ll-skin-melon .ui-datepicker th {
  border-color: white;
  font-weight: 600; }

.ll-skin-melon .ui-widget {
  font-family: inherit;
  background: #231f20;
  border: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
  
 .ll-skin-melon td .ui-state-default {
    background: transparent;
    border: none;
    text-align: center;
    padding: .3em;
    margin: 0;
    font-weight: normal;
    color: #231f20;
    font-size: 14px; }

  .ll-skin-melon td .ui-state-active {
    background: #2d3642;
    color: #ffffff; }

  .ll-skin-melon td .ui-state-hover {
    background: #404750; 
	color: white;}
	
	input[type=text].sf-datepicker {
		width: 250px;
	}
	ul.sf_date_field {
		padding-left: 0;
	}
	.sf-datepicker input[type=text]::placeholder  {
		color: rgba(35, 31, 32, 0.5)!important;
		opacity: 1;
	}
	
	/* members page overrides */ 
	.um-member {
		margin-bottom: 2em!important;
		height: 200px;
		width: 32%!important;
		border-width: 0!important;
	}
	.um-member-photo {
		padding: 0;
	}
	.um-member-card {
		float: left;
		text-align: left;
		margin: 0;
		display: inline-block;
		padding-bottom: 0!important;
		line-break: loose!important;
		overflow-wrap: break-word;
		word-wrap: break-word!important;
		max-width: 66%;
	}
	.um-member-photo:before {
	    content: "";  
	    display: block; 
	    margin-left: 50%; 
	    width: 250%; 
		margin-top: -1px;
	    border-top: 1px solid #ddd;
	}
	.um-member-name {
		padding: .25em 0 0 .3em!important;
		line-break: loose!important;
		overflow-wrap: break-word;
		word-wrap: break-word!important;
	}
	.um-member-photo {
	    padding: 0!important;
	    float: left;
		border: 1px solid #ddd !important;
		border-radius: 50%;
		width: 125px;
		height: 125px;
	}
	.um-member-tagline {
		padding: 0 0 0 .3em!important;
		color: #3e3c3c!important;
		line-height: 20px!important;
		line-break: loose!important;
		overflow-wrap: break-word;
		word-wrap: break-word!important;
	}
	.um-gutter-sizer{
		width: .5%!important;
	}
	.um-member-photo img {
		border: none!important;
		width: 125px!important;
		height: 125px!important;
		border: 1px solid #ddd;
	}
	
	@media screen and (max-width:600px) {
		.um-member {
			width: 90%!important;
			height: auto!important;
			margin-bottom: 20px!important;
		}
		.um-member-card {
			float: none;
			width: 100%;
			text-align: center;
		}
		.um-member-photo {
		    padding: 0!important;
		    float: none;
			margin: 0 auto;
			border: 1px solid #ddd !important;
			border-radius: 50%;
			width: 125px;
			height: 125px;
		}
		.um-member-photo:before {
		    border: none;
		}
		/* under 1024 px, center all and text underneath */
	}
 
/* ==========================================================================
   Global
   ========================================================================== */

html {
  font-size: 1em;
  /*   @media (min-width: $BreakPointDesktop) {
    font-size: 1.1em;
  }
  @media (min-width: $BreakPointDesktopXLg) {
    font-size: 1.125em;
  } */
}

html,
body {
  height: 100%;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  color: #231f20;
  font-family: "Mia Light", "Helvetica Neue", Helvetica, san-serif;
  background: #fff;
  line-height: 1.5;
  /* Flexbox in use for sticky footer  */
  display: flex;
  flex-direction: column;
}

.content {
  flex: 1 0 auto;
}

img {
  /* width: 100%; */
  height: auto;
  max-width: 100%;
}

img[Attributes Style] {
  height: auto;
}

#root > [data-reactroot],
.display-flex {
  /* Flexbox in use for sticky footer  */
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* ==========================================================================
   Header Styles
   ========================================================================== */

.screen-reader-text,
.sr-only {
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
}

.header-logo {
  position: relative;
  z-index: 20;
  display: block;
  width: 415px;
  height: 36.5px;
  /* background-image: url(https://3e1275.claudeassets.com/20200810013834im_/https://injart.org/wp-content/src/images/mia-wordmark.svg);
  Better to use img */
  background-repeat: no-repeat;
  text-indent: -9999px;
  text-align: left;
}

@media (max-width: 1200px) {
  .header-logo {
    height: 30px;
    width: 350px;
  }
}

@media (max-width: 350px) {
  .header-logo {
    width: 100%;
  }
}

h1.logo-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

h1.logo-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

header nav ul {
  display: inline-block;
  padding-left: 0;
  /* padding-right: 1.5rem; */
  margin-bottom: 0;
}

header nav ul li {
  display: inline-block;
  font-size: 1rem;
  vertical-align: middle;
  margin-right: 1.6em;
  position: relative;
  text-align: right;
}

header nav ul li a {
  color: #231f20;
  border-bottom: 1px solid rgba(35, 31, 32, 0);
}

header nav ul li a:hover {
  border-bottom: 1px solid rgba(35, 31, 32, 0.85);
}

header nav ul li button {
  background: none;
  color: #231f20;
  padding: 0;
  margin: 0;
  font-family: "Mia Light", "Helvetica Neue", Helvetica, san-serif;
  border-bottom: 1px solid rgba(35, 31, 32, 0);
  font-size: .8rem;
  margin-top: .6em;
  margin-bottom: .5em;
}

@media (max-width: 1200px) {
  header nav ul li button {
    margin-top: 0;
    margin-bottom: 0;
  }
}

header nav ul li button:hover {
  border-bottom: 1px solid rgba(35, 31, 32, 0.85);
}

header nav ul.secondary-links {
}

header nav ul.secondary-links li:last-child {
  margin-right: 0;
}

@media (max-width: 1200px) {
  header nav ul {
    margin-top: 0;
    margin-right: 1em;
    vertical-align: top;
  }

  header nav ul.secondary-links {
  }

  header nav ul.secondary-links li {
    display: inline-block;
  }

  header nav ul.secondary-links li a {
    display: inline-block;
  }

  header nav ul li {
    /* display: block; */
    margin-top: .5em;
  }

  header nav ul li.search {
    margin-top: 0;
  }
}

.dropdown-list {
  position: relative;
  display: inline-block;
}

.dropdown-list a {
  /*     margin-top: .6em;
    margin-bottom: .5em; */
  display: block;
}

@media (max-width: 1200px) {
  .dropdown-list a {
    margin-top: 0;
  }
}

.dropdown-container {
  border: 1px solid #231f20;
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
  position: absolute;
  min-width: 400px;
  z-index: 1;
  padding: .5em .75em;
}

.dropdown-container.text-align-right {
  text-align: right;
  right: 0; /* border-right: $BorderBlack; */
}

.dropdown-container.text-align-right li {
  margin-right: 0.5em;
}

.dropdown-content {
  padding-right: 0;
  display: none;
  margin-right: 1.5em;
  margin-bottom: 0.25em;
  vertical-align: top;
  /* box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); */
}

.dropdown-content li {
  margin-right: 0;
  margin-bottom: 0;
  display: block;
}

.dropdown-content.text-align-right {
  text-align: right;
  right: 0;
  margin-right: 0; /* border-right: $BorderBlack; */
}

.dropdown-content.text-align-right li {
  padding-right: 0;
}

/* Links inside the dropdown */

.dropdown-content a {
  color: black;
  padding: .5em 0;
  text-decoration: none;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  font-size: 0.8rem;
}

/* Change color of dropdown links on hover */

.dropdown-content a:hover {
  color: #231f20;
  border-bottom: 1px solid #231f20;
}

/* Show the dropdown menu on hover */

.dropdown-list:hover .dropdown-container {
  display: block;
}

@media (max-width: 1200px) {
  .dropdown-list:hover .dropdown-container {
    display: none;
  }
}

.dropdown-list:hover .dropdown-content {
  display: inline-block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.primary-links {
  font-family: "Mia Black", "Helvetica Neue", Helvetica, san-serif;
}

.secondary-links {
  /* Allows Search to be positioned absolute */
  /* margin-left: 40px; */
}

.nav {
  display: inherit;
  margin-top: 4px; /* Aligns the nav with Brand */
}

@media (max-width: 1200px) {
  .nav {
    text-align: right;
    padding-right: .5em;
    margin-top: 0;
  }
}

@media (max-width: 768px) {
  .nav {
    text-align: left;
  }
}

#nav-items {
  display: inline-block;
  float: right;
}

@media (max-width: 1200px) {
  #nav-items {
    display: none;
    transition: all .2s ease-in-out;
    height: 0;
    will-change: opacity;
  }

  #nav-items.open-nav {
    display: inline-block;
    opacity: 1;
    height: 100%;
    animation: fade-in 0.5s forwards;
  }

  #nav-items.close {
    animation: fade-out 0.5s forwards;
    height: 0;
  }
}

#nav-icon {
  display: none;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 0;
  top: 4px;
  transform: rotate(0deg);
  transition: all .2s ease-in-out;
  cursor: pointer;
}

@media (max-width: 1200px) {
  #nav-icon {
    display: block;
  }

  #nav-icon.open {
    top: 7px; /* For Screen Readers */
  }

  #nav-icon.open:before {
    content: 'close';
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
    left: -5px;
    bottom: 5px;
  }
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 22px;
  background: #231f20;
  opacity: 1;
  right: 0;
  transform: rotate(0deg);
  transition: all .2s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
  transform-origin: left center;
}

#nav-icon span:nth-child(2) {
  top: 8px;
  transform-origin: left center;
}

#nav-icon span:nth-child(3) {
  top: 16px;
  transform-origin: left center;
}

#nav-icon.open span:nth-child(1) {
  transform: rotate(45deg);
  top: -3px;
}

#nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-icon.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 12px;
}

/* Dropdown Click */

.dropdown-click {
  position: absolute;
  display: none;
  width: 600px;
  z-index: 10000;
}

.dropdown-click ul {
}

.dropdown-click ul li {
  display: block;
}

.dropdown-click ul li a {
  background: rgba(35, 31, 32, 0.95);
  color: #fff;
  padding: 1em;
  display: block;
  font-size: 0.85em;
}

/* Modal technology */

.modal-bkgd {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  background: rgba(255, 255, 255, 0.75);
  display: none;
  animation: fade-in 0.5s forwards;
}

.modal-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 600px;
  max-width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1000;
  padding: 2em;
  height: 400px;
  max-height: 100%;
  display: none;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  animation: fade-in 0.5s forwards;
}

.modal-container h2 {
  text-transform: capitalize;
}

.modal-container ul.modal-content {
  font-size: 0.8rem;
}

.modal-container ul.modal-content li {
}

.modal-container ul.modal-content li:after {
  content: '|';
  display: inline;
  margin-left: 1.5em;
}

.modal-container ul.modal-content li:last-of-type {
}

.modal-container ul.modal-content li:last-of-type:after {
  content: '';
}

.modal-container ul.modal-content li a {
  display: inherit;
}

.modal-container button.close-button {
  position: absolute;
  top: 1.5em;
  right: 1em;
  transition: inherit;
  display: block;
  padding: 0.75em;
}

.modal-container button.close-button:hover {
  border-bottom: none;
}

.modal-container button.close-button:before,
.modal-container button.close-button:after {
  display: block;
  position: absolute;
  height: 4px;
  width: 24px;
  background: #231f20;
  opacity: 1;
  right: 10px;
  content: '';
}

.modal-container button.close-button:before {
  transform: rotate(45deg);
  top: 3px;
}

.modal-container button.close-button:after {
  transform: rotate(-45deg);
  top: 3px;
}

.open {
  display: block;
}

/* ==========================================================================
   Hero
   ========================================================================== */

/* Hero Image for Front Page */

.hero-image-container {
  background-color: #e9e8e8;
  position: relative;
}

.hero-image-container.without-bkgd-image {
  background-color: none;
}

img.image-hero-front-page {
  display: block;
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  min-height: 460px;
  padding-left: 100%; /* Equal to width of new image */
}

@media (max-width: 991px) {
  img.image-hero-front-page {
    padding-left: 0;
    min-height: inherit;
  }
}

.Mia-logo {
  position: absolute;
  background-image: url(https://535148.claudeassets.com/20200810013834im_/https://injart.org/src/images/mia-logo.svg);
  background-repeat: no-repeat;
  bottom: -1px;
  left: -1px;
  width: 100%;
  height: auto;
  min-height: 135px;
  z-index: 1;
  padding: 7%;
}

@media (max-width: 768px) {
  .Mia-logo {
    background-size: 150px;
    min-height: inherit;
    padding: 29px;
  }
}

@media (max-width: 480px) {
  .Mia-logo {
    display: none;
  }
}

.hero-text-block {
  position: relative;
  height: auto;
  min-height: 460px;
}

@media (max-width: 991px) {
  .hero-text-block {
    min-height: inherit;
  }
}

.hero-email-sign-up {
  position: absolute;
  left: 0;
  bottom: 0;
}

@media (max-width: 991px) {
  .hero-email-sign-up {
    position: inherit;
  }
}

/* Image hero for L2 Pages and beyond */

.image-hero {
  object-fit: cover;
}

img.image-hero {
  display: block;
  width: 100%;
  height: auto;
}

img.masthead {
  display: block;
  margin-bottom: 2rem;
}

/* ==========================================================================
   Footer Styles
   ========================================================================== */

.footer {
  width: 100%;
  margin-top: 20px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.footer:before {
  content: '';
  display: table;
}

.footer:after {
  content: '';
  display: table;
  clear: both;
}

@media (min-width: 991px) {
  .footer {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px; /* max-width: 1280px padding: 20px */
  }

  .footer:before {
    /* max-width: 1280px padding: 20px */
    content: '';
    display: table;
  }

  .footer:after {
    /* max-width: 1280px padding: 20px */
    content: '';
    display: table;
    clear: both;
  }
}

.footer .footer-content {
  height: 200px;
  padding: 1.5rem 0;
  font-weight: normal;
  width: calc(100% * 1/1 - (24px - 24px * 1/1));
}

.footer .footer-content:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none;
}

.footer .footer-content:last-child {
  margin-right: 0;
}

.footer .footer-content:nth-child(1n) {
  margin-right: 0;
  float: right;
}

.footer .footer-content:nth-child(1n + 1) {
  clear: both;
}

.footer .footer-content img {
  width: inherit;
}

/* ==========================================================================
   Layout Modules
   ========================================================================== */

.gray-event-block {
  background: #e9e8e8;
  padding: 1em;
}

.gray-event-block.block-link {
  display: block;
  border-bottom: none;
}

.gray-event-block.block-link h4 {
  color: #231f20;
  transition: all .2s ease-in-out;
  line-height: 1.3;
}

.gray-event-block.block-link:hover {
  border-bottom: none;
  background: rgba(35, 31, 32, 0.85);
  color: #fff;
}

.gray-event-block.block-link:hover h4 {
  color: #fff;
}

.gray-event-block.margin-bottom-small {
  margin-bottom: .5rem;
}

.gray-event-block h3 {
  margin-bottom: 0;
}

.gray-event-block h4 {
  margin-bottom: 0;
  font-family: "Mia Bold", "Helvetica Neue", Helvetica, san-serif;
}

.gray-event-block p {
  margin-bottom: 0;
  line-height: 1.1;
}

.black-border {
  border: 0.031em solid #231f20;
}

.block-padding {
  padding: 1em;
}

.small-article {
  clear: both;
}

.small-article a,
.small-article a:focus {
  border-bottom: 0.031em solid rgba(35, 31, 32, 0);
  transition: all .2s ease-in-out;
}

.small-article a:hover,
.small-article a:focus:hover {
  border-bottom: 0.031em solid #231f20;
}

.clearfix {
  clear: both;
}

.cell-image {
  width: 100%;
	height: 15em;
	object-fit: cover;
	object-position: 0 0;
}

.cell-image.thumbnail {
  width: 90px;
  float: left;
  margin-right: 1rem;
  margin-bottom: 0;
  padding-bottom: 0.5em;
}

.cell-container {
  margin-bottom: 1rem;
}

.cell-container h2 {
  margin-bottom: 1rem;
}

.cell-container h2.padding-top {
  padding-top: .25em;
}

.cell-container a.image-link {
  transition: all .2s ease-in-out;
  border-bottom: 0;
}

.cell-container a.image-link:hover {
  border-bottom: 0;
  opacity: 0.9;
}

.social-share-widget {
}

.social-share-widget ul {
  margin-left: -.35em;
}

/* ==========================================================================
   The Grid
   ========================================================================== */

/* Margins of each cell has 20 px within the grid */

.container {
  margin-top: 60px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px; /* max-width: 1280px padding: 100px */
}

.container:before {
  /* max-width: 1280px padding: 100px */
  content: '';
  display: table;
}

.container:after {
  /* max-width: 1280px padding: 100px */
  content: '';
  display: table;
  clear: both;
}

@media (min-width: 991px) {
  .container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px; /* max-width: 1280px padding: 10px */
  }

  .container:before {
    /* max-width: 1280px padding: 10px */
    content: '';
    display: table;
  }

  .container:after {
    /* max-width: 1280px padding: 10px */
    content: '';
    display: table;
    clear: both;
  }
}

@media (max-width: 480px) {
  .container {
    margin-top: 10px;
  }
}

.row:before {
  content: '';
  display: table;
}

.row:after {
  content: '';
  display: table;
  clear: both;
}

/* GRID LAYOUT FOR LIVE SITE COMPONENTS */

.row.two-thirds div.col,
.row.thirds div.col,
.row.fourths div.col {
  height: auto;
  font-weight: normal;
  width: calc(100% * 1/1 - (24px - 24px * 1/1));
  margin-bottom: 2rem;
  background: none;
  line-height: inherit;
  text-align: inherit;
}

.row.two-thirds div.col:nth-child(1n),
.row.thirds div.col:nth-child(1n),
.row.fourths div.col:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none;
}

.row.two-thirds div.col:last-child,
.row.thirds div.col:last-child,
.row.fourths div.col:last-child {
  margin-right: 0;
}

.row.two-thirds div.col:nth-child(1n),
.row.thirds div.col:nth-child(1n),
.row.fourths div.col:nth-child(1n) {
  margin-right: 0;
  float: right;
}

.row.two-thirds div.col:nth-child(1n + 1),
.row.thirds div.col:nth-child(1n + 1),
.row.fourths div.col:nth-child(1n + 1) {
  clear: both;
}

.row.two-thirds div.col:before,
.row.thirds div.col:before,
.row.fourths div.col:before {
  content: '';
  display: table;
}

.row.two-thirds div.col:after,
.row.thirds div.col:after,
.row.fourths div.col:after {
  content: '';
  display: table;
  clear: both;
}

.row.two-thirds div.col.col-9,
.row.thirds div.col.col-9,
.row.fourths div.col.col-9 {
}

@media (min-width: 991px) {
  .row.two-thirds div.col.col-9,
  .row.thirds div.col.col-9,
  .row.fourths div.col.col-9 {
    width: calc(100% * 2/3 - (24px - 24px * 2/3));
  }

  .row.two-thirds div.col.col-9:nth-child(1n),
  .row.thirds div.col.col-9:nth-child(1n),
  .row.fourths div.col.col-9:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.two-thirds div.col.col-9:last-child,
  .row.thirds div.col.col-9:last-child,
  .row.fourths div.col.col-9:last-child {
    margin-right: 0;
  }

  .row.two-thirds div.col.col-9:nth-child(2n),
  .row.thirds div.col.col-9:nth-child(2n),
  .row.fourths div.col.col-9:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .row.two-thirds div.col.col-9:nth-child(2n + 1),
  .row.thirds div.col.col-9:nth-child(2n + 1),
  .row.fourths div.col.col-9:nth-child(2n + 1) {
    clear: both;
  }
}

.row.two-thirds div.col.col-9.switch,
.row.thirds div.col.col-9.switch,
.row.fourths div.col.col-9.switch {
}

@media (min-width: 991px) {
  .row.two-thirds div.col.col-9.switch,
  .row.thirds div.col.col-9.switch,
  .row.fourths div.col.col-9.switch {
    position: relative;
    left: calc(100% * 1/3 - (24px - 24px * 1/3) + 24px);
  }
}

.row.two-thirds div.col.col-3,
.row.thirds div.col.col-3,
.row.fourths div.col.col-3 {
}

@media (min-width: 991px) {
  .row.two-thirds div.col.col-3,
  .row.thirds div.col.col-3,
  .row.fourths div.col.col-3 {
    width: calc(100% * 1/3 - (24px - 24px * 1/3));
  }

  .row.two-thirds div.col.col-3:nth-child(1n),
  .row.thirds div.col.col-3:nth-child(1n),
  .row.fourths div.col.col-3:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.two-thirds div.col.col-3:last-child,
  .row.thirds div.col.col-3:last-child,
  .row.fourths div.col.col-3:last-child {
    margin-right: 0;
  }

  .row.two-thirds div.col.col-3:nth-child(2n),
  .row.thirds div.col.col-3:nth-child(2n),
  .row.fourths div.col.col-3:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .row.two-thirds div.col.col-3:nth-child(2n + 1),
  .row.thirds div.col.col-3:nth-child(2n + 1),
  .row.fourths div.col.col-3:nth-child(2n + 1) {
    clear: both;
  }
}

.row.two-thirds div.col.col-3.switch,
.row.thirds div.col.col-3.switch,
.row.fourths div.col.col-3.switch {
}

@media (min-width: 991px) {
  .row.two-thirds div.col.col-3.switch,
  .row.thirds div.col.col-3.switch,
  .row.fourths div.col.col-3.switch {
    position: relative;
    left: calc(100% * -2/3 - (24px - 24px * -2/3) + 24px);
  }
}

.row.two-thirds div.col.col-3.image-grid,
.row.thirds div.col.col-3.image-grid,
.row.fourths div.col.col-3.image-grid {
  margin-bottom: 10px;
}

.row.two-thirds div.col.col-6,
.row.thirds div.col.col-6,
.row.fourths div.col.col-6 {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .row.two-thirds div.col.col-6,
  .row.thirds div.col.col-6,
  .row.fourths div.col.col-6 {
    width: calc(100% * 1/2 - (24px - 24px * 1/2));
  }

  .row.two-thirds div.col.col-6:nth-child(1n),
  .row.thirds div.col.col-6:nth-child(1n),
  .row.fourths div.col.col-6:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.two-thirds div.col.col-6:last-child,
  .row.thirds div.col.col-6:last-child,
  .row.fourths div.col.col-6:last-child {
    margin-right: 0;
  }

  .row.two-thirds div.col.col-6:nth-child(2n),
  .row.thirds div.col.col-6:nth-child(2n),
  .row.fourths div.col.col-6:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .row.two-thirds div.col.col-6:nth-child(2n + 1),
  .row.thirds div.col.col-6:nth-child(2n + 1),
  .row.fourths div.col.col-6:nth-child(2n + 1) {
    clear: both;
  }
}

.row.two-thirds div.col.col-6.switch,
.row.thirds div.col.col-6.switch,
.row.fourths div.col.col-6.switch {
}

@media (min-width: 768px) {
  .row.two-thirds div.col.col-6.switch,
  .row.thirds div.col.col-6.switch,
  .row.fourths div.col.col-6.switch {
    position: relative;
    left: calc(100% * -1/2 - (24px - 24px * -1/2) + 24px);
  }
}

.row.two-thirds div.col.header-grid,
.row.thirds div.col.header-grid,
.row.fourths div.col.header-grid {
  vertical-align: bottom;
}

@media (max-width: 480px) {
  .row.two-thirds div.col.header-grid,
  .row.thirds div.col.header-grid,
  .row.fourths div.col.header-grid {
    width: calc(100% * 1/1 - (24px - 24px * 1/1));
    margin-bottom: 10px;
  }

  .row.two-thirds div.col.header-grid:nth-child(1n),
  .row.thirds div.col.header-grid:nth-child(1n),
  .row.fourths div.col.header-grid:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.two-thirds div.col.header-grid:last-child,
  .row.thirds div.col.header-grid:last-child,
  .row.fourths div.col.header-grid:last-child {
    margin-right: 0;
  }

  .row.two-thirds div.col.header-grid:nth-child(1n),
  .row.thirds div.col.header-grid:nth-child(1n),
  .row.fourths div.col.header-grid:nth-child(1n) {
    margin-right: 0;
    float: right;
  }

  .row.two-thirds div.col.header-grid:nth-child(1n + 1),
  .row.thirds div.col.header-grid:nth-child(1n + 1),
  .row.fourths div.col.header-grid:nth-child(1n + 1) {
    clear: both;
  }
}

.row.two-thirds div.col.header-grid.col-3,
.row.thirds div.col.header-grid.col-3,
.row.fourths div.col.header-grid.col-3 {
}

@media (min-width: 768px) {
  .row.two-thirds div.col.header-grid.col-3,
  .row.thirds div.col.header-grid.col-3,
  .row.fourths div.col.header-grid.col-3 {
    width: calc(100% * 1/3 - (24px - 24px * 1/3));
  }

  .row.two-thirds div.col.header-grid.col-3:nth-child(1n),
  .row.thirds div.col.header-grid.col-3:nth-child(1n),
  .row.fourths div.col.header-grid.col-3:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.two-thirds div.col.header-grid.col-3:last-child,
  .row.thirds div.col.header-grid.col-3:last-child,
  .row.fourths div.col.header-grid.col-3:last-child {
    margin-right: 0;
  }

  .row.two-thirds div.col.header-grid.col-3:nth-child(2n),
  .row.thirds div.col.header-grid.col-3:nth-child(2n),
  .row.fourths div.col.header-grid.col-3:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .row.two-thirds div.col.header-grid.col-3:nth-child(2n + 1),
  .row.thirds div.col.header-grid.col-3:nth-child(2n + 1),
  .row.fourths div.col.header-grid.col-3:nth-child(2n + 1) {
    clear: both;
  }
}

.row.two-thirds div.col.header-grid.col-9,
.row.thirds div.col.header-grid.col-9,
.row.fourths div.col.header-grid.col-9 {
}

@media (min-width: 768px) {
  .row.two-thirds div.col.header-grid.col-9,
  .row.thirds div.col.header-grid.col-9,
  .row.fourths div.col.header-grid.col-9 {
    width: calc(100% * 2/3 - (24px - 24px * 2/3));
  }

  .row.two-thirds div.col.header-grid.col-9:nth-child(1n),
  .row.thirds div.col.header-grid.col-9:nth-child(1n),
  .row.fourths div.col.header-grid.col-9:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.two-thirds div.col.header-grid.col-9:last-child,
  .row.thirds div.col.header-grid.col-9:last-child,
  .row.fourths div.col.header-grid.col-9:last-child {
    margin-right: 0;
  }

  .row.two-thirds div.col.header-grid.col-9:nth-child(2n),
  .row.thirds div.col.header-grid.col-9:nth-child(2n),
  .row.fourths div.col.header-grid.col-9:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .row.two-thirds div.col.header-grid.col-9:nth-child(2n + 1),
  .row.thirds div.col.header-grid.col-9:nth-child(2n + 1),
  .row.fourths div.col.header-grid.col-9:nth-child(2n + 1) {
    clear: both;
  }
}

.row.thirds div.col {
}

.row.thirds div.col.col-3 {
}

@media (min-width: 768px) {
  .row.thirds div.col.col-3 {
    width: calc(100% * 2/4 - (24px - 24px * 2/4));
  }

  .row.thirds div.col.col-3:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.thirds div.col.col-3:last-child {
    margin-right: 0;
  }

  .row.thirds div.col.col-3:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .row.thirds div.col.col-3:nth-child(2n + 1) {
    clear: both;
  }
}

@media (min-width: 991px) {
  .row.thirds div.col.col-3 {
    width: calc(100% * 1/3 - (24px - 24px * 1/3));
  }

  .row.thirds div.col.col-3:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.thirds div.col.col-3:last-child {
    margin-right: 0;
  }

  .row.thirds div.col.col-3:nth-child(3n) {
    margin-right: 0;
    float: right;
  }

  .row.thirds div.col.col-3:nth-child(3n + 1) {
    clear: both;
  }
}

.row.thirds div.col.col-3.switch {
}

@media (min-width: 991px) {
  .row.thirds div.col.col-3.switch {
    position: relative;
    left: calc(100% * -1/3 - (24px - 24px * -1/3) + 24px);
  }
}

.row.thirds div.col.col-3.switch-forward {
}

@media (min-width: 991px) {
  .row.thirds div.col.col-3.switch-forward {
    position: relative;
    left: calc(100% * 1/3 - (24px - 24px * 1/3) + 24px);
  }
}

.row.thirds div.col.header-grid {
}

.row.thirds div.col.header-grid.col-3 {
}

@media (min-width: 480px) {
  .row.thirds div.col.header-grid.col-3 {
    width: calc(100% * 1/3 - (24px - 24px * 1/3));
  }

  .row.thirds div.col.header-grid.col-3:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.thirds div.col.header-grid.col-3:last-child {
    margin-right: 0;
  }

  .row.thirds div.col.header-grid.col-3:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .row.thirds div.col.header-grid.col-3:nth-child(2n + 1) {
    clear: both;
  }
}

.row.thirds div.col.header-grid.col-9 {
}

@media (min-width: 480px) {
  .row.thirds div.col.header-grid.col-9 {
    width: calc(100% * 2/3 - (24px - 24px * 2/3));
  }

  .row.thirds div.col.header-grid.col-9:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.thirds div.col.header-grid.col-9:last-child {
    margin-right: 0;
  }

  .row.thirds div.col.header-grid.col-9:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .row.thirds div.col.header-grid.col-9:nth-child(2n + 1) {
    clear: both;
  }
}

.fourths div.col {
}

.fourths div.col.col-4 {
}

@media (min-width: 768px) {
  .fourths div.col.col-4 {
    width: calc(100% * 2/4 - (24px - 24px * 2/4));
  }

  .fourths div.col.col-4:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .fourths div.col.col-4:last-child {
    margin-right: 0;
  }

  .fourths div.col.col-4:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .fourths div.col.col-4:nth-child(2n + 1) {
    clear: both;
  }
}

@media (min-width: 991px) {
  .fourths div.col.col-4 {
    width: calc(100% * 1/4 - (24px - 24px * 1/4));
  }

  .fourths div.col.col-4:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .fourths div.col.col-4:last-child {
    margin-right: 0;
  }

  .fourths div.col.col-4:nth-child(4n) {
    margin-right: 0;
    float: right;
  }

  .fourths div.col.col-4:nth-child(4n + 1) {
    clear: both;
  }
}

.fourths div.col.col-4.switch {
}

@media (min-width: 991px) {
  .fourths div.col.col-4.switch {
    position: relative;
    left: calc(100% * -1/4 - (24px - 24px * -1/4) + 24px);
  }
}

.fourths div.col.col-4.switch-forward {
}

@media (min-width: 991px) {
  .fourths div.col.col-4.switch-forward {
    position: relative;
    left: calc(100% * 1/4 - (24px - 24px * 1/4) + 24px);
  }
}

.row.sixths .col-2 {
  height: auto;
  line-height: 25px;
  font-weight: normal;
  width: calc(100% * 1/1 - (24px - 24px * 1/1));
  text-align: left;
  margin-bottom: 2rem;
}

.row.sixths .col-2:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none;
}

.row.sixths .col-2:last-child {
  margin-right: 0;
}

.row.sixths .col-2:nth-child(1n) {
  margin-right: 0;
  float: right;
}

.row.sixths .col-2:nth-child(1n + 1) {
  clear: both;
}

@media (min-width: 480px) {
  .row.sixths .col-2 {
    width: calc(100% * 2/6 - (24px - 24px * 2/6));
  }

  .row.sixths .col-2:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.sixths .col-2:last-child {
    margin-right: 0;
  }

  .row.sixths .col-2:nth-child(3n) {
    margin-right: 0;
    float: right;
  }

  .row.sixths .col-2:nth-child(3n + 1) {
    clear: both;
  }
}

@media (min-width: 991px) {
  .row.sixths .col-2 {
    width: calc(100% * 1/6 - (24px - 24px * 1/6));
  }

  .row.sixths .col-2:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.sixths .col-2:last-child {
    margin-right: 0;
  }

  .row.sixths .col-2:nth-child(6n) {
    margin-right: 0;
    float: right;
  }

  .row.sixths .col-2:nth-child(6n + 1) {
    clear: both;
  }
}

/* STYLEGUIDE */

/* ==========================================================================
   Style Guide
   ========================================================================== */

xmp {
  display: inline;
  margin: 0;
}

/* GRID LAYOUT */

.row div.grid-layout {
  background: #e9e8e8;
  height: auto;
  line-height: 25px;
  font-weight: normal;
  width: calc(100% * 1/1 - (24px - 24px * 1/1));
  margin-bottom: 20px;
  text-align: center;
}

.row div.grid-layout:nth-child(1n) {
  float: left;
  margin-right: 24px;
  clear: none;
}

.row div.grid-layout:last-child {
  margin-right: 0;
}

.row div.grid-layout:nth-child(1n) {
  margin-right: 0;
  float: right;
}

.row div.grid-layout:nth-child(1n + 1) {
  clear: both;
}

.row div.grid-layout:before {
  content: '';
  display: table;
}

.row div.grid-layout:after {
  content: '';
  display: table;
  clear: both;
}

.row div.grid-layout.text-box {
  background: none;
  line-height: inherit;
  text-align: inherit;
}

.row div.grid-layout.col-9 {
}

@media (min-width: 991px) {
  .row div.grid-layout.col-9 {
    width: calc(100% * 2/3 - (24px - 24px * 2/3));
  }

  .row div.grid-layout.col-9:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row div.grid-layout.col-9:last-child {
    margin-right: 0;
  }

  .row div.grid-layout.col-9:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .row div.grid-layout.col-9:nth-child(2n + 1) {
    clear: both;
  }
}

.row div.grid-layout.col-9.switch {
}

@media (min-width: 991px) {
  .row div.grid-layout.col-9.switch {
    position: relative;
    left: calc(100% * 1/3 - (24px - 24px * 1/3) + 24px);
  }
}

.row div.grid-layout.col-3 {
}

@media (min-width: 991px) {
  .row div.grid-layout.col-3 {
    width: calc(100% * 1/3 - (24px - 24px * 1/3));
  }

  .row div.grid-layout.col-3:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row div.grid-layout.col-3:last-child {
    margin-right: 0;
  }

  .row div.grid-layout.col-3:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .row div.grid-layout.col-3:nth-child(2n + 1) {
    clear: both;
  }
}

.row div.grid-layout.col-3.switch {
}

@media (min-width: 991px) {
  .row div.grid-layout.col-3.switch {
    position: relative;
    left: calc(100% * -2/3 - (24px - 24px * -2/3) + 24px);
  }
}

.row div.grid-layout.col-4 {
}

@media (min-width: 991px) {
  .row div.grid-layout.col-4 {
    width: calc(100% * 1/4 - (24px - 24px * 1/4));
  }

  .row div.grid-layout.col-4:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row div.grid-layout.col-4:last-child {
    margin-right: 0;
  }

  .row div.grid-layout.col-4:nth-child(4n) {
    margin-right: 0;
    float: right;
  }

  .row div.grid-layout.col-4:nth-child(4n + 1) {
    clear: both;
  }
}

.row div.grid-layout.col-4.switch {
}

@media (min-width: 991px) {
  .row div.grid-layout.col-4.switch {
    position: relative;
    left: calc(100% * -2/4 - (24px - 24px * -2/4) + 24px);
  }
}

.row div.grid-layout.col-4.image-grid {
  margin-bottom: 10px;
}

.row div.grid-layout.col-6 {
}

@media (min-width: 768px) {
  .row div.grid-layout.col-6 {
    width: calc(100% * 1/2 - (24px - 24px * 1/2));
  }

  .row div.grid-layout.col-6:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row div.grid-layout.col-6:last-child {
    margin-right: 0;
  }

  .row div.grid-layout.col-6:nth-child(2n) {
    margin-right: 0;
    float: right;
  }

  .row div.grid-layout.col-6:nth-child(2n + 1) {
    clear: both;
  }
}

.row div.grid-layout.col-6.switch {
}

@media (min-width: 768px) {
  .row div.grid-layout.col-6.switch {
    position: relative;
    left: calc(100% * -1/2 - (24px - 24px * -1/2) + 24px);
  }
}

.row.thirds div.grid-layout {
}

.row.thirds div.grid-layout.col-3 {
}

@media (min-width: 991px) {
  .row.thirds div.grid-layout.col-3 {
    width: calc(100% * 1/3 - (24px - 24px * 1/3));
  }

  .row.thirds div.grid-layout.col-3:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.thirds div.grid-layout.col-3:last-child {
    margin-right: 0;
  }

  .row.thirds div.grid-layout.col-3:nth-child(3n) {
    margin-right: 0;
    float: right;
  }

  .row.thirds div.grid-layout.col-3:nth-child(3n + 1) {
    clear: both;
  }
}

.row.thirds div.grid-layout.col-3.switch-third {
}

@media (min-width: 991px) {
  .row.thirds div.grid-layout.col-3.switch-third {
    position: relative;
    left: calc(100% * -1/3 - (24px - 24px * -1/3) + 24px);
  }
}

.row.thirds div.grid-layout.col-3.switch-forward {
}

@media (min-width: 991px) {
  .row.thirds div.grid-layout.col-3.switch-forward {
    position: relative;
    left: calc(100% * 1/3 - (24px - 24px * 1/3) + 24px);
  }
}

.row.sixths .col-2 {
  /* styleguide purposes */
  /* styleguide purposes */
}

.row.sixths .col-2.color-blocks {
  border: 1px solid rgba(35, 31, 32, 0.6);
  padding: 10px;
}

.row.sixths .col-2.grid-full {
  border: none;
  background: #e9e8e8;
  padding: 0;
}

.row.sixths .col-2 {
  height: auto;
  line-height: 25px;
  font-weight: normal;
  width: calc(100% * 1/1 - (24px - 24px * 1/1));
  text-align: left;
  margin-bottom: 20px;
  /* styleguide purposes */
  /* styleguide purposes */
}

.row.sixths .col-2:nth-child(1n) {
  /* styleguide purposes */ /* styleguide purposes */
  float: left;
  margin-right: 24px;
  clear: none;
}

.row.sixths .col-2:last-child {
  /* styleguide purposes */ /* styleguide purposes */
  margin-right: 0;
}

.row.sixths .col-2:nth-child(1n) {
  /* styleguide purposes */ /* styleguide purposes */
  margin-right: 0;
  float: right;
}

.row.sixths .col-2:nth-child(1n + 1) {
  /* styleguide purposes */ /* styleguide purposes */
  clear: both;
}

@media (min-width: 480px) {
  .row.sixths .col-2 {
    width: calc(100% * 2/6 - (24px - 24px * 2/6));
  }

  .row.sixths .col-2:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.sixths .col-2:last-child {
    margin-right: 0;
  }

  .row.sixths .col-2:nth-child(3n) {
    margin-right: 0;
    float: right;
  }

  .row.sixths .col-2:nth-child(3n + 1) {
    clear: both;
  }
}

@media (min-width: 991px) {
  .row.sixths .col-2 {
    width: calc(100% * 1/6 - (24px - 24px * 1/6));
  }

  .row.sixths .col-2:nth-child(1n) {
    float: left;
    margin-right: 24px;
    clear: none;
  }

  .row.sixths .col-2:last-child {
    margin-right: 0;
  }

  .row.sixths .col-2:nth-child(6n) {
    margin-right: 0;
    float: right;
  }

  .row.sixths .col-2:nth-child(6n + 1) {
    clear: both;
  }
}

.row.sixths .col-2.color-blocks {
  border: 1px solid rgba(35, 31, 32, 0.6);
  padding: 10px;
}

.row.sixths .col-2.grid-full {
  border: none;
  background: #e9e8e8;
  padding: 0;
}

.styleguide {
}

.styleguide h1.sg-h1,
.styleguide h2.sg-h2,
.styleguide h3.sg-h3 {
  font-family: "Mia Light", "Helvetica Neue", Helvetica, san-serif;
}

.styleguide h1.sg-h1 {
  border-bottom: 2px solid #e9e8e8;
  color: #231f20;
  font-size: 2em;
}

.styleguide h1.sg-h1 span {
  font-family: "Mia Black", "Helvetica Neue", Helvetica, san-serif;
}

.styleguide h2.sg-h2 {
  border-bottom: 2px solid #e9e8e8;
  color: rgba(35, 31, 32, 0.6);
  font-size: 1.5em;
  margin: 1.875rem 0 1rem;
}

.styleguide h3.sg-h3 {
  color: rgba(35, 31, 32, 0.6);
  font-size: 1.2em;
  border-bottom: 1px solid #e9e8e8;
  display: inline-block;
  margin-top: 1.2em;
}

.styleguide h2.grid-h2 {
  font-family: "Mia Regular", "Helvetica Neue", Helvetica, san-serif;
  font-size: 1em;
  margin: 10px;
}

.styleguide h4.sg-h4 {
  color: rgba(35, 31, 32, 0.85);
  line-height: 1.3;
  margin-top: 0;
  font-size: 1em;
}

.styleguide h4.sg-h4.Mia-light {
  font-family: "Mia Light", "Helvetica Neue", Helvetica, san-serif;
}

.styleguide h4.sg-h4.Mia-regular {
  font-family: "Mia Regular", "Helvetica Neue", Helvetica, san-serif;
}

.styleguide h4.sg-h4.Mia-bold {
  font-family: "Mia Bold", "Helvetica Neue", Helvetica, san-serif;
}

.styleguide h4.sg-h4.Mia-black {
  font-family: "Mia Black", "Helvetica Neue", Helvetica, san-serif;
}

.color-block {
  height: 75px;
}

.color-block.gray {
  background-color: #e9e8e8;
}

.color-block.black {
  background-color: #231f20;
}

.color-block.light-medium-gray {
  background-color: rgba(35, 31, 32, 0.3);
}

.color-block.medium-gray {
  background-color: rgba(35, 31, 32, 0.6);
}

.color-block.dark-gray {
  background-color: rgba(35, 31, 32, 0.85);
}

.color-block.red {
  background-color: #ef3535;
}

.color-block.purple {
  background-color: #805696;
}

.color-block.sea-foam {
  background-color: #8cd2cd;
}

.color-block.orange {
  background-color: #ff6600;
}

.color-block.ochre {
  background-color: #ff9900;
}

.color-block.goldenrod {
  background-color: #fecc2e;
}

.color-block.teal {
  background-color: #1788a3;
}

.color-block.dark-red {
  background-color: #b7121a;
}

.color-block.green {
  background-color: #298658;
}

.color-block.bg-green {
  background-color: #98d789;
}

.color-block.bg-new-red {
  background-color: #e54c60;
}

.color-block.bg-new-gray {
  background-color: #d4c6c3;
}

.color-block.bg-new-purple {
  background-color: #946db6;
}

.color-block.bg-new-blue {
  background-color: #48ccdf;
}
.curator_info a {
  color: #232323;
}
.icon {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  position: relative; /* Align more nicely with capital letters */
  top: -0.0625em;
  vertical-align: middle;
  width: 1em;
}
.pagination .icon,
.comments-pagination .icon {
  width: 0.666666666em;
  height: 0.666666666em;
}

.search-form .search-submit .icon {
  height: 24px;
  top: -2px;
  width: 24px;
}
nav.navigation.pagination {
  text-align: center;
}
.page-numbers { margin: 0 .25em 0 .25em; }

.um-profile-meta {display: none;}
.um-member-card.no-photo {text-align: left;}
.homepage-viewall {
  float: right;
    padding-bottom: 10px;
    font-family: "Mia Black", "Helvetica Neue", Helvetica, san-serif;
    color: black;
  }
ul.exhibition-menu li{
	display: inline-block;
	clear:both;
	padding-right: 20px;
}
/*
     FILE ARCHIVED ON 07:59:05 Jul 27, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:09:27 Jun 05, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.584
  exclusion.robots: 0.05
  exclusion.robots.policy: 0.038
  esindex: 0.01
  cdx.remote: 11.24
  LoadShardBlock: 98.216 (3)
  PetaboxLoader3.datanode: 292.242 (4)
  PetaboxLoader3.resolve: 110.747 (2)
  load_resource: 371.062
*/