/*
 * Theme Name: dma-support-theme
 * Version: 0.3
 * Description: Timber-based WordPress theme customized for UCLA Design Media Arts. See https://github.com/UCLA-Design-Media-Arts/Web.DMA.Support
 * Author: DMA Web Support Team
*/

/* shift+cmd+R - update to see the new web */

.nav-container {
  max-width:50%;
  position:fixed;
  top:0;
  right:0;
  z-index:5
}
@media (max-width:900px) {
  .nav-container {
    max-width:100vw;
    padding:0 var(--col-gap)
  }
}
.style_container_open {
  width:100%;
  max-width:none;
  z-index:1000;
  height:100vh;
  display:grid;
  grid-template-columns:repeat(var(--columns),1fr);
  grid-gap:0 var(--col-gap)
}
@media (max-width:900px) {
  .style_container_open {
    background:#000;
    display:flex;
    flex-direction:column;
    height:100%;
    min-height:100vh;
    overflow-y:scroll
  }
}
.style_hidden {
  display:none!important
}
.style_header_main {
  display:flex;
  justify-content:space-between;
  grid-column:7/span 6;
  margin-left:calc(var(--col-gap-half) * -1);
  padding:var(--row-gap-half) var(--row-gap) var(--col-gap-half) var(--col-gap-half);
  position:relative
}
@media (max-width:1100px) {
  .style_header_main {
    grid-column:6/span 7
  }
}
@media (max-width:900px) {
  .style_header_main {
    margin-left:0;
    grid-column:1/-1;
    padding:var(--row-gap-half) 0 0 0
  }
}
.style_container_open .style_header_main {
  background-color:var(--page-background-color)
}
.style_icon {
  display:inline-block;
  margin-left:.3em;
  height:.65em;
  width:auto
}
.style_nav_header {
  order:1
}
.style_control {
  inline-size:-webkit-max-content;
  inline-size:max-content;
  order:3
}
.style_search {
  flex-grow:2;
  display:flex;
  order:2
}
.style_search:after,
.style_search:before {
  background-image:url(static/media/pipe.da3d8098de024bbd5e1c1a391893ebeb.svg);
  background-position:50% 50%;
  background-repeat:no-repeat;
  height:100%;
  width:1px;
  padding:0 15px;
  content:""
}
@media (max-width:900px) {
  .style_search {
    position:relative;
    padding-right:25px
  }
  .style_search:before {
    display:none
  }
  .style_search:after {
    position:absolute;
    right:-5px
  }
}
.style_search_label {
  flex-grow:2;
  display:flex;
  position:relative
}
.style_search_label:after {
  background-image:url(static/media/search.9a4c92995d84d53873da9c2e307867b5.svg);
  background-position:100% 50%;
  background-repeat:no-repeat;
  background-color:transparent;
  height:100%;
  width:.8em;
  padding:0 15px;
  content:"";
  position:absolute;
  right:0
}
.style_search_field {
  flex-grow:2;
  padding:0;
  margin:0;
  border:0;
  color:#fff;
  font-size:inherit;
  line-height:inherit;
  font-family:inherit;
  background-color:transparent
}
@media (max-width:900px) {
  .style_search_field {
    width:0;
    opacity:0;
    margin-right:25px
  }

}
.style_main_menu {
  background-color:var(--page-background-color);
  grid-column:7/span 6;
  display:none;
  margin-left:calc(var(--col-gap-half) * -1);
  padding:var(--col-gap-half);
  -webkit-column-count:2;
  column-count:2
}
@media (max-width:1100px) {
  .style_main_menu {
    grid-column:6/span 7
  }
}
@media (max-width:900px) {
  .style_main_menu {
    margin-left:0;
    grid-column:1/-1;
    -webkit-column-count:1;
    column-count:1;
    padding:20px 0
  }
}
.style_container_open .style_main_menu {
  display:block
}
.style_title {
  text-transform:uppercase;
  margin:0;
  font-family:var(--font);
  font-size:var(--text-base);
  line-height:var(--leading-normal);
  letter-spacing:-.015em
}
.style_title a {
  color:#fff
}

