#mygutenberg {display: none}

.has-system-background-color {background-color: transparent !important}

.pattern,
.pattern-wrap {
	pointer-events: none;
}

.pattern {
	position: absolute;
	box-sizing: border-box;
	border-image: var(--marka-gradient) 1;
	border-width: var(--kreska-rama);
	border-style: solid;
}

.gradient {
	background: var(--marka-gradient);
	color: black;
}

#home-header {
	box-sizing: border-box;
	padding: 50px;
}

.hero-warstwy {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
}

.warstwa-hero {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 0;
}

#home-header > div > article {
	position: relative;
	z-index: 1;
}

#home-header > div > img {
	position: absolute;
	display: block;
	top: -50px;
	left: 50px;
	width: 50%;
}

#home-header > div {
	width: 100%;
	min-height: calc(var(--vh, 1vh)* 100 - 100px);
	position: relative;
	
	background-image: url(../img/home-header-tlo.webp);
	background-size: cover;
	background-position: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

#home-header > div:after {
	content: "";
	position: absolute;
	inset: -10% 0;
	pointer-events: none;
	opacity: 0;
	
	background: linear-gradient(0deg,
		rgba(0,235,150,0) 32%,
		rgba(0,235,150,0.42) 42%,
		rgba(0,247,180,0.88) 50%,
		rgba(0,190,245,0.50) 58%,
		rgba(0,190,245,0) 68%);
	mix-blend-mode: screen;
}

body.hero-ladowanie #home-header > div:after {
	
	animation: hero-ladowanie 1600ms cubic-bezier(0.35, 0.15, 0.55, 0.9) both;
}

@keyframes hero-ladowanie {
	0%   {opacity: 0;    transform: translateY(85%)}
	12%  {opacity: 1}
	62%  {opacity: 0.85}
	100% {opacity: 0;    transform: translateY(-90%)}
}

#home-header > div > article {
	box-sizing: border-box;
	width: 45%;
	padding-left: 200px;
}

#home-header > div > article .rwd-s {display: none}

#home-header > div > article .hero-lockup img {
	display: block;
	width: 100%;
	margin-bottom: 75px;
}

#home-header > div > article h1 {color: white}

#home-header > div > article h4 {
	background-image: none;
	color: white;
	-webkit-text-fill-color: white;
}

#page-header {
	box-sizing: border-box;
	padding: 50px;
	margin-bottom: -50vh;
}

#page-header > div {
	width: 100%;
	height: calc(var(--vh, 1vh)* 50);
	position: relative;
	isolation: isolate;
	background-size: cover;
	background-position: center center;
}

#page-header > div::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--foto-zabarwienie);
	mix-blend-mode: color;
	opacity: var(--foto-moc);
	pointer-events: none;
}

#page-header > div::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(
			to bottom,
			rgb(var(--foto-przyciemnienie-kanaly) / var(--foto-grunt)) 0px,
			rgb(var(--foto-przyciemnienie-kanaly) / var(--foto-przyciemnienie)) min(112px, 22%),
			rgb(var(--foto-przyciemnienie-kanaly) / var(--foto-przyciemnienie)) 100%
		),
		linear-gradient(
			to bottom,
			var(--foto-zaslona),
			var(--foto-zaslona)
		);
	pointer-events: none;
}

#home-link {
	display: block;
	width: 150px;
	position: absolute;
	z-index: 10;
	top: 75px;
	right: 75px;
}

#home-link img {
	display: block;
	width: 100%;
}

#licznik {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	margin-top: 25px;
}

#licznik h4 {
	color: white;
	width: 100%;
	margin-bottom: 50px;
    color: var(--kolor-tekst);
    -webkit-text-fill-color: white;
    background-image: none;	
}

#licznik > div {
	width: 125px;
	height: 125px;
	position: relative;
	margin: 0 15px;
}

@property --a {
	syntax: '<angle>';
	inherits: false;
	initial-value: 0deg;
}

#licznik .arc-top {  
	position: absolute;
	width: 100%;
	aspect-ratio: 1;
	padding: var(--kreska-rama);
	box-sizing: border-box;
	background: var(--marka-gradient);	
	mask: linear-gradient(#0000 0 0) content-box intersect, conic-gradient(#000 var(--a),#0000 0);
	transition: --a var(--ruch-odpowiedz) linear;
}

#licznik .arc-top.bez-przejscia {transition: none}

#licznik .arc-bottom {  
	position: absolute;
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	top: 3px;
	left: 3px;
	border: var(--kreska) solid var(--kolor-wlos);
	opacity: 0.5;
}

#licznik > div p {
	font-family: "Nunito Sans", sans-serif;
	width: 100%;
	color: var(--kolor-tekst);
	position: relative;
	top: 28px;
	font-size: 16px;
	line-height: 16px;
}

#licznik > div p span:first-of-type {
	font-weight: 800;
	font-size: 36px;
	line-height: 46px;
}

#home-wydarzenie {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

#home-wydarzenie > figure,
#home-wydarzenie > article {
	max-width: calc(var(--tresc-siatka) / 2);
}

#home-wydarzenie > figure {
	width: 50%;
	box-sizing: border-box;
	padding-right: 75px;
	margin-bottom: 75px;
}

#home-wydarzenie > figure > figure {
	position: relative;
	width: 100%;
}

#home-wydarzenie > figure > figure img {
	display: block;
	width: 100%;
}

#home-wydarzenie > figure > figure .pattern {
	top: 75px;
	left: 75px;
	width: 100%;
	height: 100%;
}

#home-wydarzenie > article {
	width: 50%;
	box-sizing: border-box;
	padding-left: 75px;
}

#home-wspoldzieczosc {z-index: 2}

#home-wspoldzieczosc .logo {
	display: block;
	width: 150px;
	position: absolute;
	top: -200px;
	right: 0;
}

.film, .interlude {position: relative}
#home-wspoldzieczosc .interlude {margin-top: 75px}

.film > img, .interlude > img {
	display: block;
	width: 100%;
}

.film a {
    display: table;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--marka-gradient);
    position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.film a img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#home-wspoldzieczosc .pattern-wrap {
	position: absolute;
	bottom: -150px;
	right: 0;
	display: block;
	width: 450px;
	height: 450px;
}

#home-wspoldzieczosc .pattern-wrap .pattern:first-of-type {
	width: 150px;
	height: 150px;
	top: 0;
	left: 0;
}
#home-wspoldzieczosc .pattern-wrap .pattern:last-of-type {
	width: 300px;
	height: 300px;
	bottom: 0;
	right: 0;
}

#home-program {
	background-image: url(../img/home-program-bg.webp);
	background-size: cover;
	background-position: center;
	position: relative;
	isolation: isolate;
}

#home-program {
	--foto-przyciemnienie-kanaly: 17 28 44;
}

#home-program::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--foto-zabarwienie);
	mix-blend-mode: color;
	opacity: var(--foto-moc);
	pointer-events: none;
}

#home-program::after {
	content: '';
	position: absolute;
	inset: 0;
	background-color: rgb(var(--foto-przyciemnienie-kanaly) / var(--foto-przyciemnienie));
	background-image: linear-gradient(
		to bottom,
		var(--foto-zaslona),
		var(--foto-zaslona)
	);
	pointer-events: none;
}

#home-program hgroup,
#home-program article {
	position: relative;
	z-index: 1;
}

