/* 
 Theme Name: MBP
 Theme URI: http://krm-online.pl
 Author: Maciej Strzeliński
 Author URI: http://krm-online.pl
 Description: Szablon Miejska Biblioteka
 Version: 1.0 
 */

html { scroll-behavior: smooth; }

ul, li { list-style: none }
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a:link, a:visited, a:hover {	color: inherit;
								text-decoration: none;
								cursor: pointer;	}
					
				


.nodisplay		{	display: none;	}
.mobile			{	display: none;	}
.desktop		{	display: block;	}
.flr 			{	float: right; }
.fll			{	float: left; }
.clear			{	clear: both; }
.center			{	text-align: center; }
.right			{	text-align: right; }
.sekcja			{	font-family: 'open sans';
					font-weight: 500;
					letter-spacing: 6vmin;
					font-size: 2vmin;	
					clear: both;	
					margin: 5% auto;
						}
	


:focus 			{ 	outline: 0;	}
button:hover			{	cursor: pointer;	}		



body	{	width: 100%; 
			height: 100%;
			margin: 0;
			padding: 0;
			float: left;
			overflow-x: hidden;
			}
				
				
				
				
.mainbg	{	position: relative;
			top: 7vh;
			float: left;
			width: 100%;
			max-width: 100vw;
			height: 70vh;
	
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
				}
				

				
							
.mbgwrap	{	position: relative;
				float: left;
				width: 80%;
				margin: 0 10%;
				z-index: 9;
				
				
				 }
				 
				 
.dolny_wr_main	{	position: relative;
					margin-top: 55vh;
					width: 100%;
					height: 20vh;
					padding-top: 5vh;
float: left; 
background: none;
text-align: center;
}
/*DUZY BANER*/

.ilustracja		{	position: relative;
					float: left;
					height: 60vh;
					width: 100%;
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					margin: 8vh 0 5vh 0;
}

.lorry	{	background-image: url('gfx/lorry.jpg'); }
.sygnet	{	background-image: url('gfx/logo.jpg');	}

	
		/*nawigacja*/
			
.menu		{	position: fixed;
				width: 95%;
				height: 9.5vh;
				padding: 0 2.5%;
				margin-bottom: 1%;
				line-height: 9.5vh;
				background-color: white;
				top: 0;
				z-index: 99;
				font-family: 'open sans';
				color: black;
				z-index: 99999999999999999999999999999999999999999999999999999999999999999999999;
				
				
				
			}	
				
				

.menu ul 	{	position: relative;
				height: 100%;
				min-height: 100%; 
				width: 70vw;
				margin: 0;
				padding: 0 0vw 0 5vw;
				list-style:	none;
				background-image: url(gfx/logo.svg);
				background-size: contain;
				background-repeat: no-repeat;	
				background-position: top left;
				float: left;
				text-align: left;
				
				
			}
			
.lang		{	position: relative;
				float: right;
				height: 100%;
				width: 10vw;	
				text-align: center;}
				
				
.menu ul li	{	position: relative;
				list-style:	none;
				float: left;
				padding: 0 1% 0 1%; 
				cursor: pointer;
				text-transform: uppercase;
				font-size: 1.5vmin;
				font-weight: 600;
				
				
				
			}
			
.menu ul li:first-child	{	padding: 0 1% 0 10vw;
							margin-left: 10vw;}					
					
				
.menu ul li:hover	{	background-color: #095D99;
						color: white; }	
						
.menu ul li:first-child:hover	{	background-color: white;
									color: #095D99; }					
		



.menu	ul li:hover > ul {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.5s, visibility 0.5s;
		
	}	
	
	
	
									
									
									
.menu img	{	position: relative; 
				float: right;
				height: 3.5vh;
				margin: 3vh 0.5vw;
				object-fit: contain;			
				filter: grayscale(100%);	
	
				}
				
.menu 	ul li img	{	background: none; }			
	
.menu img:hover	{	filter: grayscale(0);
																background: none;}	
					
.menu a:focus > img	{	filter: grayscale(0);
						background: none;	}	



@media all and (min-width: 1492px) {	


}
		
				

@media all and (max-width: 1000px) and (min-width: 120px) {			
.mobile		{	display: block;}
.desktop	{	display: none;	}
.logo		{	min-height: 35vh; 
				width: 100%; 
				min-width: 90vw; 
				margin: 20% 0% 3% 0%;}
				

.mainbg	{	height: 60vh; }
.ilustracja		{	height: 10vh;
					margin: 2vh 0; }
.sekcja			{	letter-spacing: 0vmin;
					font-size: 4.8vmin;				}
				
.mbgwrap	{	width: 95%;
				margin: 0 2.5%;
 }

.lang		{	float: left;
				height: 5vh;
				line-height: 5vh;
				width: auto;	
				background: none;
				text-align: left;
				object-fit: contain;
				margin-left: 10vw;
				}
				
.lang img	{	height: 5vh;
				line-height: 5vh;	
				object-fit: contain;
				margin: 2vh 3vw; }					

.mobilemenu		{	position: fixed;
					z-index: 99999999999999;
					background: white;
					display: block;
					top: 0;
					width: 95%;
					height: auto;
					float: left;
					padding: 5% 0 5% 5%;
					background-image: url('gfx/logo.svg');
				background-position: center left;
				background-size: contain;
				background-repeat: no-repeat;
				
}
				
.click		{	position: relative;
				padding-right: 15vw;
				padding-top: 0.5%;
				margin-right: 5%;
				height: 100%;
				min-height: 4.5vh;
				width: 10%;
				float: right;
				color: #031430;
				background-repeat: no-repeat;
				background-position: right top;
				background-size: contain;
				background-image: url('gfx/mmenu.png');
				font-family: 'open sans';
				font-weight: 300;
				line-height: 5.5vh;
				text-transform: uppercase;
				}				


#mobilenav	{	position: absolute;
				width: 100%;
				height: 100%;
				min-height: 100vh;
				overflow-y: scroll;
				padding: 10% 0;
				margin: 0;
				background: white;
				float: left;
				z-index: 999999999;
				text-indent: 0; 
				background-color: white;
				
				
				}					

#mobilenav ul {	position: relative;
				overflow-x: hidden;
				width: 80%;
				height: 95%;
				height: auto;
				list-style: none;
				padding: 5% 0 0 0;
				margin: 0 10%;
				font-family: 'open sans', sans-serif; 
				color: #031430;
				font-size: 1.2rem;
				font-weight: 100;
				text-align: left;
				float: left;
				left: 0;
					}

#mobilenav ul li {	position: relative;
				width: 90%;
				height: auto;
				padding: 2% 5%;
				margin: 2% 0;
				float: left;
				list-style: none;
				border-bottom: 1px solid #031430;
				left: 0;						
				text-indent: 0; }
				
			
				
#mobilenav ul li ul li{	position: relative;
				width: 80%;
				height: auto;
				padding: 2% 0% 2% 20%;
				margin: 2% 0;
				float: left;
				list-style: none;
				background-position: center left;
				background-size: contain;
				background-repeat: no-repeat;
				border-bottom: 1px solid #031430;
				left: 0;						
				text-indent: 0; }				
				
#mobilenav ul li ul li:last-child	{	border-bottom: none;	}