/* GLOBAL */

body {
	margin: 0;
	background-color: white;
	color: #FF5F43;
	font-weight: 500;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

a,
a:visited {
	color: #FF5F43;
	text-decoration: none;
	text-decoration-line: none;
	/* text-decoration-thickness: 2px !important;
	text-underline-offset: 3px;  */
}

.skip-link {
	display: block;
	position: absolute;
	left: -999px;
	top: -999px;
}

.skip-link:focus {
	left: 0;
	top: 0;
	padding: 3px;
	background: #FF5F43;
	color: #fff;
	border: 1px solid #990000;
	z-index: 9999;
}

.color-switch {
	/* background: #FF5F43;
	color: #fff; */
	/* color: #000;
	background: #fff;
	border: 1px solid #000;
	padding: 5px 10px; */
	position: fixed;
	bottom: -1px;
	right: -1px;
	z-index: 999;
	cursor: pointer;
	/* display: flex;
	align-items: center;
	justify-content: center; */
	background: transparent;
	border: 0 none transparent;
	padding: 16px;

}

/* .color-switch:hover {
	background: #FF5F43;
	color: #fff;
	border-color: #FF5F43;
} */

span.contrast-icon {
	background-image: url('assets/images/contrast.svg');
	background-size: 200% 100%;
	background-position: top left;
	width: 28px;
	height: 28px;
	display: block;
	/* margin-right: 5px;
	margin-left: -2px; */
}

.no-tomato span.contrast-icon {
	background-position: top right;
}

.hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* 
.contrast-icon {
	display: none;
} */

/* .color-switch:hover .contrast-icon {
	background-position: top right;
}

.no-tomato .color-switch:hover {
	background: black;
	border-color: black;
	color: #fff;
} */

img,
video {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	margin: 0 auto;
}

video,
iframe {
	width: 100%;
}

ol,
ul {
	padding-left: 0;
}

/* text indent for list */
section.text li {
	margin-left: 1em;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


figure.multiply {
	position: relative;
}

figure.multiply img {
	mix-blend-mode: multiply;
	opacity: 0.9;
}

figure.multiply .background {
	background: rgba(0, 0, 0, 0.025);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* section#selected-projects,

section.video,
section.quote,
section#introduction,
section#outro,
section#publications,
section#upcoming,
section#recent,
section#archive,
section#tag,
.page-id-5840 .words,
.page-id-5833 .words,
section.see-also, */
section {
	margin: 80px 0;
}

section.video,
section.image {
	margin: 120px 0;
}

h2+section.image {
	margin-top: 0;
}

main>section:first-child {
	margin-top: 0;
}



h2+section>.image {
	margin-top: 0;
}

footer {
	margin-top: 80px;
}

.page-template-page-words-archive .word-zoom {
	min-height: 30vh;
}

.word-zoom {
	margin-bottom: 120px;
}

.see-also {
	margin: 120px 0;
}

main {
	margin: 60px 0;
}

.page-template-multisection-page section:first-child section.image {
	margin-top: -30px;
}

.single-project main {
	margin-top: 0;
}

.single-project main img {
	cursor: pointer;
}


section#outro {
	margin: 120px 0;
}

.error404 section#outro {
	margin-top: 120px;
}

section#upcoming {
	margin-top: 30px;
}

section.image.first {
	margin-top: 30px;
}

section.image figure,
section.image div {
	text-align: center;
}

