:root { --wx:1020px; --bg1:#292f51; --c1:#122; --c2:#292f51; --c3:#46539b; --c4:#515253; --h:#e2e3e4; --a:#08d; --ah:#4cf; --nav-a:#eee; --nav-ah:#8df; --marker:#26c; 
  --slide-bg:#e9eeff; --slide-font-color:#335caa; --slide-text-shadow:-1px 0 #111, 0 1px #111, 1px 0 #111, 0 -1px #111; }
* { margin:0; padding:0; box-sizing:border-box; }
html { font-size:16px; }
body { font:1rem/1.6 sans-serif; min-height:100vh; min-height:100dvh; color:var(--c1); }
::selection { background-color:var(--marker); color:var(--nav-a); }
/* latin-ext */
@font-face {
  font-family: 'Kaushan Script';
  font-style: normal;
  font-weight: 400;
  src: local('Kaushan Script'), local('KaushanScript-Regular'), url(https://fonts.gstatic.com/s/kaushanscript/v9/vm8vdRfvXFLG3OLnsO15WYS5DG72wNJHMw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Kaushan Script';
  font-style: normal;
  font-weight: 400;
  src: local('Kaushan Script'), local('KaushanScript-Regular'), url(https://fonts.gstatic.com/s/kaushanscript/v9/vm8vdRfvXFLG3OLnsO15WYS5DG74wNI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
main article { padding:1rem; }
h1, h2 { text-align:center; }
/* - header elements - */
h1 a { height:100%; display:flex; align-items:center; }
h1 path { transition:all .5s; }
h1 .fc2{ fill:var(--c2); }
h1:hover .fc2 { fill:var(--marker); animation:toRt .7s both; }
h1:hover .f01 { fill:#346; }
header .h1 { margin:1.3em auto 0; }
h1 strong { position:absolute; top:-1000px; left:0; }
.adres { padding-left:2em; animation:toBot 2s .5s both; }
.adres p { margin:0 1em 5px 0; font:1.1rem/1.3 sans-serif; }
.adres a { position:relative; color:#457; display:block; }
.adres a:after { content:url('https://www.4lapy.ostroleka.pl/wp-content/themes/4lapy/img/mapPoint.svg'); width:18px; height:1.2em; position:absolute; top:8px; right:6rem; transition:.3s; }
.adres a:hover:after { animation:mPoint 0.5s both; }
.tel-mail { position:relative; height:130px; display:flex; align-items:center; justify-content:center; animation:toLt 2s .5s both; }
.tel-mail svg { position:absolute; top:0; left:0; }
.tel-mail path { fill:#363f70; stroke:#122; }
.tel-mail section { position:relative; z-index:2; font-size:1.2em; top:-6px; }
#etykietka a { position:relative; color:#eee; }
#etykietka a:hover { color:#fff }
#etykietka a:before { position:absolute; display:block; transition:.5s; }
#etykietka a:hover:before { animation:mPoint .5s both; }
#etykietka .tel:before { content:url('https://www.4lapy.ostroleka.pl/wp-content/themes/4lapy/img/tel.svg'); width:20px; height:16px; right:-30px; top:0; }
#etykietka .mail:before { content:url('https://www.4lapy.ostroleka.pl/wp-content/themes/4lapy/img/mail.svg'); width:24px; height:16px; right:-36px; top:2px; }

@keyframes mPoint { 0% { opacity:1; transform:scale(1)} 50% { opacity:.5; transform:scale(.5)} 100% { opacity:1; transform:scale(1)} }
@keyframes tel-mail { from { opacity:0; transform:scale(0)} to { opacity:1; transform:scale(1)} }
@keyframes sidebar { 50% { transform:translateY(-35px) } 100% { transform:translateY(0) } }
@keyframes navIN { 0% { padding:.75em 1.5em;  } 100% { padding:.65em 1.5em;  } }

/* o nas */
.o-nas { border:1px solid #ccc; margin-bottom:1em; padding:.5em; box-shadow:1px 2px 3px #ccc; }
.o-nas div:first-child { flex:1; text-align:center; }
.o-nas div:last-child { flex:2; }
.o-nas:last-child { margin-bottom:0; }

a { color:var(--a); transition:color .5s; text-decoration:none; }
main a { position:relative; }
a:hover { color:var(--ah); }
main a:after { content:''; width:0; background:var(--a); position:absolute; bottom:-1px; left:0; transition:.3s; height:1px; display:block; }
main a:hover:after { width:100%; }

a.und { display:inline-block; }
a.und:after { content:''; display:block; height:1px; width:1px; background:inherit; transition:width .3s; margin:auto }
a.und:hover:after { width:100%; background:#fff; }
.ajx-ifr:after { content:none; }


sidebar h2 { color:#f0f0f3; margin:1rem auto .5rem; position:relative; height:70px; padding-top:1.3rem; font-family:'Kaushan Script',cursive; text-shadow:1px 1px 3px #000; font-size:1.8rem; max-width:390px; animation:toBot 1s .3s both; margin-bottom:.8em; }
sidebar h2:before { content:url('https://www.4lapy.ostroleka.pl/wp-content/themes/4lapy/img/h2.svg'); position:absolute; top:0; left:0; width:100%; height:auto; z-index:-1; }
.sidebar { animation:sidebar 1.8s both; }

.flex { display:flex; }
.sp-bet { justify-content:space-between; }
.r {  text-align:right; }
.c { text-align:center; }
.j { text-align:justify; }
.l { text-align:left; }
.c3 { color:var(--c3)}
.marg { position:relative; z-index:2; }
.auto { margin:auto; }
.foot-hr { background:var(--bg1); min-height:40px; margin:.7em 0; display:flex; align-items:center; justify-content:end; padding:0 1em; }
.footer1 { width:max-content; }
.footer1 a { color:#eee; }
.footer1 a:hover { color:#fff; }
.sub-foot { text-align:center; font:.75em/1.4 sans-serif; padding:0 1em; }
#slider { padding-bottom:30.684%;position:relative;overflow:hidden;opacity:1;background:var(--slide-bg); }
#slider figure { opacity:0; position:absolute; top:0; left:0; }
sidebar p { font:.9em/1.4 verdana, laato, sans-serif; color:var(--c4); }
.pad { padding:1em; }

/* toggle czy wiesz że */
.toggler h3 { cursor:pointer; padding-block:.5em; margin:1em 0 0 1.3em; }
.toggler h3:before { content:'+'; display:inline-flex; justify-content:center; align-items:center; margin:2px .5em 0 -2rem; width:20px; height:20px; background:#eef; color:#989eaa; font-weight:300; }
.toggler.open h3:before { content:'-';  }
.togg-wrap { display:grid; grid-template-rows:0fr; }
.toggler.open .togg-wrap { transition:grid-template-rows 1s ease-out; }
.toggler.open .togg-wrap { grid-template-rows:1fr; }
.togg-inn { overflow:hidden; }
.toggler.open .togg-inn { grid-template-rows:1fr; background-image:linear-gradient(#346 25%, #ffffff00 0%); background-position:left; background-size:1px 4px; background-repeat:repeat-y; padding:0 1em; }

/* dojazd */
#mapcontener { position:relative; width:100%; padding-top:98%; overflow:hidden; border:1px solid #bcd; }
#map {position:absolute; top:0px; left:0px; right:0px; bottom:0px; }
#changeView { color:#457; cursor:pointer; font-weight:700; display:inline-block; }
#changeView:before { content:''; display:block; width:100%; height:1px; }
#changeView:after { content:url('https://www.4lapy.ostroleka.pl/wp-content/themes/4lapy/img/mapPoint.svg'); display:inline-block; vertical-align:middle; width:22px; height:20px; margin-left:7px; margin-top:-9px; }
#changeView.street:after { content:url('https://www.4lapy.ostroleka.pl/wp-content/themes/4lapy/img/streetV.svg');}


@media(min-width:900px){
  .grid, header, nav, footer { display:grid; grid-template-columns:1fr minmax(290px, 320px) minmax(auto, 700px) 1fr; }
  body.grid { grid-template-rows:auto auto 1fr auto; }
  .wx { grid-column:2/span 2; }
  main { grid-column:3; }
  sidebar { grid-column:2; }
  header, nav, footer, .gc3 { grid-column:1/-1 }
  .adres, .tel-mail { flex:1; }
   header .h1 { display:flex; align-items:center; margin:1.3em auto 0; }
   header h1 { flex:1.2; }
  .sidebar-content { position:sticky; top:70px; }
  .o-nas { display:flex; gap:1em; margin-right:-0.9em; }
  .flo-l { float:left; }
  .flo-r { float:right; }
  .marg.flo-l { margin-right:1em; margin-bottom:1em; }
  .marg.flo-r { margin-left:1em; margin-bottom:1em; }
}

@media(max-width:899px){
  h1 {padding:1em 5px; }
  .tel-mail, .adres { margin:1em auto; width:320px; }
  sidebar, main { grid-column:1/-1; }
  .sidebar-content { width:370px; max-width:98%; margin:auto; }
  .sidebar-content:after { content:''; display:block; height:5px; background:var(--c2); opacity:.5; margin:0 auto 3em; width:50%; }
  sidebar h2 { height:90px; }
  .o-nas p:first-child { text-align:center; }
  .adres a:after { right:5rem; }
  .flo-r img, .flo-l img { display:block; margin:auto; }
}

p { margin:1em 0 }
p:first-child { margin-top:0; }
main ul, ol { margin:1.2em 0 1em 1.5em }
sidebar ul, sidebar ol { margin:0 } 
main > article { animation:toBot 1s both}
main li { margin:.5em 0 .5em 1em; padding-left:0; position:relative; }
main li::marker { color:var(--marker) }
main ul { list-style:none; }
main li ul { margin-left:0; }
main li ol { margin-left:1em; }
main ol ol li { list-style-type:lower-latin }
main li ul { list-style:disc; margin-top:0; }
main ul > li:before { content:url('https://www.4lapy.ostroleka.pl/wp-content/themes/4lapy/img/logoWet.svg'); display:inline-block; width:1em; margin-left:-1em; position:relative; top:2px; left:-5px; }
main li li:before, main ul li.first:before  { content:none; }
main ul li.first { font-weight:bold; }

hr { margin:1em 0; border:0; border-bottom:1px solid var(--c4) }
img, svg { max-width:100%; max-height:100vh; width:auto; height:auto; shape-margin:.7rem; background-repeat:no-repeat; background-size:cover; font-style:italic; vertical-align:middle; }
table { border-collapse:collapse; font-family:sans-serif; font-size:90%; margin:1em auto 1.3em; min-width:70% }
caption {font-size:110%; font-weight:600; margin:.6em auto }
thead { background:#00409020; padding:9px .5em }
thead th, thead td { padding:9px .5em }
td, th { border:1px solid var(--c4); padding:4px .5em; vertical-align:top }
tr:nth-child(2n) { background:#00409010; }
.space-b { justify-content:space-between; }
#popup a.ajx{display:inline-block;margin-top:2em}