/* CSS Document */

#allcollectionslinkbar {padding: 0; margin-bottom: 32px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; box-sizing: border-box; }
#allcollectionslinkbar .linkbox {width: 11.45%; margin: .525%; padding: 10px; display: inline-block; box-sizing: border-box; line-height: 0;}
#allcollectionslinkbar a,
#allcollectionslinkbar .centerbox,
#allcollectionslinkbar .imagewrapper {line-height: 0;}
#allcollectionslinkbar .imagewrapper {overflow: hidden;}
#allcollectionslinkbar .imagewrapper img {transition: all 0.3s;display: inline-block;
  max-width: 100%;
  height: auto;}
/* #allcollections .centerbox {border: 1px solid red;}*/
#allcollectionslinkbar a:hover .imagewrapper img, 
#allcollectionslinkbar a:focus .imagewrapper img {transform: scale3d(1.1,1.1,1);}





#allcollections {padding: 0;}
#allcollections .itembox {width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
#allcollections .leftside {width: 50%; display: inline-block; position: relative;}
#allcollections .rightside {width: 50%; display: flex; justify-content: space-around; align-items: stretch; flex-wrap: wrap;}
#allcollections .itembox:nth-child(2n+1) {background: #c5d7d0; color: #1a1c20;}
#allcollections .itembox:nth-child(2n+2) {background: #c0c9d1; color: #1a1c20;}

#allcollections .leftside .hwrap {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
#allcollections .leftside .hwrap .titlewrap1 {background: #167e6f; color: #ffffff; padding: 22px 40px; font-size: calc(16pt + .75vw); line-height:1.1em; margin: 0; display: inline-block; text-transform: uppercase; }
#allcollections .leftside .hwrap .titlewrap2 {padding: 20px 0 20px 40px; }
#allcollections .leftside .hwrap .titlewrap2 h2 {margin: 0; font-size: calc(16pt + .75vw); text-transform: uppercase; }
#allcollections .itembox:nth-child(2n+1) .leftside .hwrap .titlewrap2 h2 {color: #333333;}
#allcollections .leftside .descwrap {padding: 16px 10px 16px 42px; box-sizing: border-box; }
#allcollections .leftside .descwrap p {line-height: 1.4em; }
#allcollections .itembox:nth-child(2n+1) .leftside .hwrap .descwrap p > a {color: #ffffff;}
#allcollections .leftside .artist_info {padding-left: 40px; margin-bottom: 7.3vw; }

#allcollections .leftside .jumptotop a:after {color: #f39c00; content: '\e910'; font-family: "kiafont"; font-size: 40px; display: inline-block; position: absolute; bottom: 40px; left: 40px; transition: all 0.3s; }
#allcollections .leftside .jumptotop a:hover:after, 
#allcollections .leftside .jumptotop a:focus:after {color: #ffffff;}
#allcollections .itembox:nth-child(2n+2) .leftside .jumptotop a:after {color: #c33823;}
#allcollections .itembox:nth-child(2n+2) .leftside .jumptotop a:hover:after, 
#allcollections .itembox:nth-child(2n+2) .leftside .jumptotop a:focus:after {color: #c5d7d0;}

#allcollections .rightside .centerbox {max-width: 830px; padding: 120px 0; text-align: center; }
#allcollections .rightside .imagewrapper {justify-content: space-around; align-items: flex-start;}
// #allcollections .rightside .imagewrapper img {}
#allcollections .rightside .imagetext {width: 300px; margin: 20px auto 0; }


// --- Portrait vs. Landscape:
#allcollections .rightside .centerbox.landscape .imagewrapper img {width: 100%; }
#allcollections .rightside .centerbox.portrait .imagewrapper img {height: 40vw; width: auto; }


// #allcollections .rightside .imagewrapper img {max-height: 100%; width: auto;}
// #allcollections .rightside .imagewrapper .centerbox {display: contents;}

@media only screen and (min-width: 1921px) {
	body {max-width: 1920px; display: block; margin: 0 auto;}
}

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

}

@media only screen and (max-width: 1100px) {
	#allcollectionslinkbar .linkbox {width: 23.9%; }

	#allcollections .itembox .leftside {width: 100%; padding-bottom: 60px; box-sizing: border-box; }
	#allcollections .itembox .leftside .hwrap .titlewrap1 {width: 100%; text-align: center; }
	#allcollections .itembox .leftside .hwrap .titlewrap2 {width: 100%; text-align: center; padding-left: 0; }
	#allcollections .itembox .leftside .descwrap {padding: 20px; }
	#allcollections .itembox .leftside .artist_info {padding: 0 20px; }
	
	#allcollections .itembox .rightside {width: 100%; }
	#allcollections .itembox .rightside .centerbox {padding: 30px 0; }
	#allcollections .itembox .rightside .centerbox .imagewrapper img {width: 100%; height: auto; padding: 10px; }

	#allcollections .leftside .jumptotop a:after {bottom: 30px; left: inherit; right: 20px; }
}

@media only screen and (max-width: 900px) {
#allcollections .itembox {width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
#allcollections .leftside {width: 50%; display: inline-block; position: relative;}

}

@media only screen and (max-width: 500px) {
	// #allcollections .leftside .jumptotop a:after {bottom: 20px; }
#allcollections .itembox {width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
#allcollections .leftside {width: 50%; display: inline-block; position: relative;}


}

@media only screen and (max-width: 400px) {
#allcollections .itembox {width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
#allcollections .leftside {width: 50%; display: inline-block; position: relative;}


}