.image figcaption,
.video figcaption {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.video .four-columns figcaption {
	justify-content: left;
}

section.image figcaption {
	text-align: left;
}

section.image div:not(.large-column) figcaption {
	margin-left: 0;
}

section.image .two-column {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

section.image .two-column figure {
	width: 50%;
}

a.image {
	display: block;
	border: 1px solid transparent;
}

a.image:hover {
	border: 1px solid #FF5F43;
}

a.image img {
	display: block;
}

img.multiply {
	mix-blend-mode: multiply;
	opacity: 0.9;
}

figure {
	margin: 0;
}

/* figcaption {
	display: flex;
}

figcaption .right-link {
	width: 33%;
	margin-left: 1em;
} */

/* figure.tomato {
	background: #FF5F43;
	position: relative;
  }
  
  figure.tomato img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.5;
  } */

figcaption.large-image,
.image figcaption {
	margin: 6px 15px;

}

/* .large-image figcaption,
.large-column figcaption, */
figcaption.large-image {
	width: calc(50% - 45px);
}


figcaption,
.small-text {
	margin-top: 6px;
}

.small-text {
	line-height: 1.25;
}

.column.small-text {
	margin-top: 0;
}

/* figcaption a, */
figcaption a:hover,
a.home-link:hover,
#breadcrumb a:hover,
.text a:hover,
.word-item a:hover,
#primary-menu a:hover,
nav#menu-subpage #menu-text:hover,
#home-projects details summary:hover,
footer a:hover,
footer a.title:hover,
.more a,
a.project:hover .title,
a.project:hover .years,
section#words a.word:hover,
li.current-menu-item a,
.toggle-menu:hover,
.big-project:not(.unlinked):hover,
.four-columns div:hover a,
a.news-text:hover .title,
a.news-text:hover .date,
.publication a:hover,
.video a:hover,
#awards a,
#press .press-item:hover,
.project-item:hover,
#news-item-content a,
.text p a:not(.underline-hover),
.next-previous a:hover,
/* section.text a, */
a.underline,
.team-member:hover .team-member-text,
#contact a:hover,
.addresses a:hover,
#full-menu a:hover,
.table-list a:hover,
figcaption .link a {
	text-decoration: underline;
	text-decoration-line: underline;
	/* text-decoration-thickness: 2px;
	text-underline-offset: 3px; 
	text-decoration-skip-ink: auto;  */
}


/* section.text a:hover,
a.underline:hover,
.more a:hover,
.video a,
#awards a:hover,
.see-also .table-list a,
.text p a:hover,
#news-item-content a:hover,
figcaption .link a:hover {
	text-decoration: none;
} */

a.underline-hover:hover,
.table-list div:not(.more) a:hover {
	text-decoration: underline;
	text-decoration-line: underline;
	/* text-underline-offset: 3px; 
	text-decoration-thickness: 2px;  */
}




blockquote {
	margin: 0;
}

.blockquote p:before,
.blockquote p:after {
	display: inline;
}

.blockquote p:first-child:before {
	content: "\201C";
	margin-left: -0.5em;
}

.blockquote p:last-child:after {
	content: "\201D";
}

.blockquote .small-text p:first-child:before,
.blockquote .small-text p:last-child:after {
	content: "";
	margin-left: 0;
}

cite {
	font-style: normal;
	display: block;
	margin-top: 1em;
}

.button-container {
	text-align: center;
	margin: 1.5em;
}

a.button {
	/* background: #FF5F43; */
	/* color: white; */
	color: #FF5F43;
	padding: 0.5em 0.65em;
	display: inline-block;
	/* border: 1px solid rgba(0, 0, 0, 0.05); */
}

.column p.description {
	margin-top: 0;
}

.single-column:not(.large-column, .medium-column),
.column {
	max-width: 525px;
	margin: 5em auto;
}

.single-column+.more,
.column+.more {
	margin-top: -3em;
}


h2+.column {
	margin-top: 0;
}



.single-column p,
.column p {
	margin: 1.5em 0;
}

/* NAV */

nav#breadcrumb {
	padding: 16px;
	margin-bottom: 0.75em;
	/* margin-bottom: 2.5em; */
}

#project-top nav#breadcrumb {
	padding: 0;
}

nav#breadcrumb.fixed {
	position: fixed;
	top: 0;
	left: 0;
}

#breadcrumb h1 {
	display: inline;
}

.container-with-small-padding {
	padding: 0 15px;
}

.container-with-large-padding,
.large-margin-column {
	padding: 0px 49px;
}

section+section {
	margin-top: 120px;
}

.large-column img {
	width: 100%;
}

.word-zoom {
	grid-column: 2/5;
}

h1.page,
.big-word,
.word-cloud.words {
	margin-bottom: 0.25em;
}

.big-word {
	text-transform: lowercase;
}

.page-template-page-words-archive .big-word {
	text-transform: none;
}

.word-cloud.words {
	list-style-type: none;
	margin-bottom: 0;
	margin-top: 120px;
}

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

.word-cloud .word-item {
	display: inline-block;
	margin-right: 1em;
}

.homepage.two-columns {
	grid-gap: 0;
	grid-column-gap: 18px;
}

nav#secondary a {
	display: inline-block;
	margin-right: 1.5em;
}

nav#secondary ul,
nav#secondary li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

nav#secondary li {
	display: inline-block;
}

nav#secondary .current-menu-item a,
a.invert-hover:hover,
a.current-invert {
	background: #FF5F43;
	color: white;
	text-decoration: none;
}

nav#secondary a:hover {
	text-decoration: underline;
}

