/* General */

@import url("//hello.myfonts.net/count/3b7c5a");
  
@font-face {
  font-family: 'UniversLTPro-75Black';
  src: url('webfonts/UniversLTPro-75Black/font.woff2') format('woff2'), url('webfonts/UniversLTPro-75Black/font.woff') format('woff');
}

b, strong {
	font-family: 'UniversLTPro-75Black';
	font-weight: normal;
	line-height: 1;
}

.menu-button {
	display: inline-block;
    text-align: center;
    font-family: 'UniversLTPro-UltraCn', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 21px;
    position: absolute;
    margin-left: -150px;
}

.menu-button.ovr {
	margin-left: 10px;
}

.menu-button a {
	display: inline-block;
	margin: 0;
	padding: 8px 7px 3px;
	border: 6px #000000 solid;
	color: #000000;
	text-decoration: none;
}

.menu-button a:hover {
	border: 6px #f66600 solid;
	color: #f66600;
}

.m-item {
	line-height: 28px;
	margin-bottom: 6px;
}

.m-item a {
	border: none;
	text-decoration: none;
	
}

.m-item a:hover {
	color: #f66600;
}

.menu-active a {
	color: #f66600;
}

.blob {
	float: left;
    position: absolute;
    margin-left: -0.8em;
    margin-top: 0.15em;
	border-radius: 50%;
	height: .5em;
	width: .5em;
	transform: scale(1);
	background: rgba(255, 121, 63, 1);
	box-shadow: 0 0 0 0 rgba(255, 121, 63, 1);
	animation: pulse-orange 2s infinite;
}

@keyframes pulse-orange {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 121, 63, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 121, 63, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(255, 121, 63, 0);
	}
}

.single-column-only {
	display: none;
	border-bottom: 2px #000 solid;
	margin-bottom: 2em;
	text-align: center;
	width: auto;
}

.text-centered {
	width: 100%;
	margin: 0 auto;
}

/* Menu */

#masthead #site-navigation ul {
	list-style-type: none;
	padding: 0;
	text-align: center;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: nowrap;
}

#masthead #site-navigation ul > li {
	width: auto;
}

#masthead #site-navigation ul > li:nth-child(1), #masthead #site-navigation ul > li:nth-child(2), #masthead #site-navigation ul > li:nth-child(3), #masthead #site-navigation ul > li:nth-child(4) {
	width: auto;
}

#masthead #site-navigation ul > li:nth-child(2) {
	width: auto;
}

#masthead #site-navigation {
	clear: none;
	width: calc(100% - 550px);
}

#masthead form#site-search input {
    -webkit-transition:width .5s, -webkit-transform .5s;
    transition: width .5s, transform .5s;
    color: #f66600;
}

#masthead form#site-search.condensed-search-bar {
	display: none;
}

/* OVR Landing */

.ovr-landing-info {
	font-family: 'UniversCom-65Bold', Arial, sans-serif;
	font-size: 21px;
	line-height: 24px;
	padding: 0 15px 20px 15px;
}

.menu-button.ovr-mobile {
	display: none;
}

.page-template-ovr-landing article {
	padding: 20px 15px;
	margin: 0 0 1.5em 0;
	font-size: 21px;
}

/* OVR Archive */


.page-template-ovr-archive {
	text-align: center;
}

.page-template-ovr-archive #contact_overlay {
	text-align: left;
}

.page-template-ovr-archive article {
	padding: 20px 15px;
	margin: 0 0 1.5em 0;
	font-size: 21px;
}

.archive-header {
	border-bottom: 2px #000 solid;
	margin-bottom: 1em;
	text-align: center;
	display: inline-block;
	width: auto;
}

.entry-content.archive {
	margin-top: 20px;
}

.page-template-ovr-archive .entry-content .wrapper {
	display: inline-block;
	border: 6px #000000 solid;
	padding: 10px;
}

/* OVR */

#ovr-menu {
	position: fixed;
	margin-top: 150px;
	font-family: 'UniversLTPro-UltraCn', Arial, sans-serif;
	font-size: 28px;
	text-transform: uppercase;
	line-height: 28px;
	letter-spacing: 0.5px;
	max-width: 100px;
	text-decoration: none;
	margin-left: 10px;
}

.single-ovr header {
	display: none;
}

