body {
    background: transparent;
    color: black;
    font-family: 'UniversLTPro-45Light', Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100vw;
    height: auto;
    overflow: auto;
}

body.lightbox-active {
	overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 2.7777777777777777vw;
    font-family: 'ACaslonPro-Regular', Times, serif;
    font-weight: normal;
    padding: 0;
    margin: 0;
    display: inline-block;
}


.single h2, .single h3 {
/* 	font-family: 'UniversLTPro-55Roman', Arial, sans-serif; */
	font-family: 'UniversLTPro-45Light', Arial, sans-serif;
}



.single h1 {
	font-family: 'UniversLTPro-45Light', Arial, sans-serif;
}

.single h2 {
	padding-left: 3rem;
	font-size: 2.5vw;
}

p {
	font-size: 1.7361111111111112vw;
	line-height: 1.2;
}

strong, b {
	font-family: 'UniversLTPro-45Light', Arial, sans-serif;
	font-weight: normal;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    max-width: 100vw;
    overflow-x: hidden;
}

.off_screen {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: .5em;
    margin: .5em;
}

.off_screen:focus {
    position: static;
    width: auto;
    height: auto;
}

img {
    width: 100%;
    height: auto;
}

input[type=text]:focus, textarea:focus, a:focus, button:focus, button.js-accordion__header:focus, section:focus {
    outline: none !important;
    border-color: transparent;
    box-shadow: white;
}

hr {
    margin-top: 0;
    margin-bottom: 0;
    padding: 8em 0 0 1.25em;
    border: 0;
    border-top: 1px solid #fff;
    position: relative;
    display: block;
    width: 100%;
    float: left;
}

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

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

/* Firefox 18- */
input:focus::-moz-placeholder {
    color: transparent;
}

/* Firefox 19+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}

/* oldIE ;) */
.affix {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1060;
    background: white;
}

header {
    position: relative;
    background: transparent;
    padding: 3rem 3rem 2rem;
    width: 100%;
    height: auto;
}

header.fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    background: transparent;
    padding: 3rem;
    width: 100%;
    height: auto;
}

header.fixed.back {
	z-index: 1000;
}

.controller {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: transparent;
	z-index: 100;
	opacity: 0;
	transition: all 250ms ease;
}

.controller.active {
	opacity: 1;
}

.controller ul {
	display: flex;
	flex-direction: row;
	width: 100%;
    padding: 0 3rem;
}

.controller ul li {
	list-style: none;
}

.controller button {
	background: transparent;
	border: none;
	font-size: 2rem;
	cursor: pointer;
}

.controller button.toggle-tags {
/* 	margin-left: 2rem; */
}

.controller button.toggle-tags.active {
	text-decoration: underline;
}

.controller .back-top {
	margin-left: auto;
	display: none;
}

.controller ul.controls li:nth-child(4) {
  margin-left: auto;
}

.controller a {
	background: transparent;
	border: none;
	font-size: 2rem;
	cursor: pointer;
	display: none;
}

.controller .back-top.back a {
	display: block;
	text-decoration: none;
}

.controller .back-top.back a:hover {
	text-decoration: underline;
}

.controller button:hover span, .controller button.active span {
	text-decoration: underline;
 }

nav {
    padding-top: 0.25em;
    background: white;
}

.nav ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;

    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;

	text-align: center;
}

.nav .secondary-nav ul {
    align-items: flex-end;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
}

.nav .secondary .secondary-nav ul>li {
    flex: inherit;
    display: block;
}

.nav ul>li {
    float: none;
    padding: .25em;
}

.nav>li {
    position: relative;
    display: block;
}

.nav .home {
    display: none;
}

.primary, .secondary {
	width: 100%;
	height: auto;
	min-height: 46vh;

	display: flex;
/* 	align-items: center; */
	align-items: flex-end;
	justify-content: center;
	transition: opacity 1.2s ease;
}

.primary {
	min-height: 50vh;
}

