/*
Theme Name: Palace Enterprise
Author: Sophie Rentien Lando
*/

@font-face {
	font-family: 'JJannon';
	src: url('fonts/JJannon-Book.woff') format('woff');
	font-style: normal;
}

@font-face {
	font-family: 'JJannon';
	src: url('fonts/JJannon-Book-Italic.woff') format('woff');
	font-style: italic;
}

* {
	margin:0;
	padding:0;
	font-family: 'JJannon', sans-serif;
}

:root {
  --main-font-size: 15px;
  --main-line-height: 19px;
  --big-font-size: 28px;
  --big-line-height: 32px;
  --main-color: #e6e1d7;
  --secondary-color: #d0c8b8;
  /*--secondary-color: #bcb29e;*/
  --border-color: #787878;
  --main-padding: 16px;
  --indent-size: 20px;
  --dash-size: 13px;
}

 /* Hide scrollbar for Chrome, Safari and Opera */
section::-webkit-scrollbar, div::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
section, div {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 

h2 {
	background-color:var(--main-color);
	font-size:var(--main-font-size);
	text-align: center;
	font-weight: normal;
	height:15px;
	line-height: 12px;
	margin-top: var(--main-line-height);
	margin-bottom: 4px;
}

h2:first-of-type {
	margin-top:0px;
}

h3 {
	font-size:var(--big-font-size);
	line-height: var(--big-line-height);
	font-weight: normal;
}

h3.small-artistname {
	font-size: var(--main-font-size);
	line-height: var(--main-line-height);
}

p {
	font-size:var(--main-font-size);
	line-height: var(--main-line-height);
}

a, ul.sub-menu li {
	color:black;
	text-decoration: none;
	transition-duration:0.2s;
}

a:hover, ul.sub-menu li:hover {
	color:var(--secondary-color);
}


@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

em {
	font-size:15.7px;
}

h3 em, .current em {
	font-size: 29px;
}


/*landing page*/
.landing {
	display: none;
	cursor:pointer;
	width: 100vw;
	height: calc(100vh - 49px);
	position: absolute;
	background-color: white;
	z-index: 4;
	overflow: hidden;
	transition-duration: 0.3s;
	transition-property: opacity;
}

.landing > img {
	opacity:0;
	width:100%;
	height:auto;
	margin-top:calc((100vh - 49px) / 2);
	transform:translateY(-50%);
	animation-name: fadeIn;
	animation-duration: 0.5s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
}

.landing img:nth-of-type(2) {
	display: none;
}

.landing .cross {
	display: block;
	position: fixed;
	right:0;
	top:var(--main-padding);
	padding:var(--main-padding);
	padding-top:0;
	z-index: 5;
	cursor:pointer;
	mix-blend-mode: difference;
}

.hide-landing {
	opacity:0;
	pointer-events: none;
}

/*footer*/

footer {
	z-index: 5;
	position:fixed;
	bottom:0;
	width:100vw;
	height:50px;
	border-top:1px solid var(--border-color);
	background-color:var(--main-color);
}

footer h1 {
	font-weight: normal;
	line-height:46px;
	font-size:var(--big-font-size);
	width:25vw;
	text-align: center;
}

footer a:hover {
	color:black;
	opacity:0.6;
}

/*header*/

header {
	z-index: 3;
	width:100vw;
	position:fixed;
	height:30px;
	border-bottom:1px solid var(--border-color);
	background-color: var(--main-color);
}

header.hide {
	display: none;
}

header ul {
	width:100%;
}

header ul li {
	display: block;
	float: left;
	width:100%;
	text-align: center;
	line-height:30px;
	font-size: var(--main-font-size);
}

header#header-home ul li {
	width:25%;
}

h4 {
	display: none;
}

/*Sections*/

main {
	position:fixed;
	width:100vw;
	height:calc(100vh - 82px);
	margin-top:31px;
}

main section {
	padding:var(--main-padding);
	border-right:1px solid var(--border-color);
	float:left;
	height:calc(100% - (var(--main-padding) * 2));
	overflow: scroll;
}


@media not all and (min-resolution:.001dpcm) { 
	@supports (-webkit-appearance: none) {
		main section>* {
			opacity: 0;
			animation-name: fadeIn;
			animation-duration: 0.6s;
			animation-delay: 0.1s;
			animation-fill-mode: forwards;
		}
	}
}

main section>.thumbnail {
	animation-name: none;
}

main section.twentyfive {
	width:calc(25% - 1px - (var(--main-padding) * 2));
}

main section.fifty {
	width:calc(50% - 1px - (var(--main-padding) * 2));
}

main section.seventyfive {
	width:calc(75% - 1px - (var(--main-padding) * 2));
}

