/*
Theme Name: Roneous Child
Theme URI: http://www.themelogi.com/themes/roneous
Description: A child theme of Roneous Theme
Author: THEMELOGI
Author URI: http://www.themelogi.com
Version: 1.0.0
Template: roneous
*/

html body {
	padding-top: 96px;
	line-height: 1.1;
}

@media (min-width: 1400px) {
    .container {
        width: 1320px;
    }
}

h1, .h1 {
	font-weight: 700;
}

a, a:visited, a:focus, a:active, a:hover {
	text-decoration: underline;
}

.bg-light {
	background: #f7f8f9;
}

.btn {
	text-transform: none;
	text-decoration: none;
	border-radius: 15px;
	font-size: 16px;
	font-weight: 700;
	text-wrap: wrap;
}

.font-24 {
	font-size: 24px;
}

.wpb_text_column ul,
.wpb_text_column ol {
	list-style-position: outside;
	list-style-type: disc;
}

.lb-container {
	padding: unset;
}

.lightbox .lb-container .lb-image {
	position: relative;
	top: -4px;
	left: -4px;
	/* border-radius: unset; */
	background: #fff;
}

@media (min-width: 768px) {
	.text-md-left {
		text-align: left !important;
	}
}

/* HEADER START */
.navbar {
	margin-bottom: 0;
}

.navbar-header {
	/* display: flex; */
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.navbar-toggle {
	border: none;
	margin-top: 27px;
	margin-bottom: 27px;
}

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

.navbar-toggle .icon-bar {
	height: 4px;;
	width: 30px;
}

.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 6px;
}

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

nav.bg-dark {
	background: #2b3549;
	border: none;;
}

nav.bg-dark .container-fluid {
	font-size: 19px;
	/* min-height: 96px; */
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.navbar-brand {
	height: 96px;
	margin-right: 76px;
	padding: 20px 15px;
}

.navbar-default .logo {
	max-height: 56px;
	/* margin-right: 25px; */
}

.navbar-default .navbar-nav {
	display: flex;
	flex-direction: row;
	float: unset;
	align-items: center;
}

.navbar-default .navbar-nav > li {
	margin-right: 23px;
}

.navbar-default .navbar-nav > li:last-child {
	margin-right: 0px;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .menu-item-btn > a {
	font-weight: 700;
	font-family: 'Inter', sans-serif;
	text-decoration: none;
	border-radius: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.navbar-default .navbar-nav > li > a {
	color: #f7f8f9;
	line-height: 1;
}

.navbar-default .navbar-nav > .active > a {
	color: #f7f8f9;
	background-color: unset;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #f7f8f9;
	background-color: #62708c;
}

.navbar-default .navbar-nav > .active > a:hover {
	color: #f7f8f9;
	background-color: #62708c;
}

.navbar-default .navbar-nav > .menu-item-btn > a {
	color: #2b3549;
	background: #f7f8f9;
	border: none;
	height: auto;
}

.navbar-default .navbar-nav > .menu-item-btn > a:hover {
	background: #62708c;
}

@media (max-width: 1400px) {
	.navbar-header {
		float: none;
		width: 100%;
	}
	
	.container-fluid>.navbar-collapse,
	.container-fluid>.navbar-header,
	.container>.navbar-collapse,
	.container>.navbar-header {
		margin-right: -15px;
		margin-left: -15px;
	}

	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
		margin-left: 0;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-fixed-bottom .navbar-collapse,
	.navbar-fixed-top .navbar-collapse {
		max-height: 400px;
	}

	.navbar-fixed-bottom .navbar-collapse,
	.navbar-fixed-top .navbar-collapse,
	.navbar-static-top .navbar-collapse {
		padding-right: 15px;
		padding-left: 15px;
	}

	.navbar-collapse {
		border-top: 1px solid;
	}

	.navbar-collapse.collapse {
		display: none !important;
	}

	.navbar-collapse.collapse.in {
		display: block !important;
	}

	.navbar-nav {
		margin: 7.5px -15px;
	}

	.navbar-default .navbar-nav {
		width: calc(100vw - 30px);
		flex-direction: column;
	}

	.navbar-nav > li {
		float: unset;
		margin: 5px 0;
	}

	.navbar-default .collapsing li,
	.navbar-default .in li {
		margin-right: 0;
	}
}

@media (min-width: 1401px) {
	.navbar-header {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
}

/* HEADER END */

/* FOOTER START */

footer {
	font-size: 16px;
	line-height: 2.5;
}

.footer-widget .widget {
	margin-bottom: 10px;
}

.footer-widget p {
	display: inline-block;
}

.footer-widget strong {
	font-size: 16px;
}

.footer-widget p.spacing > a {
	font-size: 14px;
	letter-spacing: -0.3px;
}

footer.footer-widget a:hover {
	color: #60a6d4;
}

footer br {
	display: inline;
}

@media (max-width: 767px) {
	footer .wp-container-core-group-is-layout-3.wp-container-core-group-is-layout-3,
	footer .wp-container-core-group-is-layout-4.wp-container-core-group-is-layout-4 {
		align-items: flex-start;
	}

	.footer-widget .text-right {
		text-align: left;
	}
}

/* FOOTER END */

/* HOME - REALIZACJE START */

#realizacje .boxed-intro {
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
	padding-bottom: 20px;
}

#realizacje h4 {
	font-weight: 700;
}

#realizacje .btn {
	text-transform: none;
	text-decoration: none;
	border-radius: 15px;
	font-size: 16px;
	font-weight: 700;
}

/* HOME - REALIZACJE END */

/* HOME - OFERTA START */

.home-check .btn {
	padding: 19px 40px;
	height: auto;
	line-height: 1.1;
}

.background-overlay {
	display: none;
}

@media(max-width: 767px) {
	.overlay::before,
	.background-content {
		display: none !important;
	}
}

.home-konstrukcje ul {
	list-style-position: outside;
	list-style-type: disc;
}

.home-konstrukcje li::marker {
	color: #60a6d4;
	font-size: 18px;
}

/* HOME - OFERTA END */

/* HOME - KONTAKT START */

#kontakt .wpcf7-text,
#kontakt .wpcf7-email,
#kontakt .wpcf7-tel,
#kontakt .wpcf7-textarea {
	margin-bottom: 16px;
	border: 3px solid #fff;
}

