/*
Theme Name: Indywidualny projekt
Theme URI: 
Author: www.KreatywneProjektowanie.pl 
Author URI: http://www.KreatywneProjektowanie.pl
Description: Indywidualny projekt wykonany przez Kreatywneprojektowanie.pl w oparciu o Bootstrap.   Zapraszamy do współpracy!
Version: 1.0
Text Domain: indywidualny-projekt
Domain Path: /languages/
Tags: www.KreatywneProjektowanie.pl

Indywidualny projekt wykonany przez Kreatywneprojektowanie.pl w oparciu o Bootstrap   Zapraszamy do współpracy!

*/


/*
Pełna szerokość strony
*/

label span.wpcf7-list-item-label {
    font-weight: 400;
    font-size: 12px;
}

* {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.box3 {
    float: right;
    width: auto;
    margin-left: 30px;
    padding: 5px 6px 6px 6px;
    font-weight: 400;
    font-size: 12px;
}

.box3 a {
	color:#fff;
}

.box3 a:hover,
.box3 a:focus {
	color:#fff;
	opacity:0.8;
}

.box3 img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.show-panel .mob-cancel-button {
    right: 15px;
    display: block;
    top: 4px;
}

#header {
    position: fixed;
    z-index: 999999;
    width: 100%;
}



.elementor-editor-active #header {
    position: relative;
    z-index: 999999;
    width: 100%;
}
#header.skroluje {
    background: #02add3;
}

#header.skroluje .site-title {
    margin-bottom: 0;
    margin-top: 0px;
    width: 15%;
}

#header.skroluje .pagelogo img {
    padding: 14px 17px;
    background: #fff;
    width: 100%;
}

#header.skroluje .page-header-top-right {
    margin-top: 0px;
    width: 85%;
}

#header.skroluje .navbar-default {
    width: 100%;
    background-color: #1acdf4;
    border-color: transparent !important;
	margin-top:0px;
}

#header.skroluje .box3 {
    margin-left: 15px;
}

header.entry-header {
	display:none;
}

header .widthpadd {
	padding:0px 5%;
}

a {
	color: #337ab7;
	text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #23527c;
}

.navbar-nav {
    float: left;
    display: table;
}

.navbar-nav>li.kontakt1 {
	position:absolute;
	right:0;
}

.navbar-nav>li.kontakt1 a {
    background: #fff;
    color: #002351 !important;
}

.navbar-nav>li.kontakt1 a:hover, .navbar-nav>li.kontakt1 a:focus {
    background: #202a44 !important;
    color: white !important;
}

.archive .site-main {
	padding:0 5%;
}

.archive .site-main .page-header {
	padding:0 10px;
	margin: 0px 0 20px;
	border-bottom: 0px solid #eee;
}


.widthpadd {
	padding:0 5%;
}

.miniaturka img {
	width:100%;
	padding:0 10px 30px 10px;
	height:auto;
}

.glyphicon {
	top: 2px !important;
	right: 2px !important;
}

span.tags-links {
	padding-left:10px;
	float:right;
}

span.comments-link,
a.post-edit-link {
	float:left;
	margin-top:11px;
	display:none;
}

footer.entry-meta {
	padding:5px 10px;	
	margin:10px;
	border:1px solid #eee;
}

.page footer.entry-meta {
	display:none;
}


#comments {
	padding:10px;
}

.entry-content h1 {
	font-size:34px;
}

.siteorigin-panels-stretch[data-stretch-type*="full-stretched"] {
	padding-right: 6.5% !important;
	padding-left: 6.5% !important;
}

.kreator {
    display: table;
    width: 50%;
    padding-top: 3px;
    float: right;
    text-align: right;
}

#main-column .attachment .entry-title, #main-column .post .entry-title, #main-column .page .entry-title {
	margin-top: 0;
	padding:0 10px;
	word-wrap: break-word;
}

#sidebar-left .widget, #sidebar-right .widget {
	border: 0px solid #eee;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 5px 10px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}

.footer-left,
.footer-right {
	padding:10px;
}

