/*
Theme Name: Zainspirowani Japonią VIII
Author: Paweł Małkowski
Author URI: https://swiezopalona.pl
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*Wordpress editor styles start*/

.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}

/*Wordpress editor styles end*/

* {
	font-family: 'Titillium Web', sans-serif;	
}

body {
	background-color: #d7d7d7;	
}

.clear {
	clear: both;
}

#preheader {
	background-color: #ebebeb;
	width: 100%;
}

#header {
	height: 75px;	
	background-color: #ebebeb;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default {
    border-color: #ebebeb;
	background-color: #ebebeb;
	border-radius: 0px;
    margin-bottom: 0px;
    border: 0px solid transparent;
}

.navbar-brand {
    height: 75px;
	padding: 12px 15px;
}

.navbar-brand img {
	width: auto;
	height: 50px;	
}

.navbar-nav>li>a {
	padding-top: 0px;
	padding-bottom: 0px;
}

.navbar-default .navbar-nav>li>a { 
	color: #464646;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 75px;
}

#main-section {
	border-top: 1px solid #c5c4c3;
	background-color: #ebebeb;
}

.page ol, .page ul {
    padding-left: 13px;
}

.glowna ol, .glowna ul {
    padding-left: 13px;
}

.page hr {
	border-top: 1px solid #d2d2d2;
}

.glowna hr {
	border-top: 1px solid #d2d2d2;
}

.type-page {
	padding-bottom: 60px;
}

/*.glowna {
	padding-bottom: 60px;
}*/

.home #main-section {
	background-color: #464646;
    /*background-image: url(img/layer2.jpg);*/
    /*background-size: cover;
    background-repeat: no-repeat;*/
    width: 100%;
    background-position: top center;
}

.home #main-container {
	height: 100%;
}

.home #post-3437 > div:nth-child(1) {
	padding:0px; 
}

.home #post-3437 > div:nth-child(2) {
	background-color: #464646;
	padding: 85px 0;
}

.home .post h2 {
	padding-top: 0px;
	margin-top: 0px;
	font-size: 42px;
	font-weight: 800;
	color: #e94860;
	text-align: left;
}

.home .post p {
	color: #ffffff;
}

.page h2 {
	font-size: 16px;
	text-align: center;
	font-weight: 800;
}

.glowna h2 {
	font-size: 16px;
	text-align: center;
	font-weight: 800;
}

.glowna .post h2 {
	text-align: left;
}

.post p {
	font-size: 14px;
}

.button {
	margin-top: 30px;
	width: 160px;
	height: 56px;
	border: 1px solid #c5c4c3;
	background-color: #e94860;
	float: right;
}

.button a { 
	font-weight: 800;
    text-transform: uppercase;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    line-height: 56px;
    padding: 16px 31px;
}

.button a:hover { 
	text-decoration: none;
}

.bottom-menu {
	border-top: 1px solid #c5c4c3;
	background-color: #949494;
	height: 45px;
}

.bottom-menu a {
	color: #ebebeb;
	font-size: 12px;
}

.bottom-menu .navbar-nav>li>a { 
	color: #ebebeb;
	font-weight: 400;
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 45px;
}

.bottom-menu .navbar-nav>li>a:hover {
	color: #949494;
	text-decoration: none;
}

.podmenu {
	border-bottom: 1px solid #d2d2d2;
	height: 45px;
	margin-bottom: 20px;
}

.podmenu .navbar-nav>li>a { 
	color: #ebebeb;
	font-weight: 400;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 45px; 
	font-size: 16px;
	color: #464646;
}

.podmenu .navbar-nav>li:hover, .podmenu .navbar-nav>li>a:hover {
	background: transparent !important;
	color: #e88d9b;
}

.podmenu .navbar-nav > li.current-menu-item > a {
	color: #e88d9b;
}

#footer {
	background-color: #d7d7d7;
}