.stick-wrap {
	width: 100%;
}

.primary-nav {
	width: 100%;
    height: auto;
    display: flex;
    padding: 3rem 0;
    /* align-items: center; */
    align-items: flex-end;
    justify-content: center;
    transition: opacity .25s ease;

    width: calc(100% - 20rem);
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
}

.primary-nav.back {
	opacity: 0;
}

.stick.fixed.absolute {
    position: absolute;
}

.stick.fixed {
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    width: calc(100% - 20rem);
    transform: translateX(-50%);
    box-sizing: border-box;
    z-index: 100;
}

.controller .secondary {
    width: 100%;
    height: auto;
    min-height: inherit;
    display: none;
    /* align-items: center; */
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
    justify-content: space-around;
    text-align: center;
    transition: all 1s ease;
}

.controller .secondary.active {
	display: flex;
}

.controller .secondary ul {
	width: 100%;
	padding: 0;
	display: flex;
    /* align-items: center; */
    align-items: flex-end;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
}

.controller .secondary ul li a {
    font-size: 1.2vw;
    text-decoration: none;
}

.controller .secondary ul li a:hover, .controller .secondary ul li.active a {
	text-decoration: underline;
}

/*
.primary.compact, .secondary.compact {
	min-height: 18vh;
}
*/

.secondary {
	flex-wrap: wrap;
}

.nav .secondary ul>li {
	flex: 1 0 15%;
}

/*
.nav .secondary ul>li:nth-child(1), .nav .secondary ul>li:nth-child(2), .nav .secondary ul>li:nth-child(3) {
	flex: 1 0 33%;
}
*/

.nav .secondary ul>li.expand-1 {
	flex: 1 0 20%;
}

.nav .secondary ul>li.expand, .nav .secondary ul>li.expand-2 {
	flex: 1 0 33%;
}

.nav .secondary ul>li>a {
	font-size: 1.7361111111111112vw;
    line-height: 1.2;
}

.nav .secondary ul>li>a {
	font-size: 1.2vw;
	font-family: 'UniversLTPro-45Light', Arial, sans-serif;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

.primary-nav, .secondary-nav {
	width: 100%;
}

.primary-nav {
	width: calc(100% - 20rem);
	z-index: 100;
}

.secondary-nav {
    padding: 0 1rem;
}

.nav ul>li>a {
    position: relative;
    display: inline-block;
    padding: 0;
    color: inherit;
    text-decoration: none;
    font-family: 'ACaslonPro-Regular', Times, serif;
    font-size: 2.7777777777777777vw;
    line-height: 1.2;
/*     border-bottom: 3px solid transparent; */
    z-index: 100;
}

.nav ul>li>a.active {
	text-decoration: underline;
/* 	text-decoration-style: dotted; */
	text-decoration-color: #6c6c6c;
}

.nav ul>li.active-nav>a {
	text-decoration: underline;
	text-decoration-color: #6c6c6c;
}

.nav ul>li.open>a, .nav ul>li>a:hover {
/*      border-bottom: 3px solid black;  */
 	text-decoration: underline;
}

.menu-item-has-children {}

.nav ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
}

.nav ul.sub-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: inherit;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.dropdown-menu>li {
    display: block;
    width: 100%;
}

.dropdown-menu ul>li>a {
    display: block !important;
    padding: .125em .5em;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: black;
    white-space: nowrap;
}

.dropdown-menu a {
    text-transform: inherit !important;
}

.collapse {
    display: none;
}

.navbar-collapse {
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
}

.navbar-collapse.collapse.in {
    display: block !important;
}

.open .dropdown-menu {
    display: block;
}

.open>.dropdown-menu>li>a {
    white-space: normal;
}

/* full width dropdown */
.nav>li.dropdown.open {
    position: static;
}

.nav>li.dropdown.open .dropdown-menu {
    display: table;
    width: 102%;
    text-align: left;
    left: -1px;
    right: 0;
    /*   top: 84%; */
    top: 96%;
}

