html, body, .off-canvas-menu-wrap {height: 100%;}
.body-innerwrapper{position: relative;min-height: 100%;}

body.itemid-101,body.itemid-106 {display: flex;flex-direction: column;justify-content: center;}
#sp-right .sp-module.dolacz,.sppb-column.sp-right{background:rgba(34,184,240,.5);border:1px solid #999;padding:20px}
#sp-right .sp-module.dolacz p,.sppb-column.sp-right p{text-align:justify}
.itemid-114 article.item{margin-bottom:10px}
.page-header h1{font-size:160%}
.entry-header{margin-bottom:0}
.entry-header h2 {font-size: 130%;}
.sp-module ul > li > a::before {display:none}
.scrollup {right: 80px;}
.sp-page-title {padding: 100px 0;background-position: center bottom;background-repeat:no-repeat;background-size:cover;-webkit-filter: grayscale(80%);filter: grayscale(80%);}
.sppb-addon-articles .article-header{height:55px}
.sppb-addon-articles .sppb-addon-article.intro-item {height:225px;overflow:hidden}
.sppb-addon-articles .sppb-article-title{font-size:120%}
#sp-title h2,#sp-title .breadcrumb {text-shadow: 0 1px 1px #000;text-shadow: 0px 0px 5px rgba(0,0,0,.9),0px 0px 10px rgba(0,0,0,.8);}
#breadcrumb{text-shadow: 0px 0px 5px rgba(0,0,0,.9),0px 0px 10px rgba(0,0,0,.8);}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {padding: 10px 10px;font-size: 13px;}
.offcanvas-menu .offcanvas-inner .nav-pills > li { float: none;}
.offcanvas-menu .offcanvas-inner .sp-module.szukaj {padding: 0 30px;}
.offcanvas-menu .offcanvas-inner .sp-module {margin-bottom: 0;}
#sp-right .search input[type="text"]{width:100%}
article.item { margin-bottom: 20px;    border-bottom: 1px solid rgba(0,0,0,.05);padding-bottom: 20px;}
.view-article article.item { margin-bottom: 0;    border-bottom: none;padding-bottom:0;}
.breadcrumb{background:transparent;color:#888}
.breadcrumb a{color:#666}
.sppb-addon-articles .all_link{margin-bottom: 50px;text-align: center;}
#sp-header,#sp-footer{color:#000;}
#sp-header .logo a{color:#333;text-transform: capitalize;font-size:130%}
#sp-header .logo a.first-letter,#sp-header .logo a span {color: red;}
@media (max-width: 1024px) {
	#sp-main-body {padding: 0 0 100px}
	#sp-right .sp-module { margin-top: 20px;}
	}
@media (max-width: 768px) {
#sp-header {/* height: 100px; */}
.itemid-106 #sp-component,.itemid-106 #sp-right{width:50%}
}
@media (max-width: 640px) {
.logo img{max-height: 80px;}
}