.single-ovr #page {
	max-width: none;
	margin: 0;
	font-family: 'UniversCom-65Bold', Arial, sans-serif;
	font-size: 21px;
	line-height: 24px;
}

.s-ovr-container {
	width: 100%;
	padding: 0 150px;
}

/* Information */

.ovr-info-title {
	margin: 0 auto;
	max-width: 1000px;
	padding-bottom: 2em;
}

.ovr-info-title h1 {
	font-size: 28px;
	line-height: 32px;
}

.ovr-a {
	position: relative;
	margin: 0 auto;
	max-width: 1600px;
	text-align: center;
}

.ovr-a-info {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 15px;
	text-align: left;
}

/*.ovr-a img {
	width: 90%;
	margin: 0 auto;
}

.ovr-a-info {
	display: inline-block;
	position: absolute;
	top: 0;
	right: -120px;
	width: 150px;
	font-family: Courier, serif;
	font-size: 14px;
	line-height: 19px;
	text-align: left;
}*/

.ovr-info-copy {
	width: 100%;
	max-width: 1000px;
	margin: 4em auto;
	clear: both;
	font-family: 'UniversCom-65Bold', Arial, sans-serif;
	font-size: 21px;
	line-height: 24px;
	padding: 20px 15px;
}

.ovr-info-copy p {
	margin-bottom: 20px;
}

/* Artwork */

.ovr-artwork {
	text-align: center;
	display: flex;
	display: -webkit-flex;
	flex-flow: row wrap;
	align-items: flex-start;
}

.artwork-item {
	margin-bottom: 4em;
}

.artwork-item.two {
	width: 50%;
}

.artwork-item.two {
	padding: 5%;
}

.artwork-item.one {
	width: 100%;
}

.item-image {
	cursor: pointer;
	margin-bottom: 0.5em;
}

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

.item-info.one {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 15px;
}

a.info-inquire {
	cursor: pointer;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 2px solid #000000;
}

.image-break {
	padding: 5%;
	margin: 0 auto;
	margin-bottom: 4em;
}

.text-clear {
	width: 100%;
}

.text-break {
	padding: 20px 15px;
	text-align: left;
	margin: 0 auto;
	max-width: 1000px;
	margin-bottom: 4em;
}

.text-break p {
	margin-bottom: 20px;
}

/* Individual View */

#individual-view-wrapper {
	position: fixed;
	top: 1000vh;
	left: 0;
	z-index: 99;
	width: 100vw;
	height: 100vh;
	background-color: #FFFFFF;
	padding: 20px;
}

#individual-view-wrapper.visible {
	top: 0;
}

#individual-view {
	width: 100%;
	height: 100%;
	border: 6px #000000 solid;
	position: relative;
}

.individual-nav {
	position: absolute;
	top: 38px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
	left: 50%;
}

.artwork-nav {
	cursor: pointer;
	text-decoration: underline;
	display: inline-block;
}

.artwork-nav:nth-of-type(2) {
	margin-left: 20px;
}

.individual-view-artwork {
	position: absolute;
	top: 1000vh;
	width: 100%;
	height: 100%;
}

.individual-view-artwork.selected {
	position: absolute;
	top: 0;
}

.images-left {
	display: flex;
  justify-content: center;
  align-items: center;
	width: 50%;
	height: 100%;
	float: left;
}

.individual-slideshow-wrapper {
	width: 100%;
	height: 70vh;
	padding: 20px;
}

