:root {

--default-color-1: #ffffff;
--default-color-2: #656c74;
--default-color-3: #dee2e6;
--default-color-4: #212529;
--default-color-5: #742738;
--default-color-6: #575757;
--default-color-7: #3f3f3f;
--default-color-8: #bfbfbf;
--default-color-9: #85754e;

--default-font: 'Sofia Sans', sans-serif;

--default-filter-1: invert(100%) sepia(0%) saturate(7500%) hue-rotate(309deg) brightness(106%) contrast(107%);

}
img {border-style: none; -ms-interpolation-mode: bicubic}

* {margin: 0; padding: 0; transition: none}
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.boxBeforeAfter:before, .boxBeforeAfter:after {content: ''; display: block; clear: both}

html {height: 100%; min-height: 100%; font-size: 18px}

body {
	background-color: var(--default-color-1); width: 100%; min-height: 100%; padding: 0; color: var(--default-color-2); font-family: var(--default-font); font-size: 1rem; font-weight: 400; line-height: 26px; text-rendering: auto; overflow-x: hidden;
	-webkit-overflow-scrolling: touch; -webkit-font-smoothing: auto; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
}
html, body, th, td, textarea {font-family: var(--default-font)}
table, table tr, table tr td {font-size: 0.889rem; line-height: 1.2}

a:link, a:active, a:visited {color: var(--default-color-5); font-weight: 600; text-decoration: none}
a:hover {color: var(--default-color-5); font-size: 700; text-decoration: underline}

/*
a { color: var(--default-color-5); text-decoration: none}
a:hover { color: var(--default-color-5); text-decoration: underline}
*/

table, td, tr {padding: 0px; margin: 0; border: 0;}

h1, .cimsor1 {margin: 0 0 15px 0; padding: 0; color: var(--default-color-5); font-family: var(--default-font); font-size: 28px; font-weight: 700}
h2, .cimsor2 {margin: 0 0 15px 0; padding: 0; color: var(--default-color-9); font-family: var(--default-font); font-size: 24px; font-weight: 700}
h3, .cimsor3 {margin: 0 0 15px 0; padding: 0; color: var(--default-color-9); font-family: var(--default-font); font-size: 20px; font-weight: 600}

/*
h1, .cimsor1 {
	font: 28px Arial, Helvetica, sans-serif;
	color: #85754E;
	font-weight:100;
	margin:0 0 15px 0;
	padding:0;
}
h2, .cimsor2 {
	font: 20px Arial, Helvetica, sans-serif;
	color: #174c7f;
	font-weight:100;
	margin:0;
	padding:0;
}
h3, .cimsor3 {
	font: 14px Arial, Helvetica, sans-serif;
	color: #A46B28;
	font-weight:100;
}
*/

td.contentheading, div.componentheading {
	font: 28px Arial, Helvetica, sans-serif;
	color: #174c7f;
	font-weight:100;
	margin:0;
	padding:0 0 6px 0;
	width: 930px;
}
/*
.hevesisandorszinhaz #container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
.hevesisandorszinhaz #footer {
	height: 100px;
	padding: 0;
	margin: 0;
}
.hevesisandorszinhaz #menu {
	height:24px;
	padding: 7px 0 0 0;
	margin: 0;
	font: bold 10px Tahoma, Geneva, sans-serif;
	color: #ffcc7c;
}
.hevesisandorszinhaz #menu #menu-bg {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.hevesisandorszinhaz #menu a:link, .hevesisandorszinhaz #menu a:visited {
	font: bold 12px Tahoma, Geneva, sans-serif;
	color: #74273B;
	text-decoration:none;
}
.hevesisandorszinhaz #menu ul {
	list-style-type: none;
	padding: 0;
	margin: 1px;
}
.hevesisandorszinhaz #header-content ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.hevesisandorszinhaz #menu ul li {
	list-style-type: none;
	display: inline;
	padding:0 31px;
}
.hevesisandorszinhaz #header-content ul li, .hevesisandorszinhaz #inner-footer-col2 ul li {
	list-style-type: none;
	display: inline;
}
.hevesisandorszinhaz #footer #inner-footer {
	font: 10px Tahoma, Geneva, sans-serif;
	color: #707070;
	height: 88px;
	width: 960px;
	margin: 0 auto;
	padding-top: 12px;
	position: relative;
}
.hevesisandorszinhaz #footer #inner-footer strong {
	font-weight: 600;
}
*/


#header {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--default-color-1); width: 100%; margin: 0 auto; padding: 0 15px; position: relative}
	#header-content {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 1180px; height: 80px; margin: 0 auto; padding: 10px 0; position: relative}
		#home_link {width: 220px}
			#home_link img {background-color: var(--default-color-1); width: 220px; height: 140px; padding: 16px; position: absolute; top: 0}
		#header-search {-webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin: 0 0 0 auto}
			#header-search .searchsrch {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
				#header-search input#mod_search_searchword {width: 260px; height: 38px; padding-right: 56px}