main section:last-of-type {
	border-right:0px;
}



/*Home*/

main#home p {
	padding-left:3px;
}

.thumbnail {
	position:absolute;
	width:calc(25% - 1px - (var(--main-padding) * 2));
	bottom:var(--main-padding);
	left:var(--main-padding);
	opacity:0;
	transition-property: opacity;
	transition-duration: 0.3s;
	height:30vh;
	overflow: hidden;
	pointer-events: none;
}

.thumbnail img {
	height:33vh;
	width:auto;
	min-width: 100%;
	margin-top: 15vh;
	margin-left:50%;
	transform: translate(-50%, -50%);
}

/*HOME: ARTISTS*/

main#home section#artists p {
	padding-left:0;
}

section#artists p:hover {
	color:var(--secondary-color);
}

.thumbnail {
	transition-duration: 0s;
}

section#artists a:hover + .thumbnail {
	opacity:1;
	z-index: 1;
}

/*HOME: EXHIBITIONS*/

.highlightthumb {
	opacity:1 !important;
	z-index: -1;
}

article.current p {
	font-size:var(--big-font-size);
	line-height:var(--big-line-height);
}

article.current p.date {
	font-size:var(--main-font-size);
	line-height:var(--main-line-height);
}

article p {
	transition-duration:0.2s;
}

article a:hover {
	color:black;
}

article:hover a p {
	color:var(--secondary-color);
}

article:hover a p:last-of-type {
	color:black;
}

p.date, p.indent {
	padding-left:var(--indent-size) !important;
}


section#exhibitions article:hover .thumbnail {
	opacity:1;
}

/*HOME: NEWS*/
section#news a:hover + .thumbnail {
	opacity:1;
}

#elsewhere p:nth-of-type(2n), span.indent  {
	padding-left:var(--indent-size);
}

span.indent {
	float:left;
	height:20px;
}

span.upc {
	color:var(--secondary-color);
	font-style: italic;
}

#newslist p {
	clear:both;
}

.exhibition-text p, .release p {
	padding-bottom:19px;
}

.exhibition-text p:last-of-type, .release p:last-of-type {
	padding-bottom:0;
}

.instagram a {
	color: var(--secondary-color);
}

.instagram a:hover {
	color:black;
}


.seemore {
	cursor:pointer;
	transition-duration:0.2s;
	transition-property:color;
	display:block;
	clear:both;
}

.seemore:hover {
	color:var(--secondary-color);
}

/*newsletter form*/
form input {
	all:unset;
}

form {
	padding-bottom:var(--main-padding);
	padding-left:3px;
	padding-right:3px;
	font-size: var(--main-font-size);
}

form label {
	float:left;
	width:45px;
}

input[name="email"] {
	border-bottom:1px solid var(--border-color);
	width:calc(100% - 45px);
	height:17px;
}

input[type="submit"]{
	float:right;
	color:black;
	cursor:pointer;
	transition-duration:0.2s;
	transition-property:color;
	font-size: var(--main-font-size);
}

input[type="submit"]:hover {
	color:var(--secondary-color);
}

p#response {
	text-align:right;
	color:var(--secondary-color);
	clear:both;
}

/*Artists page*/
header a {
	position:absolute;
	height:35px;
	padding:0 var(--main-padding);
	transition-property: padding;
	transition-duration: 0.2s;
}

header a:hover {
	padding: 0 12px;
}

.arrow {
	height:14px;
	margin-top:8px;
}

main.artist section, main.exhibition section, main.fair section {
	display: none;
}

main section.show {
	display: block;
}

main.artist section.artist-bio, main.exhibition section.exhibition-summary, main.fair section.fair-summary {
	display: block !important;
}

main section.double {
	padding:0;
	border-right:0;
	width: calc(75% - 1px);
	height:100%;
	overflow: hidden;
}

section.double div {
	display: block;
	float: left;
	height:calc(100% - (var(--main-padding) * 2));
	overflow: auto;
}

.bio p, .cv p {
	margin-left:3px;
}

div.sub-fifty {
	width: calc(50vw - 1px - (var(--main-padding) * 2));
	border-right:1px solid var(--border-color);
	padding: var(--main-padding); 
}

div.sub-twentyfive {
	width: calc(25vw - 1px - (var(--main-padding) * 2));
	padding: var(--main-padding);
}

.artist-bio p:first-of-type {
	padding-top:var(--main-line-height);
}

a.download {
	display: none;
}

.download p {
	padding-left:calc(var(--dash-size)*2 + 2px);
	padding-top:0 !important;
}

main figure {
	max-width: 83%;
	padding-bottom:var(--main-padding);
}

main figure span, main figure img {
	display: inline-block;
	vertical-align: top;
}

main figure span {
	width:var(--indent-size);
}