nav#secondary .current-menu-item a:hover {
	text-decoration: none;
}

nav#experiment ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: absolute;
	top: 0.75em;
	right: 0.75em;
}

.project-nav-container {
	position: fixed;
	z-index: 2;
	bottom: 2.5em;
	left: 0;
	right: 0;
	text-align: center;
}

nav#projects a {
	display: inline-block;
	padding: 0.75em;
	background: white;
}

nav#projects a.current {
	opacity: 1;
}



/* PAGE: HOME */

#golden {
	height: 125px;
	width: 161.8px;
	background: #FF5F43;
	position: fixed;
	top: 0.75em;
	right: 0.75em;
	display: none;
	/* top: 50%;
	left: calc(50% + 100px);
	left: 50%;
	transform: translate(-50%, -50%);
	mix-blend-mode: overlay;
	pointer-events: none;
	z-index: 5;
	display: none; */
}

section#home-top {
	height: 100vh;
	position: relative;
}

figure.extra-large {
	height: 100vh;
	overflow: hidden;
}

.image-wrapper {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.image-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/* .image-wrapper {
    position: relative;
    z-index: -1;
}

.image-wrapper:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(#00000057, #00000000);
} */
.project-title,
.big-project .title,
.publication-info,
.exhibition-title,
.team-member-text .title,
.timeline-title,
.next-previous a .title,
h3.tag {
	text-wrap: balance;
}


#home-top header,
#project-top header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 0.75em;
	z-index: 10;
}

.project-title {
	margin: 1.175em 0.75em;
	position: absolute;
	top: 0;
}


#primary-menu {
	padding: 33px;
	margin: 0;
}

#primary-menu ul {
	margin: 0;
	padding: 0;
}

#primary-menu li {
	list-style-type: none;
}

button#menu-toggle,
nav#menu-subpage {
	position: absolute;
	top: 0;
	right: 0;
	padding: 16px;
	z-index: 3;
}

button#menu-toggle {
	position: fixed;
	background: transparent;
	border: 0;
	z-index: 999;
}

button#menu-toggle #chinese {
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

button#menu-toggle #color {
	width: 28px;
	height: 28px;
	/* width: 1.5em;
	height: 1.5em; */
	background: #FF5F43;
	border-radius: 50%;
	display: inline-block;
	margin-left: 0.5em;
	cursor: pointer;
}

nav#menu-subpage #menu-text {
	cursor: pointer;
}

/* nav#contact {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	color: #565656;
	background: #d9d9d9;
	padding: 0.5em;
} */

/* PAGE: PROJECTS */

section#home-projects {
	position: relative;
}

#home-projects h2:not(.site-title),
#home-projects .projects-list {
	padding: 0.75em;
}

#home-projects h2:not(.site-title) {
	text-align: center;
	margin-bottom: 1em;
}

h3 {
	margin: 0;
}

.centered {
	text-align: center;
}

#home-projects details summary {
	display: block;
	display: flex;
	justify-content: space-between;
}

.project-info {
	margin: 0.5em 0;
	padding-bottom: 2em;
}

.years {
	text-align: left;
}

#project-top {}

#grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 0.75em;
	padding: 0 45px;
}

#grid .grid-item,
#grid a.grid-item {
	width: 100%;
	font-weight: bold;
	margin-bottom: 1em;
	margin-right: 1em;
	display: inline-block;
}

#grid .title {
	margin-top: 0.25em;
}

img.square,
.image-container {
	width: 100%;
	height: auto;
	border: 1px solid transparent;
}

img.border {
	border: 1px solid rgba(0, 0, 0, 0);
}

.image-container {
	width: 100%;
}


.watercolor img {
	mix-blend-mode: multiply;
	filter: brightness(0.95)
}

.watercolor.nobackground img {
	filter: brightness(1);
}

/* 
.watercolor img:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.05);
} */

figure.tomato {
	position: relative;
}

.tomato-overlay {
	background: #FF5F43;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	mix-blend-mode: lighten;
}

.data {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 0.5em;
	margin-bottom: 1em;
}

.data .left {
	grid-column: 1/3;
	text-transform: capitalize;
}

.data .right {
	grid-column: 3/6;
}

.data p:first-child,
div p:first-child {
	margin-top: 0;
}

/* .data p:last-child,
div p:last-child {
	margin-bottom: 0;
} */

.timeline-title,
.timeline-date {
	display: block;
}

.timeline-date {
	margin-top: 0.5em;
}

.timeline-item {
	margin-bottom: 1.5em;
	display: block;
}