/*				#header-search input.buttonsrch {background: transparent url('art/icon-search.svg') no-repeat center center; background-size: auto; background-size: 16px; min-width: inherit; width: 38px; min-height: inherit; height: 38px; margin: 0 0 0 -42px; padding: 0; border: 0; font-size: 0}*/

#header-search .buttonsrch {background-color: var(--default-color-2); min-width: inherit; width: 38px; min-height: inherit; height: 38px; margin: 0 0 0 -38px; padding: 0; border: 0; font-size: 0; border-radius: 0 0.375rem 0.375rem 0}
#header-search .buttonsrch::before {content: ''; background: transparent url('art/icon-search.svg') no-repeat center center; background-size: auto; background-size: 16px; display: block; width: 38px; height: 38px; font-size: 0; -webkit-filter: var(--default-filter-1); filter: var(--default-filter-1)}
#header-search .buttonsrch:hover {background-color: var(--default-color-5)}

		#header-content .onlinejegy {margin: 0 0 0 30px; color: var(--default-color-5); font-size: 1.25rem; font-weight: 700; line-height: 1.2; text-transform: uppercase}
		#menu {background-color: rgba(0,0,0,0.33); height: 60px; padding: 0 15px}
			#menu-bg {width: 100%; max-width: 1180px; margin: 0 auto}
				#menu-bg ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; list-style: none; height: 60px; margin: 0 -1px; padding: 1px 0 0}
					#menu-bg ul li {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 1px}
						#menu-bg ul li a {
							display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; padding: 2px 20px 0;
							color: var(--default-color-1); font-size: 0.889rem; text-decoration: none; text-transform: uppercase; -webkit-transition: ease-in-out all .3s; -moz-transition: ease-in-out all .3s; transition: ease-in-out all .3s
						}
						#menu-bg ul li a:hover {background-color: var(--default-color-1); color: var(--default-color-4)}

#container {width: 100%; max-width: 1180px; margin: 0 auto; text-align: left}
	#container #main-content {min-height: 200px; padding: 60px 15px 100px 15px}

#container #main-content .events-content-block {margin-bottom: 30px}
	#container #main-content .events-serach-block {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--default-color-3); margin-bottom: 30px; padding: 15px; color: var(--default-color-4); border-radius: 0.375rem}
		#container #main-content .events-serach-block select {margin-left: 10px}

.event-table {width: calc(50% - 30px); margin: 0 15px 40px}
	.event-table tr {}
		.event-table .event-date {width: 95px}
			.event-table .event-date .event-date-ymd {background-color: var(--default-color-5); display: block; width: 95px; margin-bottom: 5px; padding: 15px 10px; color: var(--default-color-1); font-size: 26px; font-weight: 700; line-height: 1; text-align: center; border-radius: 0.375rem}
				.event-table .event-date .event-date-ymd small {display: block; margin-bottom: 4px; font-size: 14px; font-weight: 400; line-height: 1}
			.event-table .event-date .event-date-time {display: block; background-color: var(--default-color-5); width: 95px; color: var(--default-color-1); text-align: center; padding: 15px 10px 12px; border-radius: 0.375rem; font-size: 26px; font-weight: 700; line-height: 1}
		.event-table .event-data {width: calc(100% - 95px); padding-left: 20px}
			.event-table .event-data .event-title {font-size: 24px}
			.event-table .event-data .event-rental {padding: 4px 0}
			.event-table .event-data .event-location {padding: 4px 0}
			.event-table .event-data .event-data-list {}
				.event-table .event-data .event-data-list td {font-family: var(--default-font); line-height: 1.2}

				.event-table .event-data .event-data-list td:nth-child(3)::after {content: '|'; margin: 0 5px 0 7px}


.event-full-header {margin-bottom: 30px}
.event-full-header h1 {max-width: calc(100% - 240px); margin-bottom: 0}
.event-back {margin-left: auto}
.event-back a {}
.event-full-rental {margin-top: -10px; margin-bottom: 30px}


.content-inner {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start}

.left-side {float: left; width: calc(100% - 320px); padding-right: 60px}

.left-side .event-back {margin-bottom: 30px}


#stageInner {
max-width: 721px!important;
max-height: 377px!important;
width: 100%!important;
height: 100%!important;
aspect-ratio: 721/377;
margin: 0 auto;
/*transform-origin: center center;*/
transform-origin: 0 0;  will-change: transform;
transition: transform 0.3s ease-in-out;
}
#stageInner + div {background-color: var(--default-color-1); position: relative}

.left-side form {position: relative}
.left-side form .zoom-toolbar {-ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0!important; width: 180px; margin: 0!important; position: absolute; top: -40px; right: 0; z-index: 1}