.footer-left {
    float: left;
    width: 100%;
}

.footer-right {
	float:left;
	width:40%;
}

.footer-left h6,
.footer-right h6 {
	font-size:20px;
}

.footer-left .teksty1, .footer-right .teksty1 {
    margin: -10px 0 0 0;
    font-size: 12px;
    width: 100%;
    float: left;
}

.footer-right ul {
    list-style-type: none;
    padding: 0;
    margin: 0px 0;
    float: left;
}

.footer-right ul li {
    float: left;
    width: auto;
    margin-right: 0;
    width: 50%;
    text-align: right;
}

.footer-right ul li a {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 4px 3px;
    display: table;
    text-align: right;
    width: 100%;
}

.footer-right ul li a:hover,
.footer-right ul li a:focus {
	opacity:0.8;
}

.footer-left h6 {
	display:none;
}

.footer-left .fot1 {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.footer-left .fot2 {
    float: left;
    width: 15%;
    padding: 17px 5px;
}

.footer-left .fot2 img {
    float: left;
    width: 100%;
    padding: 0px 0px 0px 0px;
}

.footer-left .fot3 {
    color: #fff;
    float: left;
    width: 30%;
    font-size: 110%;
    margin: 0 1%;
    padding: 0px 0 0 0;
    text-align: center;
}

.footer-left .fot4 {
    color: #fff;
    float: left;
    width: 21%;
    MARGIN: -5px 2% 0 2%;
    font-size: 14px;
    line-height: 27px;
}

.footer-left .fot4 a {
    color: #a3b9c3;
}

.footer-left .fot4 a:hover,
.footer-left .fot4 a:focus {
	color:#fff;
}

.row {
	margin-right: 0px;
	margin-left: 0px;
}

.row-with-vspace {
	margin-bottom: 0px;
}

.panel-grid {
	margin-right: 0px;
	margin-left: 0px;
}

.navbar {
    margin-bottom: 0px;
}


.panel-grid-cell {
	padding-left: 0px;
	padding-right: 0px;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
    box-shadow: inset 0 0px 0 rgba(255,255,255,.1);
}

.sitetop {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.entry-content {
	margin-right: 10px;
	margin-left: 10px;
}

.pagefooter {
    padding: 10px;
    text-align: center;
    font-size: 11px;
    color: #fff;
}

/*
Required WordPress CSS
*/

.pull-right {
    float: right;
    text-align: left;
    color: #fff;
    width: 100%;
}

.pull-right p {
	padding:0;
	margin:0;
}

.site-title {
    margin-bottom: 0;
    margin-top: 0px;
    width: 20%;
}

.page-header-top-right {
    margin-top: 0px;
    width: 80%;
}

.container {
	width:100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}

.textwidget p {
	text-align:justify;
}

a:hover {
	text-decoration:none;
}

.pagelogo {
	padding:0px;
}

.pagelogo img {
    padding: 25px;
    background: #fff;
    width: 100%;
}

.btn {
	float:right;
}

blockquote {
	padding: 10px 20px;
	background: rgba(0,0,0,0.1);
	margin: 20px 0 20px;
	font-size: 14px;
	border-left: 0px solid #eee;
}

#main-column .post, #main-column .page {
	border: 0px solid #eee;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}

.h1, h1 {
	font-size: 22px;
	margin-bottom: 5px;
}

/* WordPress gallery */

.gallery-caption {
}

.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.sticky {
}

.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.entry-meta {
	padding:0px 10px 5px 10px;
}

#site-footer {
    background: #202a44;
    border-top: 0px solid #ddd;
    font-size: 12px;
    padding: 10px 0px;
}

#site-footer p {
    font-size: 14px;
    color: #fff;
}

.navbar {
	border-radius: 0px;
	border: 0px solid transparent;
}

.navbar-default {
    float: left;
    border-color: transparent !important;
    width: auto;
}

.navbar-default {
    width: 100%;
	margin-top:10px;
    background-color: transparent;
    border-color: transparent !important;
}

.navbar-default .navbar-brand {
	color: #ffffff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #dbdbdb;
}

