/*
	Theme Name: Polish Jazz
	Theme URI: https://polishjazz.pl
	Description: Motyw Wordpress przygotowany dla Polish Jazz
	Version: 1.0.0
	Author: Dominik Rodzim
	Author URI: 
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	line-height: 1.8;
	color: #63625f;
	background: #ECEBE5;
	font-weight: 500;
	margin-top: 107px;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	text-decoration:none;
	transition: .3s;
}
a:hover {
	color:#d95919;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width: 1120px;
	width: 90%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {background: #242424;padding: 26px 0;position: fixed;width: 100%;top: 0;transition: .3s;z-index: 9999;}
.header.scroll {padding: 8px 0;}
.header .wrapper {display: flex;justify-content: space-between;align-items: center;}
/* logo */
.logo {

}
.logo-img {max-width: 165px; max-height: 35px}
/* nav */
.nav {
}
.nav ul {padding: 0;list-style: none;display: flex;}
.nav li {
}
.nav a {color: #eeede5;padding: 0 10px;text-transform: uppercase;font-size: 15px;font-weight: 400;}
.nav a:hover {
	color: #c94a21;
}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

h1, h2, h3, h4, h5, h6 {
	line-height: normal;
	font-family: "League Gothic", sans-serif;
	font-weight: normal;
	color: #63625f;
	margin: 0 0 15px 0;
	text-transform: uppercase;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

.swiper-button-next:after, .swiper-button-prev:after {
	color: white;
}

.swiper-pagination-bullet-active {
	background: #d95919!important;
}

.slider__i img {
	width: 100%;
}


.news__carousel {
}
.swiper {
}
.news .swiper-wrapper {margin-bottom: 50px;}
.swiper-slide {
}
.news__carousel-i {position: relative;padding: 10px 10px 6px 10px;background: #ECEBE5;transition: 0.2s;margin-bottom: 30px;border-bottom: 2px solid rgba(0, 0, 0, 0.05);transition: .3s;height: auto!important;}
.news__carousel-i:hover {
	border-bottom: 2px solid #d95919;
	transition: .3s;
}
.news__carousel-img-con {position: relative;}
.news__carousel-btn {position: absolute;bottom: 0;left: 0;color: #FFF !important;background: #d95919;text-transform: uppercase;font-size: 10px;padding: 3px 14px;font-style: normal;margin: 0;}
.news__carousel-h {font-size: 22px;margin-top: 10px;transition: .3s;}
.news__carousel-h:hover {
	color: #d95919;
}
.slider__pagination {
}
.swiper-pagination {
}
.news {
	background: #E1DDD3;
	padding: 80px 0;
}
.news h2, .info h2 {
	font-family: "Open Sans", sans-serif;
	font-size: 20px;
	letter-spacing: 0.45em;
	margin-bottom: 70px;
	text-align: center;
}
.info {
	background: #EBEBE4;
	padding: 80px 0;
}

.info {
}
.wrapper {
}
.info__con {display: flex;flex-direction: column;align-items: center;}
.info__i {max-width: 945px;width: 100%;}
.info__h {
	font-size: 30px;
	margin: 0;
	padding: 25px;
	border-bottom: 1px solid #acacac;
	transition: .3s;
}
.info__h:hover {
	color: #d95919;
	background: #E7E6E0;
}

.post__header {
    background: rgba(0, 0, 0, 0.5);
    border-top: 3px solid rgba(255, 255, 255, 0.2);
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.wrapper {
}
.post__title {margin: 17px 0;font-family: 'Open Sans', sans-serif;color: #FFF;font-size: 20px;letter-spacing: 0.4em;position: relative;top: 0px;}
.post__content {padding-top: 80px;/* margin: 20px 0 50px; *//* min-height: 50vh; */margin-bottom: 60px;}
.single-wiadomosci .post__content  {
	min-height: 50vh;
}
.footer {background: #242424;color: #b3b2ae;padding-top: 40px;position: relative;}
.wrapper {
}
.wrapper--footer {max-width: 780px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.footer__col {flex-basis: 20%;}
.footer__i {
}
.footer_h {color: #e1ddd3;font-size: 22px;margin-bottom: 5px;margin-top: 25px;}
.footer__counter {
	text-align: center;
	display: flex;
	justify-content: center;
	color: white;
	margin: 20px 0;
}
.footer__counter path {
	fill: white;
}
.footer__creds {
	border-top: 1px dotted #363636;
    padding: 10px 0;
    color: #63625f;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-align: center;
}
#go-top {width: 50px;height: 50px;padding: 10px;background: #d95919;display: flex;align-items: center;justify-content: center;position: fixed;right: 20px;bottom: 60px;z-index: 3;cursor: pointer;transition: .3s;}
#go-top:hover {
	background: #E1DDD3;
}

.post__desc--arch {
	padding: 80px 0 40px 0;
	display: grid;
}
.post__header {
}
.post__feed  .wrapper {
display: flex;flex-wrap: wrap;justify-content: flex-start;margin-bottom: 100px;
    border-bottom: 1px solid #B0AFAA;
    padding-bottom: 20px;}
.post__title {
}
.post__desc {
}
.post__feed {
}
.post__feed-i {
flex-basis: 22%;margin-right: 3%;margin-bottom: 3%;font-size: 16px;font-weight: 700;}
.post__feed-h {
font-size: 22px;min-height: 26px;}
.module__tiles-btn {
}

.post__feed-i:nth-child(4n + 4) {
	margin-right: 0;
}
.post__feed-img {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.post__feed-img p {
	margin: 5px 0;
}

.post__feed-con--1 img {
	width: 100%;
}

.single article {
	display: flex;
	flex-direction: column;
}

.post__feed-con {
	display: flex;
flex-wrap: wrap;}

.post__feed-con--5 .post__feed-i {
	flex-basis: calc(88% / 5);
    margin-right: 3%;	
}

.post__feed-con--5 .post__feed-i:nth-child(5n + 5) {
	margin-right: 0;
}

.post__feed-con--4 .post__feed-i {
	flex-basis: 22%;
    margin-right: 3%;	
}

.post__feed-con--4 .post__feed-i:nth-child(4n + 4) {
	margin-right: 0;
}

.post__feed-con--3 .post__feed-i {
	flex-basis: calc(94% / 3);
    margin-right: 3%;	
}

.post__feed-con--3 .post__feed-i:nth-child(3n + 3) {
	margin-right: 0;
}

.post__feed-con--2 .post__feed-i {
	flex-basis: calc(97% / 2);
    margin-right: 3%;	
}

.post__feed-con--2 .post__feed-i:nth-child(2n + 2) {
	margin-right: 0;
}

.post__feed-con--1 .post__feed-i {
	flex-basis: 100%;
    margin-right: 0%;	
}

@media (min-width: 1001px) {
	.header--mobile, .nav--mobile {
		display: none !important;;
	}

	.header .wrapper {
	    max-width: 1200px;
	}
}

@media (max-width: 1000px) {
	.footer__col {
		flex-basis: 45%;
	}
	.footer__counter {
		margin-bottom: 60px;
	}
	.post__feed-i {
		flex-basis: 100%!important;
	margin-bottom: 50px;}
	.header {
		padding: 0;
	}

	.header--mobile {
		padding: 15px 0;
	}

	.header > .wrapper:nth-child(1) {
		display: none;
	}

	.logo-img {
		max-width: 180px;
	}

	.menu-btn {
		height: 30px;
		width: 30px;
		position: absolute;
		right: 20px;
		top: 50%;
		z-index: 101;
		transform: translateY(-50%);
	}

	.menu-btn > span {
		background-color: white;
		border-radius: 1px;
		height: 2px;
		width: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -1px 0 0 -15px;
		transition: height 100ms;
	}

	.menu-btn > span:after, .menu-btn > span:before {
		content: '';
		background-color: #fff;
		border-radius: 1px;
		height: 2px;
		width: 100%;
		position: absolute;
		left: 50%;
		margin-left: -15px;
		transition: all 200ms;
	}


	.menu-btn > span:after {
		top: -7px;
	}

	.menu-btn > span:before {
		bottom: -7px;
	}

	.menu-btn.active > span {
		height: 0;
		background: white!important;
	}

	.menu-btn.active > span:after, .menu-btn.active > span:before {
		background-color: white;
		top: 1px;
	}

	.menu-btn.active > span:after {
		transform: rotate(45deg);
		background: white!important;
	}

	.menu-btn.active > span:before {
		transform: rotate(-45deg);
		background: white!important;
	}

	.nav--mobile {
		background-color: #1B1818FA;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 100;
		width: 100%;
		text-align: center;
		opacity: 0;
		transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
		transform: scale(0);
		padding: 70px 32px 40px 40px;
		overflow-y: scroll;
		height: 100vh;
	}

	.nav--mobile.active {
		opacity: 1;
		transform: scale(1);
	}

	.nav--mobile.active ul li {
		opacity: 1;
		transform: translateX(0);
	}

	.nav--mobile ul {
		display: flex;
		flex-direction: column;
	}

	.nav--mobile li {
		padding: 8px 0;
		transition: all 400ms 510ms;
		opacity: 0;
	}

	.nav--mobile li:nth-child(odd) {
		transform: translateX(30%);
	}

	.nav--mobile li:nth-child(even) {
		transform: translateX(-30%);
	}

	.nav--mobile li:last-child {
		transform: none;
	}

	.nav--mobile a {
		color: white;
		display: inline-block;
		font-size: 22px;
		line-height: 33px;
		margin-bottom: 20px;
	}

	.nav--mobile ul {
		padding: 0;
		text-align: left;
		list-style: none;
		height: 100%;
		/* max-height: 100vh; */
	}
	body {
		margin-top: 74px;
	}

}