/* v4.0 */

body {
	margin:1rem 1rem 2rem 1rem;
	background-position: top;
}
.artwork img,
.event-image img, 
.document-image img, 
.lenia img, 
img.responsive {
	width: auto;
	height: auto;
	max-width: 100%;
}
.sf {
	font-family: 'Times New Roman', Times, serif;
}
.ss {
	font-family: Helvetica, Arial, sans-serif;
}
.va {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.mo {
	font-family: 'Courier New', Courier, monospace;
}
.s1 {
	font-size: 0.61rem;
	line-height: 0.9rem;
}
.s2 {
	font-size: 0.81rem;
	line-height: 1.2rem;
}
.s3 {
	font-size: 1rem;
	line-height: 1.3rem;
}
.s4 {
	font-size: 1.1rem;
	line-height: 1.5rem;
}
.s5 {
	font-size: 1.5rem;
	line-height: 2rem;
}
.s6 {
	font-size: 2rem;
	line-height: 2.5rem;
}
.s7 {
	font-size: 3rem;
	line-height: 3rem;
}
.s11 {
	font-size: 0.675rem;
	line-height: 1rem;
}
.s12 {
	font-size: 0.75rem;
	line-height: 1.15rem;
}
.s13 {
	font-size: 0.813rem;
	line-height: 1.175rem;
}
.s14 {
	font-size: 0.875rem;
	line-height: 1.25rem;
}
.s15 {
	font-size: 0.938rem;
	line-height: 1.35rem;
}
.s16 {
	font-size: 1rem;
	line-height: 1.4rem;
}
.s17 {
	font-size: 1.063rem;
	line-height: 1.45rem;
}
.s18 {
	font-size: 1.125rem;
	line-height: 1.5rem;
}
.s20 {
	font-size: 1.25rem;
	line-height: 1.575rem;
}
.s22 {
	font-size: 1.375rem;
	line-height: 1.65rem;
}
.s24 {
	font-size: 1.5rem;
	line-height: 1.75rem;
}
.s26 {
	font-size: 1.625rem;
	line-height: 1.875rem;
}
.s30 {
	font-size: 1.875rem;
	line-height: 2.2rem;
}
.s36 {
	font-size: 2.25rem;
	line-height: 2.55rem;
}
.s40 {
	font-size: 2.5rem;
	line-height: 2.3rem;
}
.bc0 {
	background-color: #000000;
}
.bc3 {
	background-color: #333333;
}
.bc6 {
	background-color: #666666;
}
.bc9 {
	background-color: #999999;
}
.bcc {
	background-color: #cccccc;
}
.bcf {
	background-color: white;
}
.bcf0 {
	background-color: #f0f0f0;
}
.bebedff {
	background-color: #ebedff;
}
.bffd {
	background-color: #ffffdd;
}
.bcyellow {
	background-color: yellow;
}
.c0, 
.cblack {
	color: black;
}
.cred {
	color: #ff0000;
}
.cpurple {
	color: purple;
}
.cgreen {
	color: green;
}
.cnavy {
	color: navy;
}
.cgray {
	color: gray;
}
.ccc {
	color: #cccccc;
}
.c2 {
	color: #222222;
}
.c3 {
	color: #333333;
}
.c6 {
	color: #666666;
}
.c8 {
	color: #888888;
}
.c9 {
	color: #999999;
}
.ca {
	color: #aaaaaa;
}
.cb {
	color: #bbbbbb;
}
.cc {
	color: #cccccc;
}
.cd {
	color: #dddddd;
}
.cf {
	color: #ffffff;
}
.cff0 {
	color: #ffff00;
}
.c00f {
	color: #0000ff;
}
.c039 {
	color: #003399;
}
.c060 {
	color: #006600;
}
.c00c {
	color: #0000cc;
}
.cd00 {
	color: #dd0000;
}
.c8 {
	color: #888888;
}
.c800 {
	color: #800000;
}
.c900 {
	color: #990000;
}
.c000094 {
	color: #000094;
}
.c154215 {
	color: #154215;
}
.breakit {
	word-break: break-all;
}
.break {
	display: none;
}
.nowrap {
	white-space: nowrap;
}
.bold {
	font-weight: bold;
}
.unbold {
	font-weight: normal;
}
.unline, 
.unline a {
	text-decoration: none;
}
.container {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 560px;
}
.container300 {
	margin: 0 auto;
	max-width: 300px;
}
.container450 {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 450px;
}
.container500 {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 500px;
}
.container600 {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 600px;
}
.container630 {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 630px;
}
.container660 {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 660px;
}
.container700 {
	margin: 0 auto;
	max-width: 700px;
	padding: 0;
}
.container800 {
	margin: 0 auto;
	max-width: 800px;
	padding: 0;
}
.artpool_events {
	background-image: url('../backgrounds/szeg.jpg');
}
.artpool_events a {
	color: #000cb0;
	text-decoration: none;
}
.artpool_events a:visited {
	color: #000cb0;
}
.artpool_events .container700 .artpool_invitation {
	box-sizing: border-box;
}
.artpool_events .container700 .artpool_invitation img {
	border: 1px solid #999999;
	border-top: 0;
}
.lang {
	text-align: right;
	font: small Helvetica, Arial, 'sans-serif';
}
.menu {
	margin: 0 auto;
	list-style-type: none;
	text-align: center;
}
.menu li {
	display: inline-block;
}
.mxc {
	max-width: max-content;
}
.p300 {
	width: 100%; 
	height: auto;
	max-width: 300px;
}
.p320 {
	width: 100%; 
	height: auto;
	max-width: 320px;
}
.p350 {
	width: 100%; 
	height: auto;
	max-width: 350px;
}
.p380 {
	width: 100%; 
	height: auto;
	max-width: 380px;
}
.p400 {
	width: 100%; 
	height: auto;
	max-width: 400px;
}
.p430 {
	width: 100%; 
	height: auto;
	max-width: 430px;
}
.p450 {
	width: 100%; 
	height: auto;
	max-width: 450px;
}
.p480 {
	width: 100%; 
	height: auto;
	max-width: 480px;
}
.p500 {
	width: 100%; 
	height: auto;
	max-width: 500px;
}
.p520 {
	width: 100%; 
	height: auto;
	max-width: 520px;
}
.p540 {
	width: 100%; 
	height: auto;
	max-width: 540px;
}
.p560 {
	width: 100%; 
	height: auto;
	max-width: 560px;
}
.p570 {
	width: 100%; 
	height: auto;
	max-width: 570px;
}
.p600 {
	width: 100%; 
	height: auto;
	max-width: 600px;
}
.p620 {
	width: 100%; 
	height: auto;
	max-width: 620px;
}
.p630 {
	width: 100%; 
	height: auto;
	max-width: 630px;
}
.p640 {
	width: 100%; 
	height: auto;
	max-width: 640px;
}
.p650 {
	width: 100%; 
	height: auto;
	max-width: 650px;
}
.p660 {
	width: 100%; 
	height: auto;
	max-width: 660px;
}
.p700 {
	width: 100%; 
	height: auto;
	max-width: 700px;
}
.p730 {
	width: 100%; 
	height: auto;
	max-width: 730px;
}
.w100 img {
	width: 100%; 
	height: auto;
	display: block;
}

.ma {
	margin: auto;
}
.mtba {
	margin-top: auto;
	margin-bottom: auto;
}

.grid {
	display: grid;
}
.flex {
	display: flex;
	flex-wrap: wrap;
}
.flex-col {
	flex-direction: column;
}
.space-between {
	justify-content: space-between;
}
.space-evenly {
	justify-content: space-evenly;
}
.flex-center {
	justify-content: center;
}
.flex-nowrap {
	flex-wrap: nowrap;
}
.vac, 
.asc {
	align-self: center;
}
.ait {
	align-items: flex-start;
}
.aic {
	align-items: center;
}
.aib {
	align-items: flex-end;
}
.left {
	text-align: left !important
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.just {
	text-align: justify;
}
.sidenote {
	margin-left: auto;
}
.p0 {
	padding: 0;
}
.m0 {
	margin: 0;
}
.mt0 {
	margin-top: 0;
}
.mb0 {
	margin-bottom: 0;
}
.p1 {
	padding: 1rem;
}
.m1 {
	margin: 1rem;
}
.ptb1 {
	padding: 1rem 0;
}
.mtb1 {
	margin: 1rem 0;
}
.pt1 {
	padding-top: 1rem;
}
.pr1 {
	padding-right: 1rem;
}
.pb1 {
	padding-bottom: 1rem;
}
.pl1 {
	padding-left: 1rem;
}
.mt1 {
	margin-top: 1rem;
}
.mb1 {
	margin-bottom: 1rem;
}
.mt2 {
	margin-top: 2rem;
}
.mb2 {
	margin-bottom: 2rem;
}
.dbl, 
.dbl img {
	display: block;
}
.mid {
	margin: 0 auto;
}
.image {
	text-align: center;
	margin: 0 auto;
}
.contents p {
	padding-left: 1rem;
	padding-right: 1rem;
}
.b1b {
	border: 1px solid black;
	box-sizing: border-box;
}
.b2b {
	border: 2px solid black;
	box-sizing: border-box;
}

ol.decimal {
	list-style-type: decimal;
}
ol.roman {
	list-style-type: upper-roman;
}
ol.pl0, 
ul.pl0 {
	padding-left: 0;
}
ol.unstyled, 
ul.unstyled, 
ul.author-links {
	padding: 0;
	list-style: none;
}
ul.author-links li {
	display: inline;
	white-space: nowrap;
}

nav.artpool_menu {
	margin: 1rem auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
nav.two_rows {
	margin: 1rem auto;
	display: block;
}
nav.artpool_menu ul.menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
nav.artpool_menu li {
	display: inline-block;
}
nav.artpool_menu .separator {
	margin: 0 0.25rem;
}
nav.artpool_menu li .separator {
	margin: 0;
}
nav.artpool_menu ul.wvbar li::after {
	content: ' |';
}
nav.artpool_menu ul.wvbar li:last-of-type::after {
	content: '';
}

/* sound */
.start-sound {
	background-color: #999999;
	opacity: 0.7;
	position: fixed;
	padding: 1rem;
	cursor: pointer;
}
.start-sound img {
	width: 10vw;
}
.toggle__input:not(checked) {
	display: none;
}
.toggle__input + .start-sound, .toggle__input:checked + .start-sound {
	display: block;
}
.toggle__input:checked + .start-sound {
	display: none;
}


@media screen and (max-width : 1200px){
	body {
		margin:1rem 0 2rem 0;
	}
}
@media screen and (max-width : 760px){
	body {
		margin:1rem 0 2rem 0
	}
	.break {
		display: block;
	}
}
@media screen and (max-width : 730px){
	.container700 p {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
@media screen and (max-width : 702px){
	.artpool_events .container700 .artpool_invitation img {
		border: 0;
		border-bottom: 1px solid #999999;
	}
}
@media screen and (max-width : 630px){
	.hom {
		display: none
	}
	.container p, 
	.container h1, 
	.container h2, 
	.container h3, 
	.container h4, 
	.container300 p, 
	.container450 p, 
	.container500 p, 
	.container600 p, 
	.container630 p, 
	.container700 p, 
	.container800 p {
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media (min-width: 601px) {
	.start-sound img {
		width: 3rem;
	}
}
@media (max-width: 560px){
	.hom560 {
		display: none;
	}
	nav.artpool_menu {
		margin: 0 1rem;
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
	}
	nav.artpool_menu ul.menu {
		margin-right: auto;
		text-align: left;
	}
	nav.artpool_menu ul.menu[lang="en"] {
		margin-right: auto;
		text-align: left;
	}
	nav.artpool_menu ul.menu[lang="hu"] {
		margin-left: auto;
		margin-right: 0;
		text-align: right;
	}
	nav.artpool_menu li {
		display: block;
		margin: 0.5rem 0;
	}
	nav.artpool_menu .separator {
		display: none;
	}
	nav.artpool_menu ul.wvbar li::after {
		content: '';
	}
}
@media (min-width: 481px) {
	.start-sound img {
		width: 3rem;
	}
}
@media (max-width : 480px){
	body {
		margin:0rem 0 2rem 0
	}
	.break {
		display: block;
	}
}
@media (max-width : 450px){
	.hom450 {
		display: none;
	}
}