.style_section__2l02h {
  display:block;
  page-break-inside:avoid;
  -webkit-column-break-inside:avoid;
  break-inside:avoid;
  margin-bottom:1.2em
}
@media (max-width:900px) {
  .style_section__2l02h {
    padding:0;
    margin-bottom:0
  }
  .style_section__2l02h:first-child {
    border-top:1px solid var(--site-grey)
  }
  .style_section__2l02h {
    border-bottom:1px solid var(--site-grey)
  }
}
h2.style_sectionTitle__2Ydnt {
  margin-bottom:.2em
}
@media (max-width:900px) {
  h2.style_sectionTitle__2Ydnt .style_sectionText__2ZXqF {
    display:inline;
    visibility:visible;

  }
}
.style_sectionButton__1_p4W {
  display:none;
  visibility:hidden;
  text-transform:uppercase;
  white-space: nowrap
}
@media (max-width:900px) {
  .style_sectionButton__1_p4W {
    display:none;
    visibility:hidden;
  }
  .style_section__2l02h h2.style_sectionTitle__2Ydnt {
    margin-bottom:0;
    position:relative;
    padding:1.1em 0;
    width:100%;
    text-align:left
  }
  .style_section__2l02h h2.style_sectionTitle__2Ydnt:after {
    position:absolute;
    right:0;
    background-image:url(static/media/disclose.4a0f4cbba3bdf365eb3d192bcd057408.svg);
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:1.2em;
    -webkit-transform:rotatex(180deg);
    transform:rotatex(180deg);
    height:100%;
    width:1px;
    padding:0 .6em;
    content:""
  }
  .style_section_open h2.style_sectionTitle__2Ydnt:after {
    -webkit-transform:rotatex(0deg);
    transform:rotatex(0deg)
  }
  .style_sectionItems__FKThq {
    display:none;
    padding-bottom:20px
  }
  .style_section_open .style_sectionItems__FKThq {
    display:block
  }
}
.style_invisible_closer {
  position:fixed;
  z-index:-1;

  left:0;
  width:100vw;
  height:calc(100vh);
  display:none;
  background-color:var(--page-background-color);
  opacity:.7
}
@media (max-width:900px) {
  .style_invisible_closer {
    height:0;
    width:0;
    overflow:hidden
  }
}
.style_container_open .style_invisible_closer {
  display:block
}
.style_contact_info {
  margin-left:calc(var(--col-gap-half) * -1);
  padding:var(--col-gap-half);
  background-color:var(--page-background-color);
  grid-column:7/span 6;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  grid-gap:0 var(--col-gap);
  display:none;
  grid-gap:1em var(--col-gap);
  font-family:var(--mono-font);
  font-size:var(--text-sm);
  line-height:var(--leading-loose);
  letter-spacing:0;
  font-weight:400
}
.style_contact_info p {
  margin-bottom:0
}
@media (max-width:1100px) {
  .style_contact_info {
    grid-column:6/span 7
  }
}
@media (max-width:900px) {
  .style_contact_info {
    grid-column:1/-1;
    padding-top:0
  }
}
.style_container_open .style_contact_info {
  display:grid
}
@media (max-width:900px) {
  .style_container_open .style_contact_info {
    display:flex;
    flex-direction:column
  }
}
.style_contact_item {
  grid-column:auto/span 3
}
@media (max-width:900px) {
  .style_contact_item {
    margin-top:1.2em
  }
}
.style_activeItem__Ror1C {
  color:var(--site-blue)
}
.style_header_main,
.style_main_menu,
.style_contact_info,
.style_header_main a,
.style_main_menu a,
.style_contact_info a,
.style_control,
.style_sectionButton__1_p4W {
  color:#fff
}
.style_header_main input::placeholder {
  color:var(--page-font-color);
  opacity:1
}
.style_main_menu li {
  color:#fff
}
.category-header {
  font-family:var(--mono-font);
  font-size:var(--text-sm);
  line-height:var(--leading-loose);
  letter-spacing:0;
  font-weight:400;
  text-transform:uppercase;
  margin-bottom:.85em
}
.footer-container {
  display:grid;
  grid-template-columns:repeat(var(--columns),1fr);
  grid-gap:0 var(--col-gap);
  grid-column:1/-1;
  grid-row-gap:var(--row-gap-half);
  row-gap:var(--row-gap-half);
  border-top:1px solid var(--site-grey);
  padding-top:.5em;
  padding-bottom:.5em
}

.style_site_map {
  display:flex;
  grid-column:1/-1;
  grid-gap:1em;
  gap:1em;
  justify-content:space-between
}
@media (max-width:900px) {
  .style_site_map {
    display:grid;
    grid-template-columns:repeat(8,1fr);
    grid-gap:0 var(--col-gap)
  }
}
.style_footer_section {
  margin-bottom:var(--row-gap-half)
}
@media (max-width:900px) {
  .style_footer_section {
    grid-column:auto/span 4
  }
}

.style_footer_section_header {
  margin-bottom:.5em
}
.style_contactSection__1NB6a,
.style_menu_item {
  display:block;
  font-family:var(--mono-font);
  font-size:var(--text-sm);
  line-height:var(--leading-loose);
  letter-spacing:0;
  font-weight:400
}
.style_menu_item {
  padding-left:1em;
  text-indent:-1em
}
.style_contactSections__3JP4Y {
  display:flex;
  flex-wrap:wrap;
  grid-column:1/-1;
  grid-gap:1em;
  gap:1em;
  justify-content:space-between
}
.style_contactSection__1NB6a {
  width:100%
}
.style_contactSection__1NB6a p {
  margin-bottom:0
}
.style_meta__19VOV {
  flex:none;
  width:100%;
  margin-top:1.2em
}
.style_copy__2oiqb>*+* {
  margin-top:1.2em
}

