/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.p-box{
	padding-left: 32px;
	padding-right: 32px;
}

.h-card-blue:hover .elementor-heading-title{
	color: #F5F5F5;
	transition: all 0.3s ease;
}

.h-card-blue:hover .elementor-icon{
	background-color: #FFC700;
	border-color: #FFC700 !important;
	transition: all 0.3s ease;
}


.reference-heading{
	font-family: Playfair Display;
	font-weight: 400;
	font-size: 64px;
	line-height: 120%;
	margin: 0px;
}
.reference-desc{
	font-size: 20px;
	line-height: 160%;
	max-width: 637px;
	padding: 32px 0px 64px 0px;
}

.inner-gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}
.inner-gallery a {
	display: block;
	width: 100%;
	overflow: hidden;
}
.inner-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* Rows 1, 3, 5... (even row groups) */
.inner-gallery a:nth-child(8n-7),
.inner-gallery a:nth-child(8n-6),
.inner-gallery a:nth-child(8n-5),
.inner-gallery a:nth-child(8n-4) {
	height: 250px;
}

/* Rows 2, 4, 6... (odd row groups) */
.inner-gallery a:nth-child(8n-3),
.inner-gallery a:nth-child(8n-2),
.inner-gallery a:nth-child(8n-1),
.inner-gallery a:nth-child(8n) {
	height: 320px;
}


.gbtn{
	padding: unset !important;
}

.reference-swiper{
	overflow: unset !important;
}

.reference-swiper .swiper-button-next,
.reference-swiper .swiper-button-prev {
	color: #5E6061 !important;
	top: 120px !important;
	border: 1px solid #5E6061;
	border-radius: 99px;
	padding: 30px;
}

.reference-swiper .swiper-button-prev{
	left: auto;
    right: 170px !important;
}

.reference-swiper .swiper-pagination{
	top: 120px !important;
	bottom: unset !important;
	z-index: 0;
	text-align: right !important;
	padding-right: 114px;
}

.reference-swiper .swiper-button-next:after,
.reference-swiper .swiper-button-prev:after{
	font-size: 18px;
}

/* Calculator Form Design */
#price_estimate_form .elementor-form{
	position:relative;
	min-height: 904px;
}
#price_estimate_form .elementor-message-success{
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
	margin: 0;
	z-index:10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 96px 20px 0px 20px;
	text-align: center;
}
#price_estimate_form .elementor-message-success h3{
	font-family: Playfair Display;
	font-weight: 400;
	font-size: 36px;
	line-height: 120%;
	margin-bottom: 10px;
}
#price_estimate_form .elementor-message-success:before{
	background-image: url("/wp-content/uploads/2025/06/thumb-icon.svg") !important;
	height: 96px !important;
	width: 96px !important;
	position: absolute;
	top: 162px;
	left: 50%;
	transform: translateX(-50%);
}
#price_estimate_form .elementor-field-group-field_5f0fc6c > .elementor-field-group:nth-of-type(-n+7) {
    padding-bottom: 24px;
    border-bottom: 1px solid #E8E9E9;
}
#price_estimate_form .elementor-field-group-field_71b0fd4 > .elementor-field-group:nth-of-type(-n+3) {
    padding-bottom: 24px;
    border-bottom: 1px solid #E8E9E9;
}
#price_estimate_form input[type="radio"] {
  display: none;
}
#price_estimate_form .elementor-field-type-radio .elementor-field-option label{
	width: 100%;
	border: 1px solid #D1D1D2;
	padding: 14px;
	border-radius: 0px;
	display: block;
	text-align: center;
}
#price_estimate_form .elementor-field-subgroup {
	justify-content: space-around;
    gap: 8px;
}
#price_estimate_form .elementor-field-subgroup span{
	width: calc(50% - 4px);
	padding: 0;
}
#price_estimate_form .elementor-field-option input[type="radio"]:checked + label {
  border-color: #FFC700;
}
.elementor-field-group-field_a61529f .elementor-field-subgroup label{
	position: relative;
	text-align: left !important;
	padding: 31px 80px !important;
}
.elementor-field-group-field_a61529f .elementor-field-option label:before{
	content: '';
	position:absolute;
	height: 48px;
	width: 48px;
	left: 16px;
	top: 16px;
	background: url("/wp-content/uploads/2025/06/Cely-byt.svg") no-repeat center center / contain;
}
.elementor-field-group-field_a61529f .elementor-field-option:nth-child(2) label:before{
	background: url("/wp-content/uploads/2025/06/Pouze-koupelna.svg") no-repeat center center / contain;
}
.elementor-field-group-field_cb02c04 input,
.elementor-field-group-field_4e46c97 input,
.elementor-field-group-field_4456f4d input,
.elementor-field-group-field_31803e5 input,
.elementor-field-group-field_ba3a379 input{
	height: 46px;
}
.elementor-field-group-field_a204c57 input{
	width: 24px;
	height: 24px;
	border: 1px solid #FFC700 !important;
	margin-right: 8px;
}
.elementor-field-group-field_a204c57 label{
	font-weight: 500 !important;
	font-size: 14px !important;
	line-height: 160% !important;
}
.elementor-field-group-field_a204c57 .elementor-field-option{
	display: flex;
	flex-direction: row;
	align-items: center;
}
.elementor-field-group-field_a204c57{
	background-color: #F8F8F8;
	padding: 12px !important;
	margin-bottom: 16px !important;
}
#price_estimate_form  .elementor-field-type-previous{
	max-width: 113px !important;
}
#price_estimate_form .elementor-field-type-previous .elementor-button{
	border: 1px solid #D1D1D2 !important;
	padding-left: 48px !important;
	position: relative;
}
#price_estimate_form .elementor-field-type-previous .elementor-button:before{
	content: '';
	position: absolute;
	height: 24px;
	width: 24px;
	background: url("/wp-content/uploads/2025/06/arrow-left-line.svg") no-repeat center center / contain;
	left: 20px;
	top: 12px;
}
#price_estimate_form .elementor-icon-list-icon svg{
	height: unset;
	width: unset;
}