.navbar-default .navbar-text {
	color: #ffffff;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px 25px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #202a44;
}

.navbar-default .navbar-nav > li > .dropdown-menu {
	background-color: #537dce;
}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
	color: #000;
}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #233f8f;
}

.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
	background-color: #8A8A8A;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a {
	color: #ffffff;
	background-color: #8A8A8A;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #233f8f;
}

.navbar-default .navbar-nav > .active > a {
    color: #fff !important;
    background-color: #202a44;
}

.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #202a44;
}

.navbar-default .navbar-nav > .open > a {
	color: #000;
	background-color: #8A8A8A;
}

.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #233f8f;
}

.navbar-default .navbar-toggle {
	border-color: #8A8A8A;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #020155;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: transparent;
}

.navbar-default .navbar-link {
	color: #ffffff;
}

.navbar-default .navbar-link:hover {
	color: #dbdbdb;
}

.form-horizontal .control-label {
	padding-top: 7px;
	margin-bottom: 0;
	text-align: left !important;
}

.form-horizontal .form-group {
	margin-right: 0px;
	margin-left: 0px;
}

@media (max-width: 768px) {

#site-footer {
    background: #202a44;
    border-top: 0px solid #ddd;
    font-size: 12px;
    padding: 10px 0px;
}


.pull-right {
    display: none;
}

.site-title {
    margin-bottom: 0;
    margin-top: 0px;
    width: 50%;
    float: left;
}

.page-header-top-right {
    margin-top: 0px;
    width: 50%;
    float: left;
}

#header.skroluje .pagelogo img {
    padding: 25px;
    background: #fff;
    width: 100%;
}

#header.skroluje .site-title {
    margin-bottom: 0;
    margin-top: 0px;
    width: 50%;
    float: left;
}

#header.skroluje .page-header-top-right {
    margin-top: 0px;
    width: 50%;
    float: left;
}

.footer-right ul {
    list-style-type: none;
    padding: 0;
    margin: 0px 0;
    float: none;
    text-align: center;
    display: table;
}

.footer-right ul li {
    float: left;
    width: auto;
    margin-right: 0;
    width: 50%;
    text-align: center;
}

.footer-right ul li a {
    width: 100%;
    text-align: center;
}

.footer-left .fot2 {
    float: left;
    width: 100%;
}

.footer-left .fot3 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 14px 0;
}

.footer-left .fot4 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0px 0 20px 0;
}

header .widthpadd {
    padding: 0px;
}

.navbar-default {
    position: absolute !important;
    right: 0px;
    background: transparent;
    WIDTH: 100%;
}

.navbar-default .navbar-toggle {
    border-color: #ffffff;
    z-index: 9999999;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 17px;
    margin: 19px;
    background-color: #1b3786;
    background-image: none;
    border: 3px solid transparent;
    border-radius: 4px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 32px;
    height: 4px;
    border-radius: 1px;
}

.navbar {
    position: relative;
    min-height: auto;
    float: right;
}

#main-column .page .entry-title {
	padding: 0 0px;
}

.kreator {
    display: table;
    width: 100%;
    padding-top: 3px;
}

.pagefooter {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 7px;
    text-align: center;
    padding: 10px 0px;
}

.navbar-nav>li.kontakt1 a {
    background: #020155;
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    padding: 23px 25px;
    width: 100%;
    text-align: center;
}

.navbar-nav>li.kontakt1 {
    position: absolute;
    right: 0;
    width: 100%;
    background: #020155;
}

.navbar-nav {
    WIDTH: 100%;
    background: #020155;
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999999999 !important;    
	margin: 0;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #000;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #dbdbdb;
  }

.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #233f8f;
  }
}




@media (min-width: 1023px) and (max-width: 1025px) {

.box3 {
    float: right;
    width: auto;
    margin-left: 10px;
    padding: 6px;
    font-weight: 400;
}

header.skroluje .navbar {
    position: relative;
    min-height: 20px;
}

header.skroluje .navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    padding: 3px 14px;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    padding: 20px 14px;
}

}