main figure img {
	max-width: calc(100% - var(--indent-size));
	max-height:83vh;
	width:auto;
	height:auto;
}

main figure figcaption, main .video figcaption {
	padding-left:var(--indent-size);
	padding-top:3px;
}

figcaption {
	font-size:14px;
}

main figure:last-of-type {
	padding-bottom:0;
}

ul.sub-menu {
	list-style: none;
	margin-top: var(--main-line-height);
}

ul.sub-menu li:before {
	content:'– ';
}

ul.sub-menu li {
	cursor:pointer;
}

ul.sub-menu li.active {
	color: var(--secondary-color);
	cursor: default;
}

.cv span {
	text-decoration: none !important;
	position:absolute;
	margin-left:-50px;
}

.cv span.long {
	margin-left:-90px;
}

.cv p {
	position: relative;
	padding-left:50px;
}

.cv h2:first-of-type + p span {
	margin-left:-100px;
}

.cv h2:first-of-type + p {
	padding-left:100px;
}

.press p {
	margin-left:15px;
}

.press p:before {
	content:'– ';
	margin-left:-15px;
	width:15px;
	display: inline-block;
}

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

.related-exhibition {
	display:none;
	padding-left:var(--dash-size);
}

.related-exhibition a, .related-exhibition a:hover {
	color:black !important;
	transition-duration: 0s !important;
}

.related-exhibition a:hover p:first-of-type {
	color:var(--secondary-color);
}

.related-exhibition p:first-of-type {
	padding-top:0;
	transition-duration: 0.2s;
}

.related-exhibition p:last-of-type {
	padding-left:calc(var(--indent-size)*2);
}

.related-exhibition span {
	width:var(--dash-size);
	display: inline-block;
	font-size:12px;
}

.related-exhibition a:hover p:first-of-type {
	color:var(--secondary-color);
}

.related-exhibition a:hover span {
	color:black;
}

video {
	max-width: calc(100% - var(--indent-size));
  	max-height: 83vh;
}

main div.video {
	padding-bottom:var(--main-padding);
	max-width:83%;
}

main div.video span {
	width: var(--indent-size);
	display: inline-block;
	vertical-align: top;
}

/*slideshow*/

section.images .prev, section.images .next, section.images .cross {
	display: none;
}

main section.slideshow {
	position:fixed;
	top:0;
	width:calc(100vw - (var(--main-padding) * 2));
	background: white;
	overflow: hidden;
	padding:var(--main-padding);
	height:calc(100vh - 51px - (var(--main-padding) * 2));
}

main section.slideshow .prev, main section.slideshow .next {
	display: block;
	height:calc(100vh - 51px - (var(--main-padding) * 2) - 34px);
	margin-top:var(--main-padding);
	width:50vw;
	position: fixed;
	top:0;
	left:0;
	z-index: 4;
}

main section.slideshow .prev {
	cursor:url('img/left_arrow.svg'), auto;
}

main section.slideshow .next {
	margin-left:50vw;
	cursor:url('img/right_arrow.svg'), auto;
}

main section.slideshow .activeImg {
	display: block;
}

section.slideshow .cross {
	display: block;
	position: fixed;
	right:0;
	top:var(--main-padding);
	padding:var(--main-padding);
	padding-top:0;
	z-index: 5;
	cursor:pointer;
}

section.slideshow .cross img, .landing .cross img {
	height:14px;
}

section.images figure img {
	cursor:url('img/plus.svg'), auto;
}

main section.slideshow * {
	animation:unset;
	opacity:1;
}

main section.slideshow span, main section.slideshow h3, main section.slideshow .video {
	display: none;
}

main section.slideshow figure {
	max-width: unset;
	display: none;
	position: absolute;
	top:var(--main-padding);
	width:calc(100vw - (var(--main-padding) * 2));
	padding:0;
	text-align: center;
}

main section.slideshow figure img {
	max-height:calc(100vh - 51px - (var(--main-padding) * 2) - 12px);
	cursor:default;
}

main section.slideshow figure figcaption {
	padding-left:0;
	height:20px;
	overflow: hidden;
}

/*Exhibitions page*/
.excerpt {
	padding-top:var(--main-line-height);
}

.submenu-artists {
	pointer-events: none;
}

.submenu-artist {
	padding-left:var(--dash-size);
}

ul.sub-menu div li {
	padding-left:calc(var(--dash-size)*2 + 2px);
}

ul.sub-menu div li::before {
	content:'';
}

div .download p {
	padding-left: calc(var(--dash-size)*2 + 2px + var(--indent-size));
}

li.mobile {
	display: none;
}

h3.other-gallery {
	padding-bottom:10px;
	padding-top:20px;
	padding-left:20px;
}