/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 18 2026 | 12:59:35 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
/*

*/

/* gwiazdka czyli dla wszystkich elementów */
*{
	font-family:sans-serif;
}

/* to (body) poniżej jest tłem strony, optycznie białe ale tak naprawdę bardzo jasno szary, żeby nie męczyć oczu;
* wizualna ściągawka dla hex-kodów dla kolorów jest tu: https://htmlcolorcodes.com/
* można też ustalonymi nazwami kolorów, jak tu: https://www.tutorialrepublic.com/css-reference/css-color-names.php - wtedy piszemy bez kratki na początku;
* jedną z nazw jest "transparent" dla przezroczystego;
* taki hex kod to trzy liczby w systemie szesnastkowym, z cyframi o 0 do F; wielkość liter nie ma w tym kodzie znaczenia;
* R,G,B - pierwsze dwie cyfry tworzą nasycenie czerwonego (Red) światła, kolejne zielonego (Green), kolejne niebieskiego (Blue);
* same zera to czarny, same F to biały;
* jaskrawe kolory tła powodują szybkie męczenie wzroku, więc polecam stonowane i do tła głównego i do tła artykułów;
*/
body{
	background:#fafafa;
	font-size:calc(11px + .7vw);
}
/* tutaj^ czcionka nie na stałej wielkości, tylko do minimum 11 pikseli (px) dodaje się 0.7 szerokości obszaru widoku (vw od viewport width), np. okna przeglądarki, po to by na dużym ekranie telewizora była proporcjonalnie większa czcionka niż na małym ekranie telefonu */


/* poprawka na wielkości czcionki w artykułach - czyli tym co teraz jest zrobione na notesy - inaczej szablon WP narzuca mniejszą; nadpisuję tu zamiast zmienić tam, bo tu każdy admin może skorygować */
article p, article ul, article ol{font-size:calc(10px + .7vw)}

/* "body *" znaczy dla wszystkich elementów podrzędnych tła, "inherit" czyli mają dziedziczyć wielkość czcionki od elementu nadrzędnego, chyba że jest ustalone inaczej;
* komendy bardziej sprecyzowane (tak jak ta powyżej) mają pierwszeństwo, a z równorzędnych te poniżej nadpisują te powyżej;
* jeśli jest wątpliwość, która komenda jest aktywna - zrenderowany / wyświetlony element strony można kliknąć prawym przyciskiem myszy i wybrać opcję "inspect" - sekcja CSS pokaże tam który CSS jest nieaktywny (np. skreślony), a który aktywny; polecam do tego przeglądarkę Firefox;
*/
body *{font-size:inherit}

/* element o id "zakladki" (id i klasy koniecznie bez polskich znaków czy spacji) to menu górne; klasy mogą się powtarzać w wielu elementach, a id precyzuje tylko jeden element; dlatego nie należy nadawć dwóm elementom tego samego id;
* background to kolor tła;
* color to kolor czcionki; hex kody można skrócić do jednej cyfry na kolor, daje to mniej kolorów do wyboru, wtedy np. #123 = #112233
* flex i jego pohodne właściwości regulują elementy zmieniające miejsce w zależności od tego ile mają miejsca na ekranie;
* "sticky" powinno przyczepić górne menu do miejsca na ekranie, ale skoro się z czymś w PHP wordpressa gryzie, mogę potem zastąpić sztuczką starszą niż ten atrybut, hmm;
* "padding" daje odstęp między treścią a brzegiem elementu; "margin" daje odstęp między brzegiem elementu a innymi elementami;
* "z-index" ustawiony bardzo wysoko to sztuczka, by utrzymać element na wierzchu nawet jeśli zjedzie na sam dół strony - inaczej elementy dodane niżej byłyby automatycznie na wierchu; "top" to stary kod na margines od samej góry elementu który jest pojemnikiem dla modyfikowanego elementu; dla #zakladki jest to body;
*/
#zakladki{
	background:#fafafa;
	color:#000;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	position:sticky;
	top:.5em;
	padding:.1em;
	z-index:9999999999;
}

/* elementy w menu nawigacyjnym, tak jak wyświetlają się na komórce;
* struktura "element [spacja] element" precyzuje by w elemencie nadrzędnym (pierwszy) znaleźć instancje elementu drugiego */
#zakladki .wp-block-navigation__responsive-container,
#zakladki .wp-block-navigation__responsive-dialog{
	background:#fafafa;
	color:#000;
	text-align:center;
}