.timeline-item:last-of-type {
	margin-bottom: 0;
}

/* MODULE: LARGE IMAGE */

section#large-image {
	margin: 15vh 0;
}

/* FOOTER */

footer {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 1em;
	margin: 15px;
	min-height: 9.25em;
	margin-top: 45px;
}

footer em {
	font-style: normal;
}

footer em+p {
	margin-top: 0;
}

footer ul,
footer li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

footer div {
	margin: 0;
}

footer .socials a {
	display: inline-block;
	position: static;
	height: 14px;
	width: 16px;
	text-indent: -100px;
	color: transparent;
	overflow: hidden;
	background-size: auto 100%;
	background-image: url('assets/images/socials.png');
	background-repeat: no-repeat;
}

.socials .facebook {
	background-position: 32%;
}

.socials .vimeo {
	background-position: 64%;
}

.socials .email {
	background-position: 100%;
}

footer div:first-child {
	position: relative;
}

footer .socials {
	position: absolute;
	bottom: 0;
	left: 0;
}

.individual-word {
	margin-bottom: 15px;
}

/* 
.word-index {
	margin-top: 25px;
}

.word-index li {
	margin: 0;
	padding: 0 0.5rem;
	list-style-type: none;
	display: inline-block;
} */

.word-definition {
	padding-top: 2em;
}

.column-large {
	max-width: 1075px;
	margin: 5em auto;
}

.quote {
	width: calc(70% - 30px);
	margin: 0 auto;
	padding: 45px 0;
}

section#upcoming p.large,
section.text.large-column {
	margin-top: 0;
}

section#recent p,
.text.large p,
section.text.large-column {
	margin: 0;
	margin: 45px;
}

/* section#selected-projects {
	padding-top: 30px;
	padding-bottom: 45px;
  } */

h2:not(.site-title),
.more {
	text-align: center;
	margin-bottom: 45px;
	margin-top: 45px;
}

h2.site-title {
	display: inline-block;
}

h2.left {
	text-align: left;
	margin-bottom: 1em;
}

h2.hidden {
	display: none;
}

.tiny-column {
	max-width: 300px;
	margin: 0 auto;
}

.small-column {
	max-width: 525px;
	margin: 0 auto;
}

#outro .watercolor {
	width: 480px;
	height: 240px;
	text-align: center;
	object-fit: contain;
	margin-left: auto;
	margin-right: auto;
}

#outro img {
	max-height: 240px;
	max-width: 480px;
}

.medium-column {
	max-width: 1075px;
	margin: 0 auto;
}

nav+.medium-column {
	padding-top: 3em;
}

.projects-block {
	max-width: 1075px;
	margin: 0 auto;
}

.table-list .item {
	display: flex;
	justify-content: space-between;
}

.item.project .title {
	width: 80%;
}

.table-list .date {
	flex-shrink: 0;
	padding-left: 1em;
}

.artist-collaborations .artist {
	width: 33%;
}

.artist-collaborations .project {
	text-align: left;
	width: 66%;
}

.next-previous {
	display: flex;
	justify-content: space-between;
}

.next-previous a {
	width: 45%;
	flex-grow: 0;
	flex-shrink: 0;
	text-align: center;
}


section#words {
	padding: 15px;
	margin: 45px 0;
}

section#words a.word {
	display: inline-block;
	/* white-space: nowrap; */
	/* Prevent line breaks */
}

.image-item {
	text-align: center;
	margin-bottom: 1em;
}

#full-menu {
	background: white;
	color: #FF5F43;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 16px;
	z-index: 1;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

#full-menu a.site-title {
	display: block;
}

.menu-open {
	overflow: hidden;
	padding-right: 17px;
	/* Common scrollbar width, could be adjusted if needed */
}

.menu-open #menu-toggle {
	right: 0;
	/* Same value as above */
}

.menu-open .color-switch {
	right: -1PX;
	border-right-color: transparent;
}


#full-menu.hide {
	display: none;
}

.toggle-menu {
	cursor: pointer;
}

#full-menu footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-left: 17px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.four-columns {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 18px;
	margin-top: 45px;
}

.four-columns>div {
	margin-bottom: 1em;
}

.three-columns {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 18px;
}

.three-columns+.three-columns {
	padding-top: 45px;
	margin-bottom: 90px;
}

.text.normal.single-column {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5em;
}

.two-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 18px;
	margin-top: 45px;
}

.big-project {
	margin-bottom: 45px;
	display: block;
}

.big-project picture,
.big-project img {
	width: 100%;
}