/* Contact Form Design */
#contact_form .elementor-field-group:not(:last-of-type){
    padding-bottom: 24px;
    border-bottom: 1px solid #E8E9E9;
}
#contact_form .elementor-message-success{
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
	margin: 0;
	z-index:10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 106px 20px 0px 20px;
	text-align: center;
}
#contact_form .elementor-message-success h3{
	font-family: Playfair Display;
	font-weight: 400;
	font-size: 36px;
	line-height: 120%;
	margin-bottom: 10px;
	max-width: 350px;
}
#contact_form .elementor-message-success:before{
	background-image: url("/wp-content/uploads/2025/06/thumb-icon.svg") !important;
	height: 96px !important;
	width: 96px !important;
	position: absolute;
	top: 212px;
	left: 50%;
	transform: translateX(-50%);
}




@media only screen and (max-width: 1024px) {
	.p-box{
		padding-left: 16px;
		padding-right: 16px;
	}
	
	.reference-heading{
		font-size: 64px;
	}
	.reference-desc{
		font-size: 20px;
		max-width: 100%;
		padding: 32px 0px 64px 0px;
	}
	
	.reference-swiper .swiper-button-next,
	.reference-swiper .swiper-button-prev {
		top: unset !important;
		bottom: -90px;
	}

	.reference-swiper .swiper-button-prev{
		left: unset;
		right: unset !important;
	}

	.reference-swiper .swiper-pagination{
		top: unset !important;
		bottom: -70px !important;
		text-align: center !important;
		padding-right: unset;
	}

	.reference-swiper .swiper-button-next:after,
	.reference-swiper .swiper-button-prev:after{
		font-size: 18px;
	}


}


@media only screen and (max-width: 767px) {

	.reference-heading{
		font-size: 32px;
	}
	.reference-desc{
		font-size: 18px;
		padding: 28px 0px 32px 0px;
	}
	
	
	.inner-gallery {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 5px;
	}
	
	/* Rows 1, 3, 5... (even row groups) */
	.inner-gallery a:nth-child(8n-7),
	.inner-gallery a:nth-child(8n-6),
	.inner-gallery a:nth-child(8n-5),
	.inner-gallery a:nth-child(8n-4) {
		height: 90px;
	}

	/* Rows 2, 4, 6... (odd row groups) */
	.inner-gallery a:nth-child(8n-3),
	.inner-gallery a:nth-child(8n-2),
	.inner-gallery a:nth-child(8n-1),
	.inner-gallery a:nth-child(8n) {
		height: 120px;
	}
	
	.reference-swiper .swiper-button-next,
	.reference-swiper .swiper-button-prev {
		bottom: -54px;
		padding: 20px;
	}
	
	.reference-swiper .swiper-pagination{
		bottom: -46px !important;
	}
	
	#price_estimate_form .elementor-subgroup-inline{
		flex-direction: column !important;
	}
	
	#price_estimate_form .elementor-field-subgroup span{
		width: unset;
	}
	
	#price_estimate_form .elementor-message-success:before{
		top: 150px;
	}

}