#home-program {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#home-program hgroup,
#home-program article {
	max-width: calc(var(--tresc-siatka) / 2);
}

#home-program hgroup {
	width: 50%;
	box-sizing: border-box;
	padding-right: 150px;
}

#home-program article {width: 50%}

#home-program .tematy {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 30px;
	margin: 32px 0 45px;
	padding: 0;
	list-style: none;
}

#home-program .tematy li {
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: 700;
	line-height: 1.4;
}

#home-program .tematy li::before {
	content: "";
	width: 9px;
	height: 9px;
	flex: none;
	background: var(--marka-gradient);
}

#aktualnosci-home-wrap .scrolling-elements:first-of-type {
	position: absolute;
	opacity: 0.05;
	display: block;
	width: 40%;
	left: 0;
	bottom: -300px;
}

#aktualnosci-home-wrap .scrolling-elements:last-of-type {
	position: absolute;
	display: block;
	width: 40%;
	right: 0;
	top: -100px;
}

#aktualnosci-home-wrap > hgroup {margin-bottom: 75px}

#aktualnosci-home-wrap > nav a {
	margin-left: auto;
	margin-right: auto;
}

#film-2025 > hgroup {margin-bottom: 50px}

#film-2025 > article {
	max-width: var(--tresc-czytanie);
	margin: 0 auto 50px;
}

#film-2025 > article p + p {margin-top: 20px}

#film-2025 > nav a {
	margin-left: auto;
	margin-right: auto;
}

.film-osadzony {
	position: relative;
	max-width: var(--tresc-siatka);
	margin: 0 auto;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--kolor-granat);
}

.film-osadzony > img,
.film-osadzony > iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.film-osadzony > img {object-fit: cover}

.film-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	overflow: hidden;
	background: var(--marka-gradient);
	cursor: pointer;
	transition: transform var(--ruch-stan);
}

.film-play > img {
	display: block;
	width: 100%;
	height: 100%;
}

.film-play:hover {transform: translate(-50%, -50%) scale(1.08)}
.film-play:active {transform: translate(-50%, -50%) scale(0.96)}

#aktualnosci-home {
	--wyjscie: 24px;
	position: relative;
	width: min(calc(100% + var(--wyjscie)), var(--tresc-siatka));
	left: calc((100% - min(calc(100% + var(--wyjscie)), var(--tresc-siatka))) / 2);
	display: flex;
	flex-wrap: wrap;
}

#aktualnosci-home > div {
	width: 33.33%;
	box-sizing: border-box;
	padding: 12px;
    position: relative;
}

#aktualnosci-home > div > div {
	width: 100%;
	padding-top: 100%;
    position: relative;
}

#aktualnosci-home > div > div > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	container-type: inline-size;
}

#aktualnosci-home > div a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;	
	background-size: cover;
	background-position: center;
}

#aktualnosci-home > div a img {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 25px;
	right: 25px;
	opacity: 0;
	transition: opacity var(--ruch-stan);
}

#aktualnosci-home > div a figcaption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 25px 35px 45px;
	color: white;
	background: var(--nakladka-podpis);
}

#aktualnosci-home > div a figcaption > * {
	position: relative;
	transition: transform var(--ruch-stan) var(--ruch-krzywa);
}

#aktualnosci-home > div a figcaption > strong {
	display: block;
}

#aktualnosci-home > div a figcaption h4,
#aktualnosci-home > div a figcaption p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

#aktualnosci-home > div a figcaption h4 {
	font-size: clamp(22px, 2.4cqw, 28px);
	line-height: 1.2;
}

#aktualnosci-home > div a figcaption > strong,
#aktualnosci-home > div a figcaption p {
	font-size: clamp(16px, 1.5cqw, 19px);
}

#aktualnosci-home > div a figcaption h4 {
	margin-bottom: 10px;
	-webkit-text-fill-color: white;
    background-image: none;
}

#aktualnosci-home > div a figcaption p:last-of-type {line-height: 18px}

#aktualnosci-home > div a:hover img {opacity: 1}
#aktualnosci-home > div a:hover figcaption > *,
#aktualnosci-home > div a:focus-visible figcaption > * {transform: translateY(-25px)}

#aktualnosci-home > div a:active {
	opacity: 0.85;
	transition: opacity var(--ruch-odpowiedz);
}

#aktualnosci-home > div:nth-of-type(1) {width: 100%}

#aktualnosci-home > div:nth-of-type(1) > div {
	padding-top: calc(33.33% - 24px);
	width: calc(66.66% - 6px);
}

#aktualnosci-home > div:nth-of-type(4) > div {
	height: Calc(100% + 17px);
	top: calc(-100% - 17px);
}

#aktualnosci-wrap .pattern {
    width: 300px;
    height: 300px;
    bottom: 350px;
    right: 0;
}

#aktualnosci, #aktualnosci-polecane {
	--wyjscie: 24px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: min(calc(100% + var(--wyjscie)), var(--tresc-siatka));
	left: calc((100% - min(calc(100% + var(--wyjscie)), var(--tresc-siatka))) / 2);
	z-index: 2;
}

#aktualnosci > section:first-of-type {width: 100%}

#aktualnosci > section:first-of-type > div {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

#aktualnosci > section:first-of-type figure {
	width: 50%;
	height: auto;
	min-height: 400px;
	margin-bottom: 0;
}

#aktualnosci > section:first-of-type figcaption {
	width: 50%;
	box-sizing: border-box;
	padding: 0 50px;
	display: flex;
	align-items: center;
}

#aktualnosci > section, #aktualnosci-polecane > section {
	box-sizing: border-box;
	padding: 12px;
	width: 50%;
	display: flex;
}

#aktualnosci > section > div, #aktualnosci-polecane > section > div {
	width: 100%;
	box-sizing: border-box;
	padding: 24px;
}

#aktualnosci figure, #aktualnosci-polecane figure {
	width: 100%;
	height: 350px;
	margin-bottom: 24px;
}

#aktualnosci figure a, #aktualnosci-polecane figure a {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
}

#aktualnosci figure a img, #aktualnosci-polecane figure a img {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 25px;
    right: 25px;
    opacity: 0;
    transition: opacity var(--ruch-stan);
}
#aktualnosci figure a:hover img, #aktualnosci-polecane figure a:hover img {opacity: 1}

#aktualnosci > nav {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#aktualnosci > nav a {
	margin-left: 25px;
	margin-right: 25px;
}

#single-aktualnosc {padding: 25px}

#single-aktualnosc > figure {
	width: 100%;
	height: 600px;
	background-size: cover;
	background-position: center;
}

#single-aktualnosc > figure {
	width: 100%;
	height: 600px;
	background-size: cover;
	background-position: center;
}

#single-aktualnosc .wp-block-embed__wrapper {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    margin: 0 auto;
}

#single-aktualnosc .wp-block-embed__wrapper iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#single-aktualnosc .share {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 25px;
}

#single-aktualnosc .share a {
	display: inline-block;
	width: 30px;
	margin-left: 15px;
	cursor: pointer;
}

#single-aktualnosc .share a img {
	display: block;
	width: 100%;
}

#prelegenci-home {overflow: hidden}

#prelegenci-home > hgroup {margin-bottom: 75px}

#prelegenci-home > nav a {
	margin-left: auto;
	margin-right: auto;
}

