/*!
Theme Name: KunstRAI 2020
Description: Template voor de website van KunstRAI 2020 (2020)
Version: 1.0
Author: Torin internet applications
Author URI: http://www.torin.nl
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.group:before, .group:after { content: ""; display: table; }

.group:after { clear: both; }

.group { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }

/* Dansende letters bij:
*/
/* apply a natural box layout model to all elements */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { margin: 0; padding: 0; text-align: center; height: 100%; background-color: #fff; }

html { overflow-y: scroll; min-height: 100%; }

body { min-width: 320px; }

.alignright { float: right !important; margin-right: 0 !important; }

.alignleft { float: left !important; margin-left: 0 !important; }

img { border: 0; max-width: 100%; height: auto; display: block; }

form, label { margin: 0; padding: 0; }

input { margin: 0; }

#pagination { overflow: hidden; padding-top: 10px; }

.nav-previous { float: left; }

.nav-next { float: right; }

.wrapper { border-bottom: 1px solid #fff; }

.header { position: fixed; top: 0; left: 0; z-index: 2; background-color: #fff; width: 100%; min-height: 47px; }
.home .header { display: none; }
@media all and (min-width: 768px) { .home .header { display: block; position: -webkit-sticky; position: sticky; top: 0; } }

.content { padding-top: 47px; }
@media all and (min-width: 768px) { .content { padding-top: 90px; } }
@media all and (min-width: 1024px) { .content { padding-top: 65px; } }
.home .content { padding-top: 0; }

.sfeer { position: relative; }
.sfeer img { width: 100%; }
.sfeer > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.sfeer > div > h2 { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; border: 4px solid #fff; padding: 10px 30px; }

.overview { text-align: left; margin: 15px; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.overview > div { position: relative; display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; -webkit-flex-shrink: 1; flex-shrink: 1; border: 15px solid #fff; width: 100%; }
@media all and (min-width: 700px) { .overview > div { width: 50%; } }
@media all and (min-width: 940px) { .overview > div { width: 33.3333%; } }
@media all and (min-width: 1400px) { .overview > div { width: 25%; } }
@media all and (min-width: 1900px) { .overview > div { width: 20%; } }
.overview > div img { width: 100%; margin-bottom: 15px; }
.overview > div > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }

.text { max-width: 1300px; margin: 0 auto; padding: 0 30px 30px 30px; text-align: left; }
.nosub .text { padding-top: 30px; }
.worldmap .text { max-width: 100%; padding: 0 0 30px 0; }
@media all and (min-width: 768px) { .text > div { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; width: 50%; } }
@media all and (min-width: 768px) { .text > div:last-child { padding-left: 30px; } }
@media all and (min-width: 1024px) { .text > div:last-child { padding-left: 100px; } }
.text > div.wpgmza_map { display: block; padding-left: 0 !important; }
.text .deelnemernav { margin: 0 0 20px 0; }

.deelnemernav { list-style-type: none; margin: 20px 30px; padding: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; }
.deelnemernav li { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; }

html { font-size: 100%; }

body { font-family: "Trebuchet MS", sans-serif; font-size: 16px; line-height: 24px; color: #000; }

textarea { font-family: "Trebuchet MS", sans-serif; }

strong { font-weight: 700; }

em { font-style: italic; }

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", sans-serif; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; }

h1 { font-size: 20px; line-height: 26px; letter-spacing: 1px; margin-bottom: 20px; margin-top: 20px; }
@media all and (min-width: 768px) { h1 { margin-bottom: 40px; margin-top: 0; } }

.sfeer h2, .programma > ul h2, .deelnemers > div h2, .connected > div > h2 { font-size: 30px; line-height: 40px; color: #fff; text-transform: uppercase; letter-spacing: 3px; }
@media all and (min-width: 768px) { .sfeer h2, .programma > ul h2, .deelnemers > div h2, .connected > div > h2 { font-size: 40px; line-height: 50px; letter-spacing: 5px; } }
@media all and (min-width: 1024px) { .sfeer h2, .programma > ul h2, .deelnemers > div h2, .connected > div > h2 { font-size: 60px; line-height: 70px; } }
.sfeer h2 + h3, .programma > ul h2 + h3, .deelnemers > div h2 + h3, .connected > div > h2 + h3 { margin-top: 40px; margin-bottom: 0; padding-bottom: 35px; background-repeat: no-repeat; background-position: center bottom; background-image: url('../images/arrow-white-right.png?1619606810'); }
@media all and (min-width: 768px) { .sfeer h2 + h3, .programma > ul h2 + h3, .deelnemers > div h2 + h3, .connected > div > h2 + h3 { margin-top: 120px; } }
.sfeer h2 + h3.may, .programma > ul h2 + h3.may, .deelnemers > div h2 + h3.may, .connected > div > h2 + h3.may { margin-top: 40px !important; }
.kaart h2 { font-size: 30px; line-height: 40px; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; }
@media all and (min-width: 768px) { .kaart h2 { font-size: 24px; line-height: 32px; } }
@media all and (min-width: 1024px) { .kaart h2 { font-size: 30px; line-height: 40px; } }
.preview > h2, .programma > h2, .deelnemers > h2, .partners > h2, .footer > div > h2 { font-size: 18px; line-height: 24px; letter-spacing: 1px; font-weight: 400; text-transform: uppercase; }
.postoverview h2 { font-weight: 400; color: #fff; font-size: 24px; line-height: 30px; }
@media all and (min-width: 768px) { .postoverview h2 { font-size: 28px; line-height: 34px; } }
.postoverview h2 strong { font-weight: 400; display: block; font-size: 46px; line-height: 54px; }
@media all and (min-width: 768px) { .postoverview h2 strong { font-size: 56px; line-height: 66px; } }

.connected h3 { font-size: 20px; line-height: 30px; text-transform: uppercase; margin-bottom: 40px; }
@media all and (min-width: 768px) { .connected h3 { font-size: 30px; line-height: 40px; letter-spacing: 3px; } }

p { margin: 24px 0 0 0; }
p.caption { font-size: 14px; line-height: 20px; margin-top: 10px; }
p.stand { color: #e5002c; font-weight: 400; text-transform: uppercase; }
.postoverview p { color: #fff; }
.postoverview p.readmore { display: inline; }

ul, ol { margin: 0 0 24px 16px; padding: 0; }

ul { list-style-type: disc; }
ul.galeries { list-style-type: none; margin: 0; }

ol { list-style-type: decimal; }

.deelnemernav li { font-size: 36px; line-height: 40px; color: #000; color: rgba(0, 0, 0, 0.2); }

a { color: #000;     /* .connected > div > & { display: block; font-size: 20px; line-height: 30px; color: #fff; text-transform: uppercase; //margin-bottom: 40px; text-decoration: none; padding-bottom: 35px; background-repeat: no-repeat; background-position: center bottom; background-image: image-url( 'arrow-white-right.png' );

		@media all and ( min-width: $ipad-portrait ) {
			font-size: 30px;
			line-height: 40px; letter-spacing: 3px;
		} } */ }
.topnavigatie a, .social a { font-family: "Trebuchet MS", sans-serif; font-size: 16px; line-height: 22px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; }
@media all and (min-width: 768px) { .topnavigatie a, .social a { font-size: 18px; line-height: 24px; } }
.topnavigatie .emphasize a { color: #e5002c; }
.deelnemernav a { text-decoration: none; font-size: 36px; line-height: 40px; }
.deelnemernav a.tooverview { display: block; font-size: 16px; text-transform: uppercase; }
.galeries a { text-decoration: none; color: #e5002c; }
.kaart > div a { color: #fff; font-size: 44px; line-height: 56px; text-transform: uppercase; text-decoration: none; letter-spacing: 5px; }
@media all and (min-width: 768px) { .kaart > div a { font-size: 24px; line-height: 30px; letter-spacing: 3px; } }
@media all and (min-width: 1024px) { .kaart > div a { font-size: 44px; line-height: 56px; letter-spacing: 5px; } }
.postoverview a { color: #fff; }

.intro { /*
font-size: 18px;
line-height: 26px;
*/ font-size: 22px; line-height: 30px; letter-spacing: 1px; }

.header { 	/*
	.search-form {
		display: none;
		@media all and ( min-width: $ipad-portrait ) {
			display: inline;
		}
	}

	.search-field {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.search-field {
		display: block;
		background-color: transparent;
		background-image: image-url('icon-search.svg');
		.no-svg &  {
			background-image: image-url('icon-search.png');
		}
		background-position: right center;
		background-repeat: no-repeat;
		@include background-size( 22px 22px );
		border: none;
		border-bottom: 1px solid #fff;
		@include border-radius(0);
		cursor: pointer;
		height: 27px;
		margin: 0;
		padding: 0 27px 0 5px;
		position: absolute;
		z-index: 10;
		top: 0;
		right: 0;
		@include transition( width 400ms ease, background 400ms ease );
		width: 0;
		color: #color-font;
	}

	.search-field:focus {
		border-bottom: 1px solid $color-font;
		cursor: text;
		outline: 0;
		width: 255px;

		@media all and ( min-width: $break-02 ) {
			width: 275px;
		}
	}
	.search-form .search-submit { 
		display: none;
	}
	.screen-reader-text {
		display: none;
	}
	*/ }

/*
.logo {
	display: block;
	width: 100%;
	height: 145px;
	padding: 0 15px;
	text-indent: -9999px;
	overflow: hidden;

	background-image: image-url( 'logo.svg' );
	background-position: right top;
	background-repeat: no-repeat;

	.no-svg &  {
		background-image: image-url('logo.png');
	}
}
*/
.topnavigatie { display: none; }
@media all and (min-width: 768px) { .topnavigatie { display: block; } }
.topnavigatie ul { list-style-type: none; margin: 0; padding: 0 30px; }
@media all and (min-width: 768px) { .topnavigatie ul { text-align: center; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; } }
.topnavigatie ul li { margin: 0; padding: 20px 20px 20px 0; }
@media all and (min-width: 768px) { .topnavigatie ul li { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; } }
.topnavigatie ul li:last-child { padding-right: 0; }

#foldoutnav { display: block; width: 100%; height: 47px; line-height: 47px; overflow: hidden; background-position: right top; background-repeat: no-repeat; background-color: #fff; -moz-background-size: 25px; -o-background-size: 25px; -webkit-background-size: 25px; background-size: 25px; z-index: 1000; text-transform: uppercase; text-decoration: none; font-size: 20px; }
.out #foldoutnav { position: absolute; top: 15px; right: 20px; width: 25px; text-indent: -999px; }
@media all and (min-width: 768px) { #foldoutnav { display: none; } }

a.in { /*
background-image: image-url( 'icon-menu-open.svg' );
.no-svg & {
	background-image: image-url( 'icon-menu-open.png' );
}
*/ }
a.out { background-image: url('../images/icon-menu-close.svg?1544603150'); }
.no-svg a.out { background-image: url('../images/icon-menu-close.png?1544603150'); }

.firstvisit { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; }
.firstvisit a { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; padding: 10px; text-decoration: none; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; }
@media all and (min-width: 460px) { .firstvisit a { padding: 50px; } }
.firstvisit a:after, .firstvisit a::after { content: "x"; display: block; position: absolute; right: 20px; top: 20px; font-size: 80px; color: #e5002c; }
.firstvisit a img, .firstvisit a span { display: block; width: 50%; min-width: 300px; max-width: 1000px; height: auto; margin: 0 auto; }
.firstvisit a span { color: #000; font-weight: 700; text-align: left; width: 70%; max-width: 700px; margin-bottom: 20px; }
.firstvisit a span em { color: #e5002c; font-style: normal; }

div.responsive-image img { display: block; width: 100%; height: auto; }

.home .preview > h2, .home .programma > h2, .home .deelnemers > h2, .home .partners > h2, .home .connected > h2 { padding: 20px; }
.home .preview > div h2, .home .preview > ul h2, .home .programma > div h2, .home .programma > ul h2, .home .deelnemers > div h2, .home .deelnemers > ul h2, .home .partners > div h2, .home .partners > ul h2, .home .connected > div h2, .home .connected > ul h2 { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; border: 4px solid #fff; padding: 10px 20px; /*
@media all and ( min-width: $ipad-portrait ) {
	padding: 10px 30px;
}
*/ }
@media all and (min-width: 1024px) { .home .preview > div h2, .home .preview > ul h2, .home .programma > div h2, .home .programma > ul h2, .home .deelnemers > div h2, .home .deelnemers > ul h2, .home .partners > div h2, .home .partners > ul h2, .home .connected > div h2, .home .connected > ul h2 { padding: 10px 30px; } }
.home .connected { background-color: #e5002c; color: #fff !important; padding: 100px 20px; position: relative; }
.home .connected > a { position: absolute; top: 0; left: 0; }
@media all and (min-width: 768px) { .home .connected > a:first-child { top: -65px; } }
.home .connected > a:last-child { right: 0; bottom: 0; }
.home .connected > div { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
@media all and (min-width: 768px) { .home .connected > div { min-height: 300px; } }
.home .pageheader { border-bottom: 2px solid #d0d0d2; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; }
@media all and (min-width: 768px) { .home .pageheader { min-height: 458px; } }
.home .pageheader div { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; width: 50%; border-right: 1px solid #d0d0d2; text-align: center; padding: 20px; }
@media all and (min-width: 768px) { .home .pageheader div { padding: 50px; } }
.home .pageheader div:last-child { border-right: 0; border-left: 1px solid #d0d0d2; }
.home .pageheader div img { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; }
.home .intro { background-position: center center; background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; text-align: center; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
@media all and (min-width: 768px) { .home .intro { min-height: 458px; } }
.home .intro div { max-width: 670px; margin: 0 auto; text-align: left; padding: 40px; }
.home .intro div.wit * { color: #fff !important; }
.home .social ul { list-style-type: none; margin: 0; padding: 0; }
.home .social ul li { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0; padding: 17px 20px; }
@media all and (min-width: 768px) { .home .social ul li { height: 64px; } }
.home .social ul li.facebook, .home .social ul li.instagram, .home .social ul li.bestand { overflow: hidden; }
.home .social ul li.facebook a, .home .social ul li.instagram a, .home .social ul li.bestand a { display: block; width: 30px; height: 30px; text-indent: -999px; background-position: center center; background-repeat: no-repeat; background-image: url('../images/icon-facebook.png?1518758928'); }
.home .social ul li.instagram a { background-image: url('../images/icon-instagram.png?1518758928'); }
.home .social ul li.bestand { width: auto; }
.home .social ul li.bestand a { width: auto; height: auto; padding-right: 25px; text-indent: 0; line-height: 30px; background-position: right 5px; background-image: url('../images/arrow-right.png?1582118880'); }
@media all and (min-width: 768px) { .home .kaart { display: -webkit-flex; display: flex; } }
.home .kaart > div { text-align: left; }
@media all and (min-width: 768px) { .home .kaart > div { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; width: 50%; } }
.home .kaart > div:last-child { background-color: #e5002c; color: #fff !important; padding: 50px; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
@media all and (min-width: 768px) { .home .kaart > div:last-child { padding: 30px; } }
@media all and (min-width: 1024px) { .home .kaart > div:last-child { padding: 50px; } }
.home .kaart > div:last-child a { display: block; width: 100%; border: 4px solid #fff; padding: 10px 30px; margin-top: 60px; text-align: center; }
@media all and (min-width: 768px) { .home .kaart > div:last-child a { padding: 5px 30px; margin-top: 30px; } }
@media all and (min-width: 1024px) { .home .kaart > div:last-child a { padding: 10px 30px; margin-top: 60px; } }
.home .kaart > div img { width: 100%; }
.home .preview > div { position: relative; }
.home .preview > div > a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home .programma { overflow: hidden; }
.home .programma > ul { list-style-type: none; margin: 0 -2px; padding: 0; }
@media all and (min-width: 768px) { .home .programma > ul { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
.home .programma > ul li { position: relative; border: 1px solid #fff; }
@media all and (min-width: 768px) { .home .programma > ul li { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; width: 50%; } }
@media all and (min-width: 768px) { .home .programma > ul li:last-child { -webkit-flex-grow: 2; flex-grow: 2; } }
.home .programma > ul li img { width: 100%; }
.home .programma > ul li div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 50px 20px; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.home .programma > ul li a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home .deelnemers > div { position: relative; border-bottom: 1px solid #FFF; }
@media all and (min-width: 768px) { .home .deelnemers > div { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; width: 50%; border-right: 1px solid #fff; border-bottom: 0; } }
.home .deelnemers > div:last-child { border-bottom: 0; border-top: 1px solid #FFF; }
@media all and (min-width: 768px) { .home .deelnemers > div:last-child { border-right: 0; border-left: 1px solid #fff; border-top: 0; } }
.home .deelnemers > div img { width: 100%; }
.home .deelnemers > div div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 50px 20px; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.home .deelnemers > div a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home .partners > ul { list-style-type: none; margin: 0; padding: 0; text-align: center; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media all and (min-width: 768px) { .home .partners > ul { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } }
.home .partners > ul li { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0; padding: 0 20px; width: 50%; }
@media all and (min-width: 600px) { .home .partners > ul li { width: auto; } }
.home .footer { border-top: 1px solid #d0d0d2; margin-top: 30px; padding-top: 30px; padding-bottom: 30px; }
.home .footer > div { padding: 0 20px; margin-bottom: 40px; text-align: left; }
@media all and (min-width: 768px) { .home .footer > div { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; width: 33.33333%; margin-bottom: 0; text-align: center; } }
.home .footer > div:last-child { margin-bottom: 0; }
.home .footer > div ul.icons { list-style-type: none; margin: 30px 0 0 0; padding: 0; }
.home .footer > div ul.icons li { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0; height: 30px; padding-right: 20px; }
@media all and (min-width: 768px) { .home .footer > div ul.icons li { padding: 0 10px; } }
.home .footer > div ul.icons li.facebook, .home .footer > div ul.icons li.instagram { overflow: hidden; }
.home .footer > div ul.icons li.facebook a, .home .footer > div ul.icons li.instagram a { display: block; width: 30px; height: 30px; text-indent: -999px; background-position: center center; background-repeat: no-repeat; background-image: url('../images/icon-facebook.png?1518758928'); }
.home .footer > div ul.icons li.instagram a { background-image: url('../images/icon-instagram.png?1518758928'); }

.artpreview .sfeer { border-bottom: 1px solid #fff; }
.artpreview .content > h2, h2.togallery { padding: 20px; text-transform: uppercase; letter-spacing: 1px; }
h2.togallery { padding: 30px 20px 0; }
.artpreview .content > h2 a, h2.togallery a { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; padding-right: 25px; background-position: right 3px; background-image: url('../images/arrow-right.png?1582118880'); background-repeat: no-repeat; }
.artpreview .content .postoverview { overflow: hidden; }
.artpreview .content .postoverview > ul { list-style-type: none; margin: 0 -2px; padding: 0; }
@media all and (min-width: 700px) { .artpreview .content .postoverview > ul { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
.artpreview .content .postoverview > ul li { position: relative; border: 1px solid #fff; }
@media all and (min-width: 700px) { .artpreview .content .postoverview > ul li { display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline; width: 50%; } }
.artpreview .content .postoverview > ul li:last-child { -webkit-flex-grow: 2; flex-grow: 2; }
.artpreview .content .postoverview > ul li img { width: 100%; }
.artpreview .content .postoverview > ul li > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 50px 30px; overflow: hidden; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.artpreview .content .postoverview > ul li > div div { margin: 0 auto; max-width: 600px; max-height: 600px; text-align: left; }
.artpreview .content .postoverview > ul li > a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.wrapper .av-artworks { font-family: "Trebuchet MS", sans-serif; font-size: 16px; line-height: 24px; margin-top: 70px; -webkit-justify-content: center; justify-content: center; padding: 0 30px; }
.wrapper .av-artwork { margin: 10px; }
.wrapper .av-image { margin-bottom: 10px; }