#shiftIn {display: none!important}
#shiftIn + label[for="shiftIn"] {display: inline-block; width: 22px; height: 22px; margin-right: 10px; border: 1px solid var(--default-color-2); cursor: pointer; border-radius: 5px; transition: all 0.3s}
#shiftIn + label[for="shiftIn"]::after {content: ''; background-image: url('art/check.svg'); background-position: center center; background-repeat: no-repeat; background-size: 22px; display: block; width: 100%; height: 100%; opacity: 0; transition: all 0.3s; -webkit-filter: var(--default-filter-1); filter: var(--default-filter-1)}
#shiftIn:checked + label[for="shiftIn"] {background-color: var(--default-color-5); border-color: var(--default-color-5)}
#shiftIn:checked + label[for="shiftIn"]::after {opacity: 1}

.left-side form .zoom-toolbar button {
min-width: 32px;
min-height: 32px;
padding: 0;
font-size: 1.125rem;
margin: 0 4px;
}
#zoomReset {width: 60px; margin-top: 0; font-size: 0.889rem; text-align: center}
#zoomLabel {display: none!important}

fieldset.user-data {border: none}
	fieldset.user-data legend {background-color: var(--default-color-3); display: block; width: 100%; margin-bottom: 10px; padding: 10px 10px 8px; color: var(--default-color-5); font-size: 1.1rem; font-weight: 600; position: relative; border-radius: 0.375rem}
	fieldset.user-data table {display: block; width: 100%}
		fieldset.user-data table tbody {display: block; width: 100%}
			fieldset.user-data table tbody tr {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 7px 0}
				fieldset.user-data table tbody tr th {width: 140px; font-size: 0.889rem}
				fieldset.user-data table tbody tr td {flex: 1}
					fieldset.user-data table tbody tr td input[type="text"] {width: 100%}
	fieldset.user-data legend input[type="checkbox"] {display: none; opacity: 0; position: absolute; top: 0; left: 0}
		fieldset.user-data legend input[type="checkbox"] + label {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 3px; cursor: pointer; position: relative}
		fieldset.user-data legend input[type="checkbox"] + label::before {content: ''; background-color: var(--default-color-1); display: block; width: 24px; height: 24px; margin-right: 5px; border: 1px solid var(--default-color-8); position: relative; top: -2px; border-radius: 0.375rem}
		fieldset.user-data legend input[type="checkbox"] + label::after {content: ''; background-color: var(--default-color-5); display: block; width: 12px; height: 12px; opacity: 0; position: absolute; top: 8px; left: 6px; border-radius: calc(0.375rem / 2)}
		fieldset.user-data legend input[type="checkbox"]:checked + label::after {opacity: 1}
.megvesz fieldset {width: auto; margin: 0 0 30px; padding: 0}
	.megvesz .btn-block {padding-top: 30px; text-align: center}


