/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    	margin: 0;
    	padding: 0;
    	border: 0;
    	font: inherit;
    	vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
    	display: block;
    }
    body {
    	line-height: 1;
    }
    
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
	
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

 
  a:link {COLOR: inherit; TEXT-DECORATION: underline;}
  a:visited {COLOR: inherit; TEXT-DECORATION: underline;}
  a:active {COLOR: inherit; TEXT-DECORATION: underline;}
  a:hover {COLOR: inherit; TEXT-DECORATION: underline;}
  button { color: #1b1b1b; }



html, body {
	color:#000;
	font-size: 1rem;
	line-height: 1.6; 
	font-weight: 300;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body {
  background-color: #ffffff;
  color: #000000;
}

body .all.background-all{ background-color:#FCF7F2; }
body .all.background-kultura{ background-color:#F9FCF2; }
body .all.background-edukacja{ background-color:#FFFDEF; }
body .all.background-partenrzy{ background-color:#FFF; }






button:focus-visible, a:focus-visible {
  outline: 3px solid red;
  outline-offset: 4px;
}

a img {
  display: inline-block;
  vertical-align: middle; /* opcjonalnie */
}

#wpadminbar{ display: none !important; }
html{margin-top: 0px !important;}
em { font-style: italic; }

ul{ margin: 15px 0 25px; }
ul li{ margin-left: 40px; }

strong { font-weight: 600; }

.skip-link {
  position: absolute;
  left: -999px;
  top: 0;
  background: #000;
  color: #fff !important;
  padding: 8px 16px;
  z-index: 1000;
  font-size: 1rem;
}

.skip-link:focus {
  left: 0;
}


p{ margin-bottom:20px; }

h2 { font-size: 2.5rem; text-transform: uppercase; font-weight: bold; color: #00537C; }


.all{ position:relative; overflow:hidden; width:100%; min-height:100vh; height:auto; }

.container{ width:1570px; margin:auto; position:relative; }
nav .container{ height:100%; }

.wcag-top{ position:relative; width:100%; height:60px; display:flex; flex-direction:row; justify-content:flex-end; padding: 0 2%;}

.wcag-top-socials{ align-self:center; display:flex; }
.wcag-top-socials a{ margin:0 5px; display:inline-block; align-self:center; text-decoration: none;}
.wcag-top-socials img{ width:25px; display:block; }
.lang-switch{ list-style:none; margin:0px; padding:0px; align-self:center; font-size:0.85rem; }
.lang-switch a{ text-decoration:none; }
.lang-switch li{ display:inline-block; padding:0px; margin:0px 8px; padding:0px; text-transform:uppercase; font-size:1.125rem; color:#00537C; font-weight:300; }
.lang-switch li .active{ font-weight:bold; }
.wcag-top-kontrast{ align-self:center; display:flex; }
.wcag-top-kontrast button{ background:none; padding:0px; margin:0px 5px; font-size:1.45rem; font-weight:bold; color:#00537C; border: 0px; align-self:center; cursor:pointer; }
.wcag-top-kontrast button.kontrast-icon{ background:url('../img/kontrast.svg') center center no-repeat; background-size:100%; margin-right:10px; width:27px; height:27px; }

.wcag-top-separator{ width:3px; background:#00537C; position: relative; height:50%; margin:0 19px; position:relative; top:25%; }



.top-separator{ width:100%; height:143px; }

.logo{ width:147px; position:absolute; top:20px; left:0px; }
.logo img{ width:100%; display:block; }

nav{ position: relative; z-index:100; width:100%; height:143px; background:#00537C; }
.home nav { position:absolute; top:60px; left:0px; }
nav .menu{ list-style:none; margin:0px; padding:0px; position:absolute; right:0px; top:0px; display: flex; text-align: center; font-size: 1.125rem; color: #fff; font-weight: bold;}
nav .menu li{ display:inline-block; margin:0 8px; padding:0 14px; border-radius:0 0 18px 18px; height:132px; display: flex; line-height: 1.2; position: relative;}
nav .menu li:last-of-type{ margin-right: 0px; padding-right: 0px;}
nav .menu li a{ align-self:center; position:relative; text-decoration: none;}
nav .menu li a:before{ content:''; width:8px; height:8px; border-radius:100%; background:#fff; position:absolute; left:50%; bottom:0px; transform:translateX(-50%); transition: all 0.3s ease; pointer-events: none; opacity: 0;}
nav .menu li a:hover::before{ bottom: -10px; opacity: 1;}
nav .menu li.menu-kultura-dostepna::before{ position:absolute; content:''; display:block; top:0px; left:0px; background:#5B9839; width: 100%; height: 100%; border-radius: 0 0 10px 10px;}
nav .menu li.menu-edukacja-kulturalna::before{ position:absolute; content:''; display:block; top:0px; left:0px; background:#F4B031; width: 100%; height: 100%; border-radius: 0 0 10px 10px;}
nav .menu li.active a::before{ bottom: -10px; opacity: 1;}
nav .menu li a.leave::before { bottom: -20px; }
body.home nav{  background:none; }


.menuMobileClick{ width:40px; height:40px; cursor:pointer; position:absolute; right:0px; top:50%; display:none; z-index:980; text-align:center; transform: translateY(-50%);
-webkit-transition: all .25s linear;
   -moz-transition: all .25s linear;
   -ms-transition: all .25s linear;
   -o-transition: all .25s linear;
  transition: all .25s linear;}
.menuMobileClick div {
    width: 40px;
    height: 3px;
    background-color: #fff;
    display:block;
    margin: 7px 0;
    border-radius: 2px;
}
.menuMobileClick div:nth-of-type(1){ width: 35px; margin-left: 5px; }
.menuMobileClick div:nth-of-type(3){ width: 28px; margin-left: 12px; }

.menuFixed{ position: fixed; width: 100%; height: 100%; background-color: #00537C; z-index: 1001; left: 0px; top: 0%; opacity: 0; display: none; overflow-x: hidden; overflow-y: scroll; text-align: center;}
.closeMenuContainer{ width:100%; text-align:right; margin-bottom: 40px; position: relative; z-index: 900; margin-top: 60px;}
.closeX { height: 40px; width: 40px; position: relative; box-sizing: border-box; line-height: 40px; display: inline-block; margin-top: 15px; cursor: pointer; z-index: 900;}
.closeX:before, .closeX:after {  width: 40px; height: 4px; transform: rotate(-45deg); content: ''; position: absolute; top: 50%; left: 50%; margin-top: -4px; margin-left: -20px; display: block; background-color: #fff; transition: all 0.25s ease-out;}
.closeX:after { transform: rotate(-135deg);}
.menuFixedUl{ margin: 0px; padding: 0px; list-style: none; margin-bottom: 30px; }
.menuFixedUl li{ font-weight: bold; color: #fff; text-align: center; overflow: hidden; margin: 22px 0 0px; font-size: 32px; text-transform: uppercase; font-weight: 600; padding: 5px 0; position: relative; z-index: 100; line-height: 1.3;}
.menuFixedUl li.active a{ border-bottom: 2px solid #fff; }
.menuFixed a{ color: inherit; text-decoration: none; }

.menuFixed .wcag-top-socials{ align-self:center; display:flex; width:150px; margin:50px auto; justify-content:space-between; }
.menuFixed .wcag-top-socials a{ margin:0 5px; display:inline-block; align-self:center; text-decoration: none;}
.menuFixed .wcag-top-socials img{ width:37px; display:block; }

.menuFixed li.menu-kultura-dostepna{ background:#5B9839; border-radius:12px; padding:10px 5px; }
.menuFixed li.menu-edukacja-kulturalna{ background:#F4B031; border-radius:12px; padding:10px 5px; }


header{ width:100%; position:relative;  }
header .foto, header .foto img{ width:100%; display:block; }
header .nano{ position:absolute; width:33%; top:50%; left:50%; transform:translate(-50%, -50%); }
header .nano img{ width:100%; display:block; }
header .fotoR{ display:none; }


.header{ font-size:3.125rem; color:#00537C; font-weight:bold; position:relative; display:block; line-height:1.2; text-align:center; margin-bottom:55px; text-transform: uppercase;}
.header:after{ content:''; display:block; width:17px; height:17px; position:absolute; bottom:-33px; left:50%; transform:translateX(-50%); border-radius:100%; background:#E9408F; }
.header-center{ text-align:center; }
.container-wstep .header{ text-align:left; }
.container-wstep .header:after{ left:0px; transform:translateX(0); }
.projekt-preheader{ font-size:1.375rem; margin-bottom:15px; margin-top: 20px; text-transform:uppercase; line-height:1.2; font-weight:500; }

.kropki{ display:block; }
.kropki img{ width:100%; display:inline-block; }
.kropki-poziom{ width:920px; }

.flex-row{ display:flex; justify-content:space-between; flex-direction:row; }
.flex-60{ width:58%; position:relative; }
.flex-40{ width:38%; position:relative; }
.bloki-50{ width:50%; position:relative; }
.bloki-40{ width:40%; position:relative; }
.bloki-60{ width:60%; position:relative; }


.padding-50-r{ padding-right:50px; }
.padding-50-l{ padding-left:50px; }
.color-dark{ color:#00537C; }
.color-pink{ color:#E9408F; }
.txt{ line-height:1.4; font-weight:300; }
.txt-bigger{ font-size:1.437rem; }
.duzy-tekst { font-size:1.625rem; color: #E9408F;}
.txt b, .txt strong{ color: #E9408F; }

.txt ul, .txt ol{ list-style: none; margin: 20px 0;}
.txt ul li, .txt ol li{ margin: 15px 0px; padding-left:55px; position: relative;}
.txt ul li:after, .txt ol li:after{ content:''; display:block; position:absolute; left:20px; top:9px; width:13px; height:13px; background:#E9408F; border-radius: 100%;}


.button{ font-size:1.375rem; display:inline-block; color:#00537C; font-weight:bold; position:relative; text-transform:uppercase; z-index: 1; cursor: pointer; margin: 40px 0;}
.button:before{ content:''; display:inline-block; width:17px; height:17px; position:relative; bottom:0px; left:0px; border-radius:100%; background:#E9408F; z-index:-1 !important; transition: all 0.3s ease; margin-right: 10px;}
.button:hover:before{ transform:scale(3.4); }
.button-small{ font-size:1.125rem; }
.button-white{ color:#FCF7F2; }
.button-white:before{ width:15px; height:15px; background: #FCF7F2; bottom: -1px;}
.button-white:hover:before{ transform:scale(1.3); }
.button-pink{ color:#E9408F; }
.button-pink:before{ width:15px; height:15px; background: #E9408F; bottom: -1px;}
.button-pink:hover:before{ transform:scale(1.3); }
.button-right{ text-align:right; }


.main{ position:relative; width:100%; padding-top:250px; }
.kropki-main{ position:absolute; top:-50px; right:20px; width:300px; }
.main-nanodzwieki .flex-60{ align-self:flex-end; text-align:center; }
.kropki-main-nanodzwieki{ position:absolute; right:30px; top:90px; }


article.projekty{ margin-top:180px; margin-bottom:180px; }
.header-projekty-main{ margin-bottom:100px; }
.projekty-main-flex{ display:flex; flex-direction:row; justify-content:space-between; }
.projekty-main-col{ width:49%; padding:90px 0 75px; position:relative; }
.projekty-main-col-L{ background-color:#5B9839; border-radius: 0 30px 30px 0; text-align:left; padding-right:20px; }
.projekty-main-col-L:before{ width:100%; height:100%; left:-100%; top:0px; content:''; display:block; position:absolute; background-color:#5B9839;}
.projekty-main-col-R{ background-color:#F4B031; border-radius: 30px 0 0 30px; text-align:right; padding-left:20px; }
.projekty-main-col-R:after{ width:100%; height:100%; right:-100%; top:0px; content:''; display:block; position:absolute; background-color:#F4B031;}

.projekty-main-col-content{ width:100%; padding-left:44%; position:relative; }
.projekty-main-col-content .nazwa{ font-size:1.875rem; font-weight:600; margin-bottom:35px; color:#FCF7F2; line-height: 1.25; text-transform: uppercase;}
.projekty-main-col-foto{ width:40%; border-radius:100%; background:#00537C; position:absolute; left:1%; bottom:-10px; }
.projekty-main-col-foto:after{ padding-top:100%; content:''; display:block; }
.projekty-main-col-foto-inner{ position: absolute; width: 80%; border-radius: 100%; overflow: hidden; right: 4%; bottom: 2%; }
.projekty-main-col-foto-inner img{ width:100%; display:block; }
.projekty-main-col-content .button{ margin:0px; }
.projekty-main-col-R .projekty-main-col-content{ padding-right:44%; padding-left:0px; }
.projekty-main-col-R .projekty-main-col-foto{ right:1%; left:auto; }


article.wydarzenia-main{ margin-top:180px; margin-bottom:80px; }
.header-wydarzenia-main{ margin-bottom:100px; }
.kropki-main-wydarzenia{ position:absolute; left:30px; top:90px; }
.kropki-main-wydarzenia img{ transform: scaleX(-1); }

.wydarzenia-container{ width:100%; position:relative; }
.wydarzenie{ display:flex; width:100%; flex-direction:row; justify-content:space-between; margin-bottom: 40px; }
.wydarzenia-container .wydarzenie:nth-child(even) { padding-left: 50px; }
.wydarzenie .data{ width:120px; height:120px; position:relative; border-radius:100%; line-height: 1.2; background:#E9408F; margin-right:25px; align-items:center; justify-content:center; color: #FCF7F2; font-size: 1.5rem; font-weight: 800; display: flex; flex-wrap: wrap; flex-direction: column; text-align: center;}
.wydarzenie .data span { display: block; font-size: 1rem; font-weight: 400}
.wydarzenie .wydarzenie-txt{  color:#00537C; flex:1; align-self:center; text-transform:uppercase; text-align:left;font-weight:bold;}
.wydarzenie .wydarzenie-txt span{ font-size:1.125rem; display:block;  }
.wydarzenie .wydarzenie-txt span.wydarzenie-tytul {  font-size:1.5rem; line-height:1.3;  }
.wydarzenie.projekt-kultura_dostepna .data { background: #5B9839 }
.wydarzenie.projekt-edukacja_kulturalna .data { background: #F4B031 }
.wydarzenie.projekt-kultura_dostepna .wydarzenie-txt-kolor { color: #5B9839; }
.wydarzenie.projekt-edukacja_kulturalna .wydarzenie-txt-kolor { color: #F4B031; }
.page-template-template-kalendarz .wydarzenie { margin-bottom: 60px; }
.page-template-template-kalendarz .wydarzenia-container { margin-bottom: 150px; }


.subpage-margin{ margin-top:170px; }


.wstep{ margin-bottom:120px; }
.bloki-tekst-foto{ margin-bottom:120px; }
.bloki-tekst-tekst{ margin-bottom:120px; }
.bloki-lista-foto{ margin-bottom:120px; }
.bloki-tekst-center{ margin-bottom:120px; }
.bloki-naglowek-center{ margin-bottom:120px; }
.bloki-tekst-foto .kropki-poziom { transform: scale(-1); padding-right: 100px;}
.bloki-tekst-foto .z-prawej .kropki-poziom { transform: scale(1); }

.header-bloki{ font-size:2.5rem; color:#00537C; font-weight:bold; position:relative; display:block; line-height:1.2; text-align:left; margin-bottom:55px; text-transform: uppercase; }
.header-bloki-center{ text-align:center; }

.container-wstep .kropki{ position:relative; top:50px; left:100px; }
.container-wstep .kropki img{ transform: scaleX(-1) scaleY(-1); }

.bloki-tekst-foto .txt{ font-size:1.25rem; line-height:1.4; color:#00537C; }


.bloki-tekst-foto .bloki-50{ align-self:center; }
.bloki-tekst-foto .flex-row.z-prawej{ flex-direction:row-reverse; }


.blok-foto{ width:85%; margin-left: 15%; border-radius:100%; background:#E9408F; position:relative; }
.blok-foto:after{ padding-top:100%; content:''; display:block; }
.blok-foto-inner{ position: absolute; width: 85%; height: 85%; border-radius: 100%; overflow: hidden; left: 1%; bottom: 4%; }
.blok-foto-inner img{ width:100%; height: 100%; object-fit: cover; display:block; }
.blok-foto:before{ width:140px; height:100px; display:block; content:''; position:absolute; right:-140px; top:25px; background:url('../img/kropki-foto.svg') center center no-repeat; background-size:contain; }

.bloki-tekst-foto .flex-row.z-prawej .blok-foto{ margin-left:0px; }
.bloki-tekst-foto .flex-row.z-prawej .blok-foto-inner{ right:1%; left:auto; }
.bloki-tekst-foto .flex-row.z-prawej .blok-foto:before{ transform: scaleX(-1); left: -140px; right: auto;}
.bloki-tekst-foto .flex-row.z-prawej .kropki{ float:right; margin-right:100px; }


.bloki-tekst-tekst .txt{ font-size:1.25rem; line-height:1.4; color:#00537C;}

.bloki-tekst-tekst .apla .bloki-50{ align-self:center; }
.bloki-tekst-tekst .apla { padding-bottom: 50px; }

.bloki-tekst-tekst .apla .bloki-50-l{ background: #00537C; border-radius:0 30px 30px 0; padding:90px 150px 130px 50px; position:relative; }
.bloki-tekst-tekst .apla .bloki-50-l:before{ background: #00537C; content:''; display:block; width:100%; height:100%; position:absolute; left:-100%; top:0px; }
.bloki-tekst-tekst .apla .bloki-50-l .txt{ color:#fff; font-size:1.437rem; position:relative; }
.bloki-tekst-tekst .apla .bloki-50-l .txt b, .bloki-tekst-tekst .apla .bloki-50-l .txt strong{ color:inherit; }
.bloki-tekst-tekst .apla .bloki-50-r .txt{ padding-left:100px; }
.bloki-tekst-tekst .apla .bloki-50-l .txt:after{ position:absolute; content:''; display:block; width: 72px; height: 72px; background:url('../img/kropki2.svg') no-repeat center center; background-size:contain; left:-170px; top:0px; z-index:100;  }
.bloki-tekst-tekst .apla .bloki-50-l:after{ position:absolute; content:''; display:block; width:225px; height:155px; background:url('../img/kropki-apla.svg') no-repeat center center; background-size:contain; right:50px; bottom:-70px; }
.bloki-tekst-tekst .bloki-50-l.padding-50-r{ padding-right:80px; }


.bloki-lista-foto .bloki-60 .txt{ width: calc(100% - 100px); color:#00537C; margin-top: 30px; margin-bottom: 120px;}
.bloki-lista-foto .bloki-60 .txt .inner{ padding-left:100px; font-size:1.375rem; position:relative; }
.bloki-lista-foto .bloki-60 .txt .inner:after{ width:68px; height:70px; content:''; display:block; position:absolute; left:0px; top:-15px; background:url('../img/kropki1.svg') center center no-repeat; background-size:contain; z-index:100; }
.bloki-lista-foto .bloki-60 .txt:nth-child(even){ margin-left:100px; }
.bloki-lista-foto .bloki-60 .txt:last-child{ margin-bottom:0px; }
.bloki-lista-foto .bloki-40{ align-self:center; }
.bloki-lista-foto .bloki-40 .blok-foto{ width:105%; margin-left:10%; }

.bloki-lista-foto .flex-row.z-prawej{ flex-direction:row-reverse; }
.bloki-lista-foto .flex-row.z-prawej .blok-foto{ margin-left:-8%; }
.bloki-lista-foto .flex-row.z-prawej .blok-foto-inner{ right:1%; left:auto; }
.bloki-lista-foto .flex-row.z-prawej .blok-foto:before{ transform: scaleX(-1); left: -140px; right: auto;}
.bloki-lista-foto .flex-row.z-prawej .kropki{ float:right; }


.bloki-tekst-center .blok-tekst-center{ width:65%; position:relative; }
.bloki-tekst-center .flex-row{ justify-content:center; }
.bloki-tekst-center .txt{ font-size:1.375rem; text-align:center; color:#00537C;}
.bloki-tekst-center .tekst_powiekszony .txt{ font-size:1.437rem; }
.bloki-tekst-center .tekst_powiekszony .txt strong, .bloki-tekst-center .tekst_powiekszony .txt b{ font-size:1.625rem; }
.bloki-tekst-center .kropki_lewa .blok-tekst-center:after{ content:''; display:block; width:300px; height:300px; background:url('../img/kropki3.svg') center center no-repeat; background-size:contain; top:-40px; left:-470px; position: absolute;}
.bloki-tekst-center .kropki_prawa .blok-tekst-center:before{ content:''; display:block; width:300px; height:300px; background:url('../img/kropki3.svg') center center no-repeat; background-size:contain; bottom:-50px; right:-500px; position: absolute; transform: scaleX(-1);}


.bloki-naglowek-center .header-big{ font-size:4.375rem; color:#E9408F; font-weight:bold; line-height:1.2; text-transform: uppercase; text-align: center; margin-bottom: 10px; margin-top: 10px;}
.bloki-naglowek-center .header-big-dopisek{ font-size:2.5rem; color:#00537C; font-weight:bold; line-height:1.2; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; text-align: center;}

.apla-start-top{ width:100%; padding-top: 80px;}
.apla-start-top img{ width:100%; display:block; }
.apla-start{ background-color:red; position:relative; width:100%; padding:20px 0 0; background: #00537C; overflow: hidden;}
.apla-start-stop{ width:100%; margin-bottom: 100px;}
.apla-start-stop img{ width:100%; display:block; transform: scaleY(-1);}

.apla-start .blok-tekst-center .txt, .apla-start .bloki-tekst-foto .txt, .apla-start .header-bloki, .apla-start .bloki-tekst-tekst .txt, .apla-start .bloki-lista-foto .bloki-60 .txt, .apla-start .bloki-naglowek-center .header-big-dopisek{ color:#FCF7F2;  }



.archive-container{ margin-top:100px; margin-bottom:150px; }
.archive-post-mini{ width:100%; position:relative; display:flex; flex-direction:row; justify-content:space-between; margin-bottom: 200px;}
.foto-post-mini{ width:40%; position: relative; align-self:flex-start;}
.foto-post-mini-inner{ position:relative; overflow: hidden; border-radius: 20px; }
.foto-post-mini-inner:after{ padding-top:65%; content:''; display:block; position:relative; }
.foto-post-mini-inner img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0px; top:0px; }
.foto-post-mini:before{ position:absolute; content:''; display:block; width:225px; height:155px; background:url('../img/kropki-apla.svg') no-repeat center center; background-size:contain; right:0px; bottom:-80px; z-index: 100;}
.content-post-mini{ width:45%; align-self:center; margin-right:10%; }
.post-mini-nazwa{ color:#00537C; font-size:1.875rem; line-height: 1.2; margin-bottom: 70px; font-weight: bold; position: relative; text-transform: uppercase;}
.post-mini-nazwa:after{ content:''; display:block; width:20px; height:20px; position:absolute; left: 0px; bottom:-42px; border-radius:100%; background:#E9408F; }
.post-mini-nazwa a{ text-decoration:none; }
.content-post-mini .txt{ color:#00537C; font-size:1.25rem; line-height:1.4; margin-bottom:20px; }
.content-post-mini .button{ font-size: 1.125rem; }
.content-post-mini .button::before { bottom: -1px;}

.foto-post-mini-inner:has(a:focus-visible) {
    outline: 3px solid red;
    outline-offset: 4px;
}



.foto-wpis{ width:1100px; margin:auto; margin-bottom:100px; position:relative;}
.foto-wpis .foto-wpis-inner{ width: 100%;  position:relative; border-radius: 40px; overflow: hidden;}
.foto-wpis .foto-wpis-inner:after{ padding-top:65%; content:''; display:block; position:relative; }
.foto-wpis .foto-wpis-inner img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0px; top:0px; }
.foto-wpis:before{ position:absolute; content:''; display:block; width:225px; height:155px; background:url('../img/kropki-apla.svg') no-repeat center center; background-size:contain; right:-80px; bottom:-80px; z-index: 100;}
.post-mini-data { font-weight: bold; color: #E9408F; }
.center-wpis{ width: 800px; margin:auto; }
.center-wide-wpis{ width: 1000px; margin:auto; }
.center-wide-pion{ width:800px; }

.data-wpis{ font-size:1.25rem; margin-bottom:5px; font-weight:bold; }
.header-wpis{ color:#00537C; font-size:2.5rem; line-height: 1.2; margin: auto; margin-bottom: 100px; font-weight: bold; position: relative; text-transform: uppercase; }
.header-wpis:after{ content:''; display:block; width:20px; height:20px; position:absolute; left: 0px; bottom:-42px; border-radius:100%; background:#E9408F; }
.header-wpis-galeria:before{ position:absolute; content:''; display:block; width:125px; height:105px; background:url('../img/kropki-apla.svg') no-repeat center center; background-size:contain; left:-170px; top:-25px; z-index: 100; transform: scale(-1); }

.txt-wpis-wstep{ font-size:1.437rem; margin-bottom:120px; }
.txt-wpis{ font-size:1.25rem; margin-bottom:120px; }

.foto-wpis-txt{ margin-bottom:100px; position:relative; margin-bottom: 120px;}
.foto-wpis-txt .foto-wpis-txt-inner{ width: 100%; position:relative; border-radius: 40px; overflow: hidden;}
.foto-wpis-txt .foto-wpis-txt-inner img{ width:100%; display:block; }

.kropki-naroznik:before{ position:absolute; content:''; display:block; width:125px; height:105px; background:url('../img/kropki-apla.svg') no-repeat center center; background-size:contain; right:-80px; bottom:-41px; z-index: 100; transform: scaleX(-1);}
.kropki-naroznik:after{ position:absolute; content:''; display:block; width:125px; height:105px; background:url('../img/kropki-apla.svg') no-repeat center center; background-size:contain; left:-80px; top:-41px; z-index: 100; transform: scaleY(-1);}

.video-wpis{ position:relative; margin-bottom:120px; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



.grid { width: 102%; margin-left: -1%; margin-top: -1%; margin-bottom:120px; }
.grid-sizer, .grid-item { width: 33.333%; padding: 1%; }
.grid-galeria .grid-sizer, .grid-galeria .grid-item { width: 33.333%; padding: 1%; }
.grid-item { position: relative; overflow: hidden; }
.grid-item .foto{ width: 100%; display: block; overflow: hidden; border-radius: 20px;}
.grid-item .foto img{width: 100%; display: block;
  -webkit-transition: all 0.5s ease-in-out; 
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }



.projekt-logotypy{ position:absolute; left:50px; top:-135px; display: flex; align-items: center; }
.projekt-logotypy img{ max-height:70px; height: auto; width:auto; }
.container-belka-bottom{ margin-bottom:100px; margin-top:150px; }
.container-belka-bottom .projekt-logotypy{ position:relative; left:0px; top:0px; justify-content: center; }
.projekt-logotypy span { display:  block; max-width: 400px; font-size: 0.8rem; line-height: 1.2; margin-left: 20px; }
.projekt-logotypy span.miasto-stoleczne{ margin-left:0px; margin-right:25px; transform: scale(1.1);  transform-origin: left center;}

footer{ background:#00537C; padding:26px 0; }
.footer-container{ width:100%; display:flex; flex-direction:row; justify-content:space-between; }
.footer-social{ width:150px; font-size:0px; }
.footer-social a{ margin:0 15px 0 0; display:inline-block; align-self:center; text-decoration: none;}
.footer-social img{ width:33px; display:block; filter: invert(100%) brightness(1000%);}
.footer-links{ flex: 1; text-align:left; align-self:center; color: #FCF7F2;}
.footer-links a{ margin-right:50px; font-size:0.937rem; color:inherit; text-decoration:none; }




/* KOLORY */

.all.background-kultura .projekt-preheader{ color:#5A9839; }
.all.background-kultura .data-wpis, .all.background-kultura .post-mini-data{ color:#5A9839; }
.all.background-kultura .header:after{ background:#5A9839; }
.all.background-kultura .color-pink{ color:#5A9839; }
.all.background-kultura .duzy-tekst { color: #5A9839;}
.all.background-kultura .txt b, .all.background-kultura .txt strong{ color: #5A9839; }
.all.background-kultura .txt ul li:after, .all.background-kultura .txt ol li:after{ background:#5A9839;}
.all.background-kultura .button:before{ background:#5A9839; }
.all.background-kultura .button-pink{ color:#5A9839; }
.all.background-kultura .button-pink:before{ background: #5A9839;}
.all.background-kultura .wydarzenie .data{ background:#5A9839; }
.all.background-kultura .blok-foto{ background:#5A9839;}
.all.background-kultura .bloki-naglowek-center .header-big{ color:#5A9839;}
.all.background-kultura .post-mini-nazwa:after{ background:#5A9839; }
.all.background-kultura .header-wpis:after{ background:#5A9839; }
.all.background-kultura .blok-foto:before{ background:url('../img/green/kropki-foto.svg') center center no-repeat; background-size:contain; }
.all.background-kultura .bloki-tekst-tekst .apla .bloki-50-l .txt:after{ background:url('../img/green/kropki2.svg') no-repeat center center; background-size:contain;  }
.all.background-kultura .bloki-tekst-tekst .apla .bloki-50-l:after{ background:url('../img/green/kropki-apla.svg') no-repeat center center; background-size:contain;  }
.all.background-kultura .bloki-lista-foto .bloki-60 .txt .inner:after{ background:url('../img/green/kropki1.svg') center center no-repeat; background-size:contain; }
.all.background-kultura .bloki-tekst-center .kropki_lewa .blok-tekst-center:after{ background:url('../img/green/kropki3.svg') center center no-repeat; background-size:contain; }
.all.background-kultura .bloki-tekst-center .kropki_prawa .blok-tekst-center:before{ background:url('../img/green/kropki3.svg') center center no-repeat; background-size:contain;}
.all.background-kultura .foto-post-mini:before{ background:url('../img/green/kropki-apla.svg') no-repeat center center; background-size:contain; }
.all.background-kultura .foto-wpis:before{ background:url('../img/green/kropki-apla.svg') no-repeat center center; background-size:contain; }
.all.background-kultura .header-wpis-galeria:before{ background:url('../img/green/kropki-apla.svg') no-repeat center center; background-size:contain;}
.all.background-kultura .kropki-naroznik:before{ background:url('../img/green/kropki-apla.svg') no-repeat center center; background-size:contain;}
.all.background-kultura .kropki-naroznik:after{ background:url('../img/green/kropki-apla.svg') no-repeat center center; background-size:contain;}



.all.background-edukacja .projekt-preheader{ color:#F4B031; }
.all.background-edukacja .data-wpis, .all.background-edukacja  .post-mini-data{ color:#F4B031; }
.all.background-edukacja .header:after{ background:#F4B031; }
.all.background-edukacja .color-pink{ color:#F4B031; }
.all.background-edukacja .duzy-tekst { color: #F4B031;}
.all.background-edukacja .txt b, .all.background-edukacja .txt strong{ color: #F4B031; }
.all.background-edukacja .txt ul li:after, .all.background-edukacja .txt ol li:after{ background:#F4B031;}
.all.background-edukacja .button:before{ background:#F4B031; }
.all.background-edukacja .button-pink{ color:#F4B031; }
.all.background-edukacja .button-pink:before{ background: #F4B031;}
.all.background-edukacja .wydarzenie .data{ background:#F4B031; }
.all.background-edukacja .blok-foto{ background:#F4B031;}
.all.background-edukacja .bloki-naglowek-center .header-big{ color:#F4B031;}
.all.background-edukacja .post-mini-nazwa:after{ background:#F4B031; }
.all.background-edukacja .header-wpis:after{ background:#F4B031; }
.all.background-edukacja .blok-foto:before{ background:url('../img/yellow/kropki-foto.svg') center center no-repeat; background-size:contain; }
.all.background-edukacja .bloki-tekst-tekst .apla .bloki-50-l .txt:after{ background:url('../img/yellow/kropki2.svg') no-repeat center center; background-size:contain;  }
.all.background-edukacja .bloki-tekst-tekst .apla .bloki-50-l:after{ background:url('../img/yellow/kropki-apla.svg') no-repeat center center; background-size:contain;  }
.all.background-edukacja .bloki-lista-foto .bloki-60 .txt .inner:after{ background:url('../img/yellow/kropki1.svg') center center no-repeat; background-size:contain; }
.all.background-edukacja .bloki-tekst-center .kropki_lewa .blok-tekst-center:after{ background:url('../img/yellow/kropki3.svg') center center no-repeat; background-size:contain; }
.all.background-edukacja .bloki-tekst-center .kropki_prawa .blok-tekst-center:before{ background:url('../img/yellow/kropki3.svg') center center no-repeat; background-size:contain;}
.all.background-edukacja .foto-post-mini:before{ background:url('../img/yellow/kropki-apla.svg') no-repeat center center; background-size:contain; }
.all.background-edukacja .foto-wpis:before{ background:url('../img/yellow/kropki-apla.svg') no-repeat center center; background-size:contain; }
.all.background-edukacja .header-wpis-galeria:before{ background:url('../img/yellow/kropki-apla.svg') no-repeat center center; background-size:contain;}
.all.background-edukacja .kropki-naroznik:before{ background:url('../img/yellow/kropki-apla.svg') no-repeat center center; background-size:contain;}
.all.background-edukacja .kropki-naroznik:after{ background:url('../img/yellow/kropki-apla.svg') no-repeat center center; background-size:contain;}

/************ kalendarz **************/
.page-template-template-kalendarz h1, .page-template-template-partnerzy h1 { text-align: center; }
.page-template-template-kalendarz .header-wpis::after, .page-template-template-partnerzy .header-wpis::after { left: 50%; transform: translateX(-50%); }

/************ media **************/
.page-template-template-media h1 { text-align: center; width: 100% }
.page-template-template-media .header-wpis::after { left: 50%; transform: translateX(-50%); }
.media-sekcja h2:after { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: 0px; bottom: -22px; border-radius: 100%; background: #E9408F;}
.media-sekcja h2 { position: relative; }
.media-sekcja a{ text-decoration:none; }
.media-foto-flex { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 80px;  }
.galeria-post { flex: 0 0 30%; margin-bottom: 50px; }
.galeria-post-info { font-size: 1.375rem; text-transform: uppercase; font-weight: bold; color: #00537C; line-height: 1.4; margin-top: 10px; }
.galeria-post-info span { font-size: 1.125rem; color: #E9408F; display: block; }
.media-sekcja .button { margin: 10px 0; font-size: 1.0625rem; }
.media-sekcja .button:before { width: 15px; height: 15px; margin-right: 8px; bottom: -1px; }
.media-sekcja .button:hover:before{ transform:scale(2.4); }
.media-foto-flex::after { content: ""; flex: 0 0 30%;}
.single-media_type h1 { font-size: 2.5rem;  }
.single-media_type h1 span{ display: block; color: #E9408F ; font-size: 1.125rem; margin-bottom: 10px;  }
.galeria-single { margin-top: 100px; }
.single-media_type .grid-sizer, .single-media_type .grid-item { width: 25%; padding: 1%; }
.single-media_type .grid-galeria .grid-sizer, .single-media_type .grid-galeria .grid-item { width: 25%; padding: 1%; }
.apla-start .media-sekcja h2 { color: #FCF7F2 }
.apla-start .galeria-post-info { color: #FCF7F2 }
.video-wrapper { position: relative;  width: 100%; position: relative;}
.video-wrapper:after{ padding-top:65%; content:''; display:block; background: url('../img/play.svg') no-repeat center center; background-size: 40px;}
.video-wrapper img{ position:absolute; top:0px; left:0px; width:100%; height:100%; object-fit:cover; }
.apla-start .media-foto-flex .button { color: #FCF7F2 }
.media-press-flex { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 80px; padding: 0 10%; padding-bottom: 140px;   }
.media-press-flex .galeria-post { flex: 0 0 40%; margin-bottom: 50px; position: relative; }
.media-press-flex::after { content: ""; flex: 0 0 40%;}
.media-press-flex .galeria-post:nth-child(2n+2) { top: 50px;  }
.media-sekcja h2::before, .single-media_type h1:before { position: absolute; content: ''; display: block; width: 125px; height: 105px; background: url('../img/kropki-apla.svg') no-repeat center center;  background-size: auto; background-size: contain; left: -170px; top: -25px; z-index: 100; transform: scale(-1);}
.page-template-template-media h1::before { position: absolute; content: ''; display: block; width: 125px; height: 105px; background: url('../img/kropki-apla.svg') no-repeat center center;  background-size: auto; background-size: contain; right: -170px; top: -25px; z-index: 100; transform: scale(-1);}
.page-template-template-kalendarz .wydarzenia-container::before { position: absolute; content: ''; display: block; width: 125px; height: 105px; background: url('../img/kropki-apla.svg') no-repeat center center;  background-size: auto; background-size: contain; right: -300px; top: 10%; z-index: 100; transform: scale(-1);}
.page-template-template-kalendarz .wydarzenia-container::after{ position: absolute; content: ''; display: block; width: 125px; height: 105px; background: url('../img/kropki-apla.svg') no-repeat center center;  background-size: auto; background-size: contain; left: -400px; bottom: 20%; z-index: 100; }





/******************* PARTNERZY *******************/
.partnerzy-nazwa{ color:#00537C; font-size:1.875rem; line-height: 1.2; margin-bottom: 70px; font-weight: bold; position: relative; text-transform: uppercase;}
.partnerzy-nazwa:after{ content:''; display:block; width:20px; height:20px; position:absolute; left: 0px; bottom:-42px; border-radius:100%; background:#E9408F; }
.partnerzy-container{ margin-bottom:100px; width:100%; display:flex; flex-direction:row; flex-wrap:wrap; background:#fff; padding:25px; }
.partnerzy-container .partnerzy-logo{ margin: 15px 25px; }
.partnerzy-container .partnerzy-logo img{ height:75px; width:auto; display:block; max-width:100%; }



.posluchaj-click {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 990;
  cursor: pointer;
  padding: 10px 20px;
  padding-left: 40px;
  background: url('../img/play.svg') no-repeat #00537C; background-size: 18px; background-position: 12px 10px;
  color: white;
  border: 2px solid rgba(255,255,255,.5);
  border-radius: 0.5rem;
  font-size: 1rem;
}

.posluchaj-click.button-stop{ background: url('../img/pause.svg') no-repeat #00537C; background-size: 18px; background-position: 12px 10px; }

.posluchaj-click:focus-visible {
  outline: 3px solid yellow;
  outline-offset: 3px;
}



.polityka-page{ margin-bottom:100px; }


#cookies-message-container{ width: 100%; position: fixed; bottom: 0px; background-color: #000; z-index: 999;}
#cookies-message{ width:1000px; margin: auto; padding: 15px 20px; padding-right: 70px; font-size: 14px; line-height: 1.1;  text-align:left;  box-sizing: border-box; -webkit-box-sizing: border-box; color:#fff; position: relative;}
#accept-cookies-checkbox{padding: 5px 10px; color: #FFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; margin-left: 10px; text-decoration: none; cursor: pointer; font-size: 30px;
position: absolute; right: 0px; top: 20px;}
#cookies-message-container a{ color: inherit; }
.closeC { height: 30px; width: 30px; position: absolute; box-sizing: border-box; line-height: 50px; display: inline-block; cursor: pointer; right: 0px; top: 10px;}
.closeC:before, .closeC:after {width: 30px;height: 4px;transform: rotate(-45deg);content: '';position: absolute;top: 50%;left: 50%;margin-top: -4px;margin-left: -25px;display: block;background-color: #dedede;transition: all 0.25s ease-out;}
.closeC:after { transform: rotate(-135deg); }
#accept-cookies-checkbox:hover{ background:#FFFFFF; color:#00407c;}