/* ============================================================================
   bgpw-uklad.css — UKLAD STRONY
   ----------------------------------------------------------------------------
   Naglowek, menu gorne i boczne, okruszki, kafle na stronie glownej, stopka,
   logo, przycisk powrotu na gore, chmury tagow, komunikaty systemowe.
   Wszystko, co opisuje RAME strony, a nie jej tresc.

   TEN PLIK NIE PRZECHODZI DO DRUPALA. Opiera sie na strukturze i klasach
   szablonu Artisteera (.art-block, .art-hmenu, .art-vmenu, .art-postcontent),
   ktore w nowym szablonie instytucjonalnym nie beda istniec.
   Przy migracji: do wyrzucenia, nie do przepisywania.

   Dawniej custom.css. Przemianowany 28.10.2026, gdy po wydzieleniu podstaw
   i komponentow zostal w nim wylacznie uklad — z 2727 linii do 619.

   KOLEJNOSC LADOWANIA (index.php, linie 108-113): template.css, TEN PLIK,
   bgpw-podstawy.css, bgpw-komponenty.css, custom-articles.css,
   template.responsive.css.

   DLACZEGO UKLAD JEST PRZED KOMPONENTAMI: celowo. Reguly tresci maja
   nadpisywac to, co narzuca Artisteer, a nie odwrotnie. Sprawdzone 28.10.2026:
   odwrocenie tej kolejnosci zepsuloby padding pol wyszukiwarki indeksujacej
   i margines gorny 28 artykulow bibliometrycznych, bo w obu przypadkach
   komponent swiadomie nadpisuje regule stad, przy rownej specyficznosci.
   NIE ZMIENIAC.
   ============================================================================ */

/* Begin Additional CSS Styles */

/* aktualnosci - slajder */
.slajder a{
  text-decoration: none;
color: #fff;
}
.slajder a:hover{
  text-decoration:underline;
}
article.slajder{
padding: 5px;
}
.camera_caption_title {
    font-size: 1.2em !important;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 2px !important;
}
#camera_wrap_147{
margin-bottom:5px !important;
} 
.camera_caption > div {
    color: #FFFFFF;
    font-size: 14px !important;
}
.camera_wrap .camera_pag .camera_pag_ul{
position:absolute;
top:150px;

}
.camera_wrap .camera_pag{
display: none;
}
.camera_caption{
 width:42%;
  margin-right:57%;
}

/* menu poziome - podmenu drugiego stopnia*/
.desktop ul.art-hmenu ul ul li a{
background:#fff;
padding-left:6px;
border-left: 4px solid transparent;
}

.desktop ul.art-hmenu ul ul li a:hover {
    background:#fff;
	padding-left:6px;
	border-left:4px solid var(--bgpw-ramka-akcent);
}
/* cookies */
#cadre_alert_cookies .btn{
padding:0 !important;
}
#cadre_alert_cookies .btn:hover{
  color:#000 !important;
  background-color:#f3f3f3 !important;
}

/*chmury tagów*/
.tagcloud {
  font-weight: bolder;
  line-height: 1.4em;
  list-style-type: none !important;
  margin:0 auto;
}
.tagcloud li {
  display: inline;
  white-space: nowrap;
  padding: 0;
  margin: 0;
}
.responsive-phone .tagcloud li{
white-space:normal !important;
}
.tagcloud li a {
  padding: 0 0.2em 0 0.2em;
  text-decoration: none;
}
ul.tagcloud > li::before{
content:'' !important;
}