#prelegenci-home > section {
	--wyjscie: 524px;
	position: relative;
	width: min(calc(100% + var(--wyjscie)), var(--tresc-siatka));
	left: calc((100% - min(calc(100% + var(--wyjscie)), var(--tresc-siatka))) / 2);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: -24px;
}

#prelegenci-home .prelegent-excerpt {width: 33.33%}

#prelegenci {
	padding-top: 0;
	overflow: hidden;
}

#prelegenci .pattern {
    width: 300px;
    height: 300px;
    bottom: 350px;
    right: 0;
}

#prelegenci > section {
	--wyjscie: 24px;
	position: relative;
	width: min(calc(100% + var(--wyjscie)), var(--tresc-siatka));
	left: calc((100% - min(calc(100% + var(--wyjscie)), var(--tresc-siatka))) / 2);
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -24px;
}

#prelegenci .prelegent-excerpt {width: 33.33%}

.prelegent-excerpt {
	box-sizing: border-box;
	padding: 0 12px 24px;
}

.prelegent-excerpt > div {
	width: 100%;
	position: relative;
	container-type: inline-size;
	background-image: url(../img/portret-bg.webp);
	background-size: cover;
	background-position: top center;
}
.prelegent-excerpt.gosc-specjalny > div {background-image: url(../img/portret-specjalny-bg.webp)}

.prelegent-excerpt > div > img {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}

.prelegent-excerpt > div hgroup {
	position: absolute;
	width: 100%;
	bottom: 0;
	box-sizing: border-box;
	padding: 0 25px 50px;
}

.prelegent-excerpt > div hgroup::before {
	content: "";
	width: 37%;
	max-width: 220px;
	aspect-ratio: 1;
	background: var(--marka-gradient);
	position: absolute;
	left: 0;
	bottom: 0;
}

.prelegent-excerpt h3, .prelegent-excerpt p, .prelegent-excerpt em {position: relative}

.prelegent-excerpt h3 {
	text-shadow: 0px 0px 10px var(--nakladka-welon);
	margin-bottom: 10px;
	text-transform: uppercase;
}

.prelegent-excerpt em {line-height: 18px}

.prelegent-excerpt > div > nav {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	z-index: 2;
}

.prelegent-excerpt > div > nav div {
	position: absolute;
	left: 25px;
	top: 20px;
}

.prelegent-excerpt > div > nav div a {
	display: block;
	width: clamp(25px, 5.3cqw, 34px);
	height: clamp(25px, 5.3cqw, 34px);
	margin-bottom: 15px;
}

.prelegent-excerpt > div > nav div a img {
	display: block;
	width: 100%;
}

.prelegent-excerpt > div > figcaption {
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(../img/portret-bg.webp);
	background-size: cover;
	background-position: top center;
	top: 0;
	left: 0;
	overflow: hidden;
	transition: opacity var(--ruch-wypelnienie);
	opacity: 0;
}
.prelegent-excerpt.gosc-specjalny > div > figcaption {background-image: url(../img/portret-specjalny-bg.webp)}

.prelegent-excerpt > div > figcaption > div {
	width: 100%;
	height: 100%;
	background-color: var(--nakladka-welon);
	color: white;
	box-sizing: border-box;
	padding: 15px 15px 50px;
	text-align: center;
	display: flex;
	align-items: flex-end;
}

.prelegent-excerpt > div > figcaption > div a {
	width: 150px;
	max-width: 100%;
	margin-top: 25px;
}

.prelegent-excerpt > div:hover figcaption {opacity: 1}

#prelegenci-single {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	box-sizing: border-box;
	align-items: flex-start;
	padding: 50px;
	position: relative;
	z-index: 2;
}

#prelegenci-single .link-box p {color: black}

#prelegenci-single > figure {
	width: 50%;
	position: relative;
	background-image: url(../img/portret-bg.webp);
	background-size: cover;
	background-position: top center;
}

#prelegenci-single > figure > img {
	display: block;
	width: 100%;
}

#prelegenci-single > figure span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
	height: 150px;
    box-sizing: border-box;
    padding: 0 35px 45px;
    background: var(--nakladka-podpis);
}

#prelegenci-single > figure nav {
	position: absolute;
	bottom: 15px;
	left: 15px;
}

#prelegenci-single > figure nav a {
	display: inline-block;
	width: 30px;
	margin-right: 10px;
}

#prelegenci-single > figure nav a img {
	display: block;
	width: 100%;
}

#prelegenci-single > article {
	width: 50%;
	box-sizing: border-box;
	padding-right: 50px;
}

#prelegenci-single > article > div:nth-of-type(3) {
	margin-top: 50px;
	padding-top: 25px;
	border-top: 1px solid var(--kolor-wlos);
}

#prelegenci-single > article > div:nth-of-type(4) {margin-top: 50px}

#prelegenci-single > article > div:nth-of-type(4) img {
	display: block;
	max-width: 100%;
}

#lokalizacja {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding-top: 200px;
}

#lokalizacja > figure {
	position: relative;
	width: calc(50% - 250px);
}

#lokalizacja > figure > div {
	position: absolute;
	width: calc(100% + 250px);
	height: calc(100% + 150px);
	top: -150px;
	background-size: cover;
	background-position: bottom left;
}

#lokalizacja > article {
	position: relative;
	width: calc(50% + 250px);
	box-sizing: border-box;
	padding-right: 450px;
}

#lokalizacja > article .pattern {
	display: block;
	width: 300px;
	height: 300px;
	right: -150px;
	top: -250px;
}

#lokalizacja > article > figure {
	position: absolute;
	top: 0;
	right: 0;
	width: 450px;
	height: 100%;
	background-size: cover;
	background-position: center;	
}

#lokalizacja > article > div {
	box-sizing: border-box;
	width: 100%;
	padding: 75px 75px;
	position: relative;
	z-index: 3;
}

#lokalizacja > article .link-box {
	opacity: 1;
	margin-top: 25px;
}

#wspoldzielczosc, #o_wydarzeniu, #prelegenci-wstep, #partnerzy {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	box-sizing: border-box;
	padding: 25px;
	position: relative;
	z-index: 2;
}
#wspoldzielczosc {margin-bottom: -100px}

#wspoldzielczosc > figure, #o_wydarzeniu > figure, #prelegenci-wstep > figure, #partnerzy > figure {
	width: 50%;
	background-size: cover;
	background-position: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

#o_wydarzeniu > figure {
	background-position: 100% 36%;
}

#wspoldzielczosc > figure img {
	display: block;
	width: 200px;
}

#wspoldzielczosc > article, #o_wydarzeniu > article, #prelegenci-wstep > article, #partnerzy > article {
	width: 50%;
	box-sizing: border-box;
	padding: 25px 50px 25px 25px;
	position: relative;
}

#wspoldzielczosc > article .link-box, #wspoldzielczosc-opis .link-box {display: inline-block}

.link-box + .link-box {
	margin-left: 25px;
}

#wspoldzielczosc-intro > figure {
	display: block;
	width: 100%;
	height: 600px;
	background-size: cover;
	background-position: center;
}

#wspoldzielczosc-kontekst {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	position: relative;
	z-index: 3;
	background-color: var(--kolor-mgla);
}

#wspoldzielczosc-kontekst > figure {
	width: 54%;
	margin: 0;
	overflow: hidden;
}