.big-project .title {
	margin-top: 0.25em;
}

.big-project.unlinked .img-wrap {
	background: #FF5F43;
}

.big-project.unlinked img {
	mix-blend-mode: screen;
	filter: grayscale(100%);
	opacity: 0.8;
}

.big-project img {
	display: block;
	/* border: 1px solid transparent; */
}

.big-project:hover img {
	/* border: 1px solid tomato; */
}

#full-menu footer .socials {
	position: static;
	/* height: 1.5em; */
}

/* nav#socials {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 100px;
  } */

.projects-block,
.quote,
.medium-column {
	/* width: auto; */
	max-width: 1075px;
}

.publication {
	margin-bottom: 30px;
}

.publication-info {
	margin-top: 2em;
	text-align: center;
}

.publication-info {
	display: block;
}

.team-grid {
	display: flex;
	flex-wrap: wrap;
	padding: 0 12px;
}

.team-grid>div {
	width: 25%;
}

.team-member-text {
	height: 6em;
	text-align: center;
	padding-top: 1em;
}

.team-grid .small-column {
	width: 100%;
	/* Full width of the container */
	width: 525px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding: 40px 15px;
}

/* Adjust position based on which column was clicked */
.team-grid>div:nth-child(4n+1) .small-column {
	/* First column - align toward right */
	margin-left: calc(200% - 262px);
	margin-right: auto;
}

.team-grid>div:nth-child(4n+2) .small-column {
	/* Second column - align slightly right of center */
	margin-left: calc(100% - 262px);
	margin-right: auto;
}

.team-grid>div:nth-child(4n+3) .small-column {
	/* Third column - align slightly left of center */
	margin-left: calc(-262px);
	margin-right: auto;
}

.team-grid>div:nth-child(4n+4) .small-column {
	/* Fourth column - align toward left */
	margin-left: calc(-100% - 262px);
	margin-right: auto;
}

.team-member-details {
	margin-top: 1em;
}

.team-member-details .info {
	text-align: center;
	display: block;
}

.team-member figure,
.team-member .team-member-text {
	cursor: pointer;
}

.publication figure,
.team-member figure {
	max-width: 90%;
	height: 225px;
	text-align: center;
	margin: 0 auto;
	object-fit: contain;
	display: flex;
	align-items: center;
	justify-content: center;
}

figure img {
	width: 100%;
	height: 100%;
	object-fit: contain;

}

.addresses em {
	text-transform: uppercase;
	font-style: normal;
}

.team-member {
	margin-bottom: 2em;
}

.team-member .name {
	text-transform: uppercase;
}

.team-member .location {
	margin-top: 6px;
}

.publication-title {
	text-transform: uppercase;
}


.news-item.three-columns {
	margin-bottom: 90px;
}


#news-archive .news-item {
	margin-bottom: 1.5em;
}

#news-archive .news-item .date {
	margin-bottom: 0.5em;
}


.news-item .date {
	margin-top: 1em;
}


.upcoming-item {
	margin-bottom: 2em;
}

#awards .column {
	line-height: 1.25;
}

#awards .year,
#awards .award-block {
	margin-bottom: 1em;
}

#awards .year {
	margin-top: 2em;
}

#awards .year:first-of-type {
	margin-top: 0;
}

#press .date,
#exhibitions .exhibition-date,
.lecture-date {
	display: block;
	margin-top: 6px;
}

#press .press-item,
.exhibition-link,
.lecture-link {
	display: block;
	margin-bottom: 1.5em;
}

.project.two-columns-span {
	grid-column: 2/4;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.project .years {
	float: none;
}

.four-columns {
	margin: 0;
}

.four-columns .small-text.header+p {
	margin-top: 0;
}

.small-text.header {
	margin-bottom: 0.5em;
}

.tag .small-text.header {
	margin-bottom: 0.1em;
}

/* Architectonics of Music */

.year-accordion {
	margin-bottom: 10px;
	border-top: 1px solid #FF5F43;
}

.year-accordion-header {
	padding: 12px 0;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.year-accordion-header .toggle-icon {
	transition: transform 0s none;
	/* transition: transform 0.3s ease; */
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.5rem 0.65rem 0.5rem 0;
	border-color: transparent #FF5F43 transparent transparent;
	transform: rotate(0deg);
}

.year-accordion-header.active .toggle-icon {
	transform: rotate(-90deg);
}

.year-accordion-content {
	display: none;
	padding: 0;
}

.year-accordion-content .container-with-large-padding,
.year-accordion-content .large-margin-column,
.year-accordion-header .year-title {
	padding: 0;
	margin: 0;
}

.year-accordion-content.active {
	display: block;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

.music-item {
	margin-bottom: 30px;
}

.music-list h3 {
	padding-bottom: 5px;
}

/* .page-template-exhibitions-page #exhibitions {
		text-align: center;
	}
   */

#dynamic-swiper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: #fff;
}

.swiper-container img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	max-width: 100%;
	padding: 10px 60px;
	box-sizing: border-box;
	background: #fff;
}

.swiper-slide img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	padding: 0 !important;
}