#kontakt .wpcf7 form.invalid .wpcf7-response-output,
#kontakt .wpcf7 form.unaccepted .wpcf7-response-output,
#kontakt .wpcf7 form.payment-required .wpcf7-response-output,
#kontakt .wpcf7-not-valid {
	border-color: #ff2d55;
}

#kontakt .wpcf7 form.sent .wpcf7-response-output {
	border-color: #62708c;
}

#kontakt .wpcf7 .wpcf7-response-output {
	margin-left: 0;
	margin-right: 0;
	border-radius: 5px;
	border-width: 3px;
	padding: 7px 15px;
	background-color: #fff;
	color: #2b3549;
	font-size: 14px;
	line-height: 20px;
}

#kontakt input[type=submit] {
	width: auto;
	height: auto;
	padding: 20px 40px;
	border: none;
	border-radius: 15px;
	font-family: 'Inter';
	font-size: 14px;
	font-weight: 700;
	line-height: 1.1;
	text-transform: none;
	background-color: #62708c;
	color: #f7f8f9;

}

#kontakt input[type=submit]:hover {
	background-color: #2b3549;
}

.map iframe {
	position: relative;
	top: 0;
}

.kontakt-icon {
	padding-left: 48px;
	position: relative;
	margin-bottom: 35px !important;
}

.kontakt-icon::before {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

#lokalizacja.kontakt-icon::before {
	background-image: url("assets/img/lokalizacja-icon.svg");
	width: 33px;
	height: 45px;
	left: 3px;
}

#telefon.kontakt-icon::before {
	background-image: url("assets/img/telefon-icon.svg");
	width: 26px;
	height: 46px;
	left: 6px;
}