.lazy,
.lazy .slick-list {
	margin-bottom: 10px;
	height: 100%;
	cursor: move;
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.lazy:active,
.lazy .slick-list:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

.slick-prev,
.slick-next {
	display: none !important;
}

.lazy .slick-track {
  height: 100%;
}

.lazy-slide img {
	margin: 0 auto;
	max-height: 100%;
	width: auto;
	height: auto;
	max-width: 100%;
}

.slick-initialized .slick-slide {
	display: flex;
	align-items: center;
}

.slide-navigation {
	margin: 0 auto;
	text-align: center;
}

.arrow-holder-left,
.arrow-holder-right {
	display: inline-block;
	background-color: #FFFFFF;
	width: 20px;
	cursor: pointer;
}

.long-arrow-left {
	cursor: pointer;
	display: inline-block;
	position: relative;
	top: -2px;
	width: 10px;
	height: 10px;
	border-top: 3px solid #f66600;
	border-left: 3px solid #f66600;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.long-arrow-left::after {
	cursor: pointer;
	content: "";
	display: block;
	width: 3px;
	height: 12px;
	background-color: #f66600;
  -webkit-transform: rotate(-45deg) translate(3px, 0);
      -ms-transform: rotate(-45deg) translate(3px, 0);
          transform: rotate(-45deg) translate(3px, 0);
	left: 0;
	top: 0;
}

.long-arrow-right {
	cursor: pointer;
	display: inline-block;
	position: relative;
	top: -2px;
	width: 10px;
	height: 10px;
	border-top: 3px solid #f66600;
	border-left: 3px solid #f66600;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.long-arrow-right::after {
	cursor: pointer;
	content: "";
	display: block;
	width: 3px;
	height: 12px;
	background-color: #f66600;
  -webkit-transform: rotate(-45deg) translate(3px, 0);
      -ms-transform: rotate(-45deg) translate(3px, 0);
          transform: rotate(-45deg) translate(3px, 0);
	left: 0;
	top: 0;
}

.slideshow-status {
	padding: 0 1em;
}

.image-download {
	display: none;
	text-align: center;
	font-family: Courier, serif;
	text-decoration: none;
	margin-top: 30px;
}

.image-download.current {
	display: block;
}

.details-right {
  display: flex;
  justify-content: center;
  align-items: center;
	width: 50%;
	height: 100%;
	float: left;
}

.item-info.individual {
	font-family: 'UniversCom-65Bold', Arial, sans-serif;
	font-size: 21px;
	line-height: 24px;
	border: 6px solid #000000;
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
	padding: 20px;
	background-color: #FFFFFF;
}

.individual-view-artwork .inquire-button,
.individual-view-artwork .sold,
.individual-view-artwork .on-reserve, {
	margin-top: 2em;
}

/* Inquire */

#inquire-overlay-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100vw;
	height: 100vh;
	background-color: #FFFFFF;
	padding: 20px;
}

#inquire-overlay{
	width: 100%;
	height: 100%;
	padding: 34px 20px 30px;
	border: 6px #000000 solid;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

#contact-form {
	width: 1000px;
	margin: 0 auto;
}

#wpforms-5801 {
	margin-top: 1em;	
}

.wpforms-form .wpforms-field-row.wpforms-field-medium,
.wpforms-form input.wpforms-field-row.wpforms-field-medium,
div.wpforms-container-full .wpforms-form input[type=email] {
	max-width: 100% !important;
}

.wpforms-form input {
	border-radius: 0 !important;
	color: #000000 !important;
	font-family: 'UniversCom-65Bold', Arial, sans-serif !important;
	font-size: 21px !important;
	border: 6px solid #000000 !important;
	padding: 8px 7px 3px !important;
	height: 44px !important;
	width: 100%;
}

.wpforms-form textarea {
	resize: none;
	border-radius: 0 !important;
	color: #000000 !important;
	font-family: 'UniversCom-65Bold', Arial, sans-serif !important;
	font-size: 21px !important;
	border: 6px solid #000000 !important;
	padding: 8px 7px 3px !important;
	width: 100%;
}

.wpforms-form textarea::placeholder,
.wpforms-form input::placeholder {
	color: #000000 !important;
	font-family: 'UniversCom-65Bold', Arial, sans-serif !important;
}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
	height: 20vh !important;
	max-height: 360px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
	margin-bottom: 0.25em !important;
}

.wpforms-form button,
.wpforms-form input[type=submit] {
	background-color: #FFFFFF !important;
	color: #000000 !important;
	border: 6px solid #000000 !important;
	font-family: 'UniversCom-65Bold', Arial, sans-serif !important;
	font-size: 21px !important;
	margin-top: 0 !important;
	padding: 8px 7px 3px !important;
}

.wpforms-form input[type=submit]:hover,
.wpforms-form input[type=submit]:focus,
.wpforms-form input[type=submit]:active,
.wpforms-form button[type=submit]:hover,
.wpforms-form button[type=submit]:focus,
.wpforms-form button[type=submit]:active,
.wpforms-form .wpforms-page-button:hover,
.wpforms-form .wpforms-page-button:active,
.wpforms-form .wpforms-page-button:focus {
	border: 6px #f66600 solid !important;
	color: #f66600 !important;
}