.dropdown-menu>li {
    display: inline;
    width: auto;
}

.dropdown-menu>li:first-child {
    margin-left: 1em;
}

.nav ul.dropdown-menu>li:nth-child(2) {
    margin-left: 0;
}

.navbar {
    position: relative;
    min-height: inherit;
    margin-bottom: 0;
    padding: 3rem;
    padding: 0;
    border: 1px solid transparent;
    min-height: calc(100vh - 3rem);
    transition: all 250ms ease;
    opacity: 0;
}

.taxonomy .navbar {
	min-height: calc(40vh - 3rem);
	opacity: 1;
}

.taxonomy .navbar .primary {
    min-height: 32vh;
}

.navbar.active {
	opacity: 1;
}

.ows-logo {
	text-transform: uppercase;
	text-align: center;
	font-size: 2.7777777777777777vw;
	position: relative;

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

	width: 100%;
	height: 4.5rem;
}

.top {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 2rem;
	text-decoration: none;
	display: none;
	opacity: 0;
/* 	transition: all 750ms ease; */
	transition: opacity 750ms ease;
	text-transform: uppercase;
}

header.fixed.active .top {
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	line-height: 1;
}

.taxonomy header.fixed .top {
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	line-height: 1;
	z-index: 100;
}

.taxonomy-nav {
	padding: 3rem;
	width: 100%;
	position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
	background: transparent;
}

.taxonomy .top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: 1;
    z-index: 100;
}

.taxonomy .top:hover ~ h1 span.tax-title {
	text-decoration: underline;
}

.taxonomy h1 {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

.taxonomy h1 .tax-title {
    position: relative;
    text-decoration: none;
}

header.fixed .top:hover, header.fixed.active .top:hover, .taxonomy header.fixed.back .top, .archive header.fixed.active .top:hover {
	opacity: 0;
}

.taxonomy header.fixed h1 {
	width: 100%;
	text-align: center;
}

.taxonomy header.fixed h1 .tax-title {
	position: relative;
	text-decoration: none;
}

.taxonomy .small-close {
	font-family: 'UniversLTPro-45Light', Arial, sans-serif;
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	right: -1.5rem;
}

header.fixed.active .top:hover, header.fixed.back .top {
	opacity: 1;
	text-decoration: none;

	opacity: 0 !important;
}

.the-open.full-logo, .the-workshop.full-logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 1;
	transition: all 750ms ease;
}

.the-open.full-logo .workshop, .the-workshop.full-logo .open {
	opacity: 0;
}

.back .the-open.full-logo .workshop, .back .the-workshop.full-logo .open {
	opacity: 1;
}

.taxonomy .the-open.full-logo .open, .taxonomy .the-workshop.full-logo .open, .taxonomy .the-workshop.full-logo .workshop {
	opacity: 0;
}

.taxonomy .back .the-open.full-logo .workshop, .taxonomy .back .the-workshop.full-logo .open {
	opacity: 1;
}

.the-open.full-logo .logo-wrapper, .the-workshop.full-logo .logo-wrapper {
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    transition: all 250ms ease;
}

.taxonomy .the-open.full-logo .logo-wrapper, .taxonomy .the-workshop.full-logo .logo-wrapper {
	transition: opacity 250ms ease;
}

.the-open.full-logo .logo-wrapper.active {
	left: 0;
    transform: translateX(0);
}

.the-workshop.full-logo .logo-wrapper.active {
	left: 100%;
    transform: translateX(-100%);
}

.back .the-open.full-logo .logo-wrapper.active {
	left: 50%;
    transform: translateX(-50%);
}

.back .the-workshop.full-logo .logo-wrapper.active {
	left: 50%;
    transform: translateX(-50%);
}

.header.active .full-logo {
	opacity: 0;
}

.header.active.back .full-logo {
	opacity: 1;
}

.the-acronymn {
	display: none;
}

.taxonomy .the-acronymn {
	display: block;
}

