:root { --c1:#8393cb; --c2:#7280af; --c3:#2d2d3e; --c4:#144ca5; --c5:#e1e6f7; --c6:#c4cff4; --sx:980px; }
* { margin:0; padding:0; box-sizing:border-box; }
html { font-size:16px; }
body { min-height:100vh; font:1em/1.4em sans-serif; color:rgb(57,50,40); overflow-y:scroll; }
::selection { background:#2b3; color:#fff; -webkit-text-shadow:none; text-shadow:none;  }
img { max-width:100%; }
a img { border:none; }

.telkom:before { content:url('https://www.emiliagorczyk-psycholog.pl/img/mobile-phone.svg'); display:inline-block; width:18px; height:20px; vertical-align:middle; margin-right:6px; position:relative; top:-5px }
.tel:before { content:url('https://www.emiliagorczyk-psycholog.pl/img/tel.svg'); display:inline-block; width:23px; height:26px; vertical-align:middle; margin-right:6px; }
.mail:before { content:url('https://www.emiliagorczyk-psycholog.pl/img/mail-icon.svg'); display:inline-block; width:23px; height:26px; margin-right:6px; position:relative; top:3px }
.gmap:before { content:url('https://www.emiliagorczyk-psycholog.pl/img/google-maps.svg'); display:inline-block; vertical-align:middle; width:23px; height:26px; margin-right:6px; position:relative; top:-3px }
.linh { line-height:170%; }
.art { padding-left:1.75em; background:url('https://www.emiliagorczyk-psycholog.pl/img/news-paper.svg') no-repeat top left; }
sidebar .tel { color:#3c66c8; background:#eee; box-shadow: 1px 1px 3px #999; border-radius:5px; padding:8px 12px; }

a:link.decoration { text-decoration:underline; }
a:hover.decoration { text-decoration:none; }

/* bloki */
h1, h2 { font-size:120%; padding:3px 0; margin-bottom:1em; color:var(--c2); text-align:center; font-weight:700; }
h2 span { font-size:90%; color:#345E89; -webkit-text-shadow:none; text-shadow:none;  font-weight:bold; }
h3 { font-size:100%; }
.flex { display:flex; }
header { padding:9px; }
header .flex { justify-content:space-between; }
h1 img { width:100%; padding-top:.3em }
.book { width:15%; }
.book path:first-child { animation:b 1s both }
@keyframes b { 50% { transform:scale(1.03); } }
.book + div { width:41%; }
header a { font-size:130%; font-weight:700; color:#555; }
header h1 { margin-bottom:0; }
header p { padding:0; text-align:right; line-height:1 }
.content { width:var(--sx); max-width:100%; margin:0 auto; display:block; }
main { flex:1; }
sidebar { color:#235; }
footer { text-align:center; min-height:62px; color:#eee; background:var(--c1); font-size:85%; }
footer a { color:rgb(220,230,240) }
footer a:hover { color:#fff }
footer label { display:inline-block; margin:0; }
.ifra { position:relative; width:100%; padding-bottom:55%; }
.ifra iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; }
.v16x9 iframe { aspect-ratio:16/9; width:100%; max-height:100vh; border:none; }
.block, item { display:block; }

a { color:#26a; text-decoration:none; transition:color .4s; }
a:hover { color:#48f;}
p { padding-top:12px; text-align:justify; }
fieldset { border:none; padding:1em 0; display:flex; gap:1em; }
.formularz label { font-weight:700; flex-basis:120px; }
ul, ol { margin:1em .5em 1em 2em }
li ul, li ol { margin:0 1em 1em 1.2em }
main li { margin:9px 0; }
main li span { color:black; }
.b0, .b0 td { border:0 }
.center { text-align:center }
.right, .rt { text-align:right }
.flo-l { float:left; }
.flo-l img { padding:5px; background-color:var(--c5); border:1px solid var(--c6); display:block; margin-right:1em; }
.flo-r { float:right; }
.flo-r img { padding:5px; background-color:var(--c5); border:1px solid var(--c6); display:block; margin-left:1em; }
img.flo-r { margin-left:1em; }
.b-cien { padding-bottom:8px; background:url('https://www.emiliagorczyk-psycholog.pl/img/cien.webp') no-repeat bottom center; background-size:100% 9px; }
hr { background:#95B13B; height:3px; border:none; margin:1.5em 0; }
.ukos { font-style:italic; text-align:center; font-family:times,serif; -webkit-text-shadow:none; text-shadow:none;  font-size:150%; }
.ajax, a { cursor:pointer; }
.bord { padding:5px; background:rgba(190,190,250,.25); border:1px solid rgba(190,190,220,.5); }
main strong, main b, .bold { color:var(--c2); font-weight:bold; }

/* toggler */
ul.toggler { margin:5px 0; }
ul.toggler li:before { background-image:none; }
ul.toggler li { border:1px solid #c2cbd6; padding:.5em; overflow:hidden; clear:both; display:block; }
ul.toggler li div { display:none; padding-top:10px; }
ul.toggler li a:first-child { cursor:pointer; font-weight:600; display:inline-block; width:100%; padding:.5em 0; }
ul.toggler li ul { margin-left:2em;  }
ul.toggler li ul li { border:none; padding:0; overflow:visible;  }
ul.toggler li ul li:before { content:''; display:inline-block; height:.65em; width:1em; background-image:url('https://www.emiliagorczyk-psycholog.pl/img/checked.svg'); background-size:contain; background-repeat:no-repeat; margin-left:-1em; }


main ul li { padding-left:5px; }
main li::marker, .c1 { color:var(--c1); }
main li ul li { list-style-type:circle; list-style-image:none; padding-left:0; }
main li ol li { list-style-type:lower-latin; }
.c2 { color:var(--c2); }
.firstLater li::first-letter { text-transform:uppercase; }

table { border:1px solid var(--c1); margin:10px 0; width:100%; border-collapse:collapse; margin:2em 0; }
caption { text-align:center; font-size:90%; color:var(--c4); }
.th td, .th { color:#fff; -webkit-text-shadow:0 1px 1px #16437D; text-shadow:0 1px 1px #16437D;  border:1px solid rgb(117,154,206); padding:4px 2px; text-align:center; }
th, td { padding:5px; font-size:88%; border:1px solid #78A2D2; }
td { padding-right:10px; }
td:last-child { text-align:right; }
thead td { text-align:center }
.hid { opacity:0; }
@keyframes ani { from { opacity:0; } to { opacity:1; } }
.ani { animation:ani 1s .5s both; }

.bold{ font-weight:bold }
.fixed { -webkit-box-shadow:4px 4px 4px #aaa; box-shadow:4px 4px 4px #aaa;  padding:10px; background:#ffffffdf; }
main { min-height:65vh; color:var(--c3); }
.workname { position:absolute; width:535px; max-width:100%; height:65px; top:15px; left:15px; z-index:4; }
h1 { font-weight:600; font-size:1em; -webkit-text-shadow:1px 0 1px #000; text-shadow:1px 0 1px #000;  color:#fff; text-align:left; line-height:120%; }
h1 span { font-size:.75em; font-weight:200; }


@media only screen and (max-width:799px) {
	main { margin-left:0 !important; margin-right:0 !important; display:block; -webkit-box-shadow:0 0 10px 7px #777; box-shadow:0 0 10px 7px #777;  margin-bottom:1em; }
	footer { min-height:83px; padding-bottom:0; }
	footer .flex { display:flex; justify-content:center; flex-wrap:wrap; }
	footer p { text-align:center; }
	header .flex { display:flex; justify-content:center; }
	header p { font-size:2vw; }
	.book { width:23%; }
	.book + div { width:77%; }
	.m_float_no { float:none; width:100%; }
}

@media only screen and (min-width:520px) { 
	footer .flex { display:flex; justify-content:space-between; }
}

@media only screen and (max-width:520px) { 
	header p { font-size:2.5vw; }
	.flo-r, .flo-l, .flo-l img, .flo-r img { display:block !important; margin-left:auto; margin-right:auto; margin:auto !important; float:none !important; text-align:center; }
}

@media only screen and (min-width:800px) { 
	#bodybg { position:fixed; top:-1320px; right:0; bottom:1320px; left:0; z-index:-1; background-image:url('https://www.emiliagorczyk-psycholog.pl/img/body-bg.jpg'); background-repeat:no-repeat; background-position:top center; transition:1s; background-size:100% 100%; background-position:bottom center; }
	#mobile { display:none; }
	h1 { font-size:1.4em; }
	h1 span { font-size:.9em; }
	main { flex:1; margin-bottom:5px; }
	.content { display:flex; }
	header .content { background:url('https://www.emiliagorczyk-psycholog.pl/img/2header-bg.svg') no-repeat bottom -20px left 20px; background-size:0px; animation:hdr 3s both; }
	@keyframes hdr { 100% { background-size:560px; } }
	sidebar { width:30%; }
	sidebar .pding { position:sticky; top:30px; background:#fff; }
	.fixed { padding-top:10px; position:-webkit-sticky; position:sticky; top:0; }
	.m_float_no { float:right;width:32%; border:1px solid #a9d9a2; background:rgba(180, 227, 165, 0.15); margin-bottom:1em; margin-left:1em; }
}

main a, .button { -webkit-transition:0.3s; transition:0.3s;  }
.pding { padding:1em; }
.clear { clear:both; }
.koment { cursor:pointer; color:#555 }

.relative { position:relative; top:0; left:0; width:100%; height:auto; }
.absolute { position:absolute; top:0; left:0; z-index:2; }

.li-no { margin:10px 0 }
.li-no li { list-style:none; padding-left:5px; }
.belka { background:linear-gradient(#534a3f,#090807); padding:10px; color:#fff; border-top-left-radius:4px; border-top-right-radius:4px; }
.clr1 { color:rgb(50,110,200); }
.clr2 { color:rgb(225,145,0); }
.red { color:red; font-size:100%; }
.txtshadow { -webkit-text-shadow:0 1px 0 rgb(50,50,50); text-shadow:0 1px 0 rgb(50,50,50);  }
.pointer { cursor:pointer }
.a-img-text { display:block; overflow:auto; }
.a-img-text img { float:left; margin-right:5px; vertical-align:middle; padding:2px; -webkit-transition:.7s; transition:.7s;  }
.a-img-text:hover img { background:#345E89; }
h4 { margin:20px 10px 5px }

/* galeria */
.galeria { list-style:none; list-style-image:none; margin:10px 0; display:flex; flex-wrap:wrap; gap:.5em; justify-content:center; align-items:center; }
main .galeria li { list-style-type:none; padding:0; margin:0; max-width:33%; overflow:hidden; }
.galeria li img { background:#def0df; padding:2px; -webkit-transition:.5s; transition:.5s;  }
.galeria li:hover img { opacity:.8; transform:scale(1.05); -webkit-transform:scale(1.05); }