.faq {}
	.faq .category {display: block; min-height: 24px; margin-bottom: 10px; padding-top: 2px; padding-left: 32px; font-size: 20px; font-weight: 700; line-height: 1.2; position: relative}
		.faq .category * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
		.faq .category a {display: block}
			.faq .category .icon {display: block; width: 24px; height: 24px; border: 1px solid #000000; position: absolute; top: 0; left: 0; border-radius: 50%}
			.faq .category .icon::before {content: ''; background-image: url('art/icon-plus.svg'); background-position: center center; background-repeat: no-repeat; background-size: 12px; display: block; width: 22px; height: 22px}
			.faq .category.selected .icon {background-color: #000000}
			.faq .category.selected .icon::before {background-image: url('art/icon-minus.svg')}
		.faq .category a:hover {color: var(--default-color-9); text-decoration: none}
			.faq .category a:hover .icon {background-color: #000000; opacity: 0.75}
			.faq .category a:hover .icon::before, .faq .category.selected .icon::before {-webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(15deg) brightness(103%) contrast(103%); filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(15deg) brightness(103%) contrast(103%)}
		.faq .category.selected + div:not(.sep) {padding: 5px 0 10px 32px}
			.faq .category.selected + div:not(.sep) .fck {font-size: 16px!important; line-height: 24px!important}
		.faq .sep {display: block; width: 100%; height: 10px; margin: 0 0 20px; border-bottom: 1px solid #000000; opacity: 0.15}


.eloadas-adat {margin-bottom: 30px}
.vasarlas-kosar {}
	.vasarlas-kosar tbody {}
		.vasarlas-kosar tbody .sep {display: none}
		.vasarlas-kosar tbody .th {}
			.vasarlas-kosar tbody .th td {background-color: var(--default-color-4); padding: 8px 12px; color: var(--default-color-1); font-size: 1rem}
		.vasarlas-kosar tbody .td {}
			.vasarlas-kosar tbody .td td {background-color: var(--default-color-3); padding: 8px 12px; font-size: 0.889rem}
		.vasarlas-kosar tbody .vasarlas-kosar-lablec td {background-color: var(--default-color-8); padding: 12px 12px 10px; color: var(--default-color-4)}

.adatok {}
.adatok tbody {}
.adatok tbody tr {}
.adatok tbody tr td[colspan="2"]:not(.desc) {
	color: var(--default-color-4);
	  font-size: 1rem;
	  padding-bottom: 10px;
}

.right-side {float: right; background-color: var(--default-color-3); width: 320px; padding: 15px; position: sticky; top: 60px; border-radius: 0.375rem}
	.right-side form input[type="submit"]{width: 100%; max-width: 100%; padding: 4px 10px}


.btn-block-top {margin-bottom: 30px}
.btn-block-bottom {margin-top: 20px}
.btn-block-top form, .btn-block-bottom form {text-align: center}
.btn-block-top form input[type="submit"], .btn-block-bottom form input[type="submit"] {display: block; width: 100%; max-width: 220px; margin: 0 auto}

.stage-outerbox {user-select: none}
/*
.stage-outerbox {width: 100%!important; max-width: 721px!important; margin: 0 auto}
.stage-innerbox {}
.stage-innerbox img {left: 0!important}
*/

.hely-kategoriak {
position: absolute; top: 10px; left: 10px; z-index: 150; font-family: sans-serif; font-size: 13px; font-weight: bold; line-height: 22px;
}

#footer {background-color: var(--default-color-7); width: 100%; padding: 0 15px}
	#inner-footer {width: 100%; max-width: 1180px; margin: 0 auto; padding: 10px 0}
		#inner-footer-content {display: -webkit-box; display: -ms-flexbox; display: flex}
			#home_link_footer {width: 220px; margin: auto 0; line-height: 0; text-decoration: none}
				#home_link_footer img {background-color: var(--default-color-1); width: 220px; height: 140px; padding: 16px;}
			#inner-footer-content .text-data {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-item-align: start; align-self: flex-start; color: var(--default-color-8); font-size: 0.889rem; font-weight: 400}
				#inner-footer-content .text-data .title {width: 100%; font-size: 1rem; text-transform: uppercase}
				#inner-footer-content .text-data strong {margin-right: 5px}
				#inner-footer-content .text-data a {color: inherit}
				#inner-footer-content .text-data a:hover {}
					#inner-footer-content .text-data .sep {margin: 0 7px}
					#inner-footer-content .text-data .sep.full-width {width: 100%}
			#inner-footer-content .contact-data {flex: 1; margin-top: auto; margin-bottom: auto; padding: 1rem 30px}
			#inner-footer-content .payment-data {width: 220px; margin-top: auto; margin-bottom: auto; padding: 1rem 0; line-height: 1.2; text-align: center}
				#inner-footer-content .payment-data a {background-color: var(--default-color-1); margin-top: 5px; padding: 10px; line-height: 0; text-align: center; border-radius: 1px}
					#inner-footer-content .payment-data a img {max-width: 100%; height: auto}
					#inner-footer-content .payment-data a img:first-child {margin-bottom: 10px}




.hevesisandorszinhaz #header #header-content #header-menu a:link, .hevesisandorszinhaz #header #header-content #header-menu a:visited {color: #000; text-decoration: none; border-right: 1px solid white; padding: 0 14px; font: bold 12px Arial, Helvetica, sans-serif}
.hevesisandorszinhaz #inner-footer-col2 ul li a:link, .hevesisandorszinhaz #inner-footer-col2 ul li a:visited {color: #74273B; text-decoration: none; padding: 0 17px; font: bold 10px Tahoma, Geneva, sans-serif}
/*
#header-search {
	position:absolute;
	width:166px;
	height:28px;
	z-index:1;
	right:30px;
	top: 20px;
}
.hevesisandorszinhaz #header-search input#mod_search_searchword {
	width: 140px;
	height: 17px;
	padding: 3px 0 0 3px;
	font: 12px Arial, Helvetica, sans-serif;
	background:url(art/search-input.jpg);
	color: #000;
	border: 0;
	vertical-align: middle;
}
.hevesisandorszinhaz #header-search input.buttonsrch {
	height: 20px;
	width: 20px;
	border: 0;
	vertical-align: middle;
}*/
/*
.hevesisandorszinhaz #header-search input#mod_search_searchword {
	width: 140px;
	height: 17px;
	padding: 3px 0 0 3px;
	font: 12px Arial, Helvetica, sans-serif;
	background:url(art/search-input.jpg);
	color: #000;
	border: 0;
	vertical-align: middle;
 *vertical-align: text-bottom;
}
.hevesisandorszinhaz #header-search input.buttonsrch {
	height: 20px;
	width: 20px;
	border: 0;
	vertical-align: middle;
 *vertical-align: text-bottom;
}
*/
/*
#header-content .onlinejegy{
	position:absolute;
	right:30px;
	top:80px;
	font-size:22px;
	font-weight:bold;
	color:#990000;
	text-transform:uppercase;
}
*/

.hevesisandorszinhaz #main-content .featured {
	width:920px;
	font-size: 11px;
	padding: 0;
}
.hevesisandorszinhaz #main-content .featured#lead-1, .hevesisandorszinhaz #main-content .featured#lead-3 {
	border-bottom: 1px solid #c4c4c4;
	margin-bottom: 10px;
	padding-bottom: 2px;
}
.hevesisandorszinhaz #main-content .featured#article {
	margin-bottom: 10px;
	padding-bottom: 2px;
}
.hevesisandorszinhaz #main-content .featured#lead-4 {
	border-bottom: 1px solid #c4c4c4;
	padding-bottom: 10px;
}
.hevesisandorszinhaz #main-content .featured .featured-col1, .hevesisandorszinhaz #main-content .featured#article .featured-col1 {
	width: 449px;
	padding-right: 10px;
	float:left;
	text-align:justify;
}
.hevesisandorszinhaz #main-content .featured .featured2-col1 {
	width: 449px;
	padding:10px 0 0px 0px;
	float:left;
	margin-right: 10px;
}
.hevesisandorszinhaz #main-content .featured .featured-col2 {
	width: 449px;
	float:left;
	margin: 6px 0 0 10px;
}
.hevesisandorszinhaz #main-content .featured .featured-col2 img {
	border:1px solid #C8C7BC;
	padding:3px;
}

