/* ================================================
   Accessibility and Typography styles moved to sections-common.css
   ================================================ */

/*-- Navbar styles moved to sections-common.css --*/

/* Navigation styles have been moved to /css/navigation.css and /css/sections-common.css for better maintainability */

/* --/Navbar-- */
/* Navbar styles - section common */
.navbar {
	background: #384772;
	border: 0;
}

.navbar-default {
	background-color: #384772;
	border-color: #384772;
}

.navbar-header .navbar-brand {
	font-family: 'Roboto', sans-serif;
	font-size: 0.8em;
	margin-top: -2px;
	color: #ffffff;
}

.nav .navbar-nav {
	font-family: 'Roboto', sans-serif;
	font-size: 0.8em;
	color: #ffffff;
}

/*-- Sidebar styles moved to sections-common.css --*/

/* ================================================
   Main Content Layout Fixes - Responsive Image/Text Layout
   ================================================ */

/* Fix image layout to prevent text overlap */
.main-raised-row-1 .col-md-4 {
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.main-raised-row-1 .col-md-8 {
	padding-left: 20px;
}

/* Ensure images are properly responsive */
.img-responsive {
	max-width: 100%;
	height: auto;
	display: block;
}

.img-circle {
	border-radius: 50%;
}

/* Remove problematic float from images */
.img-raised {
	background-color: #fff;
	margin: 15px 0 15px 0;
	border-radius: 6px 6px 0 0;
	-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	/* Removed float: left to prevent text wrapping issues */
}

/* Mobile responsive fixes for main content */
@media (max-width: 767px) {

	.main-raised-row-1 .col-md-4,
	.main-raised-row-1 .col-md-8 {
		width: 100%;
		max-width: 100%;
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 15px;
	}

	.main-raised-row-1 .col-md-4 {
		text-align: center;
		order: 1;
	}

	.main-raised-row-1 .col-md-8 {
		order: 2;
		padding-left: 10px;
	}

	.main-raised-row-1 {
		display: flex;
		flex-direction: column;
	}
}

/* Tablet responsive adjustments */
@media (min-width: 768px) and (max-width: 991px) {
	.main-raised-row-1 .col-md-8 {
		padding-left: 10px;
	}

	.main-raised-row-1 .col-md-4 {
		padding: 0;
	}

	.main-raised-row-1 .col-md-4 img {
		max-width: 80%;
		margin: 10px auto;
	}
}

/* Desktop fine-tuning */
@media (min-width: 992px) {
	.main-raised-row-1 .col-md-8 {
		padding-left: 25px;
	}
}

/*-- Enhanced sidebar and responsive layout styles moved to sections-common.css --*/

/* --/Menu boczne-- */

/*-- Page header styles moved to sections-common.css --*/

/* --Page header biblioteka-- */
.page-header-1.header-small-1 {
	min-height: 400px;
	position: relative;
	height: 400px;
	margin-bottom: 0;
}

.boxed-layout-header-1 {
	padding-bottom: 60px;
}

.page-header-1 {
	overflow: hidden;
	height: 50vh;
	margin: 0;
	padding: 0;
	padding-bottom: 0px;
	border: 0;
	background-position: center center;
	background-size: cover;
}

.page-header-1 {
	padding-bottom: 9px;
	margin: 0 0 20px;
	border-bottom: 1px solid #eee;
}

* {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-tap-highlight-color: transparent;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.header-filter-1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	background-position: center center;
	background-size: cover;
}

/* --/Page header-- */

/* --Main-raised-- */
.main-raised {
	background-color: #fff;
	margin: 0 30px 0;
	border-radius: 6px 6px 0 0;
	-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.main-raised-row {
	background-color: #fff;
	margin: 20px 30px 0;
	border-radius: 6px 6px 0 0;
	-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.main-raised-row-1 {
	background-color: #fff;
	margin: 20px 30px 0;
	border-radius: 6px 6px 0 0;
	-webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

/* --/Main-raised-- */

/* --Images --*/
.img-fluid {
	max-width: 100%;
	height: auto;
}

/* img-raised styles moved to main content layout section above */

/*Image Modal*/
#myImg {
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s;
}

#myImg:hover {
	opacity: 0.7;
}

/* The Modal (background) */
.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.9);
	/* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
	margin: auto;
	display: block;
	width: 100%;
	max-width: 700px;
}

/* Caption of Modal Image */
#caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

/* Add Animation */
.modal-content,
#caption {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
	from {
		-webkit-transform: scale(0)
	}

	to {
		-webkit-transform: scale(1)
	}
}