@media (min-width:900px) {
  .style_contactSection__1NB6a {
    flex:1 1
  }
  .style_meta__19VOV {
    flex:none;
    width:100%
  }
}
@media (min-width:1420px) {
  .style_contactSection__1NB6a {
    flex:none;
    width:18%
  }
  .style_actions__loKmu {
    width:21%
  }
  .style_meta__19VOV {
    flex:1 1;
    width:auto;
    margin-top:0
  }
}
@media (min-width:1600px) {
  .style_contactSection__1NB6a {
    width:16%
  }
  .style_actions__loKmu {
    width:20%
  }
}
.main-container {
  display:grid;
  grid-template-columns:repeat(var(--columns),1fr);
  grid-gap:var(--row-gap) var(--col-gap);
  padding:var(--col-gap-half) var(--col-gap)
}
@media (max-width:900px) {
  .main-container {
    padding-top:var(--col-gap);
    grid-gap:0 var(--col-gap);
  }
}
.menu-open .main-container {
  overflow:hidden;
  max-height:100vh
}
@font-face {
  font-family:diatype-mono;
  src:url(static/media/diatypepremonodma-regular-webfont.bc98125cb6b89b891427efe99bf36320.woff2) format("woff2"),
  url(static/media/diatypepremonodma-regular-webfont.139a0c2bab1758080435c1dc17dd965d.woff) format("woff");
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:diatype-mono;
  src:url(static/media/diatypepremonodma-italic-webfont.1bd8bd8cd29589cba66a305ff7ca412d.woff2) format("woff2"),
  url(static/media/diatypepremonodma-italic-webfont.569cacf3c7e9d8c0b0686302e69b1a8d.woff) format("woff");
  font-weight:400;
  font-style:italic
}
@font-face {
  font-family:diatype-semimono;
  src:url(static/media/diatypepresemimonodma-italic-webfont.ba9ebca3c4341a44344c48de13b49392.woff2) format("woff2"),
  url(static/media/diatypepresemimonodma-italic-webfont.5191cb9e943153bd42afb0916e9168b7.woff) format("woff");
  font-weight:400;
  font-style:italic
}
@font-face {
  font-family:diatype-semimono;
  src:url(static/media/diatypepresemimonodma-regular-webfont.9bcfc04e2ca8e96b29351cd059afba3a.woff2) format("woff2"),
  url(static/media/diatypepresemimonodma-regular-webfont.99b65d81d3b68922fd02f518fd37a3e6.woff) format("woff");
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:diatype-regular;
  src:url(static/media/diatypepre-regular-webfont.631eac22a73329eb4c11ae848efd6f0b.woff2) format("woff2"),
  url(static/media/diatypepre-regular-webfont.b3900d089edaf06720c57cf028b1ebee.woff) format("woff");
  font-weight:400;
  font-style:normal
}
@font-face {
  font-family:Practice;
  src:url(static/media/Practice-Black.f5043daa6098f4dc5e4064b4fc3a80d2.eot);
  src:url(static/media/Practice-Black.f5043daa6098f4dc5e4064b4fc3a80d2.eot?#iefix) format("embedded-opentype"),
  url(static/media/Practice-Black.701d64b456484beadf1e40d8c4fb51ef.woff2) format("woff2"),
  url(static/media/Practice-Black.b92475c4df51837a2d1a77ceb862f361.woff) format("woff");
  font-weight:900;
  font-style:normal
}
@font-face {
  font-family:Practice;
  src:url(static/media/Practice-Black-Italic.9be08d37aff991fcc8425b964ee68fc4.eot);
  src:url(static/media/Practice-Black-Italic.9be08d37aff991fcc8425b964ee68fc4.eot?#iefix) format("embedded-opentype"),
  url(static/media/Practice-Black-Italic.dbc5b493b6f343ecddab1ab5d145eb68.woff2) format("woff2"),
  url(static/media/Practice-Black-Italic.aff87b319e9008e3d1f03c1ce8d00d69.woff) format("woff");
  font-weight:900;
  font-style:italic
}
@font-face {
  font-family:Practice;
  src:url(static/media/Practice-Bold.685769618db28e25fbcb7d35abf76ed5.eot);
  src:url(static/media/Practice-Bold.685769618db28e25fbcb7d35abf76ed5.eot?#iefix) format("embedded-opentype"),
  url(static/media/Practice-Bold.e956192f9713da3818038d00e463a7ab.woff2) format("woff2"),
  url(static/media/Practice-Bold.9faa011d8e9b8ccae9e57198098e59e6.woff) format("woff");
  font-weight:700;
  font-style:normal
}
@font-face {
  font-family:Practice;
  src:url(static/media/Practice-Bold-Italic.743d3f03e8425ad0c2935ed32c5f9d67.eot);
  src:url(static/media/Practice-Bold-Italic.743d3f03e8425ad0c2935ed32c5f9d67.eot?#iefix) format("embedded-opentype"),
  url(static/media/Practice-Bold-Italic.916ec19e4940ec487360d4029303d8bf.woff2) format("woff2"),
  url(static/media/Practice-Bold-Italic.5d21a4056e031aecf43ec67dcb389206.woff) format("woff");
  font-weight:700;
  font-style:italic
}
@font-face {
  font-family:Practice;
  src:url(static/media/Practice-Regular.23da1741b28a9b2493bb98a47acb4ffe.eot);
  src:url(static/media/Practice-Regular.23da1741b28a9b2493bb98a47acb4ffe.eot?#iefix) format("embedded-opentype"),
  url(static/media/Practice-Regular.67f9a849f2648338388554cf6127d0e2.woff2) format("woff2"),
  url(static/media/Practice-Regular.a07ee4988c7cf01e936fe2bfceaf3afd.woff) format("woff");
  font-weight:400;
  font-style:normal
}
*,
:after,
:before {
  box-sizing:inherit
}
html {
  box-sizing:border-box;
  font-size:16px
}
body {
  margin:0;
  font:15px/1 sans-serif;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  color: var(--page-font-color);
}
blockquote,
dd,
dl,
dt,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
  margin:0;
  padding:0
}
dl,
ol,
ul {
  list-style:none
}
dd,
dt,
li,
main {
  display:block
}
h1,
h2,
h3,
h4 {
  font-size:inherit;
  font-weight:400;
  margin:0;
  padding:0
}
a,
button {
  color:inherit;
  transition:color .3s,border .3s,opacity .3s
}
a {
  text-decoration:none;
  background-color:transparent
}
button {
  overflow:visible;
  border:0;
  font:inherit;
  -webkit-font-smoothing:inherit;
  letter-spacing:inherit;
  background:none;
  cursor:pointer;
  padding:0
}
::-moz-focus-inner {
  border:0
}
img {
  max-width:100%;
  height:auto;
  border:0;
  border-style:none
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style:none;
  padding:0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline:1px dotted ButtonText
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
.sr-only {
  left:-999px;
  position:absolute;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  z-index:-999
}
.sr-only:active,
.sr-only:focus {
  color:#fff;
  background-color:#000;
  left:auto;
  top:auto;
  width:auto;
  height:auto;
  overflow:auto;
  padding:5px;
  border:4px solid #ff0;
  text-align:center;
  z-index:999
}
:root {
  --font:diatype-semimono,Arial,sans-serif;
  --text-font:Practice,Times,serif;
  --mono-font:diatype-mono,monospace;
  --page-width:1440px;
  --columns:12;
  --col-gap:50px;
  --col-gap-half:20px;
  --row-gap:100px;
  --row-gap-half:20px;
  --text-sm:0.875rem;
  --text-base:1.375rem;
  --text-serif:1.438rem;
  --text-serif-content:1.25rem;
  --text-lg:2.688rem;
  --leading-loose:1.3;
  --leading-normal:1.2;
  --leading-tight:1;
  --relative-pt:0.6em;
  --relative-pb:0.7em;
  --page-background-color:#161414; /* #fff; */
  --page-font-color:#c3d5d3;
  --site-red:#ff4040;
  --site-green:#40ff40;
  --site-blue: #9292fb; /* #4040ff; */
  --site-grey: #6f6358; /* #404040 */
  --site-magenta: #cd6cc4;
}
@media(max-width:900px) {
  :root {
    --columns:8;
    --col-gap:20px;
    --col-gap-half:10px
  }
}
html {
  line-height:1.15;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%
}
h1 {
  font-size:2em;
  margin:.67em 0
}
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin:0
}
hr {
  box-sizing:content-box;
  height:0
}
pre {
  font-family:monospace,monospace;
  font-size:1em
}
abbr[title] {
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}
b,
strong {
  font-weight:bolder
}
code,
kbd,
samp {
  font-family:monospace,monospace;
  font-size:1em
}
small {
  font-size:80%
}
button,
input,
select {
  margin:0
}
button {
  text-transform:none
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance:button
}
fieldset {
  padding:.35em .75em .625em
}
progress {
  vertical-align:baseline
}
select {
  text-transform:none
}
textarea {
  margin:0
}
[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height:auto
}
::-webkit-input-placeholder {
  color:inherit;
  opacity:.54
}
::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
::-moz-focus-inner {
  border-style:none;
  padding:0
}
:-moz-focusring {
  outline:1px dotted ButtonText
}
:-moz-ui-invalid {
  box-shadow:none
}
details,
dialog {
  display:block
}
dialog {
  background-color:#fff;
  border:solid;
  color:#000;
  height:-moz-fit-content;
  height:-webkit-fit-content;
  height:fit-content;
  left:0;
  margin:auto;
  padding:1em;
  position:absolute;
  right:0;
  width:-moz-fit-content;
  width:-webkit-fit-content;
  width:fit-content
}
dialog:not([open]) {
  display:none
}
summary {
  display:list-item
}
.faq-page summary {
  cursor:pointer;
  transition:color .2s ease
}
.faq-page summary:hover {
  color:var(--site-blue)
}
html {
  font-size:110%
}
@media (max-width:900px) {
  html {
    font-size:93%
  }
}
body {
  background-color:var(--page-background-color);
  font-family:diatype-semimono,Arial,sans-serif;
  font-family:var(--font);
  font-size:1.375rem;
  font-size:var(--text-base);
  line-height:1.2;
  line-height:var(--leading-normal);
  letter-spacing:-.015em
}
p {
  margin-bottom:1.2em
}
@media (hover:hover) {
  a:hover {
    color:#4040ff;
    color:var(--site-blue)
  }
}

/* Take from DMA main page inline styles #1 */
.content-container a {
  text-decoration:underline;
  -webkit-text-decoration-style:dotted;
  text-decoration-style:dotted;
  -webkit-text-decoration-color:currentColor;
  text-decoration-color:currentColor;
  text-decoration-thickness:1.5px;
  text-underline-offset:.2em
}
.content-container a:hover {
  color:inherit;
  text-decoration:none
}
.content-container a {
  overflow-wrap:break-word;
  word-wrap:break-word
}
.content-container li {
  display:flex
}
.content-container li:before {
  content:"–";
  margin-right:.4em;
  display:block
}
.content-container ul {
  margin-bottom:1em
}

.content-container-formatted a {
  text-decoration:underline;
  -webkit-text-decoration-style:dotted;
  text-decoration-style:dotted;
  -webkit-text-decoration-color:currentColor;
  text-decoration-color:currentColor;
  text-decoration-thickness:1.5px;
  text-underline-offset:.2em
}
.content-container-formatted a:hover {
  color:inherit;
  text-decoration:none
}
.content-container-formatted a {
  overflow-wrap:break-word;
  word-wrap:break-word
}

.content-container-formatted ul {
  list-style-type: disc outside !important;
  padding-left: 1.5em;
  margin-bottom: 1em;
}

.content-container-formatted ul ul {
  list-style-type: circle outside !important;
}

.content-container-formatted ul ul ul {
  list-style-type: square outside !important;
}

.content-container-formatted li {
  display: list-item;
  margin-bottom: 0.4em;
}

.style_page {
  display:grid;
  grid-template-columns:repeat(var(--columns),1fr);
  grid-gap:var(--row-gap) var(--col-gap);
  grid-column:1/-1;
  grid-auto-rows:-webkit-min-content;
  grid-auto-rows:min-content;
  min-height:50vh;
}

@media (max-width:900px) {
  .style_page {
    margin: 0 0;
    padding:0 0;
    grid-gap:0 var(--col-gap);
  }
}
.style_page blockquote {
  padding:10px 40px 30px;
  font-family:var(--mono-font);
  font-size:var(--text-sm);
  line-height:var(--leading-loose);
  letter-spacing:0;
  font-weight:400
}
.space-schedule-table-section {
  grid-column:auto/span 4;
  max-width:100%;
  overflow:hidden;
  padding:1rem 0 0;
}
.space-schedule-sidebar {
  margin-top:2rem;
}
.space-schedule-table-section h2 {
  font-family:var(--mono-font);
  font-size:.85rem;
  line-height:var(--leading-loose);
  letter-spacing:.05em;
  font-weight:400;
  text-transform:uppercase;
  margin-bottom:.5em;
}
.space-schedule-table-range {
  font-family:var(--mono-font);
  font-size:.75rem;
  line-height:var(--leading-loose);
  letter-spacing:0;
  margin-bottom:.8rem;
}
.space-schedule-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
}
[hidden] { display: none !important; }
.space-schedule-card {
  padding:.8rem;
  padding-inline: .4rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:.9rem;
  background:rgba(171, 171, 171, 1.0);
  min-height:8rem;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  color:rgba(35, 35, 35, 1.0);
}
.space-schedule-card.is-today {
  border-color:var(--site-blue);
  border-width:4px;
  background:rgb(238, 228, 228);
}
.schedule-day-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:.45rem;
}
.schedule-day-label {
  font-family:var(--mono-font);
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  opacity:.8;
}
.schedule-day-num {
  font-size:1.3rem;
  font-weight:700;
}
.schedule-day-content {
  margin-top:.8rem;
  display:flex;
  flex-direction:column;
  gap:.25rem;
  font-size:.85rem;
}
.space-schedule-card .schedule-time,
.space-schedule-card .schedule-closed {
  margin:0;
}
.space-schedule-card .schedule-closed {
  font-family:var(--mono-font);
  text-transform:uppercase;
  letter-spacing:.15em;
  opacity:.7;
}
@media (max-width:700px) {
  .space-schedule-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:350px) {
  .space-schedule-grid {
    grid-template-columns:repeat(1,minmax(0,1fr));
  }
}
.schedule-time {
  margin:0;
  padding-left: 10px;

}

.schedule-day-content p + p {
  border-radius:.9rem;
}

.schedule-day-content .is-now {
  background:var(--site-blue);
  border:1px solid rgba(255,255,255,.08);
  border-radius:.9rem;
}

.schedule-closed {
  margin:0;
  font-family:var(--mono-font);
  text-transform:uppercase;
  letter-spacing:.15em;
  opacity:.7;
}
@media (max-width:900px) {
  .space-schedule-grid {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:650px) {
  .space-schedule-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:450px) {
  .space-schedule-grid {
    grid-template-columns:repeat(1,minmax(0,1fr));
  }
}
.space-detail-main,
.space-detail-aside {
  min-width:0
}
.space-detail-main .items-list {
  --columns:6
}
.space-detail-main .event-item,
.space-detail-main .banner {
  grid-column:auto/span 3
}
.space-detail-aside .style_content {
  width:100%;
  min-height:0
}
.space-detail-aside iframe,
.space-detail-aside img {
  max-width:100%
}
.space-detail-gallery {
  overflow:hidden
}
.space-detail-gallery .style_gallery,
.space-detail-gallery .style_thumbnail__3OeFo,
.space-detail-gallery figure,
.space-detail-gallery img {
  max-width:100%
}
@media (max-width:900px) {
  .space-detail-main .items-list {
    --columns:8
  }
  .space-detail-main .event-item,
  .space-detail-main .banner {
    grid-column:1/-1
  }
}
.style_container_left {
  grid-column:1/span 2
}
@media (max-width:900px) {
  .style_container_left {
    display: none;
    visibility:hidden;
    grid-column:1/-1;
    margin-bottom:var(--row-gap-half)
  }
}
.style_container__2j5Ng {
  grid-column:auto/span 4;
  position:relative
}
@media (max-width:900px) {
  .style_container__2j5Ng {
    grid-column:1/-1
  }
}

.style_content {
  grid-column:auto/span 6;
  font-family:var(--text-font);
  font-size:var(--text-serif-content);
  letter-spacing:0;
  min-height:40vh
}
.style_content h2 {
  font-family:var(--font);
  font-size:var(--text-base);
  line-height:var(--leading-normal);
  letter-spacing:-.015em;
  text-transform:uppercase;
  margin:2.4em 0 1.2em
}
.style_content div:first-child h2:first-child {
  margin-top:0
}
.style_content h3 {
  font-family:var(--mono-font);
  font-size:var(--text-sm);
  line-height:var(--leading-loose);
  letter-spacing:0;
  font-weight:400;
  text-transform:uppercase;
  margin-bottom:.85em
}
.style_content a {
  text-decoration:underline;
  -webkit-text-decoration-style:dotted;
  text-decoration-style:dotted;
  -webkit-text-decoration-color:currentColor;
  text-decoration-color:currentColor;
  text-decoration-thickness:1.5px;
  text-underline-offset:.2em
}
.style_content a:hover {
  color:inherit;
  text-decoration:none
}
@media (max-width:900px) {
  .style_content {
    grid-column:1/-1;
    min-height:0
  }
}
.style_section_main {
  margin-bottom:1.8em
}
.style_isWide__32kqy {
  grid-column:auto/span 7
}
@media (max-width:900px) {
  .style_isWide__32kqy {
    grid-column:1/-1
  }
}
h3.style_subnav_header {
  margin-bottom:3px
}
.style_links_list {
  position:-webkit-sticky;
  position:sticky;
  top:var(--row-gap-half)
}
.style_links_list a {
  font-family:var(--mono-font);
  font-size:var(--text-sm);
  line-height:var(--leading-loose);
  letter-spacing:0;
  font-weight:400;
  line-height:1.025;
  margin:4px .5ch;
  padding:0 0 0 12px;
  border-left:1px solid #000;
  display:block;
  text-transform:capitalize
}
.style_links_list a:hover {
  border-color:var(--site-blue)
}
.dept-name {
  display:inline;
  font-size:1em;
  margin:0
}
.logo-letter {
  color:var(--site-blue)
}
.header-container {
  display:grid;
  grid-template-columns:repeat(var(--columns),1fr);
  grid-gap:0 var(--col-gap);
  grid-column:1/-1;
  grid-row:1
}
.logo-lockup {
  grid-column:1/span 3
}
@media (max-width:900px) {
  .logo-lockup {
    grid-column:1/-1;
    margin-bottom:20px
  }
}
.titles-section {
  grid-column:4/span 6;
  justify-self:center;
  margin-left:0;
  padding:0 0 0 var(--col-gap-half);
  border-left:1px solid var(--site-grey);
  position:relative
}
@media (max-width:900px) {
  .titles-section {
    border-left:0;
    grid-column:1/-1;
    border-top:1px solid var(--site-grey);
    border-bottom:1px solid var(--site-grey);
    padding:15px 0 20px;
    margin-left:0
  }
}
.titles-section:after {
  position:absolute;
  top:0;
  right:calc(var(--col-gap-half) * -1);
  border-right:1px solid var(--site-grey);
  display:block;
  height:100%;
  width:5px;
  content:""
}
@media (max-width:900px) {
  .titles-section:after {
    display:none
  }
}

.main-title {
  font-family:var(--font);
  font-size:var(--text-lg);
  line-height:var(--leading-tight);
  letter-spacing:-.025em;
  margin-bottom:20px
}

@media (max-width:900px) {
  .main-title {
    margin-bottom:0
  }
}

.subhead {
  display:inline-block;
  width:calc(25% + calc(var(--col-gap-half) * .5))
}
@media (max-width:900px) {
  .subhead {
    width:calc(28% + var(--col-gap-half))
  }
}

.img-container {
  display:flex;
  flex-direction:column
}
.img-container .img-wrapper {
  max-height:100%;
  position:relative
}
.img-container img {
  width:100%;
  object-fit:contain;
  object-position:0;
  max-height:100%
}
.img-container figcaption {
  padding-top:8px;
  font-family:var(--mono-font);
  font-size:var(--text-sm);
  line-height:var(--leading-loose);
  letter-spacing:0;
  font-weight:400;
  word-wrap:break-word
}
.img-container figcaption p {
  margin-bottom:0
}
.img-contain img {
  object-fit:contain
}

.img-element {
  opacity:0;
  transition:opacity .3s ease
}
.img-loaded {
  opacity:1
}

.banner-description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.event-item {
  grid-column:auto/span 3;
  margin-bottom:var(--col-gap);
  display:flex;
  flex-direction:column
}
@media (max-width:900px) {
  .event-item {
    grid-column:1/-1;
    border-bottom:1px solid var(--site-grey);
    margin-bottom:15px
  }
  .event-item:last-child {
    border-bottom:0
  }
}
.banner {
  grid-column:auto/span 6
}

@media (max-width:900px) {
  .banner {
    grid-column:1/-1;
    padding-bottom:15px
  }
}
.banner-meta {
  font-family:var(--mono-font);
  font-size:var(--text-sm);
  line-height:var(--leading-loose);
  letter-spacing:0;
  font-weight:400;
  margin-bottom:.5em;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  grid-gap:0 var(--col-gap)
}
@media (max-width:900px) {
  .banner-meta {
    grid-template-columns:repeat(4,1fr)
  }
}
.banner-label {
  text-transform:uppercase;
  white-space: nowrap;
  overflow: hidden;
  grid-column: 1 / -1;
}
.banner-title {
  grid-column:auto/span 5
}
@media (max-width:900px) {
  .banner-title {
    grid-column:auto/span 3
  }
}

.style_header_section {
  font-family:var(--mono-font);
  line-height:var(--leading-loose);
  letter-spacing:0;
  font-weight:400
}
.style_header_section {
  font-size:var(--text-sm);
  text-transform:uppercase;
  margin-bottom:0
}
.style_val__1kIJb {
  font-family:var(--mono-font);
  font-size:var(--text-sm);
  line-height:var(--leading-loose);
  letter-spacing:0;
  font-weight:400;
  margin-bottom:17px
}
@media (max-width:900px) {
  .style_list {
    display:grid;
    grid-template-columns:repeat(var(--columns),1fr);
    grid-gap:0 var(--col-gap)
  }
  .style_pair__2DAJy {
    display:none;
    grid-column:auto/span 4
  }
}

.style_program_page {
  padding-top:var(--row-gap-half)
}
@media (max-width:900px) {
  .style_program_page {
    padding-top:0
  }
  .style_program_page {
    display:block;
  }
}

/* Take from DMA main page inline styles #2 */
@media (max-width:900px) {
  .event-item {
    grid-column:1/-1;
    border-bottom:1px solid var(--site-grey);
    margin-bottom:15px
  }
  .event-item:last-child {
    border-bottom:0
  }
}
@media (max-width:900px) {
  .banner {
    grid-column:1/-1;
    padding-bottom:15px
  }
}
@media (max-width:900px) {
  .banner-meta {
    grid-template-columns:repeat(4,1fr)
  }
}
@media (max-width:900px) {
  .banner-title {
    grid-column:auto/span 3
  }
}

.items-list {
  display:grid;
  grid-template-columns:repeat(var(--columns),1fr);
  grid-gap:0 var(--col-gap);
  position:relative
}
.front-page-items-list {
  grid-row-gap:var(--col-gap);
  row-gap:var(--col-gap)
}
.items-list:after,
.items-list:before {
  content:"";
  display:none;
  width:7px;
  height:100%;
  position:absolute;
  top:0;
  background-color:var(--page-background-color);
  z-index:1
}
@media (max-width:900px) {
  .items-list:after,
  .items-list:before {
    display:none
  }
}
.items-list:before {
  left:calc(calc(var(--col-gap) / -2) - 4px)
}
.items-list:after {
  right:calc(calc(var(--col-gap) / -2) - 4px)
}
.items-list {
  grid-column:1/-1
}
.items-list p {
  text-transform:uppercase;
  white-space: nowrap
}
@media (min-width:1500px) {
  .items-list {
    --columns:18 /*14*/
  }

  .event-list{
    --columns:13 /*14*/
  }
}


@media (min-width:2000px) {
  .items-list {
    --columns:25 /* 17*/
  }
  .event-list{
    --columns:25 /*14*/
  }
}

/* lines between grids on the main page */
.front-page-items-list {
  overflow: hidden; /* clips the first-column dividers */
}

.front-page-items-list .event-item {
  position: relative;
}

.front-page-items-list .event-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: calc(var(--col-gap) * -1);
  left: calc(var(--col-gap) / -2);
  border-left: 1px solid var(--site-grey);
  pointer-events: none;
}

.style_header_section {
  text-transform:uppercase;
  margin-bottom:0
}
.style_header_section,
.style_val__1kIJb {
  font-family:var(--mono-font);
  font-size:var(--text-sm);
  line-height:var(--leading-loose);
  letter-spacing:0;
  font-weight:400
}
.style_val__1kIJb {
  margin-bottom:17px
}
@media (max-width:900px) {
  .style_list {
    display:grid;
    grid-template-columns:repeat(var(--columns),1fr);
    grid-gap:0 var(--col-gap)
  }
  .style_pair__2DAJy {
    grid-column:auto/span 4
  }
}


/* Take from DMA main page inline styles #3 */
.style_gallery {
  font-family:var(--mono-font);
  font-size:var(--text-sm);
  line-height:var(--leading-loose);
  letter-spacing:0;
  font-weight:400;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  grid-gap:var(--col-gap);
  margin-bottom:40px
}
@media (max-width:900px) {
  .style_gallery {
    grid-template-columns:repeat(8,1fr)
  }
}
.style_gallery .style_thumbnail__3OeFo {
  grid-column:auto/span 3
}
@media (max-width:900px) {
  .style_gallery .style_thumbnail__3OeFo {
    grid-column:auto/span 4
  }
}
.style_gallery.style_cols1__2ZiVu .style_thumbnail__3OeFo {
  grid-column:auto/span 6
}
@media (max-width:900px) {
  .style_gallery.style_cols1__2ZiVu .style_thumbnail__3OeFo {
    grid-column:auto/span 4
  }
}

.style_itemsSection__3mjjS {
    grid-column: 1/-1;
    margin-bottom: var(--row-gap-half)
}

@media (max-width:900px) {
    .style_itemsSection__3mjjS {
        margin-bottom: 0
    }
}

.style_item__2yDd9 {
    border-bottom: 1px solid var(--site-grey)
}

.style_item__2yDd9:first-of-type {
    border-top: 1px solid var(--site-grey)
}

.style_itemList__2RJef .style_item__2yDd9:first-child {
    border-top: 0
}

@media (max-width:900px) {
    .style_itemList__2RJef .style_item__2yDd9:last-child {
        border-bottom: 0
    }
}

.style_itemContents__14hs0 {
    display: grid;
    grid-template-columns: repeat(var(--columns), 1fr);
    grid-gap: 0 var(--col-gap);
    cursor: pointer
}

.style_itemThumb__3zsEx {
    position: relative;
    grid-column: auto/span 1;
    height: 2.75rem;
    margin: .75rem 0
}

@media (max-width:900px) {
    .style_itemThumb__3zsEx {
        grid-column: auto/span 2;
        grid-row: auto/span 2
    }
}

.style_itemName__EB7WD {
    grid-column: auto/span 5;
    display: flex;
    align-items: center
}

@media (max-width:900px) {
    .style_itemName__EB7WD {
        grid-column: 3/-1;
        grid-row: 1;
        margin-top: .75rem
    }
}

.style_sectionHeading__2bUzv {
    font-family: var(--mono-font);
    font-size: var(--text-sm);
    line-height: var(--leading-loose);
    letter-spacing: 0;
    font-weight: 400;
    text-transform: uppercase;
    grid-column: auto/span 12;
    margin-bottom: 0;
    border-bottom: 1px solid #000;
    padding-bottom: var(--relative-pb)
}


/* tiles that wrap their contents in an <a> must pass the flex column through */
.front-page-items-list .event-item > a {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

/* pin every tile's media box to the bottom of the tile */
.front-page-items-list .img-container {
  margin-top: auto;
}

.news-slideshow {
  aspect-ratio: auto;
  flex: 1 1 auto;
  min-height: 330px; /* floor for when it's alone on a row */
  max-height: none;
  position: relative;
  overflow: hidden;
}

.news_item {
  display: block;
  height: 100%;
  inset: 0;
  min-width: 100%;
  position: absolute;
  transform: translateX(100%);
  transition: none;
  width: 100%;
}
.news_item a {
  display: block;
  height: 100%;
}
.news_item img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}

.news_item.is-active {
  transform: translateX(0);
  transition: transform 2s ease;
  z-index: 2;
}

.news_item.is-before {
  transform: translateX(-100%);
  transition: transform 2s ease;
  z-index: 1;
}

.news_item.is-after {
  transform: translateX(100%);
  transition: transform 2s ease;
}

.news-slideshow-button {
  align-items: center;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  border: 0;
  color: white;
  display: flex;
  height: 12%;
  justify-content: center;
  position: absolute;
  top: 47%;
  transform: translateY(-50%);
  width: 40px;
  z-index: 3;
}

.news-slideshow-button:hover,
.news-slideshow-button:focus-visible {
  background: rgba(255, 255, 255, 0.55);
  color: var(--site-blue);
}

.news-slideshow-button:focus-visible {
  outline: 1px solid #fff;
  outline-offset: 3px;
}

.news-slideshow-button::before {
  display: block;
  font-family: var(--mono-font);
  font-size: 42px;
  line-height: 1;
  margin-top: -8px;
}

.no-transition { transition: none !important; }

.news-slideshow-button-previous {
  left: 16px;
}

.news-slideshow-button-previous::before {
  content: "\2039";
}

.news-slideshow-button-next {
  right: 16px;
}

.news-slideshow-button-next::before {
  content: "\203A";
}

@media (prefers-reduced-motion: reduce) {
  .news_item,
  .news_item.is-active,
  .news_item.is-before,
  .news_item.is-after {
    transition: none;
  }
}

@media (max-width:900px) {
  .news-slideshow-button {
    height: 40px;
    width: 40px;
  }

  .news-slideshow-button::before {
    font-size: 38px;
    margin-top: -7px;
  }

  .news-slideshow-button-previous {
    left: 10px;
  }

  .news-slideshow-button-next {
    right: 10px;
  }
}

.news_item_title {
  color: #f2f2f2;
  font-size: 1.5rem;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: rgba(0,0,0,0.5); /* Semi-transparent background */
  z-index: 2;
}

main figure {
  max-width: 100%;
  box-sizing: border-box;
}

.place-banner {
  display: block;
  width: 100%;
  /* --img-ratio is the image's natural width / height */
  aspect-ratio: calc(var(--img-ratio, 16 / 9) * 3);
  object-fit: cover;
  object-position: center;
}