#footer h3 {
	font-size: 12px;
	color: #9f9f9f;
}

/*.patroni, .sponsorzy, .partnerzy {
    margin-top: 20px;
}*/

#footer ul {
	padding: 0px;	
}

#footer ul li {
	text-decoration: none;
	display: inline-block;
    padding: 6px 0px 0px 0px;
}

#footer .o-stronie {
	font-size: 11px;	
}

/***** aktualna edycja *****/
.archive .postcover {
	width: 100%;
	height: 255px;
	margin-bottom: 30px;
	background-size: cover !important;
}

.archive .postcover.duzy {
	height: 510px;
}

.archive .title h2 {
	text-align: center;
	font-size: 16px;
}

.archive .podlew {
	background-color: rgb(210, 210, 210);
	opacity: 0.8;
	height: 80px;
	z-index: 15;
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
	display: none;
}

.archive .box a:hover {
	text-decoration: none !important;
}

.archive .postcover:hover .podlew {
	display: block !important;
}

.archive .podlew .opis {
	padding: 0px;
	margin: 0px;		
	color: #464646;
	text-decoration: none !important;
}

.archive .podlew .wyroznienie {
	font-size: 18px;
	font-weight: 800;
	color: #e94860;
}

.archive .podlew .title {
	font-size: 18px;
	font-weight: 800;
}

.archive .podlew .autor {
	font-size: 14px;
}

.archive #menu-stopka, .single #menu-stopka {
	margin-left: 15px;
}

.aktualne {
	min-height: 59vh;
}

/***** koniec aktualna edycja *****/


.single .nawigacja {
	margin-top: 225px;
	border-top: 1px solid #c2c2c2;
	padding-top: 15px;
	text-align: center;
}

.single .tytul {
	font-weight: 800;
	font-size: 18px;
	margin-bottom: 5px;
}

.single .autor {
	font-size: 14px;
	margin-top: 0px;
}

.single .ocenianie {
	margin: 20px 0px;	
}

.single .title h2 {
	text-align: center;
	font-size: 16px;
	padding-top: 5px;
	border-top: 1px solid #d2d2d2;
	margin-bottom: 15px;
}

.single .postcover {
	height: 255px;
	margin-bottom: 30px;
	background-size: cover !important;
}

/************* */

#nav-above {
	margin-top: 30px;	
}


#nav-above .nav-previous {
	float: left;
	width: 50%;
	text-align: right;
	padding-right: 5px;
}

#nav-above .nav-next {
	float: right;
	width: 50%;
	text-align: left;
	padding-left: 5px;
}

#nav-above .nav-previous a, #nav-above .nav-next a {
	color: #898989;
	font-size: 12px;
	text-decoration: none;
}

#nav-above .nav-previous a:hover, #nav-above .nav-next a:hover {
	text-decoration: none;
}

#FSContact2 label, #FSContact3 label, #FSContact3 select {
	font-weight: 400;
	font-size: 14px;	
}

#FSContact1 input, #FSContact2 input, #FSContact3 input, #FSContact1 textarea, #FSContact2 textarea, #FSContact3 textarea, #FSContact3 select {
	background-color: #f4f4f4;
	border: 0px;
}

#FSContact2 #fscf_submit2, #FSContact3 #fscf_submit3 {
    cursor: pointer;
    margin: 0;
    background-color: #e94860;
    color: #ffffff;
    padding: 16px 30px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}


#FSContact3 .fscf-div-clear {
	float: left;
	width: 50%;
	margin-bottom: 25px;
}

#FSContact3 .fscf-div-error {
	color: #e94860;
}

#FSContact3 #fscf_div_clear3_5 .fscf-div-clear {
	display: none;
}

#FSContact3 .fscf-div-clear:nth-child(2n+2) {
	width: 48%;
	margin-right: 2%;
}

#FSContact3 #fscf_submit_div3 {
	margin-top: 20px;
}

