@charset "UTF-8";
@font-face {
  font-family: "NHG";
  src: url(../type/NHaasGroteskDSPro-75Bd.woff);
  font-style: normal;
  font-weight: bold;
}
@font-face {
  font-family: "NHG";
  src: url(../type/NHaasGroteskTXPro-75Bd.woff);
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "NHG";
  src: url(../type/NHaasGroteskTXPro-75BdIt.woff);
  font-style: italic;
  font-weight: normal;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: black;
}

html {
  font-size: 0.675vw;
  --main: 2.7rem;
  --mega: 18rem;
  --gutter: 1em;
  --red: rgb(255,122,0);
  --grey: rgb(55,55,55);
}
@media (max-width: 720px) {
  html {
    font-size: 3px;
    --mega: 12.75rem;
    --main: 3.2rem;
    --gutter: 1.5em;
  }
}

body {
  font-family: "NHG";
  font-size: 1.6rem;
  line-height: 1.2;
}

h1, h2 {
  font-size: var(--mega);
  letter-spacing: -2px;
  line-height: 0.95;
}
@media (max-width: 720px) {
  h1, h2 {
    letter-spacing: -1px;
  }
}

h1 {
  padding-top: 0.1em;
}
@media (max-width: 720px) {
  h1 {
    padding-top: 0.5em;
  }
}

p {
  font-size: var(--main);
}
p + p {
  margin-top: 1.2em;
}

em {
  font-style: normal;
}
em:before {
  content: "‘";
}
em:after {
  content: "";
}

blockquote {
  margin: 2em 25% 2em 33.333%;
}

ul {
  list-style: none;
  margin: 1.75em 0;
}
ul li {
  font-size: var(--main);
}

hr {
  height: 2.7rem;
  border: none;
}

figure img {
  max-width: 100%;
  display: block;
}
figure figcaption {
  padding-top: 0.5em;
}
@media (max-width: 720px) {
  figure figcaption {
    font-size: var(--main);
  }
}

header {
  font-size: var(--main);
  padding: var(--gutter);
  padding-top: 0.5em;
  position: relative;
  z-index: 2;
}
@media (max-width: 720px) {
  header {
    padding-top: 1em;
  }
}
header .header-details {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
header nav {
  display: grid;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: var(--gutter);
}
header nav a:not(:last-child):after {
  content: ", ";
}
header nav a:hover {
  opacity: 0.5;
}

main {
  padding: 0 1.5em;
  position: relative;
  z-index: 1;
}
@media (max-width: 720px) {
  main {
    padding: 0 var(--gutter);
  }
}
main h2 {
  padding-top: 0.5em;
  padding-bottom: 0.15em;
}
@media (max-width: 720px) {
  main h2 {
    padding-top: 1em;
  }
}

.current_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: var(--gutter);
}
@media (max-width: 720px) {
  .current_wrap {
    grid-template-columns: 1fr 1fr;
  }
}
.current_wrap:after {
  content: "";
  flex: auto;
}
.current_single {
  margin-bottom: 2em;
}
.current_single figure {
  max-height: 30rem;
  overflow-y: hidden;
  margin-bottom: 0.25em;
}
.current_single_title, .current_single_date {
  font-size: var(--main);
  display: block;
}
.current_single_title {
  margin-top: 0.25em;
}
.current_single_title + .current_single_title {
  margin-top: 0;
}

footer {
  margin-top: 10em;
  padding: var(--gutter);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: var(--gutter);
}
footer a {
  text-decoration: none !important;
  border: none;
}
footer a:hover {
  opacity: 0.5;
}

a.block, a.website {
  font-size: var(--main);
  background: white;
  padding: 0.1em 0.4em 0.2em;
  display: inline-block;
  border-radius: 0.4em;
  box-shadow: 6px 2px 20px 0px rgba(0, 0, 0, 0.25);
  text-decoration: none !important;
}
a.block:hover, a.website:hover {
  opacity: 0.5;
}

ol {
  padding-left: 25%;
  list-style-type: none;
}
ol li {
  font-size: var(--main);
}
ol + p {
  margin-top: 1.2em;
}

.table h1 {
  display: flex;
  flex-direction: row;
}
.table h1 span {
  margin-left: auto;
}
.table .single_artist {
  text-transform: capitalize;
}
.table .single_artist:not(:last-of-type):after {
  content: ", ";
}
.table_row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: var(--gutter);
  font-size: var(--main);
}
.table_row-wrap {
  border-top: 2px solid;
}
@media (max-width: 720px) {
  .table_row-wrap {
    border-top: 1px solid;
  }
}
.table_row-wrap:hover {
  cursor: pointer;
}
.table_row-wrap:hover .col_artist a, .table_row-wrap:hover .col_region {
  opacity: 0.5;
}
.table_row-header {
  padding-bottom: 0.5em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: var(--gutter);
}
.table_row-header span:hover {
  cursor: pointer;
  opacity: 0.5;
}
.table .extra-content {
  display: none;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: var(--gutter);
}
.table .extra-content .col_bio {
  padding-left: 6px;
  margin-top: 1.75em;
}
.table .extra-content .col_bio .head {
  text-align: left;
}
.table .extra-content .col_bio .head + ul {
  margin-top: 0;
  margin-left: 4em;
}
.table .extra-content .col_details {
  margin-top: 1.75em;
}
.table .extra-content.open {
  display: grid;
}
@media (max-width: 720px) {
  .table .extra-content.open {
    display: block;
  }
}

