/*
Theme Name:     Pro Design
Theme URI:      n/a
Template:       kadence
Author:         Pro Author
Author URI:     n/a
Description:    Child Theme Description
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

.accent-text {
	color: var(--global-palette1);
}

.header-search-bar form input.search-field {
  border-radius: 25px
}

.wpcf7-form-control-wrap {
	cursor: pointer	
}

.wpcf7-form label {
	display: block;
	margin-bottom: 10px
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
	width: 100%;
	border-radius: 8px;
	border: 1px solid #585858;
	padding: .6em;
	background: transparent
}

.wpcf7-radio .wpcf7-list-item {
  position: relative;
	padding-left: 40px;
	margin-bottom: 15px;
	margin-left: 0;
	cursor: pointer
}

.wpcf7-select {
	border-radius: 8px;
	padding: 0.6em 35px 0.6em 0.5em;
	border: 1px solid #0005;
}

input[type="radio"] {
  height: 20px;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
}
input[type="radio"] + span::after {
  background: url("/wp-content/uploads/2023/06/typ-domu-murowany.png");
  background-size: cover;
  content: "";
  height: 32px;
  left: -8px;
  position: absolute;
  top: -7px;
  width: 42px;
  opacity: .4;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
input[type="radio"]:checked + span::after {
  opacity: 1;
}

.typ-domu .wpcf7-list-item:nth-child(2) input[type="radio"] + span::after {
  background: url("/wp-content/uploads/2023/06/typ-domu-szkieletowy.png");
	  background-size: cover;
}

.typ-domu .wpcf7-list-item:nth-child(3) input[type="radio"] + span::after {
  background: url("/wp-content/uploads/2023/06/typ-domu-niewiem.png");
	  background-size: cover;
}

.rodzaj-dachu .wpcf7-list-item:nth-child(1) input[type="radio"] + span::after {
  background: url("/wp-content/uploads/2023/06/rodzaj-dachu-plaski.png");
	  background-size: cover;
}

.rodzaj-dachu .wpcf7-list-item:nth-child(2) input[type="radio"] + span::after {
  background: url("/wp-content/uploads/2023/06/rodzaj-dachu-dwuspadowy.png");
	  background-size: cover;
}

.rodzaj-dachu .wpcf7-list-item:nth-child(3) input[type="radio"] + span::after {
  background: url("/wp-content/uploads/2023/06/rodaj-dachu-wielospadowy.png");
	  background-size: cover;
}

.rodzaj-domu .wpcf7-list-item:nth-child(1) input[type="radio"] + span::after {
  background: url("/wp-content/uploads/2023/06/rodzaj-domu-parterowy.png");
	  background-size: cover;
}

.rodzaj-domu .wpcf7-list-item:nth-child(2) input[type="radio"] + span::after {
  background: url("/wp-content/uploads/2023/06/rodzaj-domu-z-poddaszem.png");
	  background-size: cover;
}

.rodzaj-domu .wpcf7-list-item:nth-child(3) input[type="radio"] + span::after {
  background: url("/wp-content/uploads/2023/06/rodzaj-domu-pietrowy.png");
	  background-size: cover;
}

.wybierz-garaz .wpcf7-list-item:nth-child(1) input[type="radio"] + span::after {
  background: url("/wp-content/uploads/2023/06/garaz-1-auto.png");
	  background-size: cover;
}

.wybierz-garaz .wpcf7-list-item:nth-child(2) input[type="radio"] + span::after {
  background: url("/wp-content/uploads/2023/06/garaz-2-auto.png");
	  background-size: cover;
}

.wybierz-garaz .wpcf7-list-item:nth-child(3) input[type="radio"] + span::after {
  background: url("/wp-content/uploads/2023/06/garaz-3-auto.png");
	  background-size: cover;
}

.form-grid-2 {
	display: flex;
	flex-wrap: wrap
}

.calc-form-col {
    width: 48%;
	padding-right: 2%;
	margin-bottom: 30px
}

.calc-form-col h5 {
	margin-bottom: 20px;
	font-weight: 600
}

.wpcf7-response-output {
	margin: 2em 0 1em;
	padding: 1em
}

.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 1em 1em!important;
	border: 2px solid var(--global-palette-btn-bg)!important
}


.form-dark label {
	margin-bottom: 15px;
	display: block;
	color: #fff;
}

.wpcf7-form-control-wrap input[type="checkbox"] {
	width: auto;
	display: inline-block
}

#gform_wrapper_1 .gform_title {
	display: none!important
}



.p-relative {
	position: relative
}

.p-absolute {
	position: absolute
}

.overflow-hidden {
	overflow: hidden
}


.kt-blocks-post-grid-item-inner-wrap {
		display: flex;
		align-items: center
}

.testimonials-wrap .kadence-post-image {
	order: 2
}

.testimonials-wrap .kadence-post-image img {
	border-radius: 8px
}

.testimonials-wrap .kt-blocks-post-grid-item-inner {
    height: min-content;
	background: #fff;
	padding: 20px;
	width: 145%;
	border-radius: 8px;
	order: 1;
	z-index: 9
}

/* Front page search
------------------------------------------------ */