div.wpforms-container-full .wpforms-form label.wpforms-error {
	display: block;
	position: absolute !important;
	color: #990000;
	font-size: 12px;
	float: none;
}

.hidden-field-for-artwork {
	display: none;
}

.wpforms-confirmation-container-full {
	color: #000000 !important;
	background: #FFFFFF !important;
  border: 0 !important;
  padding: 0 !important;
}

a.close {
  position: absolute;
  right: 38px;
  top: 52px;
  width: 50px;
  height: 50px;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

a.close:before, a.close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 50px;
  width: 6px;
  background-color: #000000;
}

a.close:before {
  transform: rotate(45deg);
}

a.close:after {
  transform: rotate(-45deg);
}

/* Installation Views */

#ovr-iv {
	margin-top: 5em;
	clear: both;
	text-align: center;
}

#ovr-iv .slide-navigation {
	margin-top: 0.5em;
}

.slideshow {
	max-width: 1600px;
	margin: 0 auto;
	height: 100%;
	cursor: move;
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.slideshow img {
	width: 100%;
}

.slideshow:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

.slideshow-iv-captions {
	margin: 0 auto;
	max-width: 1000px;
}

/* Essays/Attachments */

.ovr-eanda {
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px 15px;
	margin-top: 5em;
	text-align: center;
}

.ovr-eanda ul {
	text-align: left;
}

/* Video */

.ovr-video {
	width: 100%;
	height: auto;
	margin-top: 5em;
	text-align: center;
}

.ovr-video iframe {
	display: block;
	width: 100%;
  height: 56.25vw;
  max-height: 90vh;
	margin: 0 auto;
}

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

.iv-caption {
	padding-bottom: 0;
}

.iv-caption p {
	width: 100%;
	text-align: center;
}

.video-clear {
	clear: both;
}

/* Temporary Video */

.wp-video {
	width: 100% !important;
}

/* Vimeo Hero Embed */

.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%;
}

/* Newsletter */

#newsletter {
	width: 1000px;
	max-width: 100%;
	margin: 0 auto;
	font-family: 'UniversCom-65Bold', Arial, sans-serif;
	margin-top: 2em;
}


#newsletter input {
	border-radius: 0;
	color: #000000;
	font-family: 'UniversCom-65Bold', Arial, sans-serif;
	font-size: 21px;
	border: 6px solid #000000;
	padding: 8px 7px 3px;
	height: 44px;
	width: 100%;
	margin-bottom: 1.25em;
}

#newsletter input[type=submit] {
	background-color: #FFFFFF;
	color: #000000;
	margin-top: 0;
	width: auto;
}

#newsletter input:focus {
	outline: none;
}

#newsletter input::placeholder {
	color: #000000;
}

#newsletter input[type=submit]:hover {
	border: 6px #f66600 solid;
	color: #f66600;
}

/* Media Queries */

@media (max-width: 1700px) {

#masthead form#site-search input {
	width: 2.5em;
	text-align: center;
	color: #f66600;
	font-family: "Font Awesome 5 Free";
	padding: 0;
}

#masthead form#site-search input:focus {
    width: calc(100% - 273px);
    -webkit-transition:width .5s, -webkit-transform .5s;
    transition: width .5s, transform .5s;
    text-align: left;
    color: #000000;
    padding-left: 5px;
}

#masthead #site-navigation {
	clear: none;
	width: calc(100% - 350px);
}

#masthead form#site-search.full-search-bar {
	display: none;
}

#masthead form#site-search.condensed-search-bar {
	display: block;
}

}

@media (max-width: 1400px) {

.ovr-info-title,
.ovr-a-info,
.ovr-info-copy,
.item-info.one,
#contact-form,
.slideshow-iv-captions,
.ovr-eanda,
.text-break {
	max-width: 800px;
}

.menu-button.ovr {
	position: absolute;
	top: 0;
	left: 0;
}

#ovr-menu {
	position: static;
	margin: 6px 0 3em 0;
	max-width: 100%;
	text-align: center;
}

.m-item {
	padding: 8px 7px 3px;
	display: inline-block;
}

.blob {
	margin-left: 0;
	position: static;
	margin-right: 0.25em;
}

#site-search {
	display: none;
}

#masthead:after,
#masthead:before {
	display: none;
}

#masthead form#site-search.condensed-search-bar {
	display: none;
}