#wspoldzielczosc-kontekst > figure > img {
	width: 100%;
	height: 100%;
	min-height: 560px;
	object-fit: cover;
}

#wspoldzielczosc-kontekst > article {
	width: 46%;
	box-sizing: border-box;
	padding-left: 50px;
}

#wspoldzielczosc-kontekst > article > p {
	max-width: var(--tresc-czytanie);
}

#wspoldzielczosc-zasady {
	margin-top: 50px;
}

#wspoldzielczosc-zasady > div {
	margin-bottom: 35px;
}

#wspoldzielczosc-zasady > div:last-of-type {
	margin-bottom: 0;
}

#partnerzy ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    list-style: none;
}

#partnerzy li {
    width: 33.33%;
    display: block;
}

#partnerzy li a, #partnerzy li img {
    width: 100%;
    display: block;
}

#partnerzy article .has-system-background-color {margin-bottom: -75px}

#partnerzy article .has-grey-background-color {
	position: relative;
	width: calc(100% + 100px);
	top: 125px;
	left: 50px;
	box-sizing: border-box;
	padding: 50px;
	
}

#o_wydarzeniu-liczby {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: calc(100% + 100px);
	left: -50px;
}

#o_wydarzeniu-liczby > div {
	width: 33.33%;
	box-sizing: border-box;
	padding: 0 50px;
}

#o_wydarzeniu-interlude {
	display: flex;
	align-items: center;
    justify-content: center;
	position: relative;
	width: 100%;
	height: 600px;
	background-size: cover;
	background-position: center;
}

#o_wydarzeniu-interlude > img {
    display: block;
    width: 200px;
}

#o_wydarzeniu-opis article,
#wspoldzielczosc-opis article,
#historia-wrap > article > article,
#single-aktualnosc > article {
	column-count: 2;
	column-gap: 100px;
	max-width: calc(var(--tresc-czytanie) + 100px);
}

#single-aktualnosc > article > .link-box {
	column-span: all;
	margin-top: 50px;
}

#program-wrap {overflow: hidden}

#program-wrap .pattern {
    width: 300px;
    height: 300px;
    bottom: 350px;
    right: 0;
}

#program {position: relative}

#program-wstep {
	width: 100%;
	box-sizing: border-box;
	padding: 50px;
}

#program-wstep > div {
  column-count: 2;
  column-gap: 50px;
}

#program-nav {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
}

#program-nav > div {
	position: relative;
	box-sizing: border-box;
	padding: 50px;
	width: 50%;
} 

#program-nav h3 {margin-bottom: 0}

#program-nav > div .gradient {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
}
#program-nav > div.active .gradient {display: block}

#program-all > section {
	box-sizing: border-box;
	padding: 25px;
	width: 100%;
}

#program-all > section:last-of-type {display: none}

#program-all table {
	margin: 12px 0;
	width: 100%;
}

#program-all figure:nth-of-type(2n) table {background: #F6F6F6}

#program-all table td {
	border: none;
	box-sizing: border-box;
	padding: 12px 25px;
}

#program-all table td:nth-of-type(2n+1) {width: 33.33%}
#program-all table td:nth-of-type(2n) {width: 66.66%}

#historia-wrap {z-index: 2}

#historia-wrap > article {
	box-sizing: border-box;
	width: 100%;
	padding: 50px;
}

#historia-wrap > article >article {
	column-count: 2;
	column-gap: 100px;
}

#historia-wrap > section {
	width: 100%;
	box-sizing: border-box;
	padding: 0 25px 25px;
}

#historia {
	position: relative;
	width: 100%;
	background-size: cover;
	background-position: top center;
	overflow: hidden;
	padding-bottom: 50px;
	color: white;
}

#historia > hgroup {
	min-height: 225px;
	margin-bottom: 50px;
	margin-top: 50px;
	padding-left: 50px;
}

#historia h2 {
	-webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: var(--marka-gradient);
}

#historia a {color: white}

#historia > nav span {display: none}
#historia > nav span:nth-of-type(1) {display: block}

#historia-cont {
	position: relative;
	width: 228.5%;
	left: -128.6%;
	color: white;
	display: flex;
}

#historia-cont > div {
	position: relative;
	width: 6.25%;
	color: white;
	text-align: center;
	border-bottom: 1px solid white;
	padding-bottom: 15px;
	transition: color var(--ruch-stan);
	cursor: pointer;
}

#historia-cont > div > span:last-of-type {display: none}

#historia-cont > div:before {
	content: "";
	display: table;
	position: absolute;
	width: 7px;
	height: 7px;
	background: white;
	border-radius: 50%;
	margin: auto;
	bottom: -4px;
	left: 0;
	right: 0;
	z-index: 2
}

#historia-cont > div.active {color: var(--kolor-akcent)}
#historia-cont > div.active:before {background: var(--kolor-akcent)}

#historia-cont > div:hover {color: var(--kolor-akcent)}

#historia-path {
	display: table;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 96.875%;
	height: 1px;
	background: var(--marka-gradient-os);
}

#regulamin > article {
	width: 100%;
	box-sizing: border-box;
	padding: 50px;
	position: relative;
	text-align: left;
}

#regulamin > article > p,
#regulamin > article > ol,
#regulamin > article > ul {
	max-width: none;
}

#regulamin > article h4 {margin-left: 0}

#regulamin ol {
	list-style: none;
	margin-bottom: -5px;
	counter-reset: item;
}

#regulamin ol > li {
  display: block;
  margin-bottom: 5px;
  padding-left: 30px;
  position: relative;
}
#regulamin ol > li::before {
  display: table;
  content: counter(item) ". ";
  counter-increment: item;
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: right;
}

#regulamin ol > li ul {padding-left: 30px}

#regulamin .pattern {
    width: 300px;
    height: 300px;
    bottom: 350px;
    right: 0;
}

#kontakt {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

#kontakt > figure {
	width: 50%;
	background-size: cover;
	background-position: center;
}

#kontakt > article {
	width: 50%;
	position: relative;
}

#kontakt > article > div {
	width: 100%;
	box-sizing: border-box;
	padding: 50px;
}

#kontakt > article > div .link-box {margin-top: 20px}

#error404 {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 50px;
	overflow: hidden;	
}

#error404 > div {
    width: 100%;
    min-height: calc(var(--vh, 1vh)* 100 - 100px);
    position: relative;
    background-image: url(../img/home-header.webp);
    background-size: cover;
    background-position: center;
    display: flex;
	align-items: center;
	justify-content: flex-start;
	color: white;
}

#error404 > div > img {
	display: block;
	width: 150px;
	position: absolute;
	top: 50px;
	left: 50px;
}

#error404 > div article {
	position: relative;
	max-width: 50%;
	box-sizing: border-box;
	padding-left: 200px;
	padding-top: 100px;
}

#error404 > div article img {
	display: block;
	width: 500px;
	max-width: 100%;
	margin-bottom: 50px;
}

#error404 > div a {color: white}

#rejestracja {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 50px;
	box-sizing: border-box;
}

#rejestracja > img {
	position: absolute;
	top: -50px;
	right: -50px;
	display: block;
	width: 350px;
}

#rejestracja > hgroup,
#rejestracja-komunikat {
	width: 100%;
	margin-bottom: 75px;
	position: relative;
}