.art-headline, .art-headline a, .art-headline a:link, .art-headline a:visited, .art-headline a:hover {
    font-size: 22px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    padding: 0;
    margin: 0;
    color: #3D3D3D !important;
    white-space: nowrap;
}
.art-headline {
    display: none;
    position: absolute;
    min-width: 50px;
    line-height: 100%;
    transform: rotate(0deg);
    z-index: 101;
}
.tabelka_wyszukiwarki{
  width: 100%;
  height: 148px;
  padding-right: 5px;
  padding-left: 5px;
  border-top: none;
}
/*kolory paskow*/
.art-block.pomaranczowy_pasek .art-blockheader{
border-top:6px solid #fff4e5;
}
.art-block.pomaranczowy_pasek  .art-blockheader .t{
display: none;
}
.art-block.zielony_pasek .art-blockheader{
border-top:6px solid #f8fae5;
}
.art-block.zielony_pasek  .art-blockheader .t{
display: none;
}
.art-block.czerwony_pasek .art-blockheader{
border-top:6px solid #ffe5f0;
}
.art-block.czerwony_pasek  .art-blockheader .t{
display: none;
}
.art-block.niebieski_pasek .art-blockheader{
border-top:6px solid #e5f5ff;
}
.art-block.niebieski_pasek  .art-blockheader .t{
display: none;
}
.art-block.rozowy_pasek .art-blockheader{
border-top:6px solid #FAE5FA;
}
.art-block.rozowy_pasek  .art-blockheader .t{
display: none;
}
/*cookies alert*/
.cadre_inner_texte_alert_cookies{
max-width:1000px;
}
.cadre_texte{
text-align:justify;
}
.cadre_inner_texte_alert_cookies .cadre_bouton button{
  font-family:Arial,Helvetica Neue,Helvetica,sans-serif !important;
}
/*artykuly w przegladzie artykulow - aktualnosci*/
.items-leading>div{
border-bottom:5px solid var(--bgpw-tlo-jasne);
}
.items-leading>div:first-child{
border-top:5px solid var(--bgpw-tlo-jasne);
}
.items-leading>div:last-child{
border-bottom:none;
}
/*oddzielenie breadcrumbs od bloku artykulu*/
.item-page{
  border-top:5px solid var(--bgpw-tlo-jasne);
}
/*kafelki na stronie glownej*/
.art-block.kafelek:hover{
  background: #ffffff;
background: linear-gradient(to bottom, #fff 0%,#fbfbfb 100%); 
}
.art-block.kafelek div.custom{
  background-color:transparent;
}
.art-block.kafelek div.custom:hover{
  background-color:transparent;
}
.art-blockcontent p.wkafelku a:link, .art-blockcontent p.wkafelku a:visited, .art-blockcontent p.wkafelku a:active, .art-blockcontent p.wkafelku a:hover{
  font-size: 1.6em !important;
  text-decoration:none !important;
  display:block;
  position: relative;
  width:100%;
  height:100%;
  padding:17px 5px 0 6%;
  line-height:100%;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  box-sizing: border-box;
}
.art-blockcontent p.wkafelku a:link, .art-blockcontent p.wkafelku a:visited, .art-blockcontent p.wkafelku a:active{
  color:#000 !important;
}
.art-blockcontent p.wkafelku a:hover{
  color:#6F6F6F !important;
}

.art-blockcontent p.wkafelku{
width:100%;
  height:82px;
text-align:left;
  background-position: 90% center;
  background-repeat: no-repeat;
margin: 0;
  padding:0;
  box-sizing:border-box;
}
/*panel wyszukiwarki*/
article.panel{
 padding:5px; 
}

.panel_wyszukiwarki{
  padding: 5px 15px;
  border: 1px solid var(--bgpw-ramka);
  border-top: none;
}
.panel_wyszukiwarki > div:nth-child(2n+1){
margin-top: 5px;
  margin-bottom: 15px;
  margin-left: 6px;
}

/*wyszukiwarka indeksujaca*/
body .indeksowanie button.art-button, body .indeksowanie a.art-button:link, body .indeksowanie a.art-button:visited, body .indeksowanie a.art-button{
  margin-top:10px !important;
}
body .indeksowanie div#advancedSearch{
overflow-y:scroll;
  overflow-x:hidden;
}
.indeksowanie input{
  width:50%;
  display:block;
  margin:10px 0;
  padding:5px;
}
.indeksowanie fieldset{
  padding-left:0;
}

/*hasTip*/

.hasTip:hover{
  cursor:default !important;
}
/* breadcrumbs*/
a.pathway{
  position:relative;
  top:1px;
}
.breadcrumbs span{
  position:relative;
  top:1px;
}
/* kafle alternatywa*/

  .art-blockcontent p.kafle {
    width: 100%;
    height: 105px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-top:6px solid #e8e8e8;
}
div.custom.kafelek p.kafle > a{
padding-top:25px;
}
.art-blockcontent p.kafle a span{
	word-wrap: break-word;
	max-width: 150px;
	display: inline-block;
}

.art-blockcontent p.kafle a:link, .art-blockcontent p.kafle a:visited{
color: #353535 !important;
  transition:margin-left .3s, color .3s;
}

.art-blockcontent p.kafle a:link, .art-blockcontent p.kafle a:visited, .art-blockcontent p.kafle a:active, .art-blockcontent p.kafle a:hover {
    font-size: 1.6em !important;
    text-decoration: none !important;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 19px 5px 0 6%;
    line-height: 110%;
    font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    box-sizing: border-box;
background-position: 90% center;
    background-repeat: no-repeat;
	background-size:49px 48px;
	}
	
.art-blockcontent p.kafle a:hover {
  color: #000 !important;
	margin-left:2%;
}


/*stopka*/
.stopka div.stopka-lewy{
  float: left;
  position: relative;
  top: 2px;
}
.stopka div.stopka-prawy{
  float:right;
  position:relative;
  top:6px;
  display: flex;
    align-items: center;
    justify-content: center;
}
.stopka div.stopka-prawy a{
margin:3px;
color:#000;
text-decoration:none;
}
.stopka div.stopka-prawy a:hover{
	text-decoration:underline;
}

