/*TABLET*/



/*MOBILE STYLES*/


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

	/*HOME*/
	:root {
		--main-padding: 10px;
		--border-color-mobile: #aba8a0;
	}
	
	body.home {
		overflow:hidden;
	}

	.landing>img {
		display: none;
	}

	.landing img:nth-of-type(2) {
		display: block;
		width: auto;
		height:105%;
		margin-top: 0;
		margin-left: 0;
		transform: unset;
		opacity:0;
		animation-name: fadeIn;
		animation-duration: 0.5s;
		animation-delay: 0.2s;
		animation-fill-mode: forwards;
		width: 100%;
    	height: auto;
		margin-top:50vh;
		transform:translateY(-50%);
	}


	header#header-home {
		display: none;
	}

	footer {
		border-top:1px solid var(--border-color-mobile);
	}

	header {
		border-bottom:1px solid var(--border-color-mobile);
	}

	h4 {
		display: block;
		width:100%;
		height:29px;
		border-bottom:1px solid var(--border-color-mobile);
		background-color: var(--main-color);
		font-weight: normal;
		text-align: center;
		line-height:28px;
	}

	h4 img {
		transform:rotate(-90deg);
		position:absolute;
		right:var(--main-padding);
		transition-duration: 0.5s;
		transition-property: transform;
	}

	h4 img.rotate {
		transform:rotate(90deg);
	}

	footer h1 {
		width:auto;
		text-align: left;
		padding-left:calc(var(--main-padding) * 2);
	}

	main {
		position:relative;
		height:auto;
		margin-bottom:50px;
	}

	main#home {
		margin-top:0;
		margin-bottom:49px;
	}

	main section {
		width: calc(100% - (var(--main-padding) * 2)) !important;
		border-right:0;
		height:auto;
		float:none;
		overflow: auto;
	}

	main#home section {
		padding:0 var(--main-padding);
	}

	.thumbnail {
		display: none;
		position: relative;
		width:calc(100% - (var(--indent-size) * 2));
		margin-left:var(--indent-size);
		bottom:unset;
		left:unset;
		height:auto;
		margin-top:var(--main-padding);
	}

	article.current .thumbnail {
		display: block;
		opacity:1;
	}

	.thumbnail img {
		height: auto;
		margin-top: 0;
		margin-left: 0;
		transform: unset;
		width:100%;
	}

	section#artists a:first-of-type p, section#news h2:first-of-type, section#exhibitions h2:first-of-type, section#contact h2:first-of-type {
		margin-top:var(--main-padding);
	}


	section#artists a:last-of-type p, section#news .list p:last-of-type, section#exhibitions article:last-of-type p:last-of-type, section#contact p:last-of-type {
		margin-bottom:16px;
	}

	main#home section {
		height:0;
	}

	section {
		transition-duration: 0.3s;
		transition-property: height;
	}

	.open {
		height: calc(100vh - 171px) !important;
		height: calc(100dvh - 171px) !important;
		overflow: scroll;
	}

	.open + h4 {
		border-top:1px solid var(--border-color-mobile);
	}

	.seemore {
		color:var(--secondary-color);
		padding-bottom:16px;
	}

	/*EXHBITIONS*/

	header {
		top:0;
	}

	main figure span {
		display: none;
	}

	main figure {
		max-width: 100%;
	}

	main figure img {
		width: 100%;
		max-width: 100%;
		max-height: unset;
	}

	main figure figcaption {
		padding-left:0;
	}

	section.images figure img {
		cursor:default;
	}

	main section.double {
		height:auto;
		overflow: auto;
		width:100% !important;
	}

	section.double div {
		height:auto;
		float: none;
		width:calc(100% - (var(--main-padding) * 2)) !important;
		border-right:0px;
	}

	li#exhibition-textpress-btn, li#artist-cvpress-btn, li#release-press-btn {
		display: none;
	}

	li.mobile {
		display: block;
	}

	section.exhibition-textpress div, section.release-press div {
		display: none;
	}

	/*Artist page*/

	.related-exhibition {
		padding-left:0;
		padding-bottom:8px;
	}

	.artist-exhibitions figure {
		padding-bottom:var(--main-line-height);
	}

	.artist-exhibitions figure figcaption, .related-exhibition span {
		display: none;
	}

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

}

@media screen and (max-width: 768px) {
	.landing img:nth-of-type(2) {
		width: auto;
    	height: 100%;
		margin-top:0;
		margin-left:50vw;
		transform:translateX(-50%);
	}
}