@media (max-width: 720px) {
  .weather {
    width: 40%;
  }
}

[data-template=home] nav {
  padding-top: 0.5em;
}

[data-template=about] figure,
[data-template=entry] figure,
[data-template=artist] figure,
[data-template=artists] figure,
[data-template=default] figure,
[data-template=project] figure,
[data-template=projects] figure {
  padding: 1em 0 2em;
}
[data-template=about] ul,
[data-template=entry] ul,
[data-template=artist] ul,
[data-template=artists] ul,
[data-template=default] ul,
[data-template=project] ul,
[data-template=projects] ul {
  margin-left: 33.3%;
  border-left: 2px solid;
  padding-left: 0.5em;
}
[data-template=about] ul.engagement, [data-template=about] ul.artist-list, [data-template=about] ul.journal,
[data-template=entry] ul.engagement,
[data-template=entry] ul.artist-list,
[data-template=entry] ul.journal,
[data-template=artist] ul.engagement,
[data-template=artist] ul.artist-list,
[data-template=artist] ul.journal,
[data-template=artists] ul.engagement,
[data-template=artists] ul.artist-list,
[data-template=artists] ul.journal,
[data-template=default] ul.engagement,
[data-template=default] ul.artist-list,
[data-template=default] ul.journal,
[data-template=project] ul.engagement,
[data-template=project] ul.artist-list,
[data-template=project] ul.journal,
[data-template=projects] ul.engagement,
[data-template=projects] ul.artist-list,
[data-template=projects] ul.journal {
  margin: 0;
  border: none;
}
[data-template=about] ul.engagement li a, [data-template=about] ul.artist-list li a, [data-template=about] ul.journal li a,
[data-template=entry] ul.engagement li a,
[data-template=entry] ul.artist-list li a,
[data-template=entry] ul.journal li a,
[data-template=artist] ul.engagement li a,
[data-template=artist] ul.artist-list li a,
[data-template=artist] ul.journal li a,
[data-template=artists] ul.engagement li a,
[data-template=artists] ul.artist-list li a,
[data-template=artists] ul.journal li a,
[data-template=default] ul.engagement li a,
[data-template=default] ul.artist-list li a,
[data-template=default] ul.journal li a,
[data-template=project] ul.engagement li a,
[data-template=project] ul.artist-list li a,
[data-template=project] ul.journal li a,
[data-template=projects] ul.engagement li a,
[data-template=projects] ul.artist-list li a,
[data-template=projects] ul.journal li a {
  text-decoration: none;
}
[data-template=about] ul.engagement, [data-template=about] ul.journal,
[data-template=entry] ul.engagement,
[data-template=entry] ul.journal,
[data-template=artist] ul.engagement,
[data-template=artist] ul.journal,
[data-template=artists] ul.engagement,
[data-template=artists] ul.journal,
[data-template=default] ul.engagement,
[data-template=default] ul.journal,
[data-template=project] ul.engagement,
[data-template=project] ul.journal,
[data-template=projects] ul.engagement,
[data-template=projects] ul.journal {
  margin-bottom: 1.2em;
}
[data-template=about] ul.artist-list li,
[data-template=entry] ul.artist-list li,
[data-template=artist] ul.artist-list li,
[data-template=artists] ul.artist-list li,
[data-template=default] ul.artist-list li,
[data-template=project] ul.artist-list li,
[data-template=projects] ul.artist-list li {
  display: inline-block;
}
[data-template=about] ul.artist-list li:not(:last-child):after,
[data-template=entry] ul.artist-list li:not(:last-child):after,
[data-template=artist] ul.artist-list li:not(:last-child):after,
[data-template=artists] ul.artist-list li:not(:last-child):after,
[data-template=default] ul.artist-list li:not(:last-child):after,
[data-template=project] ul.artist-list li:not(:last-child):after,
[data-template=projects] ul.artist-list li:not(:last-child):after {
  content: ", ";
}
[data-template=about] ul.artist-list li a:hover,
[data-template=entry] ul.artist-list li a:hover,
[data-template=artist] ul.artist-list li a:hover,
[data-template=artists] ul.artist-list li a:hover,
[data-template=default] ul.artist-list li a:hover,
[data-template=project] ul.artist-list li a:hover,
[data-template=projects] ul.artist-list li a:hover {
  opacity: 0.5;
}
[data-template=about] h1,
[data-template=entry] h1,
[data-template=artist] h1,
[data-template=artists] h1,
[data-template=default] h1,
[data-template=project] h1,
[data-template=projects] h1 {
  padding-bottom: 0.15em;
}
[data-template=about] p a, [data-template=about] li a,
[data-template=entry] p a,
[data-template=entry] li a,
[data-template=artist] p a,
[data-template=artist] li a,
[data-template=artists] p a,
[data-template=artists] li a,
[data-template=default] p a,
[data-template=default] li a,
[data-template=project] p a,
[data-template=project] li a,
[data-template=projects] p a,
[data-template=projects] li a {
  text-decoration: underline;
}

.project-details {
  display: grid;
  grid-template-columns: 1fr 3fr;
  margin-top: 2.2em;
}

img {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
img.loaded {
  opacity: 1;
}

.projects_wrap {
  padding-top: 1.5em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: var(--gutter);
}
.projects_wrap article figure {
  max-height: 30rem;
  overflow-y: hidden;
  margin-bottom: 0.25em;
}

[data-template=projects] .extra-content {
  grid-template-columns: 1fr;
}

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