@keyframes zoom {
	from {
		transform: scale(0.1)
	}

	to {
		transform: scale(1)
	}
}

/* The Close Button */
.close {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

.close:hover,
.close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* Image modal*/

.logo {
	margin-top: 6px;
	margin-right: 5px;
}

/* --/Images --*/

/* --Wpisy-- */
#news-list .panel-primary {
	border: 2px solid #1775a1;
}

#news-list .panel-primary .panel-heading,
#news-list .panel-primary {
	background: #598fd1;
}

#news-list .panel-footer {
	background: #ffffff;
}

#news-list .panel-primary .panel-heading .panel-title {
	text-transform: uppercase;
	font-size: 1.3em;
	color: #ffffff;
}

#news-list .panel-primary {
	color: #000000;
	background: #ffffff;
}

#news-list .panel-body {
	color: #000000;
	background: #ffffff;
	font-size: 1.2em;
}

#news-list .panel-primary .btn-link {
	color: #1775a1;
	text-transform: uppercase;
}

#news-list .panel-footer {
	color: #575d64;
}

#news form {
	margin-top: 25px;
	margin-bottom: 25px;
}

#news form label {
	font-weight: normal;
	text-transform: uppercase;
	color: #1775a1;
}

.btn-primary {
	text-transform: uppercase;
	background: #1775a1;
}

/*-- Typography styles moved to sections-common.css --*/

/* Content-specific styles that remain in style.css */

.h1-nag {
	font-size: 1.1em;
	color: #0b0790;
	line-height: 18.9px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 45px;
}

.h2-nag-left {
	font-size: 1em;
	color: #0b0790;
	line-height: 18.9px;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	padding-top: 25px;
	padding-bottom: 11px;
	scroll-padding-top: 90px;
	/* 80px navbar + 10px breathing room */
}

.h2-nag-center {
	font-size: 1em;
	color: #0b0790;
	line-height: 18.9px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	padding-top: 25px;
	padding-bottom: 11px;
}

.p-wpis {
	font-size: 1rem;
	text-align: left;
	line-height: 1.6;
}

.p-wpis-b {
	font-size: 1em;
	text-align: left;
	font-weight: 600;
}

.p-wpis-center {
	font-size: 1em;
	text-align: center;
	padding-top: 10px;
}

.stol-span {
	font-size: 0.8em;
}

.span-b {
	font-weight: 600;
}

.reg-stol {
	color: #0b0790;
	font-weight: 600;
	font-size: 1.1em;
	padding-top: 60px;
}

.p-red {
	font-size: 1.1em;
	color: #950004;
	font-weight: 600;
}

.link-wpis {
	font-size: 1em;
	color: #0b0790;
	font-weight: 600;
	margin-top: 10px;
}

.p-m {
	font-size: 1.1rem;
	/* Responsive scaling - was 1.3em */
	color: #ffffff;
	font-weight: 500;
	line-height: 1.5;
}

.wpis_bib {
	padding-top: 4rem;
	/* Use rem for responsive spacing */
	font-size: 1.1rem;
	/* Responsive scaling - was 1.8em */
	color: #0b0790;
	font-weight: 600;
	text-align: center;
}

.wpis_bib_1 {
	padding-top: 40px;
	font-size: 1em;
	color: #0b0790;
	font-weight: 600;
	text-align: center;
}

.wpis_bib_2 {
	padding-top: 100px;
	font-size: 1em;
	color: #0b0790;
	font-weight: 600;
	text-align: left;
}

.wpis_bib_3 {
	padding-top: 40px;
	font-size: 1em;
	color: #0b0790;
	font-weight: 600;
	text-align: left;
}

.podpis_bib {
	padding-top: 50px;
	font-size: 1em;
	color: #0b0790;
	font-weight: 600;
	text-align: right;
}

.span-b {
	font-weight: 600;
}

.bottom {
	padding-bottom: 25px;
}