.swiper-slide .small-column {
	object-fit: contain;
	width: 70%;
}

.swiper-slide .medium-column {
	object-fit: contain;
	width: 70%;
}

.swiper-slide .large-margin-column {
	object-fit: contain;
	width: 100%;
}

.swiper-prev,
.swiper-next,
.swiper-close {
	z-index: 99;
	cursor: pointer;
}

.swiper-prev,
.swiper-next {
	width: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-prev {
	left: 20px;
	background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS4yMSAzOS42Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2U3NWM0Nzt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjJBcnRib2FyZCAyPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMTkuOCAzOS42IDAgMTkuOCAxOS44IDAgMjEuMjEgMS40MSAyLjgzIDE5LjggMjEuMjEgMzguMTkgMTkuOCAzOS42Ii8+PC9zdmc+') no-repeat center center;
	background-size: 100%;
}

.swiper-next {
	right: 20px;
	background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS4yMSAzOS42Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2U3NWM0Nzt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjNBcnRib2FyZCAyPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iMS40MiAwIDIxLjIxIDE5LjggMS40MSAzOS42IDAgMzguMTkgMTguMzkgMTkuOCAwIDEuNDEgMS40MiAwIi8+PC9zdmc+') no-repeat center center;
	background-size: 100%;
}

.swiper-close {
	background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMS44NSAyMS44NSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNlNzVjNDc7c3Ryb2tlLXdpZHRoOjJweDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPjRBcnRib2FyZCAyPC90aXRsZT48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyMC40NyIgeTE9IjEuMzciIHgyPSIxLjM3IiB5Mj0iMjAuNDciLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIwLjcxIiB5MT0iMC43MSIgeDI9IjIxLjE0IiB5Mj0iMjEuMTQiLz48L3N2Zz4=') no-repeat center center;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 20px;
	right: 20px;
}

.swiper-slide .project-title {
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	margin: 0;
}

#mc_embed_signup label {
	margin: 20px 0 0;
	display: block;
}

#mc_embed_signup input {
	border: 1px solid #FF5F43;
	color: #FF5F43;
	display: block;
	width: 100%;
	margin: 5px 0;
	padding: 5px;
	box-sizing: border-box;
	font-weight: 500;
}

#mc_embed_signup input.mce_inline_error {
	border: 1px solid #FF5F43 !important;
	background: #ff5f432d;
}

#mc_embed_signup div.mce_inline_error {
	background: transparent !important;
	color: #FF5F43 !important;
	font-style: italic;
	padding: 0 !important;
}


#mc_embed_signup input[type="submit"] {
	width: 100%;
	background: #FF5F43;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	padding: 10px;
	margin: 25px 0;
}

#mc_embed_signup input[type="submit"]:hover {
	background: #fff;
	color: #FF5F43;
}

/* MEDIA QUERIES */

@media screen and (max-width: 1375px) {

	.projects-block,
	.quote,
	.medium-column {
		width: auto;
		max-width: 1075px;
	}

	footer {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 1em;
	}

	footer div:first-child {
		grid-column: 1;
		grid-row: 1 / 4;
	}

	footer div:last-child {
		margin-top: 0.5em;
	}
}

@media screen and (min-width: 1076px) and (max-height: 720px) {
	#full-menu footer {
		position: relative;
	}
}


/* No Tomato */


.no-tomato,
.no-tomato body,
.no-tomato a,
.no-tomato a:visited,
.no-tomato a:hover,
.no-tomato a:focus,
.no-tomato #full-menu,
.no-tomato #full-menu a,
.no-tomato #home-top #full-menu #main a {
	color: black;
}


.no-tomato a.current-invert {
	color: #fff;
}

.no-tomato #mc_embed_signup input[type="submit"] {
	color: #fff !important;
}


.no-tomato #mc_embed_signup input,
.no-tomato a.image:hover {
	border-color: black;
}