.menu-button.ovr-full {
	display: none;
}

.ovr-landing-info {
	clear: both;
}

.s-ovr-container {
	padding: 0;
}

#page {
	margin: 0 auto;
}

#masthead {
	width: 100%;
	position: static;
	top: 0;
}

#masthead:before {
	background-color: transparent;
}

#masthead #site-navigation ul {
	display: block
}

#masthead #site-navigation ul > li {
	width: auto;
	float: none;
	display: inline-block;
}

#masthead #site-branding {
	text-align: center;
	margin: 0 auto 25px;
	width: 100%;
	max-width: 253px;
	float: none;
}

#masthead #site-navigation {
	float: none;
	width: 100%;
	margin: 0 auto;
}

#masthead #site-navigation ul {
/*	flex-wrap: wrap;*/
}

#masthead #site-navigation ul > li {
	padding: 0 15px;
	margin-bottom: 10px;
}

.menu-button.ovr-mobile {
	display: block;
	margin: 0 auto;
	padding-bottom: 30px;
  text-align: center;
  position: relative;
	font-family: 'UniversLTPro-UltraCn', Arial, sans-serif;
	font-size: 21px;
}

.menu-button.ovr-mobile a {
	border: 0;
}

.single-column-only {
	display: inline-block;
}

}


@media (max-width: 1024px) {

#masthead #site-navigation ul > li {
	padding: 0 5px;
}

.artwork-item.two {
	width: 100%;
}

.artwork-item.one,
.artwork-item.two,
.image-break {
	padding: 0 15px;
}

.item-info.one {
	width: 100%;
}

#individual-view-wrapper {
	top: 0;
	left: 1000vw;
	right: 0;
	bottom: 0;
	height: auto;
	min-height: 100vh;
}

#individual-view-wrapper.visible {
	left: 0;
}

#individual-view {
	height: 100%;
	overflow-y: scroll;
	position: static;
}

.individual-nav {
	margin-top: 38px;
	text-align: center;
	position: static;
	-webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.individual-view-artwork.selected {
	position: static;
}

.lazy-slide img {
	max-height: 60vh;
}

.images-left,
.details-right {
	position: static;
	float: none;
	width: 90%;
	margin: 0 auto;
}

#individual-view .slide-navigation {
	position: relative;
	top: -55px;
}

.individual-slideshow-wrapper {
	height: auto;
}

.text-break {
	margin-bottom: 2em;
}

.image-break {
	margin-bottom: 4em;
}


}

@media (max-width: 900px) {

.menu-button.ovr {
	width: 100%;
	margin: 0 auto;
	position: static;
}

#ovr-menu {
	margin: 32px 0 3em 0;
}

}

@media (max-width: 512px) {

.no-mobile {
	display: none;
}

#masthead #site-navigation ul > li {
	margin-bottom: 0;
}

.ovr-info-title {
	padding-bottom: 1em;
}

.ovr-info-title h1 {
	font-size: 24px;
	line-height: 28px;
}

.ovr-a {
	padding: 0 15px;
}

.ovr-info-copy {
	margin: 2em 0;
}

.s-ovr-container,
.ovr-info-copy {
	font-size: 18px;
}

#ovr-iv,
.ovr-eanda,
.ovr-artwork {
	margin-top: 2em;
}

#individual-view-wrapper {
	padding: 0;
}

#individual-view {
	border: 0;
}

.individual-nav {
	margin-top: 60px;
}

.individual-slideshow-wrapper {
	padding: 0;
}

.lazy-slide img {
	max-width: 90vw;
}

.details-right,
.images-left {
	width: 100%;
	display: block;
	height: auto;
	margin-top: 60px;
}

.details-right {
	margin-bottom: 60px;
	padding: 0 35px;
}

.item-info.individual {
	font-size: 18px;
	width: 100%;
}

#inquire-overlay {
	width: 100%;
	height: 100%;
	padding: 30px 15px 0 15px;
	border: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.wpforms-form input,
.wpforms-form textarea,
.wpforms-form button,
.wpforms-form input[type=submit] {
	font-size: 18px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
	padding: 0 0 20px 0 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
	margin-bottom: 0 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
	padding: 0 !important;
}

a.close {
  right: 15px;
  top: 20px;
}

a.close:before, a.close:after {
  height: 35px;
}

}