#rejestracja-article {
	width: 50%;
	box-sizing: border-box;
	padding-left: 50px;
	position: relative;
}

#rejestracja-form-wrap {
	width: 50%;
	box-sizing: border-box;
	padding-right: 50px;
	position: relative;
}

#rejestracja-end {
	display: none;
	width: 100%;
}

#rejestracja-zapowiedz {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

#rejestracja > #licznik-sekcja {
	width: 100%;
	margin-bottom: 75px;
}

#rejestracja-zapowiedz > div {
	width: 50%;
	box-sizing: border-box;
	position: relative;
}

#rejestracja-zapowiedz > div:first-of-type {padding-right: 50px}
#rejestracja-zapowiedz > div:last-of-type  {padding-left: 50px}

#rejestracja a.link-box {
	color: black !important;
	margin-top: 20px;
} 
#rejestracja a {transition: color var(--ruch-stan)}
#rejestracja a:hover {color: var(--kolor-akcent)}

#rejestracja-form input[type=text] {
	background-color: rgba(255,255,255,0);
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border: none;
	font-family: "Nunito Sans", sans-serif;
    font-weight: 400;
    color: var(--kolor-granat);
    font-size: 16px;
    line-height: 24px;
	-webkit-appearance: none;
    border-radius: 0;
	border-bottom: 1px var(--kolor-wlos) solid;    
}

#rejestracja-form input:focus {
	outline: none;
}

#rejestracja-form input[type=text]:focus-visible {
	border-bottom: 3px solid var(--kolor-granat);
	padding-bottom: 3px;
}

.radio-container input:focus-visible ~ .checkmark,
.checkbox-container input:focus-visible ~ .checkmark {
	outline: var(--kreska) solid var(--kolor-granat);
	outline-offset: 3px;
}

#rejestracja-form input[type=text].empty {
	color: var(--kolor-blad);
	border-bottom: 3px solid var(--kolor-blad);
	padding-bottom: 3px;
}

#rejestracja-form input[type=text]:-webkit-autofill,
#rejestracja-form input[type=text]:-webkit-autofill:hover,
#rejestracja-form input[type=text]:-webkit-autofill:focus {
	border: none;
	border-bottom: 1px solid var(--kolor-wlos);
	-webkit-text-fill-color: var(--kolor-granat);
	-webkit-box-shadow: 0 0 0px 1000px var(--kolor-papier) inset;
}

.radio-container {
  display: inline-block;
  margin-right: 20px;
  margin-top: 10px;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio-container .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 10px;
  width: 10px;
  background-color: white;
  border-radius: 50%;
  border: var(--kreska) solid var(--kolor-akcent);
}

.radio-container input:checked ~ .checkmark {
  background-color: var(--kolor-akcent);
}

.radio-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-container {
  display: block;
  margin-top: 10px;
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 10px;
  background-color: white;
  border: var(--kreska) solid var(--kolor-akcent);
}

.checkbox-container input:checked ~ .checkmark {
  background-color: var(--kolor-akcent);
}

.checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

#rejestracja-form .osoba {
	margin-bottom: 25px;
	padding-bottom: 30px;
	border-bottom: 1px var(--kolor-wlos) solid;
}

#rejestracja-form .osoba .link-box {margin-top: 20px}

#rejestracja-form .osoba .link-box.more {display: none}
#rejestracja-form .osoba:last-of-type .link-box.more {display: table}

#rejestracja-form .osoba .link-box.less {display: none}

#rejestracja-form .radio-warsztaty p.empty {color: var(--kolor-blad)}

.checkbox-container.empty,
#rejestracja-form .checkbox-container.empty {
	color: var(--kolor-blad);
	position: relative;
}

.checkbox-container.empty:before {
	content: "";
	position: absolute;
	left: -12px;
	top: 4px;
	bottom: 2px;
	width: 3px;
	background: var(--kolor-blad);
}

#rejestracja-form .radio-pokoj > div {display: none}

#checkbox-wrap {
	font-size: 15px;
	line-height: 1.5;
	text-align: left;
}

#form-msg {opacity: 0}

#form-send {margin-top: 10px !important}

@media all and (max-width: 1440px) {

#home-header {padding: 35px}

#home-header > div {min-height: calc(var(--vh, 1vh)* 100 - 70px)}

#home-header > div > article {padding-left: 150px}

#page-header {
	padding: 35px;
	margin-bottom: calc(-50vh + 50px);
}

#home-link {
	width: 125px;
	top: 60px;
	right: 60px;
}

#home-wspoldzieczosc .logo {top: -150px}

#home-wydarzenie > figure {
    padding-right: 50px;
    margin-bottom: 50px;
}

#home-wydarzenie > figure > figure .pattern {
    top: 50px;
    left: 50px;
}

#home-wydarzenie > article {padding-left: 50px}

#home-wspoldzieczosc .pattern-wrap {
    bottom: -50px;
    width: 300px;
    height: 300px;
}

#home-wspoldzieczosc .pattern-wrap .pattern:first-of-type {
    width: 100px;
    height: 100px;
}
#home-wspoldzieczosc .pattern-wrap .pattern:last-of-type {
    width: 200px;
    height: 200px;
}

#home-program hgroup {padding-right: 75px}

#aktualnosci-home-wrap > hgroup {margin-bottom: 50px}

#aktualnosci-wrap .pattern {
    width: 200px;
    height: 200px;
    bottom: 250px;
}

#single-aktualnosc > figure {height: 500px}

#prelegenci-home > section {
    width: calc(100% + 324px);
    left: -162px;
}

#prelegenci .pattern {
    width: 200px;
    height: 200px;
    bottom: 250px;
}

.prelegent-excerpt > div hgroup {padding: 0 25px 25px}

.prelegent-excerpt > div hgroup::before {
    width: 150px;
    height: 150px;
}

#lokalizacja {padding-top: 150px}

#lokalizacja > figure {width: 50%}

#lokalizacja > article {
    width: 50%;
    padding-right: 0;
}

#lokalizacja > article .pattern {
    width: 200px;
    height: 200px;
    right: 100px;
    top: -150px;
}

#lokalizacja > article > div {padding: 75px 150px 75px 75px}

#lokalizacja > article > figure {display: none}

#wspoldzielczosc {margin-bottom: -50px}

#wspoldzielczosc-intro > figure {height: 500px}

#o_wydarzeniu-interlude {height: 500px}

#program-wrap .pattern {
    width: 200px;
    height: 200px;
    bottom: 250px;
}

#historia-wrap > article >article {column-gap: 50px}

#partnerzy {margin-bottom: 25px}

#regulamin .pattern {
    width: 200px;
    height: 200px;
    bottom: 250px;
}

#error404 {padding: 35px}

#error404 > div {min-height: calc(var(--vh, 1vh) * 100 - 70px)}

#error404 > div > img {
	top: 25px;
	left: 25px;
}

#error404 > div article {
	padding-left: 150px;
	padding-top: 100px;
}

#error404 > div article img {width: 400px}

#rejestracja-form-wrap {padding-right: 25px}

#rejestracja-article {padding-left: 25px}

#rejestracja-zapowiedz > div:first-of-type {padding-right: 25px}
#rejestracja-zapowiedz > div:last-of-type  {padding-left: 25px}

}