.no-tomato #mc_embed_signup input.mce_inline_error {
	border: 1px solid #000 !important;
}

.no-tomato #mc_embed_signup input[type="submit"]:hover {
	color: black !important;
}

.no-tomato #mc_embed_signup input[type="submit"]:hover {
	background: #fff !important;
}


.no-tomato #mc_embed_signup input,
.no-tomato #mc_embed_signup div.mce_inline_error {
	color: #000 !important;
}

.no-tomato nav#secondary .current-menu-item a,
.no-tomato a.invert-hover:hover,
.no-tomato a.current-invert,
.no-tomato #golden, 
.no-tomato .tomato-overlay,
.no-tomato .big-project.unlinked .img-wrap,
.no-tomato #mc_embed_signup input[type="submit"] {
	background: #000;
}

.no-tomato .big-project.unlinked .img-wrap {
	opacity: 0.7;
}

.no-tomato .year-accordion {
	border-top-color: #000;
}

.no-tomato .year-accordion-header .toggle-icon {
	border-color: transparent #000 transparent transparent;
}

.no-tomato footer .socials img {
	filter: grayscale(100%) contrast(10);
}

.no-tomato #home-top h1,
.no-tomato #home-top header #main a,
.no-tomato #project-top #breadcrumb,
.no-tomato #project-top figure,
.no-tomato #home-top #breadcrumb a,
.no-tomato #project-top #breadcrumb a {
	color: white;
}

.no-tomato .single-project button#menu-toggle #color,
.no-tomato .home button#menu-toggle #color {
	background-color: #fff;
}

.no-tomato button#menu-toggle #color,
.no-tomato .past-cover button#menu-toggle #color,
.menu-open.no-tomato .single-project button#menu-toggle #color,
.menu-open.no-tomato .home button#menu-toggle #color {
	background-color: #000;
}

.no-tomato footer .socials a {
	background-image: url('assets/images/socials-bw.png');
}

.no-tomato .swiper-prev,
.no-tomato .swiper-next,
.no-tomato .swiper-close {
	filter: grayscale(100%) contrast(10000%);
}

.no-tomato #dynamic-swiper .image-wrapper {
	opacity: 1;
}

@media screen and (max-width: 1075px) {


	button#menu-toggle {
		/* top: -0.35em; */
		/* right: -0.35em; */
	}

	.color-switch {
		/* right: -7px; */
		/* bottom: -3px; */
	}

	.menu-open .color-switch {
		right: -10px;
	}

	button#menu-toggle #color,
	.color-switch .contrast-icon {
		width: 30px;
		height: 30px;
	}

	nav#secondary {
		line-height: 1.75;
	}

	figure.extra-large,
	section#home-top,
	section#project-top {
		height: auto;
		width: auto;
	}

	.large-column figcaption,
	figcaption.large-image {
		width: auto;
	}

	footer p.first {
		grid-column: 1;
		grid-row: 1 / 4;
	}

	.container-with-large-padding,
	.medium-column,
	.large-margin-column {
		padding: 0 12px;
	}

	.container-with-large-padding .medium-column {
		padding-left: 0;
		padding-right: 0;
	}

	figcaption .right-link {
		width: 25%;
	}


	figcaption.large-image {
		margin-left: 12px;
	}

	#home-top header,
	#project-top header,
	nav#breadcrumb,
	#full-menu {
		padding: 12px;
	}

	#full-menu {
		padding: 12px;

	}

	#full-menu #primary-menu {
		padding-top: 9px;
	}

	#home-top h1,
	#project-top h1 {
		margin-top: 0;
	}

	nav#breadcrumb {
		margin-bottom: 0;
		padding-bottom: 12px;
	}

	.project-title h1 {
		margin-bottom: 0;
	}

	h1.page,
	.big-word,
	.word-cloud.words {
		margin-bottom: 12px;
	}

	#primary-menu {
		padding-left: 0;
		padding-top: 8px;

	}

	#full-menu nav {
		margin-top: -1px;
	}

	html.menu-open #menu-toggle {
		right: 0;
		/* Same value as above */
	}

	.menu-open .color-switch {
		right: -1px;
		border-right-color: transparent;
	}

	section#recent p {
		margin: 0;
	}

	.text.large p,
	section.text.large-column {
		margin: 12px;
		padding: 0;
	}
	

	.three-columns,
	footer {
		display: block;
	}

	.four-columns {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	footer,
	#full-menu footer {
		grid-template-columns: 1fr;
		grid-gap: 0;
	}

	footer p {
		margin-bottom: 0;
	}

	footer div {
		margin-bottom: 1em;
	}


	.project.two-columns-span {
		grid-column: 4/4;
	}

	.two-columns {
		grid-gap: 12px;
	}


	#full-menu footer {
		position: relative;
		margin-left: 0;
	}

	footer div:first-child {
		grid-row: 1/1;
	}

	.three-columns div+div {
		margin-top: 24px;
	}

	footer .socials {
		position: relative;
		display: block;
		margin-top: 1em;
	}

	footer .socials a {
		margin-right: 0.5em;
	}

	/* footer .socials a {
		margin-top: 12px;
	} */

	h2:not(.site-title),
	.more {
		margin-bottom: 24px;
	}

	section#selected-projects,
	section.image,
	section.video,
	section.quote,
	section#introduction,
	section#publications,
	section#upcoming,
	section#recent,
	section#archive,
	section#outro,
	section#tag {
		margin: 60px 0;
	}

	section+section {
		margin-top: 60px;
	}

	section#outro {
		margin-top: 120px;
	}

	.single-column,
	.column,
	.container-with-small-padding {
		padding-left: 12px;
		padding-right: 12px;
	}

	/* 
	.single-project main .project-body > section:first-child {
		margin-top: 40px;
	} */

	/* attention */
	/* .single-column.container-with-large-padding,
	.medium-column {
		margin-left: auto;
		margin-right: auto;
		/* padding: 0; */


	.single-column.medium-column:not(.container-with-large-padding),
	.container-with-small-padding .table-list {
		padding: 0;
	}

	.small-column img {
		max-width: 240px;
	}

	#outro .watercolor {
		width: 240px;
		height: 160px;
	}

	#outro img {
		max-width: 240px;
		max-height: 160px;
	}

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

	.publication-info,
	.team-member-text {
		margin-top: 12px;
	}

	.news-item.three-columns {
		margin-bottom: 0;
		padding-top: 2em;
	}

	.news-item .date {
		margin-top: 0;
		margin-bottom: 12px;
	}

	.word-index {
		display: none;
	}

	.four-columns.words {
		display: block;
	}

	.table-list .item {
		padding: 4px 0;
	}
}

