body {
	font-family: 'PT Sans', sans-serif;
	line-height: 1.5em;
	color: #333333;
}

/* fejléc */

header {
		position: fixed;
		background-color: #f1832c;
		overflow: auto;
		display: table;
		width: 100%;
		z-index: 100;
	}
	header h1, header nav {
		display: table-cell;
		vertical-align: middle;
		text-transform: uppercase;
		font-family: 'Dosis', sans-serif;
	}
	header h1 a, header nav a {
		color: #eeeeee;
		letter-spacing: 1px;
		font-weight: bold;
		text-decoration: none;
		padding: 10px;
		vertical-align: middle;
	}
	header h1 a {
		font-size: 35px;
	}
	header nav a {
		font-size: 20px;
	}
	header nav a.logout:before {
		content: '';
		background-image: url('/theme/images/siluet-white.png');
		background-size: contain;
		display: inline-block;
		/*vertical-align: middle;*/
		margin-right: 6px;
		margin-bottom: -2px;
		width: 20px;
		height: 20px;
	}
	header h1 {
		padding: 10px 0 15px 4%;
	}
	header nav {
		padding: 10px 4% 10px 0;
		text-align: right;
	}
	.headerspacer {
		height: 53px;
	}

/*  */

body.page-fooldal main {
	display: block;
	padding-top: 0px;
}
a { 
	color: #777;
}
h1 { 
	color: #f1832c;
}
h2 {
	color: #575757;
	text-align: center;
	font-weight: bold;
	font-family: 'Dosis', sans-serif;
	font-size: 40px;
	margin: 1em auto;
}

/* idézet */

blockquote {
	margin: 1.5em 0px;
	padding: 1em 10px 0em 70px;
	quotes: "\201C""\201C""\201C""\201C";
	position: relative;
	}
	blockquote:before {
		color: #f1832c;
		content: open-quote;
		font-size: 6em;
		line-height: 0.1em;
		margin-right: 0.15em;
		vertical-align: -0.4em;
		position: absolute;
		top: 40px;
		left: 25px;
	}
	blockquote p {
		margin: 0;
	}

/*** egyéb ***/

.apro {font-size: 80%;}
.dnone {display: none;}
.dblock {display: block;}
.warning {color: #f1832c;}
.o50 { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }
.oh100:hover { -moz-opacity:1; filter:alpha(opacity=100); opacity:1; }
.pagewidth, section {width: 80%; max-width: 1150px; margin: auto;}
.fullwidth {width: 100%; max-width: 100%; margin: auto;}
.error-msg, .success-msg {
	color: #FFF;
	padding: 10px 20px;
	display: none;
}
.error-msg { background-color: #db4437; }
.success-msg { background-color: #0eb38e; }

.mtb50 { margin-top: 50px; margin-bottom: 50px; }
.minH300 { min-height: 300px; }

.floatr { float: right; }

/* űrlapelemek */

input[type=text],
input[type=email],
input[type=password],
textarea,
select {
		padding: 10px;
		border: 1px #BBB solid;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		box-sizing: border-box;
	}
	input[readonly] {
		color: #999;
		background-color: #EEE;
		cursor: default;
		-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; 
		-moz-user-select: none; -ms-user-select: none; user-select: none; 
	}
	input[type=submit],
	input[type=button],
	button,
	.button {
		background-color: #f8862c;
		color: #555;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		padding: 10px 30px;
		-webkit-transition: background-color 0.3s ease, color 0.3s ease;
		transition: background-color 0.3s ease, color 0.3s ease;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		cursor: pointer;
		position: relative;
		border: 0px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		transition: all  0.35s;
		-moz-transition: all  0.35s; 
		-webkit-transition: all  0.35s; 
		-o-transition: all  0.35s; 
	}
	input[type=submit]:hover,
	input[type=button]:hover,
	button:hover,
	.button:hover {
		color: white;
		background-color: #f5b800;
	}
	input[type=submit] .fa-arrow-right,
	input[type=button] .fa-arrow-right,
	button .fa-arrow-right,
	.button .fa-arrow-right {
		margin: 0px -7px 0px 5px;

	}

/* bejelentkező űrlap */

.auth-box {
		width: 300px;
		margin: 30px auto;
		min-height: 350px;
	}
	.auth-box table {
		width: 100%;
	}
	.auth-box input[type=text],
	.auth-box input[type=email],
	.auth-box input[type=password],
	.auth-box input[type=button] {
		width: 100%;
	}

/* szakaszok címe */

.sectiontitle {
	position: relative;
	width: 50%;
	margin: 1.9em auto 1.3em auto;
	padding-top: 1.2em;
	border-top: 1px #f1832c solid;
	text-transform: uppercase;
}
.sectiontitle:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 20px;
	background-image: url(/theme/images/point.png);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: -10px;
	left: 0;
}

/* nyitókép */

#wellcome {
		/*background-image: url(/files/1/nyito.jpg);*/
		background-attachment: fixed;
		background-size: cover;
		min-height: 500px;
		text-align: center;
		padding-top: 60px;
		position: relative;
	}
	#wellcome .overlay {
		position: absolute;
		background: rgba(0, 0, 0, 0.17);
		width: 100%;
		height: 100%;
		top: 0;
	}
	#wellcome .inner {
		display: inline-block;
		position: absolute;
		font-style: italic;
		text-align: right;
		font-weight: lighter;
		right: 7%;
		bottom: 18%;
		font-size: 1.8em;
		line-height: 1.2em;
		color: #d6dadb;
		text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	}