#FSContact3 textarea {
	height: 150px !important;
}

#FSContact3 #fscf_div_clear3_10, #FSContact3 #fscf_div_clear3_11 {
	float: none;
    width: 100%;
    clear: both;	
}

#FSContact3 #fscf_hint_file_types3_8, #FSContact3 #fscf_hint_file_types3_9 {
	display: none;
}

#FSContact3 .fscf-input-checkbox {
	margin-right: 10px;
	float: left;
}

#FSContact3 #fscf_div_field3_11 label, #FSContact3 #fscf_div_field3_10 label { 
	display: inline;
    position: absolute;
    
    margin-left: 10px;
}

#FSContact3 #fscf_div_field3_10 label {
	
}

#FSContact3 #fscf_captcha_image_div3 {
	clear: both;
}

#FSContact3 form input.fscf-input-text, #FSContact3 form select, #FSContact3 textarea {
	width: 100%;
}

/* #FSContact3 #fscf_div_clear3_0 > div {
	padding-left: 0px !important;
	float: none !important;
}*/

#FSContact3 #fscf_field3_8::-webkit-file-upload-button, #FSContact3 #fscf_field3_9::-webkit-file-upload-button, .wpcf7-form .wpcf7-form-control.wpcf7-file::-webkit-file-upload-button {
  visibility: hidden;
}

#FSContact3 form input:not(#fscf_submit3), #FSContact3 form select, #FSContact2 form input:not(#fscf_submit2), #FSContact2 form select {
	height: 30px !important;
}

#FSContact3 #fscf_field3_8::before, #FSContact3 #fscf_field3_9::before, .wpcf7-form .wpcf7-form-control.wpcf7-file::before {
  content: 'Dodaj plik';
  display: inline-block;
  background: #949494;
  color: #ffffff;
  padding: 5px 12px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
	user-select: none;
	user-select: auto;
	user-select: text;
	user-select: contain;
	user-select: all;

	-moz-user-select: none;
	-moz-user-select: text;
	-moz-user-select: all;

	-webkit-user-select: none;
	-webkit-user-select: text;
	-webkit-user-select: all; /* does not work in Safari, use only "none" or "text", or else it will allow to type in the html container*/

	-ms-user-select: none;
	-ms-user-select: text;
	-ms-user-select: element;
  cursor: pointer;
  font-weight: 800;
  font-size: 14px;
}

#FSContact3 select, .wpcf7-form select {
   -webkit-appearance: none;
   -moz-appearance: none;
   width: 250px;
   height: 30px;
   overflow: hidden;
   background: url('img/w-dol-ikona.jpg') no-repeat right #f4f4f4;
   padding-left: 10px;
   margin-top: 5px;
}

#wpcf7-f3006-p37-o1 {
	width: 50%;
}

.wpcf7-form label {
	color: #464646;
	font-size: 14px;
	font-weight: 400;
	width: 100%;
}

.wpcf7-form input[type=text], .wpcf7-form input[type=email] {
	height: 30px;
	border: 0px;
	margin-top: 5px;
	padding-left: 10px;
	width: 50%;
}

.wpcf7-form textarea {
	border: 0px;
	margin-top: 5px;
}

.wpcf7-form .wpcf7-submit {
	border: 0px;
    margin-top: 5px;
    background-color: #e94860;
    line-height: 30px;
    height: 50px;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
	padding: 0 30px;
}

@media screen and (max-width: 767px) {
    .home #main-section {
		background-size: cover;
		height: auto;
	}
	
	.home #main-container {
		margin-bottom: 15px;
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default {
		z-index: 1;
	}

	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 5px;
	}
	
	.navbar-nav {
		margin: 0px;
	}
	
	.nav:not(#menu-top)>li {
		position: relative;
		display: block;
		float: left;
	}
	
	.navbar-collapse {
		border-bottom: 1px solid #000000;
	}
}