/* tekst linków w menu nawigacyjnym */
#zakladki .wp-block-navigation__responsive-container a,
#zakladki menu a,
#zakladki .menu a{
color:#000;
	text-decoration:none;
	font-size:2em;
	font-variant-caps:small-caps;
	margin:auto 1.5em;
}
/* #zakladki .logoburn,
* #zakladki .logoburn .custom-logo{
*	margin-right:0;
*	padding-right:0;
} */
@supports(filter:grayscale(1)){
	#zakladki .logoburn{
		filter:grayscale(1);
		filter:grayscale(1) contrast(2);
	}
}
article{
	/*background:#fed;*/
	padding:1em;
	margin:4.5em 2em;
	/*box-shadow:
		inset 0 10px 10px -10px #dcb68c,
		0 -10px 10px -10px #dcb68c,
		inset 0 -20px 40px 0 #fbe9d3,
		inset 0 20px 40px 0 #fbe9d3,
		inset 0 40px 40px 0 #f3d4ae,
		0 2px 15px -10px #0007,
		0 -10px 8px 0 #f3d4ae,
		0 -15px 0 1px #fbe9d3,
		0 0 20px 0 #0007,
		1.5px -16.5px 0 1.5px #f3d4ae,
		1.5px 1.5px 0 1.5px #f3d4ae,
		1px -18px 3px 1.5px #0007,
		1px 3px 3px 1.5px #0007,
		1px -14px 0 3px #f3d4ae,
		1px 3px 0 3px #f3d4ae,
		6px 5px 10px 0 #0007;
	border-top:1.5px dashed #3025;
	border-radius:5mm;*/
	text-align:justify;
}
header.header,aside{
	background:#fafafa;
	color:#000;
	padding:1em;
	padding:calc(3mm + 1em);
	margin:1em;
	border-radius:1mm;
	box-shadow:0px 1px 1px #1006;
}
footer{
	box-shadow:0 -2px 3px 000;
	background:#eee;
	padding:.5em;
	padding:calc(1mm + .5em);
	margin:1em 0;
	font-size:.7em;
}
.partnerlogo{
	height:70px;
	height:5em;
}
.loga, #kontakt{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-content:flex-start;
	align-items:center;
	column-gap:1em;
}
.line-tall{height:2em; display:inline}
article header.header{
	padding:.5em;
	margin:.5em auto;
	/*border-radius:5mm;*/
	border:none;
	width:auto;
	max-width:45em;
	text-align:center;
}
.wp-block-latest-posts__post-title{
	margin:auto 10em;
	width:100%;
}
.galeria-static{
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
}
.galeria-static .rys-opis{
	padding:1.5em;
	min-width:25%;
	max-width:300px;
}
.ikonka{
	display:inline;
}
img{
	max-width:100%;
}
#fotobusoli{background-image:url(https://salusprima.edu.pl/wp-content/uploads/2026/05/czerwone-1024x768.jpg)}
/* #aicd1{background-image:url(rys/aicd-skie.png)} *
* #aicd2{background-image:url(rys/aicd-jab.png)} */
article .ilustr, article .ilustrfb{
	width:600px;
	width:42%;
	height:fit-content;
	min-width:250px;
	width:42vw;
	max-width:100%;
	max-width:calc(100% - 2em);
	/*box-shadow:1px 1px 1px 1px #1006;*/
	margin:1em;
	border-radius:5mm;
	box-shadow:inset 0 0 5px 10px #fafafa;
	background-size:100% 100%;
	background-repeat:no-repeat;
}
article .ilustr img{opacity:0;}
article .ilustr img.ilustrfb{opacity:1;}
.ilustrowane{
	display:flex;
	justify-content:center;
	align-content:stretch;
	flex-wrap:wrap;
	align-items:center;
}
article .txt-art{
	width:45%;
	flex-grow:6;
	flex-shrink:2;
	align-self:flex-start;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#33f;
}
.fotatlo{
	color:#fff;
	width:100%;
	min-height:500px;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
}
#landscape-pic{
	background-image:url(https://salusprima.edu.pl/wp-content/uploads/2026/05/busola2.png);
	box-shadow:inset 0 0 10px 5px #eee;
	text-align:center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-shadow:2px 2px 3px #000;
	text-shadow:2px 2px 3px #000,-2px -2px 3px #000,-2px 2px 3px #000,2px -2px 3px #000;
}
#landscape-pic h2{font-size:3.5em;font-weight:bold;font-weight:bolder}
#landscape-pic p{font-size:2.5em}
#landscape-pic p,
#landscape-pic h2{margin:1em auto}
ol.rzym{list-style-type:upper-roman}
ul.checkmark{list-style-type:none}
ul.checkmark li::before{content:"✔ "}
ul.checkmark li{text-indent:-1em;padding-left:1em}
ul.bezmarker{list-style-type:none}
footer ul.bezmarker{display:inline-block}
@media screen and (max-width:16cm){
	#zakladki{
		position:relative;
	}
	article{
		margin: 4.5em .1em;
	}
	.ilustrowane{
		flex-wrap:wrap;
	}
	.txt-art{
		width:100%;
	}
	.ilustrowane .ilustr{
		min-width:98%;
		width:100%;
		min-width:100vw;
		height:auto;
		min-height:50vw;
		background-color:#000;
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
	}
}
/* .wp-block-latest-posts__post-full-content{
*	margin-bottom:3em; */
}
.wp-block-latest-posts__list li{margin-bottom:3em}
.wp-block-latest-posts__post-title,
h1.wp-block-post-title{
	margin-top:3em;
	font-weight:bold;
	font-weight:bolder;
	font-size:1.4em;
	text-align:center;
}
.wp-block-latest-posts__post-title:before{
	content:" ";
	display:block;
	height:.1em;
	background-color:#000;
	background-color:#0009;
}
.emoji{
	font-size:1.2em;
	vertical-align:middle;
}
.uppercase{
	text-transform:uppercase;
}
.uwaga{
	border-radius:2mm;
	padding:1em 2em;
	border:1mm solid #b20;
	width:fit-content;
	margin:auto;
}
}

}
}