.hevesisandorszinhaz #main-content .featured#article .featured-col2-article {
	width: 449px;
	padding: 0px;
	float:left;
	margin: 0px 0 0 10px;;
	position:relative;
}
.hevesisandorszinhaz #main-content .featured .featured-col2-article img {
	border:1px solid #C8C7BC;
	margin: 0px 0 0 0px;
	padding:3px;
}

.hevesisandorszinhaz #main-content .featured .featured2-col2 {
	width: 449px;
	padding:10px 0 0px 10px;
	float:left;
}
.hevesisandorszinhaz #main-content .featured .featured3-col1, .hevesisandorszinhaz #main-content .featured .featured3-col2, .hevesisandorszinhaz #main-content .featured .featured3-col3 {
	width: 285px;
	padding:15px 0 0px 20px;
	float:left;
}
.hevesisandorszinhaz #main-content .featured .featured4-col1, .hevesisandorszinhaz #main-content .featured .featured4-col2 {
	width: 280px;
	padding:5px 5px 0px 20px;
	float:left;
	color: #353535;
	font-size: 11px;
	min-height: 135px;
}
.hevesisandorszinhaz #main-content .featured .featured4-col3 {
	width: 280px;
	padding: 0px 5px 0px 20px;
	float:left;
	color: #353535;
	font-size: 11px;
	min-height: 135px;
}
.hevesisandorszinhaz #main-content .featured .featured4-col1 p, .hevesisandorszinhaz #main-content .featured .featured4-col3 p {
	line-height: 4px;
}
.hevesisandorszinhaz #main-content .featured .featured4-col2 {
	width: 283px;
	border-left: dotted 1px #7b7b7b;
	border-right: dotted 1px #7b7b7b;
}
.clearFloat {
	clear:both;
}
a.more:link, a.more:visited {
	font: 11px Arial, Helvetica, sans-serif;
	color: #0088cc;
}
.hevesisandorszinhaz .lead-img-border {
	border: 1px solid #c8c7bc;
	padding: 3px;
}
.hevesisandorszinhaz .lead-img-border-nobottom {
	border-top: 1px solid #c8c7bc;
	border-left: 1px solid #c8c7bc;
	border-right: 1px solid #c8c7bc;
	padding: 3px;
}
.hevesisandorszinhaz .lead-img-border-notop {
	border-bottom: 1px solid #c8c7bc;
	border-left: 1px solid #c8c7bc;
	border-right: 1px solid #c8c7bc;
	padding: 3px;
}
.hevesisandorszinhaz .divider {
	height:2px;
	margin: 10px 0 0 0;
	padding: 0 0 9px 0;
	border-top: 1px dotted #949494;
}
.hevesisandorszinhaz #more-repertoar {
	background: url(art/tovabb-repertoar.jpg) no-repeat;
	height: 50px;
	width: 422px;
	font: 16px Arial, Helvetica, sans-serif;
	color: #174c7f;
	padding: 10px 0 0 20px;
}
.hevesisandorszinhaz #more-repertoar a:link, .hevesisandorszinhaz #more-repertoar a:visited {
	font: 16px Arial, Helvetica, sans-serif;
	color: #174c7f;
	text-decoration:none;
	display:block;
	height: 31px;
	padding: 8px 0 0 0;
}
.hevesisandorszinhaz #news-container {
	width: 450px;
	border: 1px solid #c4c4c4;
	min-height:298px;
}
.hevesisandorszinhaz #news-content {
	background-color: #efeeec;
	margin: 2px;
	padding: 0 16px 0 16px;
	font-size: 11px;
	background-image: url(art/news-content-bg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
.hevesisandorszinhaz #news-content a:link, .hevesisandorszinhaz #news-content a:visited {
	font: 16px Arial, Helvetica, sans-serif;
	color: #174c7f;
	text-decoration: none;
	display:block;
}
.hevesisandorszinhaz #lead-3 .featured3-col1 h2, .hevesisandorszinhaz #lead-3 .featured3-col2 h2, .hevesisandorszinhaz #lead-3 .featured3-col3 h2 {
	margin-bottom: 7px;
}
.hevesisandorszinhaz #lead-4 .featured4-col1 a.downloads-more, .hevesisandorszinhaz #lead-4 .featured4-col2 a.downloads-more {
	color: #267ed3;
	text-decoration: underline;
}
.hevesisandorszinhaz #lead-4 .featured4-col1 a, .hevesisandorszinhaz #lead-4 .featured4-col3 a {
	color:#353535;
	text-decoration:none;
	font-weight: normal;
}
.hevesisandorszinhaz #lead-4 .featured4-col1 a:hover, .hevesisandorszinhaz #lead-4 .featured4-col3 a:hover {
	color:#c3974e;
	text-decoration:underline;
}
/*
.hevesisandorszinhaz #inner-footer-content {
	position:relative;
	text-align:left;
}
.hevesisandorszinhaz #inner-footer-content a {
	color: #74273B;
}
*/
.hevesisandorszinhaz #footer #inner-footer #inner-footer-col2 ul {padding: 0; margin: 0}
.hevesisandorszinhaz #backtotop {position:absolute; left:17px; top:-58px; width:920px; z-index:1}
.hevesisandorszinhaz #footer #inner-footer #backtotop div {border-top: 1px solid #c4c4c4; text-align: right; padding-top: 16px; margin-top: 10px}
.hevesisandorszinhaz #backtotop a:link, .hevesisandorszinhaz #backtotop a:visited {color: #0088cc; font: 12px Arial, Helvetica, sans-serif}
.hevesisandorszinhaz .authorinfo {width: 449px; border-top: dotted #949494 1px; border-bottom: dotted #949494 1px; font: 12px Arial, Helvetica, sans-serif; color: #646c77; padding: 5px 0 5px 0; margin-bottom: 10px}
/* Thumbs Up! */
.thumbsup-image img {padding:4px; border: 1px solid #f8c122; background: #f1f1f1; margin-right:4px; margin-top:-1px;}
.thumbsup-image {border-bottom: 1px #999 solid; margin-bottom:10px; padding-bottom:3px; padding-top:3px; padding-left:0px;}
.thumbsup-title {font-size:15px; font-weight:bold;}
.thumbsup-intro {font-size:10px; font-weight:normal;}
.thumbsup-text {border-bottom: 1px #777776 dotted; padding:9px 0 10px 0;}
.thumbsup-text a {font-weight:normal;}
.thumbsup-date {font-weight:normal; font-size:10px; padding-bottom:0px;}
td.thumbsup-image-news img {padding:4px; border: 1px solid #f8c122; background: #f1f1f1; margin-right:4px; margin-top:-1px;}
td.thumbsup-image-news {border-bottom: 1px #999 solid; margin-bottom:10px; padding-bottom:3px; padding-top:3px; padding-left:0px;}
td.thumbsup-text-news {border-bottom: 1px #999 solid;}
.thumbsup-date-news {font-weight:normal; font-size:8px; padding-bottom:0px;}
/* End Thumbs Up! */

#news-scroller {position:absolute; left:254px; top:249px; width:560px; height:20px; z-index:1;}
#news-scroller a:link, #news-scroller a:visited {text-decoration: none;}
a.thumbsup-title-thumbsup-lead1:link, a.thumbsup-title-thumbsup-lead1:visited {font: 28px Arial, Helvetica, sans-serif; color: #174c7f; font-weight:100; text-decoration:none; border-bottom: 1px dotted #949494; margin: -17px 0 12px -2px; padding-bottom: 10px; display:block; position:relative; text-align: left;}
a.thumbsup-thumb-thumbsup-lead1 img {border: 1px solid #c8c7bc; padding: 3px; margin: -7px 0px 0px 0;}
div.thumbsup-title-thumbsup-lead1 {width: 449px;}
div.thumbsup-intro-thumbsup-lead1 {width: 449px; text-align: justify;}
/* div.thumbsup-intro-thumbsup-lead1 a {
	position:relative;
	display: block;
	text-align: right;
	font: 11px Arial, Helvetica, sans-serif;
	color: #0088cc;
} */
div.thumbsup-intro-thumbsup-lead1 a {text-decoration: none; font: 12px Arial, Helvetica, sans-serif; color: #656c74}
div#main-content table {padding: 0px; border: 0px;}
div#main-content .balsav table td {padding: 1px;}
.hevesisandorszinhaz #footer #inner-footer #tamogatok-footer {
	padding-top: 12px;
	margin-left: 187px;
	text-align: left;
}
.hevesisandorszinhaz td.contentheading-hirek a {
	xborder-bottom:1px solid #C4C4C4;
	color:#174C7F;
	display:block;
	font:100 28px Arial, Helvetica, sans-serif;
	margin:0 0 11px;
	text-decoration:none;
}
.hevesisandorszinhaz div.hirek-oldal table.contentpaneopen-hirek div.featured-col2-article img {
	width:1px;
	height: 1px;
	visibility:hidden
}
.hevesisandorszinhaz a.readon-hirek {
	display:block;
	text-align: right;
	width: 920px;
	margin-top:5px;
}

.hevesisandorszinhaz #container #main-content .hirek-oldal .contentpaneopen-hirek #article .featured-col1 {
	width: 920px;
}

.hevesisandorszinhaz .lead-img-border-nobottom  img {
	border: 0px;
}

/*--------------------------------------------------*/

.fotartalom { color: #000; background: #e4dddd; padding: 10px; width: 880px; text-align: left; }
/*h1 { font-family: georgia; font-size: 22px; }
h2 { font-family: georgia; font-size: 19px; }
h3 { font-family: georgia; font-size: 15px; }
.megvesz fieldset { width: auto; margin: 10px 0; padding: 5px; }
.megvesz fieldset legend { font-weight: bold; color: #888; }
.megvesz fieldset table { width: 100%; }
.megvesz fieldset table th { width: 120px; text-align: left; font-weight: bold; }
.megvesz fieldset .input { width: 99%; }
.megvesz fieldset textarea { width: 98.7%; height: 75px; }
#foot .alja_felkover {font-family: var(--default-font); font-size: 12px; font-weight: bold}
#foot .alja_felirat {font-family: var(--default-font); font-size: 11px; color: #000000}
#foot a:link {color: #333333; text-decoration: none; font-size: 10px}
#foot a:visited {text-decoration: none; color: #333333}
#foot a:hover {text-decoration: underline; color: #003366}
#foot a:active {text-decoration: none; color: #333333}
*/


/* global */
.row {margin-right: -15px; margin-left: -15px}
.flex {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}

/* input, textarea, select */
input[type="text"], select, textarea {
    background-color: var(--default-color-1); min-width: 46px; height: 52px; margin: 0; padding: 1px 10px 0; border-color: var(--default-color-3); border-style: solid; border-width: 1px; color: var(--default-color-4); font-family: inherit; font-size: 0.889rem; font-weight: 400; line-height: 1.2;
    outline: none; resize: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.375rem; -webkit-transition: var(--globaltransition); -moz-transition: var(--globaltransition); transition: var(--globaltransition)
}
select {background-color: var(--default-color-1); background-image: url('art/icon-chevron-down.svg'); background-position: right 10px top 14px; background-repeat: no-repeat; background-size: 16px; width: 220px; height: 44px; padding-right: 37px; cursor: pointer; word-wrap: normal}
/*.input:focus, .capcsa_input:focus, select:focus, textarea:focus {background-color: var(--white); border-color: var(--gray); color: var(--black)}*/

textarea {width: 100%; height: 200px; padding: 10px; line-height: 24px}

button, input[type="button"], input[type="submit"] {
	background-color: var(--default-color-5); display: inline-block; width: auto; min-width: 50px; min-height: 60px; height: auto; margin: 15px auto 0; padding: 4px 30px 2px; border: 1px solid transparent;
	color: var(--default-color-1); font-family: inherit; font-size: 0.889rem; font-weight: 400; line-height: 1.2; text-align: center; text-decoration: none; text-transform: uppercase;
	outline: none; cursor: pointer; position: relative; z-index: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;
	border-radius: var(--globalradius); -webkit-transition: all 0.2s cubic-bezier(.25,.46,.45,.94); -moz-transition: all 0.2s cubic-bezier(.25,.46,.45,.94); transition: all 0.2s cubic-bezier(.25,.46,.45,.94)
}
input[type="button"]:hover, input[type="submit"]:hover {background-color: var(--default-color-6)}


@media (max-width: 1180px){

.event-table .event-date {width: 75px}
.event-table .event-date .event-date-ymd, .event-table .event-date .event-date-time {width: 75px; font-size: 20px; padding: 12px 7px}
.event-table .event-data {width: calc(100% - 75px); padding-left: 15px}


}

@media (max-width: 992px){

#header-content {height: auto; line-height: 0}
	#home_link {
	  width: auto;
	}
#home_link img {
	width: auto;
	  height: 80px;
	  padding: 0;
	  position: relative;
}


#menu {min-height: 1px; height: auto}
#menu-bg ul {}


#inner-footer {padding-top: 20px; padding-bottom: 20px}
#inner-footer-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#home_link_footer {width: 150px; margin: 0 auto 1rem}
	#home_link_footer img {
	  background-color: var(--default-color-1);
	  width: auto;
	  height: 100px;
	  padding: 16px;
	}

#inner-footer-content .contact-data {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex: 0 0 100%; width: 100%; max-width: 100%; padding-top: 0; border-bottom: 1px solid rgba(255,255,255,0.1); text-align: center}
#inner-footer-content .payment-data {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 400px; margin: 0 auto; padding-bottom: 0}
#inner-footer-content .payment-data a {padding: 10px; line-height: 0; text-align: center; border-radius: 1px; width: 400px}
#inner-footer-content .payment-data a br {display: none}
#inner-footer-content .payment-data a img:first-child {margin-right: 10px; margin-bottom: 0}


.event-table {display: block}
.event-table > tbody {display: block; width: 100%}
.event-table > tbody > tr {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%}
.event-table > tbody > tr > .event-date {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-bottom: 10px}
.event-table .event-date .event-date-ymd {margin-bottom: 0; margin-right: 10px}
.event-table .event-date .event-date-time {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
.event-table > tbody > tr > .event-data {width: 100%; padding-left: 0}

.left-side {float: none; width: 100%; padding-right: 0}
.right-side {float: none; width: 100%; max-width: 434px; margin: 60px auto 0; position: relative; top: auto}

#shiftIn + label[for="shiftIn"] {display: none!important}

}
@media (max-width: 834px){

.event-table {width: calc(100% - 30px)}
.event-table > tbody > tr > .event-date {width: 85px}
.event-table .event-date .event-date-time {margin-top: 10px}
.event-table > tbody > tr > .event-data {width: calc(100% - 85px)}


}
@media (max-width: 768px){

#header-content .onlinejegy {font-size: 0.889rem}

}
@media (max-width: 640px){

#header-content .onlinejegy {margin-left: auto; font-size: 1rem}

	#header-search {
	-webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; width: 100%; margin: 15px 0 0; padding-top: 15px; border-top: 1px solid rgba(0,0,0,0.13);
	}
	#header-search input#mod_search_searchword {
	width: 100%;
	height: 42px;
	}
	#header-search .buttonsrch {
	width: 42px;
	height: 42px;
	margin-left: -42px;
	}

#menu {padding: 0}
#menu-bg ul {height: auto; margin: 0; padding: 0}
#menu-bg ul li {width: 100%; margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,0.2)}
#menu-bg ul li a {display: block; width: 100%; padding: 14px 15px 12px}

.event-full-header h1 {max-width: 100%}

.content-inner:not(.mobile-order) .right-side {order: -1; margin: 0 auto 40px}

.vasarlas-kosar {display: block; width: 100%}
.vasarlas-kosar tbody {display: block; width: 100%}
.vasarlas-kosar tbody .th {display: none!important}
.vasarlas-kosar tbody .td {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; margin-bottom: 20px}
.vasarlas-kosar tbody .td td {width: 100%; margin-bottom: 1px; text-align: center!important}
.vasarlas-kosar tbody .td td:first-child {background-color: var(--default-color-4); color: var(--default-color-1)}

.vasarlas-kosar tbody .vasarlas-kosar-lablec {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.vasarlas-kosar tbody .vasarlas-kosar-lablec td:nth-child(1), .vasarlas-kosar-lablec td:nth-child(2) {display: none}
.vasarlas-kosar tbody .vasarlas-kosar-lablec td:nth-child(3) {width: 50%; text-align: left!important}
.vasarlas-kosar tbody .vasarlas-kosar-lablec td:nth-child(4) {width: 50%}

.stage-outerbox {padding-bottom: 40px}
.hely-kategoriak {
  top: auto;
  bottom: 0;
  background-color: #ffffff;
  height: 40px;
  width: 100%;
  left: 0;
  display: flex; justify-content: center; gap: 5px 10px
}
.hely-kategoriak > div {margin: 0!important}

}
@media (max-width: 434px){

.left-side .left-side-inner .event-back + h2 {margin-bottom: 60px}

#stageInner {aspect-ratio: 721/677}

.event-table > tbody > tr > .event-date {width: 100%}
.event-table .event-date .event-date-time {margin-top: 0}
.event-table > tbody > tr > .event-data {width: 100%}

.event-table .event-data .event-data-list {display: block; width: 100%; padding: 5px 0!important; overflow: hidden; border-radius: 0.375rem}
.event-table .event-data .event-data-list tbody {display: block; width: 100%}
.event-table .event-data .event-data-list tbody tr {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #dee2e65e; width: 100%; margin-bottom: 1px; padding: 5px 7px}
.event-table .event-data .event-data-list tbody tr td {}
.event-table .event-data .event-data-list tbody tr td:first-child {width: 100%; font-weight: 600}
.event-table .event-data .event-data-list tbody tr td:nth-child(2) {margin-right: 5px}
.event-table .event-data .event-data-list tbody tr td:nth-child(3)::after {display: none!important}
.event-table .event-data .event-data-list tbody tr td:nth-child(4) {margin-right: 5px; margin-left: auto}

fieldset.user-data table tbody tr th {width: 100%; padding: 0 4px}



}