@media screen and (max-width: 560px) {

	#home-top header,
	#project-top header {
		position: relative;
		display: block;
		min-height: 40px;
	}

	.no-tomato #home-top h1,
	.no-tomato #home-top header #main a,
	.no-tomato #project-top #breadcrumb,
	.no-tomato #project-top figure,
	.no-tomato #home-top #breadcrumb a,
	.no-tomato #project-top #breadcrumb a {
		color: #000;
	}

	.no-tomato .single-project button#menu-toggle #color,
	.no-tomato .home button#menu-toggle #color {
		background: #000;
	}

	.no-tomato #home-top header #main a,
	.no-tomato #home-top header h1 {
		color: #000 !important;
	}

	.no-tomato .home button#menu-toggle #color {
		background-color: #000 !important;
	}

	.project-title {
		position: relative;
		margin: 12px;
	}


	#news-item-content.two-columns {
		display: flex;
		flex-direction: column-reverse;
	}


	.team-grid>div {
		width: 50%;
	}

	.team-member-text {
		height: 6em;
		text-align: center;
		padding-top: 0.5em;
	}

	.team-grid .small-column {
		width: 100%;
		/* Full width of the container */
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		box-sizing: border-box;
		padding: 40px 0;
	}

	.team-grid .small-column p {
		padding: 0 12px;
	}

	/* Adjust position based on which column was clicked */
	.team-grid>div:nth-child(4n+1) .small-column {
		/* First column - align toward right */
		margin-left: auto;
		margin-right: auto;
		width: 200%;
	}

	.team-grid>div:nth-child(4n+2) .small-column {
		/* Second column - align slightly right of center */
		margin-left: -100%;
		margin-right: auto;
		width: 200%;
	}

	.team-grid>div:nth-child(4n+3) .small-column {
		margin-left: 0%;
		margin-right: auto;
		width: 200%;
	}

	.team-grid>div:nth-child(4n+4) .small-column {
		/* Fourth column - align toward left */
		margin-left: -100%;
		margin-right: auto;
		width: 200%;
	}
}


@media screen and (min-width: 561px) {

	.no-tomato .extra-large:first-of-type .image-wrapper {
		background: #000;
	}


	.no-tomato .extra-large:first-of-type .image-wrapper img {
		opacity: 0.5;
		mix-blend-mode: normal;
	}
}