.header.active .the-acronymn {
	display: block;
	 -webkit-animation: 500ms ease 0s normal forwards 1 fadein;
    animation: 500ms ease 0s normal forwards 1 fadein;
}

.taxonomy .header.active .the-acronymn {
	-webkit-animation: none;
	animation: none;
}

.header.active.back .the-acronymn {
	display: block;
	-webkit-animation: 500ms ease 0s normal forwards 1 fadeout;
    animation: 500ms ease 0s normal forwards 1 fadeout;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

@keyframes fadeout{
    0% { opacity:1; }
    66% { opacity:0; }
    100% { opacity:0; }
}

@-webkit-keyframes fadeout{
    0% { opacity:1; }
    66% { opacity:0; }
    100% { opacity:0; }
}

/*
.the-open.full-logo {
	position: relative;
	text-align: right;
}

.workshop.full-logo {
	position: relative;
	text-align: left;
}
*/

.the-open.acronymn, .workshop.acronymn {
	position: absolute;
	top: 0;
	padding: 3rem;
	text-align: left;
	display: none;
}

.the-acronymn .ows-o {
    position: absolute;
    top: 0;
    left: 0;
}

.the-acronymn .ows-ws {
    position: absolute;
    top: 0;
    right: 0;
}

section {
    float: left;
    width: 100%;
}

.projects {
	width: 100%;
}

.col-1 {
    width: 14.285714285714286%;
}

.col-2 {
    width: 28.571428571428572%;
}

.col-3 {
    width: 42.857142857142857%;
}

.col-4 {
    width: 57.142857142857144%;
}

.col-5 {
    width: 71.42857142857143%;
    padding-left: 1.5em;
}

.col-5 {
    width: calc(71% - 2.5em);
    position: relative;
    display: block;
    float: left;
}

.col-6 {
    width: 85.714285714285716%;
}

.col-7 {
    width: 100%;
}

a {
    text-decoration: underline;
    cursor: pointer;
    color: black;
}

a:hover {
    color: black;
}

.bkg-image {
    height: 100%;
    width: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-color: black;
}

.dt {
    display: inline-block;
}

.mo {
    display: none;
}

/* home */
.dot {
    width: 2px;
    height: 2px;
    background-color: black;
    position: absolute;
}

.home section {
	width: 100%;
	margin-bottom: 18rem;
}

.home main, .taxonomy main {
	padding: 3rem;
	float: left;
    width: 100%;
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

.home main ul li, .taxonomy main ul li {
	list-style: none;
}

.home .row, .taxonomy .row, .related .row {
	box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
/*
    margin-right: -.5rem;
    margin-left: -.5rem;
*/

    margin-left: 0;
    margin-right: 0;
    padding: 0;
    margin: 0;

    width: 100%;
}

.row.media-list {
	padding-bottom: 3rem;
}

.home .row.authored, .taxonomy .row.authored {
	flex-direction: column;
}

/*
.home .row.media-list, .taxonomy .row.media-list {
	flex-direction: column;
}
*/


.home .col-md-3, .taxonomy .col-md-3, .single .related .col-md-3 {
	box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
/*
    padding-right: .5rem;
    padding-left: .5rem;
*/
	padding: 0 0 6rem;

    width: 33%;
    flex: 0 1 33%;
    list-style: none;
}

.home .col-md-9, .taxonomy .col-md-9 {
	box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;

    padding: 0;

    width: 66%;
    flex: 0 1 66%;
}

.home .col-md-12, .taxonomy .col-md-12 {
	padding: 0 0 2.2em 0;
}

.item-wrap {
    display: flex;
    flex-direction: column;
    padding-right: 2.7777777777777777vw;
}

.item-wrap a {
	text-decoration: none;
}

.home .project-info {
	padding: 0 3rem .5rem 0;
}

.home h2, .taxonomy h2, .single .related h2 {
	font-size: 1.7361111111111112vw;
	line-height: 1.2;
	text-transform: uppercase;
	padding: 0 0 3rem 3rem;
	font-family: 'ACaslonPro-Regular', Times, serif;
}

.home #publications h2 {
	padding: 6rem 0 3rem 3rem;
}

.home #publications h2:first-child {
	padding: 0 0 3rem 3rem;
}