/*back to top*/
#back-to-top {
    position: fixed;
    bottom: 10%;
    right: 10%;
    z-index: 9999;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 33px;
  background: var(--bgpw-granat);
  color:#fff;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0.7;
  font-size:23px;
  display:none;
  border:0;
  box-shadow:none;
  border-radius:0px;
}
#back-to-top:hover {
    background: var(--bgpw-grafit);
  color:#fff;
}
/* Strzalka to teraz maska SVG, a nie glif fontu. Glif siadal na linii
   bazowej i to go przypadkiem centrowalo w kwadracie 35px przy
   line-height:33px. Pudelko maski ma 1em i przy vertical-align laduje
   kilka pikseli nizej, bo ta wlasciwosc liczy sie od linii bazowej,
   a nie od srodka przycisku. Dlatego przycisk centruje zawartosc flexem:
   wynik nie zalezy wtedy ani od metryk fontu, ani od line-height.
   background-color:currentColor przy .ikona-strzalka-gora daje strzalce
   biel przycisku i zmiane koloru przy najechaniu. 2026-10-27. */
#back-to-top.show {
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
/*zaloguj_menu*/
.art-hmenu a.zaloguj_menu::before{
  font-size:17px;
  left: -2px;
position: relative;
}
.art-hmenu .zaloguj_menu img{
  vertical-align:middle;
  display:none;
}
/*naglowek pol i eng*/
.naglowek_nowy2{
  position:relative !important;
max-width: 1100px;
width: 100%;
z-index: 0;
margin: 0 auto;
text-align: center;
text-align: center;
box-sizing: border-box;
overflow: auto;
}

/*drugi stopien vmenu*/

ul.art-vmenu > li > ul > li{
margin-left:10px;
border-top:1px solid #d4d4d4;
}
ul.art-vmenu > li > ul > li:first-child{
border-top:none;
}
ul.art-vmenu > li > ul > li a, ul.art-vmenu > li > ul > li a:hover{
line-height:20px !important;
min-height:20px;
}

ul.art-vmenu >li ul li{
padding:3px 0;
}
ul.art-vmenu > li > ul > li > ul > li:first-child > a, ul.art-vmenu > li > ul > li > ul > li:first-child > a:hover, ul.art-vmenu > li > ul > li > ul > li:first-child > a.active:hover{
margin-top:5px;
}
ul.art-vmenu > li > ul > li > ul > li:last-child > a, ul.art-vmenu > li > ul > li > ul > li:last-child > a:hover, ul.art-vmenu > li > ul > li > ul > li:last-child > a.active:hover{
margin-bottom:5px;
}

/*art-footer line height w linkach*/
.art-footer .stopka a{
  line-height:120%;
}
/*lupa w wyszukiwaniu*/

.art-hmenu-extra2 form.art-search .finder{
display: flex;
justify-content: center;
align-items: stretch;
}
.art-hmenu-extra2 form.art-search .finder button[type="submit"]{
left: auto;
display: initial;
border: none;
background-color:#fff;
width: 30px;
height: 100%;
padding: 0;
color: var(--bgpw-grafit) !important;
cursor: pointer;
border-radius: 0;
margin: 0 auto;
  font-size:15px;
}
/*3 stopien menu bocznego*/
ul.art-vmenu ul ul a::before{
content: "";
width: 1em;
height: 1em;
background-color: var(--bgpw-granat);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.6 2L18.4 12 7.6 22 4 18.6 11.2 12 4 5.4z'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.6 2L18.4 12 7.6 22 4 18.6 11.2 12 4 5.4z'/%3E%3C/svg%3E") center / contain no-repeat;
margin-right: 3px;
bottom: 2px;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
line-height: 0;
margin-left: -16px;
}
/* Ikona przy liczniku odslon. UWAGA: dawny komentarz mowil "breadcrumbs",
   co bylo mylace — ta regula nie dotyczy okruszkow nawigacyjnych, tylko
   bloku z liczba odslon pod tytulem artykulu.
   Zastepuje glif IcoMoona "\e01f". Maska maluje sie przez background-color,
   wiec currentColor przejmuje kolor po .art-postheadericons dokladnie tak,
   jak glif przejmowal go przez color.
   Ikona ma 1.2em, czyli jest wieksza od otaczajacego tekstu, a jej pudelko
   ma wysokosc 1em WLASNEGO kroju. Zeby jej srodek trafil na 0.35em rodzica,
   czyli na srodek wersalikow, potrzeba -0.25/1.2 = -0.21em. Bazowe
   vertical-align:middle dawalo 1,3 px za nisko.
   Sylwetka jest PODWOJNA swiadomie: pojedyncza mylila sie z ikona konta
   w menu gornym, a dawny glif IcoMoona tez pokazywal dwie postacie.
   2026-10-27. */