.bottom_1 {
	padding-bottom: 15px;
}

.bottom_2 {
	padding-bottom: 40px;
}

.bottom_3 {
	padding-bottom: 10px;
}

.bottom_4 {
	padding-bottom: 20px;
}

.m_bottom {
	margin-bottom: 30px;
}

.top {
	padding-top: 20px;
}

.top_1 {
	padding-top: 30px;
}

.top_2 {
	padding-top: 10px;
}

.top_3 {
	padding-top: 15px;
}

.top_nag {
	margin-top: -24px;
}

.top_nag_1 {
	margin-top: 80px;
}

.wpis-data {
	font-size: 1em;
	color: #0b0790;
	font-weight: 600;
	text-align: right;
}

.podpis {
	font-size: 1.6em;
	text-align: center;
	font-style: italic;
	padding-top: 10px;
}

.link-wpis {
	font-size: 1em;
	color: #0b0790;
	font-weight: 600;
	margin-top: 10px;
}

.link-wpis_1 {
	font-size: 1em;
	color: #0b0790;
	font-weight: bold;
	margin-top: 50px;
}

.ul-1 {
	list-style-type: disc;
}

.ul-2 {
	list-style-type: square;
}

.konto {
	font-size: 1.1em;
	color: #0b0790;
	font-weight: 600;
	text-align: center;
}

.patron {
	font-size: 1.7em;
	font-weight: 600;
	line-height: 100%;
}

/* --/Wpisy-- */

.godlo {
	margin-top: 0%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 0px 15px 0px;
}

.under-menu {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}

.header-filter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	background-position: center center;
	background-size: cover;
}

/* --Footer-- */
.footer {
	background-color: #384772;
	height: 60px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #ffffff;
	font-size: 1.4em;
}

/* --/Footer-- */

.scroll-top-wrapper {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
	background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.scroll-top-wrapper:hover {
	background-color: #888888;
}

.scroll-top-wrapper.show {
	visibility: visible;
	cursor: pointer;
	opacity: 1.0;
}

.scroll-top-wrapper i.fa {
	line-height: inherit;
}

/*
	Free App template for Bootstrap 3
	Code snippet by maridlcrmn for Bootsnipp.com
	Follow me on Twitter @maridlcrmn
	Image credits: unsplash.com
	Image placeholders: placemi.com
	*/

.mt-100 {
	margin-top: 100px;
}

.mb-100 {
	margin-bottom: 100px;
}

.icon {
	width: 32px;
	height: 32px;
	text-align: center;
	padding: 7px 8px;
	border: 2px solid;
	border-radius: 50%;
}

.header {
	padding-top: 50px;
	background-color: #eee;
	overflow: hidden;
}

.content {
	position: relative;
	display: table;
	width: 100%;
	min-height: 100vh;
}

.pull-middle {
	display: table-cell;
	vertical-align: middle;
}

.btn {
	padding-left: 25px;
	padding-right: 25px;
}

.btn-circle {
	border-radius: 20px;
}

.input-group input {
	border: 0;
	box-shadow: none;
	padding-right: 30px;
}

.input-group input:focus,
.input-group input:active {
	outline: 0;
	box-shadow: none;
}

.input-group-btn:last-child>.btn {
	z-index: 2;
	margin-left: -18px;
	border-radius: 20px;
}

.phone {
	position: relative;
	max-width: 263px;
	margin: 0 auto;
	padding: 65px 15px 55px;
	border: 2px solid #ddd;
	border-radius: 20px;
	background-color: #222;
	box-shadow: 20px 20px 40px #887;
}

.landpage-img {
	background: url('img/0-3/tlo/tlo.jpg') no-repeat center center fixed;
	height: 449px;
}

@media only screen and (max-width: 1024px) and (orientation:landscape) {
	.landpage-img {
		background: url('img/0-3/tlo/tlo.jpg') 50% 0 no-repeat center center fixed !important;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.landpage-img {
		background: url('img/0-3/tlo/tlo.jpg') 50% 80% no-repeat fixed !important;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.landpage-img {
		background: url('img/0-3/tlo/tlo.jpg') 50% 80% no-repeat fixed !important;
		background-size: auto !important;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

/*-- Responsive typography moved to sections-common.css --*/