

div.tx-artcollection {
	overflow: hidden;
}

/* ### LIST ### */

ul.tx_artcollection {
	list-style: none;
}
ul.tx_artcollection li {
	margin: 0;
	padding: 0;
}
.frame ul.tx_artcollection li:before {
	content: none;
}
ul.tx_artcollection.tiles .list{
	display: none;
}
ul.tx_artcollection.list .tiles{
	display: none;
}

ul.tx_artcollection .grid-sizer,
ul.tx_artcollection .grid-item {
	width: 25%;
	font-size: inherit;
}

@media (min-width: 1400px){
	ul.tx_artcollection .grid-sizer,
	ul.tx_artcollection .grid-item {
		width: 20%;
		font-size: inherit;
	}
}


ul.tx_artcollection.list .grid-sizer,
ul.tx_artcollection.list .grid-item {
	width: 100%;
}
ul.tx_artcollection.list .grid-item  a{
	border-top: 1px solid rgb(130,129,136);	
	margin: 0 1em;
	box-sizing: border-box;
}
ul.tx_artcollection p{
	font-size: 1.6em;
	color: rgb(99,98,106);
	font-family: Circular-Book, sans-serif;
}
ul.tx_artcollection p,
ul.tx_artcollection figcaption {
	margin: 0;
	line-height: 1.4em;
	padding: 1em 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
ul.tx_artcollection.list .col {
	float: left;
	width: 22%;
	padding-right: 1em;
	box-sizing: border-box;
}
ul.tx_artcollection.list .col.narrow {
	width: 10%;
}
ul.tx_artcollection.list .col.broad {
	width: 36%;
}

@media (max-width: 1020px){
	ul.tx_artcollection.list .col {
		width: 35%;
	}
	ul.tx_artcollection.list .col.narrow {
		width: 15%;
	}
	ul.tx_artcollection.list .col.broad {
		display: none;
	}
}
ul.tx_artcollection a {
	display: block;
}

ul.tx_artcollection.tiles li:nth-child(2) a,
ul.tx_artcollection.tiles li:nth-child(6) a{
	border-top: 9em solid transparent;
}
ul.tx_artcollection.tiles li:nth-child(5) a{
	border-top: 21em solid transparent;
}

ul.tx_artcollection.list li{
	border-top: 0 !important;
}


ul.tx_artcollection img {
	width: 100%;
	height: auto;
	border: 1em solid transparent;
	display: block;
	box-sizing: border-box;
}



#viewToggle {
	position: fixed;
	text-align: right;
	width: 100%;
	max-width: 159em;
	box-sizing: border-box;
	padding-right: 4em;
	left: 0;
    top: 10em;
	pointer-events: none;
	padding-top: 0;
}
#head #viewToggle {
	position: absolute;
}

@media (max-width: 980px){
	#head #viewToggle {
		z-index: 5;
		width: auto;
		top: 8em;
		right: 0;
	}
}
@media (max-width: 480px){
	#head #viewToggle {
		top: 5.8em;
		padding-right: 2em;
	}
	 #viewToggle img {
	 	width: 38px;
	 	height: 38px;
	 }
}
#viewToggle img {
	margin-left: 2em;
	cursor: pointer;
	opacity: 0.4;
	transition: opacity 0.3s;
	pointer-events: initial;
}

#viewToggle img:hover {
	opacity: 1;
}


.tiles #tilesbutton {
	opacity: 0.8;
}
.list #listbutton {
	opacity: 1;
}





/* ### SINGLE ### */

.artpiece .ce-gallery {
	overflow: hidden;
}


.artpiece .ce-gallery .ce-row{
	float: left;
	margin-right: 4%;
}

.artpiece .ce-gallery[data-ce-images="2"] .ce-row,
.artpiece .ce-gallery[data-ce-images="3"] .ce-row,
.artpiece .ce-gallery[data-ce-images="5"] .ce-row{
	width: 48%;

}
.artpiece .ce-gallery[data-ce-images="4"] .ce-row{
	width: 30.6%;
}

.artpiece .ce-gallery .ce-row:first-child {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 4%;
}

.artpiece .ce-gallery .ce-row:last-child {
	margin-right: 0;
}

.artpiece .slideshownav .ce-gallery .ce-row {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 0;
}




@media (max-width: 1100px){

	ul.tx_artcollection .grid-sizer,
	ul.tx_artcollection .grid-item {
		width: 33.3%;
	}

	ul.tx_artcollection.tiles li:nth-child(5) a,
	ul.tx_artcollection.tiles li:nth-child(6) a{
		border-top: 0 none;
	}
}



@media (max-width: 680px){

	ul.tx_artcollection .grid-sizer,
	ul.tx_artcollection .grid-item {
		width: 50%;
	}

}