.home h3, .taxonomy h3, .single .related h3 {
	font-family: 'UniversLTPro-55Roman', Arial, sans-serif;
	font-weight: normal;
	font-size: 1.7361111111111112vw;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	display: block;
}

.item-wrap a:hover h3 {
	text-decoration: underline;
}

.home h4, .taxonomy h4, .single .related h4 {
	font-family: 'UniversLTPro-45Light', Arial, sans-serif;
	font-size: 1.7361111111111112vw;
	line-height: 1.2;
	margin: 0;
	padding: 0 0 0 3rem;
}

.home h3 a {
	text-decoration: none;
}

.project-description p, .publication-description p, .platform-description p, .press-description p, .media-description p, .event-description p {
	display: none;
	padding: 1.5rem 0 1.5rem 3rem;
}

/*
.media-description p, .event-description p {
	padding: 0 0 1.5rem 3rem;
}
*/

.tog-description .project-description p, .tog-description .publication-description p, .tog-description .platform-description p, .tog-description .press-description p, .tog-description .media-description p, .tog-description .event-description p {
	display: block;
}

.tog-text .project-info h3, .tog-text .project-info h4, .tog-text .platform-info h3, .tog-text .platform-info h4, .tog-text .publications-info h3, .tog-text .publications-info h4 {
	display: none;
}

.tog-img .project-landing-image img {
	display: none;
}

.tog-img.tog-img-info-des .info-desc p, .tog-img.tog-img-info-des .info-people p {
	display: none;
}

.tog-text .info-people h3 {
	display: none;
}

.tog-img.tog-img-info-des .info-slider {
	display: none;
}

.tog-img.tog-img-info-des.tog-description .info-desc p, .tog-img.tog-img-info-des.tog-description .info-people p {
	display: block;
}

.tog-img.tog-img-info-des.tog-description .row.authored .col-md-12, .tog-img.tog-img-info-des.tog-description .row.media-list .col-md-3, .tog-img.tog-img-info-des.tog-description .row.media-list .col-md-12 {
	padding: 0;
}

.tog-img .info-slider img, .tog-img .info-slider .carousel-counter {
	opacity: 0;
}

.home .project-info p.active {
	display: block;
}

.home .project-landing-image, .taxonomy .project-landing-image, .single .related .project-landing-image {
	padding-left: 3rem;
}

.home .project-landing-image img, .taxonomy img, .single .related img {
	width: auto;
	max-width: 100%;
	max-height: 140px;
}

.page-template-information.taxonomy #image-gallery img {
	max-height: inherit;
}

.animate-fade {
    -webkit-animation: fadeIn 0.125s ease forwards;
    animation: fadeIn 0.125s ease forwards;
}

@-webkit-keyframes fadeIn {
    0% {}

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {}

    100% {
        opacity: 1;
    }
}

.section-wrap {
	margin-top: 15rem;
}

#information .section-wrap {
	margin-top: 0;
}

#information #events .section-wrap {
	margin-top: 12rem;
}

.platforms .section-wrap, .taxonomy .section-wrap {
	margin-top: 4rem;
}

.home-publications {
	margin-top: 6rem;
}

.taxonomy.page-information .section-wrap, .taxonomy.page-platforms .section-wrap, .taxonomy.page-projects .section-wrap {
	margin-top: 12rem;
}

.info-contact {
	margin-bottom: 15rem;
}

.info-contact h3 {
	padding: 0 0 0 3rem;
}

.contact p:first-child {
    margin-bottom: 0;
}

.info-desc {
	margin-bottom: 3rem;
}