@media all and (max-width: 1280px) {

#prelegenci-home > section {
    width: calc(100% + 224px);
    left: -112px;
}

#prelegenci-home > hgroup {margin-bottom: 50px}

#prelegenci-home > section {
	width: calc(100% + 110px);
	left: -55px;
	margin-bottom: 0;
}

#prelegenci > section {
    width: calc(100% + 10px);
    left: -5px;
    margin-bottom: -10px;
}

.prelegent-excerpt {padding: 0 5px 10px}

.prelegent-excerpt > div > figcaption > div {padding: 15px 15px 25px}

#o_wydarzeniu-opis article, #wspoldzielczosc-opis article {column-gap: 50px}

#lokalizacja {padding-top: 100px}

#lokalizacja > figure {width: calc(50% - 100px)}

#lokalizacja > figure > div {
    width: calc(100% + 200px);
    height: calc(100% + 100px);
    top: -100px;
}

#lokalizacja > article {width: calc(50% + 100px)}

#lokalizacja > article > div {padding: 75px 100px 75px 75px}

#o_wydarzeniu {
	display: block;
	margin-bottom: 0;
}

#o_wydarzeniu > figure {
	width: 100%;
	height: clamp(560px, 62vw, 760px);
	margin-bottom: 25px;
	background-position: 100% 18%;
}

#o_wydarzeniu > article {
	width: 100%;
	padding: 0;
}

#o_wydarzeniu-liczby {
    width: calc(100% + 50px);
    left: -25px;
}

#o_wydarzeniu-liczby > div {padding: 0 25px}

#historia > hgroup {
	min-height: 200px;
	margin-bottom: 50px;
	margin-top: 50px;
	padding-left: 50px;
}
	
}	

@media all and (max-width: 1024px) {
	
	
	
#aktualnosci-home > div a:hover img {opacity: 0}

#historia-cont > div:hover {color: white}
	
#home-header {padding: 25px}

#home-header > div {min-height: calc(var(--vh, 1vh)* 100 - 50px)}

#home-header > div > article {
	width: 62%;
	padding-left: 100px;
}

#page-header {
	padding: 25px;
	margin-bottom: -150px;
}

#page-header > div {height: 400px}

#home-wspoldzieczosc .logo {display: none}

#home-wspoldzieczosc .interlude {margin-top: 50px}

#home-wspoldzieczosc .pattern-wrap {bottom: 0}

#home-program hgroup {padding-right: 50px}

#aktualnosci-home-wrap > hgroup {margin-bottom: 25px}

#aktualnosci-home-wrap > hgroup {padding-bottom: 0}

#aktualnosci-home {
	width: calc(100% + 10px);
	left: -5px;
}

#aktualnosci-home > div {padding: 5px}

#aktualnosci-home > div:nth-of-type(1) > div {
    padding-top: calc(33.33% - 10px);
    width: calc(66.66% - 3px);
}

#aktualnosci-home > div:nth-of-type(4) > div {
    height: calc(100% + 8px);
    top: calc(-100% - 8px);
}

#aktualnosci-home > div a figcaption {padding: 15px 25px 25px !important}

#prelegenci-home .prelegent-excerpt, #prelegenci .prelegent-excerpt {width: 50%}

#prelegenci-home .prelegent-excerpt:nth-of-type(n+3) {display: none}

.prelegent-excerpt > div > figcaption > div {padding: 15px 15px 50px}

#prelegenci-single {
       width: calc(100% - 100px);
       margin: 0 auto;
       padding: 25px;
}

#prelegenci-single > figure {
    width: 100%;
	max-width: 500px;
	position: relative;
	margin: 0 auto 50px;
}

#prelegenci-single > article {
	width: 100%;
	padding-right: 0;
}

#lokalizacja {padding-top: 125px}

#lokalizacja > article {
	width: calc(50% + 100px);
	padding-right: 0;
}

#lokalizacja > article .pattern {right: 50px}

#lokalizacja > article > div {padding: 50px 50px}

#wspoldzielczosc, #o_wydarzeniu, #prelegenci-wstep, #partnerzy {
	display: block;
	margin-bottom: 0;
}

#wspoldzielczosc > figure, #o_wydarzeniu > figure, #prelegenci-wstep > figure, #partnerzy > figure {
	width: 100%;
	height: 350px;
	margin-bottom: 25px;
}

#o_wydarzeniu > figure {
	height: clamp(520px, 72vw, 680px);
	background-position: 100% 16%;
}

	#wspoldzielczosc > article, #o_wydarzeniu > article, #prelegenci-wstep > article, #partnerzy > article {
		width: 100%;
		padding: 0;
	}

	#wspoldzielczosc-kontekst {
		display: block;
	}

	#wspoldzielczosc-kontekst > figure {
		width: 100%;
		margin-bottom: 50px;
	}

	#wspoldzielczosc-kontekst > figure > img {
		min-height: 0;
	}

	#wspoldzielczosc-kontekst > article {
		width: 100%;
		padding-left: 0;
	}

	#wspoldzielczosc-zasady {
		margin-top: 50px;
	}

	#wspoldzielczosc-zasady > div {
		margin-bottom: 35px;
	}

	#wspoldzielczosc-zasady > div:last-of-type {
		margin-bottom: 0;
	}
	
	#partnerzy li {width: 25%}

#partnerzy article .has-system-background-color {margin-bottom: 25px}

#partnerzy article .has-grey-background-color {
    width: 100%;
    top:0;
    left: 0;
    box-shadow: none;
    padding: 25px;
}

#program {
	width: calc(100% - 100px);
	margin: 0 auto;
}

#program-wstep {padding: 25px}

#program-wstep > div {
    column-count: 1;
    column-gap: 0;
}

#program-nav > div {padding: 25px}

#historia-wrap {
	width: calc(100% - 100px);
	position: relative;
	margin: 0 auto;
}

#historia-wrap > article {padding: 25px}

#historia-wrap > article >article {
    column-count: 1;
    column-gap: 0;
}

#historia > hgroup {
	min-height: 200px;
	margin-bottom: 50px;
	margin-top: 25px;
	padding-left: 25px;
}

#historia-cont {
	width: 320%;
	left: -220%;
}

#historia > nav span:nth-of-type(1) {display: none}
#historia > nav span:nth-of-type(2) {display: block}

#regulamin > article {padding: 25px}

#kontakt {
	width: calc(100% - 100px);
	margin: 0 auto;
}

#kontakt > article > div {padding: 50px 25px}

#error404 {padding: 25px}

#error404 > div {min-height: calc(var(--vh, 1vh) * 100 - 50px)}

#error404 > div > img {
	top: 25px;
	left: 25px;
	width: 125px;
}

#error404 > div article {
	padding-left: 100px;
	padding-top: 100px;
}

#error404 > div article img {width: 400px}

#rejestracja {
	width: calc(100% - 100px);
	margin: 0 auto;
	padding: 50px 25px;
}

#rejestracja > hgroup,
#rejestracja-komunikat {margin-bottom: 50px}

#rejestracja > img {
    top: -25px;
    right: -25px;
    width: 275px;
}

#rejestracja-form-wrap {
	width: 100%;
	padding-right: 0;
	margin-bottom: 25px;
}

#rejestracja-article {
	width: 100%;
	padding-left: 0;
}

#rejestracja-zapowiedz > div {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}