.front-page-search .wp-block-search__inside-wrapper {
	display: block!important;
}

.front-page-search .wp-block-search__input {
	padding: 0.7em!important;
	display: block;
	background: transparent!important;
	color: #fff!important;
	border-radius: 8px;
	margin-bottom: 1.75em!important;
}

.front-page-search .wp-block-search__button {
	padding: 0.8em 2em!important;
	margin-left: 0;
	border: none;
	border-radius: 45px!important;
	background-color: var(--global-palette-btn-bg)!important;
	color: #fff!important;
	transition: .3s ease-in-out
}

.front-page-search .wp-block-search__button:hover {
	color: var(--global-palette-btn-bg)!important;
	background-color: #fff!important
}


/* Projects carousel
------------------------------------------------ */

.glide__slides {
	padding-left: 0!important
}

.pc-card {
	position: relative;
	aspect-ratio: 3/4
}

.pc-card::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #111;
	transition: .3s ease-in-out;
	opacity: .85
}

.pc-card .wp-post-image {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.pc-card-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2em 1.5em;
	transition: .3s ease-in-out
}

.project-tags a {
	text-decoration: none;
	padding: .6em 1em .5em;
	border: 2px solid var(--global-palette1);
	border-radius: 7px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	transition: .3s ease-in-out
}



.pc-card-content h3,
.pc-card-content p {
	color: #fff
}

.pc-card-content .price {
	font-size: 40px;
	font-weight: 600
}

.pc-button {
display: inline-block;
padding: .75em 1.8em .65em;
border-radius: 45px;
border: 2px solid #fff;
color: #fff;
text-decoration: none;
font-weight: 600;
transition: .3s ease-in-out
}

.glide__arrows {
margin-bottom: 3em;
margin-top: -8em;
text-align: end;
}

.glide__arrows .glide__arrow {
background: transparent;
border-radius: 50%;
border: 2px solid var(--global-palette1);
width: 50px;
height: 50px;
color: var(--global-palette1);
font-size: 24px;
text-align: center;
padding: 0px
}

@media(min-width:767px) {
.pc-card::before {
	opacity: 0
}
.pc-card-content {
	opacity: 0
}
.project-tags a:hover {
	background: var(--global-palette1);
}
.pc-button:hover {
	background: var(--global-palette1);
	border: 2px solid var(--global-palette1);
	color: #fff
}
.pc-card:hover .pc-card-content {
	opacity: 1
}
.pc-card:hover::before {
	opacity: .7
}
}

/* Realisations carousel
------------------------------------------------ */

.glide__slides {
	padding-left: 0!important
}

.rs-card {
	position: relative;
	aspect-ratio: 3/4
}

.rs-card::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #111;
	transition: .3s ease-in-out;
	opacity: .75
}

.rs-card .wp-post-image {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.rs-card-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2em 1.5em;
	transition: .3s ease-in-out;
	opacity: 1
}

.rs-card-content h3,
.rs-card-content p {
	color: #fff
}

.rs-card-content .price {
	font-size: 40px;
	font-weight: 600
}

@media(min-width:767px) {
.rs-card::before {
		opacity: 0
	}
.rs-card-content {
	opacity: 0
}
.rs-card:hover .rs-card-content {
	opacity: 1
}
.rs-card:hover::before {
	opacity: .7
}

}

/* References carousel
------------------------------------------------ */

.glide__slides {
	padding-left: 0!important
}

.ref-card {
	position: relative;
	aspect-ratio: 3/4;
	box-shadow: 0 0 30px #1111
}

.ref-card::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #111;
	transition: .3s ease-in-out;
	opacity: 0
}

.ref-card .wp-post-image {
	height: 100%;
	width: 100%;
	object-fit: cover
}

.ref-card-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2em 1.5em;
	transition: .3s ease-in-out;
	opacity: 0
}

.ref-card-content h3,
.ref-card-content p {
	color: #fff
}

.ref-card-content .price {
	font-size: 40px;
	font-weight: 600
}


.ref-card:hover .rs-card-content {
	opacity: 1
}

.ref-card:hover::before {
	opacity: .7
}