.info-desc p {
	font-size: 2.7777777777777777vw;
	line-height: 1.4;
}

.info-contact a {
	text-decoration: none;
}

.info-contact a:hover {
	text-decoration: underline;
}

.info-people:first-child {
	margin-top: 15rem;
}

.home .info-people:first-child .col-md-9, .taxonomy .info-people:first-child .col-md-9 {
	padding: 0 0 6rem;
}

/*
.taxonomy .info-people:first-child .col-md-9 {
	padding: 6rem 0;
}
*/


.info-people {
	margin-bottom: 6rem;
}

.info-people .col-md-3 {
	padding-right: 3.5rem;
}

.info-people h3 {
	font-size: 1.7361111111111112vw;
    line-height: 1.2;
/*     text-transform: uppercase; */
    padding: 0 0 0 3rem;
/*     font-family: 'ACaslonPro-Regular', Times, serif; */
}



.info-slider {
	width: 100%;
	position: relative;
	display: block;
	float: left;
	margin-bottom: 3rem;
}

.expand-slider {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	background: transparent;
	border: none;
}

.slider-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: white;
	overflow: hidden;
	display: none;
}

.slider-lightbox.active {
	display: block;
}

.close-slider {
	position: absolute;
	top: 3rem;
	right: 3rem;
	background: transparent;
	border: none;
	max-width: 60px;
	z-index: 10000;
}

.close-slider svg {
	width: 100%;
	height: auto;
}

.slider-wrap {
	padding: 0 3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.single-artwork.process.slider-wrap {
	padding: 1rem 3rem 3rem;
}

.single-artwork {
	padding-bottom: 6em;
}

.works-on-view .process {
	background: #f3f5f6;
	background: rgb(154, 147, 129);
}

.fifty, .single-column {
	-ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    float: left;
}

.onehundred, .full-column {
	width: 100%;
	position: relative;
	-ms-flex-preferred-size:100%;
    flex-basis: 100%;
    max-width: 100%;
    float: left;
}

.single-artwork.slider-wrap.single-column.left-col {
    padding-right: 1.5rem;
}

.single-artwork.slider-wrap.single-column.right-col {
    padding-left: 1.5rem;
}

.single-artwork.slider-wrap.single-column.center {
    -ms-flex-preferred-size: 50%;
    flex-basis: 100%;
    max-width: 100%;
    float: left;
    padding: 0 27.5% 6em;
}

.single-artwork.process {
	background: #f3f5f6;
	background: rgb(154, 147, 129);
}

.artwork {
	position: relative;
	width: 100%;
}

.artwork-image {
/* 	max-height: 300px; */
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.artwork-image img {
	width: auto;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
}

.artwork-details {
	display: block;
	width: 100%;
	position: relative;
	padding: 1em 0;
	font-size: 1.75rem;
    line-height: 2.25rem;
}

.artwork-details .col-md-3, .artwork-details .col-md-4, .artwork-details .col-md-8, .artwork-details .col-md-9  {
	padding: 0;
}

#image-gallery .flickity-prev-next-button.previous, .carousel--prev, .carousel--next, 3#image-gallery p.caption, #image-gallery .flickity-prev-next-button.next {
	display: none !important;
}

#image-gallery .carousel-counter, .slider-lightbox #image-gallery p.caption, .single #image-gallery p.caption {
	display: block !important;
}

.carousel--prev, .carousel--next, .carousel-status-count, .carousel-status-total {
	display: none;
}

.home .carousel-counter, .page-template .carousel-counter {
    position: absolute !important;
    top: 0;
    left: 58.5%;
    width: auto;
}

.slider-lightbox .carousel-counter, .single .carousel-counter {
    position: absolute !important;
    top: inherit;
/*     bottom: 1rem; */
	top: 92%;
    right: 6rem;
    right: 4.5%;
    left: inherit;
    width: auto;
}

.slider-lightbox .carousel-counter {
	top: 96%;
}

.home .carousel-counter p {
	display: block;
}