.art-postheadericons::before{
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 10.8a3.1 3.1 0 1 1 0-6.2 3.1 3.1 0 0 1 0 6.2zM2 19.8c0-2.9 2.4-4.8 5.4-4.8 1 0 1.9.2 2.7.5-1.6 1.3-2.6 3.1-2.6 5.2v.1H2zM15.4 11.8a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM8.2 20.8c0-3.3 3.2-5.6 7.2-5.6s7.2 2.3 7.2 5.6z'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 10.8a3.1 3.1 0 1 1 0-6.2 3.1 3.1 0 0 1 0 6.2zM2 19.8c0-2.9 2.4-4.8 5.4-4.8 1 0 1.9.2 2.7.5-1.6 1.3-2.6 3.1-2.6 5.2v.1H2zM15.4 11.8a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM8.2 20.8c0-3.3 3.2-5.6 7.2-5.6s7.2 2.3 7.2 5.6z'/%3E%3C/svg%3E") center / contain no-repeat;
  margin-right: 6px;
  font-size: 1.2em;
  vertical-align: -0.21em;
  line-height: 0;
}
.news .art-postheadericons::before{
  display:none;
}
/*margines gorny dla artykulu*/
.item-page:not(.serwis) .art-postcontent{
    margin-top: 20px;
}
.item-page.news .art-postcontent{
  margin-top:0;
}
.item-page:not(.serwis) .art-postcontent p:first-child, .item-page:not(.news) .art-postcontent p:first-child{
    margin-top:0;
}
/*separator w menu*/
ul li a.separator-without-submenu{
border: none !important;
    padding: 0 !important;
    text-align: center;
}

ul li a.separator-without-submenu::before, ul li a.separator-without-submenu::after{
content:" --- "
}
/*system message*/
#system-message > dd {
    text-indent: 15px;
}
#system-message > dd ul > li::before{
/* maska, nie glif: kolor przez background-color */
background-color:#000;
}

article .art-article ul li {
    padding-bottom: 2px;
    padding-top: 2px;
}

/*menu rozwijane z dziedzinami*/
.desktop ul.art-hmenu > li:nth-child(3)>ul>li>ul{
max-height:400px;
overflow-y:auto;
}


/*focus dla różnych elementów*/
ul.art-hmenu ul a:focus{
	outline:3px solid var(--bgpw-zielen);
}
ul.art-hmenu > li > a:focus{
  outline:1px solid #fff;
}
/* logo w headerze */
#resp_logoPW{
	float: left;
	width: 50%;
	border-right: 1px solid grey;
	box-sizing: border-box;
	height: 100%;
	padding-right: 25px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#resp_logoPW a, #resp_logoBG1 a{
	line-height: normal;
	font-family: radikal_wutbold;
	color: var(--bgpw-grafit);
	text-decoration: none;
	text-align: left;
	font-size: 23pt;
	box-sizing: border-box;
}
#resp_logoBG1 img{
	display:none;
}
#resp_logoBG1{
	float: left;
	text-align: left;
	width: 50%;
	padding-left: 25px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
}

.breadcrumbs{
	padding: 5px 15px 5px;
}
.art-nostyle.slajder, .art-nostyle.panel {
	padding: 5px;
}

div.alert-danger{
color:red;
padding-left:10px;
}

.art-postcontent a, .art-postcontent a:link{
text-decoration:underline;
}
/* link pomijajacy nawigacje */
.skip-link {
  background: var(--bgpw-granat);
  color: #fff;
  font-weight: 700;
  top:49px;
  left:0;
  padding: 10px;
  position: absolute;
  z-index:999;
  border: 0;
  box-shadow: none;
  border-radius: 0px;
  transform: translateY(-100px);
  text-decoration:none;
}

.skip-link:focus {
  transform: translateY(0);
}
/* otwieranie podmenu w menu górnym dla nawigacji klawiszowej*/

.focus_in_link{
  border-bottom:5px solid var(--bgpw-ramka-akcent) !important;
  z-index:14 !important;
}
.focus_in_ul{
  visibility:visible !important;
  top:100% !important;
}
.desktop .art-nav,.desktop ul.art-hmenu > li > a{
  background:var(--bgpw-granat);
}
.desktop ul.art-hmenu > li > a.active,.desktop ul.art-hmenu > li.ext > a:hover, .desktop ul.art-hmenu > li.ext:hover > a{
  background:var(--bgpw-granat-ciemny);
}
.desktop ul.art-hmenu > li > a.active{
border-bottom: 5px solid var(--bgpw-ramka-akcent);
}
/* End Additional CSS Styles */