#introduce {
	margin: auto;
	text-align: justify;
}

/* blog post lista */

#blog .item {
		border-bottom: 2px #f1832c solid;
		position: relative;
		overflow: auto;
		transition: all  0.35s;
		-moz-transition: all  0.35s; 
		-webkit-transition: all  0.35s; 
		-o-transition: all  0.35s; 

	}
	#blog .item:hover {
		background-color: #EEE;
	}
	#blog .items .item:nth-child(1) {
		border-top: 2px #f1832c solid;
	}
	#blog a {
		text-decoration: none;
	}
	#blog .image {
		width: 330px;
		height: 200px;
		box-sizing: border-box;
		object-fit: cover;
		object-position: center;
		float: left;
		margin-right: 40px;
		transition: all  0.35s;
		-moz-transition: all  0.35s; 
		-webkit-transition: all  0.35s; 
		-o-transition: all  0.35s; 
	}
	#blog .image:hover {
		object-position: bottom;
	}
	#blog .date {
		position: absolute;
		top: 15px;
		left: 15px;
		width: 45px;
		height: 70px;
		display: inline-block;
		text-align: center;
		color: #888888;
		background-color: white;
		font-family: 'Dosis', sans-serif;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	#blog .date b {
		display: block;
		font-size: 27px;
	}
	#blog .title,
	#blog .lead {
		margin: 30px 40px 0px 40px;
		text-decoration: none;
	}
	#blog .title {
		color: #f1832c;
		font-family: 'Dosis', sans-serif;
		font-size: 25px;
	}
	#blog .morepost {
		text-align: center;
	}
	#blog .button {
		min-width: 100px;
	}

/* cikk - blog post */

#article {
		width: 70%;
		max-width: 700px;
		margin: auto;
		padding: 25px 0;
	}
	#article img {
		width: 97%;
		margin: 20px 0;
	}
	#article h1 {
		margin: 0 0 5px 0;
		line-height: 1.2em;
	}
	#article .subtitle {
		margin-top: 0px;
	}
	#article .suptitle {
		margin-bottom: 0px;
	}
	#article.date-writer {
		
	}

/* kommentek */

#comments {
		
	}
	#comments .item {
		border-top: 1px #d7d7d7 solid;
		padding-top: 15px;
		margin-top: 15px;
	}
	#comments .date {
		color: #888;
	}
	#comments .reply {
		float: right;
		margin-top: -15px;
		cursor: pointer;
	}
	#comments form {
		margin-top: 35px;
	}
	#comments textarea {
		width: 100%;
	}

/* kapcsolat */

#kapcsolat {
		padding: 6% 29% 8% 29%;
		box-sizing: border-box;
		background-image: url(/files/1/kapcsolat.jpg);
		background-size: cover;
		background-position: 0 1%;
		background-attachment: fixed;
		width: 100%;
		height: 100%;
		/*min-height: 400px;*/
	}
	#kapcsolat form {
		background-color: rgba(255, 255, 255, 0.7);
		padding: 50px 10%;
		text-align: center;
		min-width: 400px;
		max-width: 570px;
		margin: auto;
	}
	#kapcsolat .text {
		margin-bottom: 3%;
	}
	#kapcsolat textarea,
	#kapcsolat button,
	#kapcsolat input {
		width: 100%;
		min-width: 300px;
		max-width: 100%;
	}
	#kapcsolat button:after {
		content: "\f061";
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		margin-left: 9px;
	}
	#kapcsolat table {
		margin: auto;
		width: 55%;
	}
	#kapcsolat tr td:nth-child(1) {
		text-align: right;
	}
	#kapcsolat tr td:nth-child(1),
	#kapcsolat tr td:nth-child(3) {
		width: 20%;
	}
	#kapcsolat tr td:nth-child(1) {
		text-align: right;
		padding-top: 7px;
	}
	#kapcsolat td {
		padding: 5px;
		vertical-align: top;
	}
	#kapcsolat p:first-child {
		margin-top: 0px;
	}

/* lábléc */

footer {
		display: block;
		background-color: #222222;
		padding: 25px;
		color: #DDD;
	}
	footer a {
		color: #DDD;
	}
	body:not(.page-fooldal) footer {
		margin-top: 40px;
	}

/*** screen ***/

@media (min-width: 700px){
	.mobilview { display: none; }
}