#mail.kontakt-icon::before {
	background-image: url("assets/img/mail-icon.svg");
	width: 39px;
	height: 38px;
}

.kontakt-icon h4 {
	margin-bottom: 5px;
}

@media (max-width: 991px) {
	#kontakt .wpb_column {
		padding-bottom: 20px;
	}
}

@media (min-width: 768px) {
	#kontakt .wpcf7-form-control-wrap {
		float: left;
		width: calc(50% - 10px);
	}

	#kontakt .wpcf7-form-control-wrap:nth-child(2n+1) {
		margin-right: 10px;
	}

	#kontakt .wpcf7-form-control-wrap:nth-child(2n) {
		margin-left: 10px;
	}

	#kontakt .wpcf7-form-control-wrap:last-child {
		width: 100%;
	}

	#map {
		padding-bottom: 0;
	}

	#map .kontakt-logo {
		text-align: left;
	}

	.map iframe {
		top: -110px;
		height: 598px !important;
	}
}

@media (min-width: 1200px) {
	#map .kontakt-logo {
		text-align: center;
	}

	#map iframe {
		height: 470px !important;
	}
}

/* HOME - KONTAKT END */

/* PORTFOLIO START */

section.portfolio {
	padding-top: 0;
}

section.portfolio:first-child {
	padding-top: 72px;
}

#portfolio .wpb_column .wpb_wrapper>*:last-child {
	margin-bottom: 35px;
}

.portfolio a,
.portfolio a:hover {
	color: #2b3549;
}

.portfolio .lightbox-gallery {
	margin: 0 !important;
}

.portfolio .lightbox-gallery.third-thumbs {
	margin: -40px !important;
}

.portfolio .lightbox-gallery li {
	width: auto;
	border: none;
}

.portfolio .lightbox-gallery.third-thumbs li {
	width: 33.33333%;
	border-width: 40px;
	border-style: solid;
	border-color: transparent;
}

.portfolio .bg-overlay:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.portfolio .bg-overlay:hover .bg-mask.mask-white {
    background-color: rgba(255, 255, 255, 0.75);
}

.portfolio .back-home.intro .btn {
	width: calc(80% - 40px);
}

.portfolio .back-home .btn {
	border-radius: 15px;
	width: calc(100% - 34px);
	margin: 0;
	text-decoration: none;
	text-transform: none;
	text-wrap: wrap;
	font-weight: 700;
	font-size: 19px;
	line-height: 1.1;
	height: auto;
	padding: 19px;
}

.portfolio .circle-icon.small-icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
}

@media (max-width: 767px) {
	.portfolio .lightbox-gallery.third-thumbs li {
		width: 100%;
	}

	.portfolio .back-home .btn {
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.portfolio .lightbox-gallery.third-thumbs li {
		width: 50%;
	}

	.portfolio .back-home .btn {
		width: calc(100% - 25px);
	}
}

/* PORTFOLIO END */

/* BLACHY START */

#types .owl-carousel {
	padding-left: 30px;
	padding-right: 30px;
}

.carousel-content .image-wrapper,
.carousel-content .content-wrapper {
	position: relative;
	padding: 0 30px;
}

.image-wrapper .background-content {
	position: relative;
	padding-top: 100%;
}

#types .owl-controls {
	position: absolute;
	width: calc(100% - 60px);
	height: 100%;
	top: 0;
}

#types .owl-nav {
	display: block !important;
	height: 100%;
}

#types .owl-nav div {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	float: unset;
	margin-top: unset;
}

#spacer .container {
	height: 2px;
	background-image: repeating-linear-gradient(90deg, #60a6d4, #60a6d4 10px, transparent 10px, transparent 14px);
	background-size: 100% 2px;
	background-position: 50% 100%;
	background-repeat: no-repeat;
}

#oczka .vc_inner {
	margin-bottom: 72px !important;
}

#oczka .vc_column-inner {
	margin-bottom: 30px;
}

#oczka .vc_column_container:last-of-type > .vc_column-inner {
	margin-bottom: 0;
}

/* BLACHY END */