/*!
Theme Name: Hello Elementor Child
Theme URI: https://crocoblock.com/
Author: Crocoblock
Author URI: https://crocoblock.com/
Description: Child theme for Hello Elementor with all CrocoBlock features compatibility.
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-elementor-child
*/

.product-grid2-wrapper h2 {
	margin-top: 0;
	font-size: 1.375rem;
	letter-spacing: .1em;
}
.techdet {
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: .75rem;
	line-height: 1.714;
}
.techdet p {
	margin-top: 1em;
	margin-bottom: 1em;
}
.techdet img {
	align-self: flex-start;
	height: auto;
	max-width: 170px;
	margin: 25px auto;
}
.techdet h3 {
	font-size: .875rem;
	text-transform: uppercase;
	line-height: 1.714;
}
.techdet ul {
	margin: 0 0 2rem;
	padding: 0;
	list-style: none;
}


.ps-selector-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.ps-selector-btns {
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	order: 2;
	margin: 45px 25px 0;
}
.ps-selector-btns li {
	width: 90px;
	margin-bottom: 30px;
	padding: 0 10px;
}
.ps-selector-btns input[type="radio"] {
	position: absolute;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
	
	width: 40px;
	height: 40px;
	max-width: 370px;
	margin: 10px 0;
	padding: 0 20px !important;
	border: 0;
	border-radius: 0;
	font: 700 .75rem NeutrafaceText,sans-serif !important;
	text-align: center;
	text-transform: uppercase !important;
	letter-spacing: .1em !important;
	color: #302d2a;
	background-color: #fff;
}
.ps-selector-btns input[type="radio"]+label {
	display: block;
	border-bottom: 1px solid transparent;
	font-family: NeutrafaceText,sans-serif;
	font-size: .75rem;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .3em;
}
.ps-selector-btns input[type="radio"]+label:before {
	cursor: pointer;
    content: '';
	display: block;
	width: 56px;
	height: 56px;
	margin: 0 auto 15px;
	border: 0;
	box-shadow: 0 0 0 1px #c1b9af, 0 0 0 4px transparent;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
.ps-selector-btns input[type="radio"][value="Beige"] + label:before {background-color: #ccc6ab;}
.ps-selector-btns input[type="radio"][value="Black"] + label:before {background-color: #000;}
.ps-selector-btns input[type="radio"][value="Bronze"] + label:before {background-color: #6c5735;}
.ps-selector-btns input[type="radio"][value="Pebble Khaki"] + label:before {background-color: #a59885;}
.ps-selector-btns input[type="radio"][value="White"] + label:before {background-color: #fff;}
.ps-selector-btns input[type="radio"]:checked+label::before {
	box-shadow: 0 0 0 5px #d6d1ca;
}
.ps-selector-btns input[type="radio"]:focus+label {
	padding-bottom: 2px;
	border-color: inherit;
}
.ps-selector {
	order: 1;
	background-image: linear-gradient(to bottom,#c1b9af 0,#c1b9af 50%,#fff 50%,#fff 100%);
}
.no-js .ps-selector img+img,
.ps-selector img:not(.active) {
	display: none;
}

/* gallery */
.gallery-block {width: 285px; margin-bottom: 15px;}
.gallery-block-text {
	padding: 100px 50px;
	font-size: 2.25rem;
	line-height: 1.333;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #fff;
	background-color: #326295;
	font-weight: 700;
	font-family: "NeutrafaceText", Sans-serif;
	font-feature-settings: 'lnum';
}
.gallery-block-image img {display: block;}


.ezebreeze-carousel .elementor-swiper-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 90px;
	height: 90px;
	background-color: #000000ad;
}
.ezebreeze-carousel .elementor-swiper-button.elementor-swiper-button-prev {
	left: -150px;
}
.ezebreeze-carousel .elementor-swiper-button.elementor-swiper-button-next {
	right: -150px;
}
.ezebreeze-carousel .elementor-swiper-button .eicon-chevron-left,
.ezebreeze-carousel .elementor-swiper-button .eicon-chevron-right {
	font-family: elementskit !important;
}
.ezebreeze-carousel .elementor-swiper-button .eicon-chevron-left::before {
	content: "\e879";
}
.ezebreeze-carousel .elementor-swiper-button .eicon-chevron-right::before {
	content: "\e87a";
}

/* Products slider */
.block-results {position: relative; overflow: hidden;}
.block-results h2, .block-products h2 {margin: 75px auto 50px; font-size: 2.375rem; text-align: center; color: #326295;}
.block-results-slider {display: flex; overflow-x: scroll;}
.block-results-slider img {flex-shrink: 0; width: auto; height: 480px; max-width: none;}
.block-results-slider img + img {margin-left: 20px;}
.block-results-slider img:last-child {display: none;}
.block-results-controls {display: none; position: absolute; bottom: 0; left: 50%; width: 100%; height: 710px; max-width: 1170px; margin-right: auto; margin-left: auto; transform: translate(-50%,0);}
.block-results-controls button,
.block-results-controls button:hover,
.block-results-controls button:focus,
.block-results-controls button:focus-visible {
	position: absolute; top: calc(50% - 45px); width: 90px; height: 90px; color: #fff; background: transparent url('/wp-content/themes/hello-elementor-child/images/arrow-box.svg') center center no-repeat;
	border: 0;
	outline: 0;
}
.block-results-controls .prev {left: -100px; transform: rotate(180deg);}
.block-results-controls .next {right: -100px;}
.block-results-controls button[hidden] {
	display: none;
}

.eze-products-wrap .ecs-post-loop,
.eze-products-wrap .ecs-post-loop > .eb_product,
.eze-products-wrap .ecs-post-loop > .eb_product > .elementor-section,
.eze-products-wrap .ecs-post-loop > .eb_product > .elementor-section > .elementor-container,
.eze-products-wrap .ecs-post-loop > .eb_product > .elementor-section > .elementor-container > .elementor-column,
.eze-products-wrap .ecs-post-loop > .eb_product > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
	height: 100%;
}
.eze-products-wrap .ecs-post-loop > .eb_product > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
	flex-direction: column;
	align-items: center;
}
.eze-products-wrap .ecs-post-loop > .eb_product > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap .elementor-widget-button {
	margin-top: auto;
}

#gform_9 #input_9_3 {
	text-transform: uppercase;
}

@media screen and (min-width: 768px) {
	.product-grid2-wrapper h2 {
		font-size: 1.875rem;
	}
	.product-intro ul,
	.techdet,
	.product-grid3-wrapper {
		font-size: .875rem;
	}
	.techdet h3 {
		font-size: 1.125rem;
	}
}

@media screen and (min-width: 1000px) {
	.product-grid2-wrapper h2 {
		margin-bottom: 40px;
	}

	.techdet {
		flex-direction: row;
		justify-content: start;
	}
	.techdet img {
		margin: 0;
		margin-right: 30px;
	}
	.techdet h3 {
		margin-bottom: 0;
	}
	.techdet h3:first-child {
		margin-top: 0;
	}
	.techdet ul {
		padding-left: 1rem;
		list-style: disc;
	}
}

@media screen and (min-width: 1050px) {
	.ps-selector {
		background-image: none;
	}
	.ps-selector img {
		max-width: 570px;
	}
}

@media screen and (min-width: 1200px) {
	/* gallery */
	.gallery-block-text {font-size: 2rem;}
}

@media screen and (min-width: 1400px) {
	/* products */
	.block-results-slider {overflow-x: hidden;}
	.block-results-slider img {height: 710px;}
	.block-results-slider img:last-child {display: block;}
	.block-results-controls {display: block;}
}