/* images with captions */
.wp-caption {
    /* Force the box to be 100% */
    width: 100% !important;
}

.close-post {
	position: fixed;
	top: 3rem;
	right: 3rem;
	background: transparent;
	border: none;
	max-width: 60px;
	z-index: 10000;
}

.close-post svg {
	width: 100%;
	height: auto;
}

.single section {
	padding: 3rem 17rem 3rem 3rem;
}

.single section.meta {
	box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    padding: 0 9rem 6rem 3rem;
    width: 100%;
}

.single section.meta .col-md-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 6rem 0 0;
    width: 33%;
    flex: 0 1 33%;
}

.single section.meta h2 {
    font-size: 1.7361111111111112vw;
    line-height: 1.2;
    display: block;
    padding-left: 0;
}

.text-body p {
	font-size: 2.5vw;
}

.footer {
	position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
	width: 100%;
	min-height: 102vh;
	padding-top: 2rem;
}
.single footer {
	display: none;
}
.home section.footer {
	margin-bottom: 0;
}

.footer .logo {
	width: 20%;
	height: auto;
}

.cls-1,.cls-2,.cls-3 {
	fill:none;
	stroke:#000;
	stroke-miterlimit:10;
}
.cls-1 {
	stroke-width:0.6px;
}
.cls-2 {
	stroke-width:0.98px;
}
.cls-3 {
	stroke-width:1.95px;
}

/* video container */
.video {
	margin: 0 auto;
    padding: 4% 0 0;
    width: 100%;
    min-height: 60vh;
}

.video-js {
	background: transparent !important;
}

/*
.video-js {
    height: 0px !important;
    width: 100% !important;
    padding-top: 62.5%;
}
*/

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: white;
    animation: none !important;
    -webkit-animation: none !important;
    opacity: 0 !important;
    border: transparent !important;
}

.vjs-loading-spinner {
	border: transparent !important;
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: transparent;
    -webkit-animation-delay: 0.44s;
    animation-delay: 0.44s;
    content: "Loading";
    text-shadow: 0px 1px rgba(0,0,0,.25);
    -webkit-animation: none !important;
    animation: none !important;
    opacity: 1;
    text-transform: uppercase;
    font-size: 1.875rem;
    line-height: 1.19;
    transform: translate(-50%, 0%);
    border: transparent !important;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.embed-container .video-js .vjs-control-bar {
	background: rgba(16,16,16,0.75);
	-webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}

.video-js .vjs-slider {
	background-color: rgba(16,16,16, 0.25);
}

.video-js .vjs-volume-vertical {
    background-color: #2B333F;
    background: rgba(16,16,16,0.75);
}

.video-js .vjs-load-progress {
    background: rgba(255,255,255, 0.2) !important;
/*     background: rgba(255, 252, 49, .75); */
}

.video-js .vjs-slider {
	background: rgba(255,255,255, 0.2) !important;

}

.embed-container .video-js .vjs-time-control {
    font-size: 1.2vw;
    line-height: 2;
    font-family: 'UniversLTPro-45Light', Arial, sans-serif;
}

.video-js .vjs-time-control {
	font-size: 1.5em;
    line-height: 2em;
    opacity: .75;
}

.video-js .vjs-progress-holder {
	height: 0.25em;
}

.vjs-current-time.vjs-time-control.vjs-control {
/* 	display: none; */
	opacity: 0;
	width: 1px;
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
	min-width: .5em;
}

.video-js .vjs-play-progress:before {
    font-size: 1.5em;
    position: absolute;
    right: -0.5em;
    top: -0.4em;
    z-index: 1;
}

.vjs-button > .vjs-icon-placeholder:before {
    font-size: 2.25em;
    line-height: 1.4;
}

.mp4-video p.caption {
    width: 90%;
    font-size: 1.7361111111111112vw;
    line-height: 3rem;
    margin: 1rem 0 0;
    padding: 0;
    display: block;
    text-align: left;
}