/*
Theme Name: Mikołaj Warszawa
Theme URI: http://mikolajwarszawa.pl
Author: Jaroslaw Majcher
Author URI: http://jaroslawmajcher.pl/
Description: Mikołaj Warszawa
*/

/* ALL */
* { margin: 0; }
:focus { outline: 0px none currentColor; }

/* DOCUMENT SETTINGS */
html, body { height: 100%; }
body { margin: 0px 0px 0px 0px; font-size: 13pt; line-height: 150%; text-align: justify; font-family: "Segoe UI", "helvetica", "Tahoma", "helvetica", "Arial", "Verdana", sans-serif; text-rendering: optimizeLegibility; background-color: #ebebeb;}

p { margin: 0px 0px 10px 0px; }

/* POZYCJONOWANIE STRONY */		
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -300px; }
.push { height: 300px; clear: both; }
.container960 { width: 960px; margin-left: auto; margin-right: auto; overflow: hidden; height: 100%; position: inherit; }
.w100p { width: 100%; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w700 { width: 700px; }
.left { display: block; float: left; }
.right { display: block; float: right; }
.middle { display: block; }
.clearRight { clear: right; }
.clearLeft { clear: left; }
.clearNone { clear: none; }
.clear { clear: both; }

.alignCenter { text-align: center !important; }
.inline { display: inline-block !important; }

/* HEADER */
#pageHeader { width: 100%; height: 450px; background: url('images/bg-wzory.png') repeat 50% 50%; overflow: hidden; color: #ffffff; margin: 0px 0px 0px 0px; }
	#pageHeader div.snow { width: 100%; height: 100%; background: url('images/bg-snieg.png') repeat-x 50% 100%; overflow: hidden;}
		#pageHeader div.snow div.mikolaj { width: 340px; height: 450px; float: left; position: relative; overflow: hidden; }
			#pageHeader div.snow div.mikolaj img { position: absolute; top: 0px; left: 0px; }
			#pageHeader div.snow div.mikolaj h2 { display: inline-block; color: #ffffff; font-family: 'Lobster', cursive; line-height: 100px; font-size: 26px; font-weight: normal; margin: 0px; padding: 0px; }
				#pageHeader div.snow div.mikolaj h2 span.mikolaj { display: inline-block; width: 190px; }
				#pageHeader div.snow div.mikolaj h2 span.warszawa { display: inline-block; width: 110px; }
		#pageHeader div.snow div.zamowMikolaja { width: 240px; height: 350px; float: left; overflow: hidden; }
			#pageHeader div.snow div.zamowMikolaja a { display: block; margin: 80px 0px 0px 0px; }
		#pageHeader div.snow div.kontaktMenu { width: 620px; height: 100px; float: right; text-align: right; }
			#pageHeader div.snow div.kontaktMenu span.phone { display: inline-block; height: 100px; line-height: 100px; font-size: 14pt; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 38px; background: url('images/icon-phone.png') no-repeat 0% 50%; font-family: 'Lobster', cursive; }
			#pageHeader div.snow div.kontaktMenu a.mail { display: inline-block; height: 100px; line-height: 100px; font-size: 14pt; margin: 0px 0px 0px 30px; padding: 0px 0px 0px 40px; background: url('images/icon-mail.png') no-repeat 0% 50%; font-family: 'Lobster', cursive; color: #ffffff; text-decoration: none; }
		#pageHeader div.snow div.choinka { width: 370px; height: 350px; float: right; text-align: right; }

#pageMenu { width: 100%; padding: 50px 0px; }
	#pageMenu div.menuBox { width: 300px; float: left; text-align: center; }
	#pageMenu div.menuBoxAtrakcje { margin: 0px 0px 0px 30px; }
	#pageMenu div.menuBoxCennik { margin: 0px 0px 0px 0px; }
	#pageMenu div.menuBoxKontakt { margin: 0px 30px 0px 0px; }
		#pageMenu div.menuBox a { display: inline-block; text-decoration: none; color: #a0201f; font-size: 16pt; font-family: 'Lobster', cursive; }

#pageContent { overflow: hidden; }
	#pageContent div.page { padding: 40px 0px; }
		#pageContent div.page h1 { text-align: center; margin: 0px 0px 30px 0px; padding: 10px 0; font-weight: normal; font-size: 26pt; font-family: 'Lobster', cursive; }
		#pageContent div.page h1:before { display: inline-block; height: 1px; width: 100px; margin: 7px 10px; content: ""; }
		#pageContent div.page h1:after { display: inline-block; height: 1px; width: 100px; margin: 7px 10px; content: ""; }

	#pageContent div.page-atrakcje { color: #f98721; background-color: #f1e4b0; }
		#pageContent div.page-atrakcje h1:after { background-color: #f98721; }
		#pageContent div.page-atrakcje h1:before { background-color: #f98721; }
	#pageContent div.page-cennik { color: #8b8b8b; background-color: #ebebeb; }
		#pageContent div.page-cennik h1:after { background-color: #8b8b8b; }
		#pageContent div.page-cennik h1:before { background-color: #8b8b8b; }
	#pageContent div.page-filmy { color: #a0201f; background-color: #ffffff; }
		#pageContent div.page-filmy h1:after { background-color: #a0201f; }
		#pageContent div.page-filmy h1:before { background-color: #a0201f; }
	#pageContent div.page-kontakt { color: #ffffff; background: #a0201f url('images/bg-kontakt.png') repeat-x 50% 0%; }
		#pageContent div.page-kontakt h1:after { background-color: #ffffff; }
		#pageContent div.page-kontakt h1:before { background-color: #ffffff; }

div.formularz_kontaktowy { overflow: hidden; }
		div.formularz_kontaktowy div.send_ok { text-align: center; padding: 5px 0px; border: 1px solid #7FA11E; color: #7FA11E; background-color: #d2f07e; margin: 0px 0px 10px 0px; }
		div.formularz_kontaktowy div.send_error { text-align: center; padding: 5px 0px; color: #ab0000; background-color: #f07e7e; margin: 0px 0px 10px 0px; }
		div.formularz_kontaktowy div.send_status_close { display: none; }
	div.formularz_kontaktowy div.row { overflow: hidden; padding: 0px 0px 15px 0px; }
		div.formularz_kontaktowy div.row label { display: block; width: 100%; padding: 5px 0px; cursor: pointer; font-size: 14pt; font-family: 'Lobster', cursive; }
		div.formularz_kontaktowy div.row label.text {  }
		div.formularz_kontaktowy div.row label.textarea {  }
		div.formularz_kontaktowy div.row input { display: block; width: 100%; color: #A0201F; padding: 10px 10px; margin: 0px 5px 0px 0px; border: 1px solid #dedede; }
		div.formularz_kontaktowy div.row textarea { display: block; width: 100%; color: #A0201F; height: 220px; padding: 10px 10px; margin: 0px 5px 0px 0px; border: 1px solid #dedede; resize: none; }
	div.formularz_kontaktowy div.buttonrow { text-align: center; padding: 10px 0px; }
		div.formularz_kontaktowy div.buttonrow input[type=submit] { padding: 10px 30px; margin: 0px 10px; font-size: 14pt; font-family: 'Lobster', cursive; background-color: #ffffff; color: #A0201F; cursor: pointer; border: 0px; }

div.send_status_full { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 9999; background: url('images/bg-overlay.png'); }
	div.send_status_full div.send_error { position: absolute; top: 50%; left: 50%; width: 300px; margin: -20px 0px 0px -150px; display: block; padding: 20px 0px; }
	div.send_status_full div.send_ok { position: absolute; top: 50%; left: 50%; width: 300px; margin: -20px 0px 0px -150px; display: block; padding: 20px 0px; }
	div.send_status_full div.send_status_close { display: block; position: absolute; right: -10px; top: -10px; width: 25px; height: 25px; cursor: pointer; background-image: url('images/bt-close.png');  }


.wpcf7-form {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
textarea {
	font-size: 16px;
	background-color: #FFFFFF;
	border: none;
	width: 100%;
	padding: 15px 30px;
}

.wpcf7 input[type="submit"] {
	color: #A0201F;
	font-weight: 700;
	font-size: 16px;
	background: #FFFFFF;
	padding: 15px 25px 15px 25px;
	border: none;
	border-radius: 5px;
	width: auto;
	text-transform: uppercase;
	cursor: pointer;
}

.wp-block-image img {
	height: auto;
}

.wpcf7-not-valid-tip {
	color: #ffb900 !important;
}