#rejestracja-zapowiedz > div:first-of-type {
	padding-right: 0;
	margin-bottom: 50px;
}

#rejestracja-zapowiedz > div:last-of-type {padding-left: 0}

}

@media all and (max-width: 768px) {
	
#home-header > div {background-image: url(../img/home-header-rwd.webp)}

	
#home-header > div > article {
	padding: 100px 25px 50px;
	width: 100%;
	text-align: center;
}

#home-header > div > article .hero-lockup img {
	display: block;
	width: 100%;
	max-width: 150px;
	margin: 0 auto 25px;
}

#home-header > div > article .rwd-s {
	display: block;
	position: relative;
	width: 100%;
	max-width: 460px;
	aspect-ratio: 999 / 828;
	margin: 0 auto 50px;
}

#home-header > div > article h4 {
	margin-left: auto;
	margin-right: auto;
}	

#home-link {
	width: 100px;
	top: 125px;
	right: 50px;
}
	
#licznik > div {
    width: 100px;
    height: 100px;
    margin: 0 10px;
}	

#licznik > div p {top: 18px}

#home-wydarzenie > figure {
	width: 100%;
	max-width: 500px;
	margin: 0 auto 100px;
}

#home-wydarzenie > article {
	width: 100%;
	padding: 0;
}

#home-wspoldzieczosc .pattern-wrap {
	width: 225px;
	height: 225px;
}

#home-wspoldzieczosc .pattern-wrap .pattern:first-of-type {
    width: 75px;
    height: 75px;
}
#home-wspoldzieczosc .pattern-wrap .pattern:last-of-type {
    width: 150px;
    height: 150px;
}

#home-program hgroup {
	width: 100%;
	padding-right: 0;
}

#home-program article {width: 100%}

#aktualnosci-home > div {width: 50%}

#aktualnosci-home > div:nth-of-type(1) > div {
	padding-top: 50%;
	width: 100%;
}

#aktualnosci-home > div:nth-of-type(3) > div {
	height: calc(100% + 10px);
	top: 0;
}

#aktualnosci-home > div:nth-of-type(4) > div {
	height: auto;
	top: 0;
}

#aktualnosci-wrap .pattern {
    width: 150px;
    height: 150px;
    bottom: 200px;
}

#aktualnosci, #aktualnosci-polecane {
    width: 100%;
    left: 0;
}

#aktualnosci > section, #aktualnosci-polecane > section {
	width: 100%;
	padding: 0;
	margin-bottom: 25px;
}

#aktualnosci > section figure, #aktualnosci-polecane > section figure {
    width: 100% !important;
    height: 350px !important;
	min-height: auto !important;
    margin-bottom: 25px !important;
}

#aktualnosci > section:first-of-type figcaption, #aktualnosci-polecane > section:first-of-type figcaption {
    width: 100% !important;
    padding: 0 !important;
	display: block;
}

.prelegent-excerpt > div > figcaption > div {padding: 15px 15px 15px}

#lokalizacja {padding-top: 0}

#lokalizacja > figure {
	width: calc(100% - 50px);
	height: 400px;
	margin-bottom: -50px;
}

#lokalizacja > figure > div {
	width: 100%;
	height: 100%;
	top: 0;
}

#lokalizacja > article {
	width: 100%;
	padding-left: 50px;
}

#lokalizacja > article .pattern {
	width: 150px;
	height: 150px;
	top: -100px;
	right: 100px;
}

#wspoldzielczosc > figure img {width: 150px}

#o_wydarzeniu-liczby {
	width: 100%;
	left: 0;
	margin-bottom: -25px;
}

#o_wydarzeniu-liczby > div {
	padding: 0;
	width: 100%;
	margin-bottom: 25px;
}

#o_wydarzeniu-interlude {height: 380px}
#o_wydarzeniu-interlude > img {width: 150px}

#o_wydarzeniu-opis article,
#wspoldzielczosc-opis article,
#single-aktualnosc > article {column-count: 1}

#partnerzy li {width: 33.33%}

#program-wrap .pattern {
    width: 150px;
    height: 150px;
    bottom: 200px;
}

#program {width: 100%}

#program-nav {margin-bottom: 0}

#historia-wrap {width: 100%}

#prelegenci .pattern {
    width: 150px;
    height: 150px;
    bottom: 200px;
}

#prelegenci-single {width: 100%}

#regulamin .pattern {
    width: 150px;
    height: 150px;
    bottom: 200px;
}

#kontakt {
	width: 100%;
	margin: 0 auto;
}

#kontakt > article {width: 100%}

#kontakt > figure {
	width: 100%;
	height: 400px;
}

#error404 {padding: 25px}

#error404 > div {min-height: calc(var(--vh, 1vh) * 100 - 50px)}

#error404 > div > img {
	top: 25px;
	left: 25px;
	width: 125px;
}

#error404 > div article {
	padding-left: 50px;
	padding-top: 100px;
}

#rejestracja {
	width: 100%;
	margin: 0 auto;
	padding: 50px 25px;
}

#rejestracja > img {
	top: -37px;
	right: -37px;
	width: 275px;
}

	
}

@media all and (max-width: 568px) {
	

#page-header {
	margin-bottom: -75px;
}	

#licznik h4 {margin-bottom: 25px}

#licznik > div {
    width: 80px;
    height: 80px;
	margin: 0 5px;
}

:root {--kreska-rama: 4px}

#licznik .arc-bottom {  
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	top: 2px;
	left: 2px;
}

#licznik > div p span:first-of-type {
	font-size: 26px;
	line-height: 26px;
}

#licznik > div p span:last-of-type {
	font-size: 13px;
	line-height: 13px;
	font-weight: 600;
}

#home-wydarzenie > figure {
	margin: 0 auto 75px;
	padding-right: 25px;
}

#home-wydarzenie > figure > figure .pattern {
	top: 25px;
	left: 25px;
}

.film a {
    width: 75px;
    height: 75px;
}	

#home-wspoldzieczosc .pattern-wrap {
	width: 0;
	height: 0;
}

	#home-wspoldzieczosc .pattern-wrap .pattern:first-of-type {display: none}

	#wspoldzielczosc-zasady {
		margin-top: 35px;
	}

	#wspoldzielczosc-zasady > div {
		margin-bottom: 25px;
	}

	#wspoldzielczosc-kontekst > figure {
		margin-bottom: 35px;
	}
	
	#prelegenci-home > section {
		width: calc(100% + 60px);
		left: -30px;
	margin-bottom: 0;
}

#prelegenci-single > figure {margin: 0 auto 25px}

#prelegenci-single > article > div:nth-of-type(3) {margin-top: 25px}

#prelegenci-single > article > div:nth-of-type(4) {margin-top: 25px}

#lokalizacja > figure {
	width: calc(100% - 25px);
	height: 350px;
	margin-bottom: -50px;
}

#lokalizacja > article {padding-left: 25px}

#lokalizacja > article .pattern {
	top: -125px;
	right: 50px;
}

#lokalizacja > article > div {padding: 50px 25px}

#historia-cont {
	width: 533%;
	left: -433%;
}

#historia > hgroup {
	min-height: 175px;
	margin-bottom: 25px;
}

#historia > nav span:nth-of-type(2) {display: none}
#historia > nav span:nth-of-type(3) {display: block}

#error404 > div {
	background-image: url(../img/home-header-rwd.webp);
	background-position: center;
	display: block;
	padding: 50px;
	box-sizing: border-box;
}

#error404 > div > img {
	position: relative;
	top: 0px;
	left: 0;
	margin: 0 auto 50px;
	width: 125px;
}

#error404 > div article {
	padding: 0 25px;
	max-width: 100%;
}

#rejestracja-form input[type=text] {
    font-size: 15px;
    line-height: 20px;
}

#checkbox-wrap {
    font-size: 14px;
    line-height: 1.5;
}

}

@media all and (max-width: 440px) {
	
		

#home-header {padding: 20px}

#home-header > div {min-height: calc(var(--vh, 1vh) * 100 - 40px)}

#home-header > div > article {padding: 100px 20px 40px}

#home-header > div > article .hero-lockup img {max-width: 125px}

#page-header {
	padding: 20px;
	margin-bottom: -60px;
}

#licznik {
	max-width: 250px;
	position: relative;
	margin: 0 auto;
}

#licznik > div {
    width: 70px;
    height: 70px;
	margin: 0 10px 10px;
}

#licznik .arc-bottom {  
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	top: 1px;
	left: 1px;
}

#licznik > div p span:first-of-type {
	font-size: 22px;
	line-height: 22px;
}

#licznik > div p span:last-of-type {
	font-size: 12px;
	line-height: 12px;
}

#home-wydarzenie > figure {
	margin: 0 auto 70px;
	padding-right: 20px;
}

#home-wydarzenie > figure > figure .pattern {
	top: 20px;
	left: 20px;
}

#home-wspoldzieczosc .interlude {margin-top: 25px}

#home-wspoldzieczosc .pattern-wrap {display: none}

#aktualnosci-home > div {
	width: 100% !important;
	padding: 0;
	margin-bottom: 10px;
}

#aktualnosci-home > div > div {
	padding-top: 100% !important;
	width: 100% !important;
	top: 0 !important;
	height: auto !important;
}

#aktualnosci-home > div a figcaption {padding: 15px 15px 25px !important}

#aktualnosci > section, #aktualnosci-polecane > section {margin-bottom: 20px}

#aktualnosci > section > div, #aktualnosci-polecane > section > div {padding: 10px 10px 20px}

#single-aktualnosc > figure {height: 400px}

#single-aktualnosc .share a {
    width: 24px;
    margin-left: 10px;
}

#prelegenci-home > section {
	width: calc(100% + 40px);
	left: -20px;
	margin-bottom: -10px;
}

#prelegenci > section {
    width: 100%;
    left: 0;
}

#prelegenci-home .prelegent-excerpt, #prelegenci .prelegent-excerpt {
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
}

#prelegenci-home .prelegent-excerpt:nth-of-type(3) {display: block}

#prelegenci-single {padding: 20px}

.prelegent-excerpt > div hgroup {padding: 0 25px 25px}

.prelegent-excerpt > div hgroup::before {
	width: 125px;
	height: 125px;
}

#partnerzy {padding: 20px}

#partnerzy li {width: 50%}

#partnerzy article .has-grey-background-color {padding: 20px}

#lokalizacja > figure {
	width: calc(100% - 20px);
	margin-bottom: -40px;
}

#lokalizacja > article {padding-left: 20px}

#lokalizacja > article > div {padding: 40px 20px}

#lokalizacja > article .pattern {
	top: -130px;
	right: 40px;
}

#wspoldzielczosc, #o_wydarzeniu, #prelegenci-wstep {padding: 20px}

#wspoldzielczosc > figure img {width: 125px}

#wspoldzielczosc-intro > figure {height: 400px}

#o_wydarzeniu-interlude {height: 260px}
#o_wydarzeniu-interlude > img {width: 125px}

#program-wstep {padding: 20px}

#program-nav > div {padding: 20px}

#program-all > section {padding: 20px}

#program-all table td {
	padding: 20px;
	width: 100% !important;
	display: block;
}

#program-all table td:nth-of-type(2n+1) {padding-bottom: 0}
#program-all table td:nth-of-type(2n) {padding-top: 0}

#historia-wrap > article {padding: 20px}

#historia-wrap > section {padding: 0 20px 20px}

#historia > hgroup {
	min-height: 200px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-left: 20px;
}

#regulamin > article {padding: 20px}

#kontakt > article > div {padding: 40px 20px}

#error404 {padding: 20px}

#error404 > div {
	padding: 40px 20px;
	min-height: calc(var(--vh, 1vh) * 100 - 40px);
}

#rejestracja {padding: 40px 20px}

#rejestracja > img {display: none}

}

@media (pointer: coarse) {

#menu-sociale a,
.prelegent-excerpt > div > nav div a,
#prelegenci-single > figure nav a,
#single-aktualnosc .share a,
.link-more a, a.link-more {
	position: relative;
}

.hamburger::after,
#menu-sociale a::after,
#menu-contact::after,
#scroll-top::after,
.prelegent-excerpt > div > nav div a::after,
#prelegenci-single > figure nav a::after,
#single-aktualnosc .share a::after,
.slideshow-arrows a::after,
.link-more a::after, a.link-more::after,
a.link-box::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: var(--cel-dotyku);
	height: var(--cel-dotyku);
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
}

.slideshow-arrows a {overflow: visible}

#historia-cont > div {padding-top: 6px}

}

.ozdobnik-o-wydarzeniu,
.ozdobnik-wspoldzielczosc,
.ozdobnik-historia,
.ozdobnik-novum,
.ozdobnik-partnerzy,
.ozdobnik-kontakt,
.ozdobnik-rejestracja {
	width: 300px;
	height: 300px;
}

.ozdobnik-o-wydarzeniu   {bottom: -60px; left: 0}
.ozdobnik-wspoldzielczosc{
	width: 220px;
	height: 220px;
	bottom: auto;
	top: 105px;
	right: calc(var(--rama) + 35px);
	z-index: 1;
}
.ozdobnik-historia       {bottom: -90px; right: 0}
.ozdobnik-novum          {bottom: -60px; right: 0}
.ozdobnik-partnerzy      {bottom: -90px; left: 0}
.ozdobnik-kontakt        {bottom: 100px; right: 0}
.ozdobnik-rejestracja    {bottom: -60px; right: 0}

@media all and (max-width: 1024px) {
	.ozdobnik-o-wydarzeniu,
	.ozdobnik-wspoldzielczosc,
	.ozdobnik-historia,
	.ozdobnik-novum,
	.ozdobnik-partnerzy,
	.ozdobnik-kontakt,
	.ozdobnik-rejestracja {
		width: 200px;
		height: 200px;
	}

	.ozdobnik-wspoldzielczosc {
		display: none;
	}
}

@media all and (max-width: 568px) {
	.ozdobnik-o-wydarzeniu,
	.ozdobnik-wspoldzielczosc,
	.ozdobnik-historia,
	.ozdobnik-novum,
	.ozdobnik-partnerzy,
	.ozdobnik-kontakt,
	.ozdobnik-rejestracja {
		width: 150px;
		height: 150px;
	}
}

body:not(.home) #main > section:not(#page-header) {
	padding-left:  max(var(--rama), calc((100% - var(--tresc-siatka)) / 2));
	padding-right: max(var(--rama), calc((100% - var(--tresc-siatka)) / 2));
}