/* 
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 */

.dialog-prevent-scroll{
	padding-right:15px;
}

.logo-shaped,
.gf_step_number{
	aspect-ratio: 1 / 1;
	--g:/22.324% 22.324% radial-gradient(#000 calc(71% - 1px),#0000 71%) no-repeat;
	mask: 99.039% 59.755% var(--g),91.573% 77.779% var(--g),77.779% 91.573% var(--g),59.755% 99.039% var(--g),40.245% 99.039% var(--g),22.221% 91.573% var(--g),8.427% 77.779% var(--g),0.961% 59.755% var(--g),0.961% 40.245% var(--g),8.427% 22.221% var(--g),22.221% 8.427% var(--g),40.245% 0.961% var(--g),59.755% 0.961% var(--g),77.779% 8.427% var(--g),91.573% 22.221% var(--g),99.039% 40.245% var(--g),radial-gradient(100% 100%,#000 41.034%,#0000 calc(41.034% + 1px));
}

/* Gravity Forms Styles */
.gform_heading{
	display:none;
}
.gf_page_steps{
	position:relative;
	max-width:1100px;
	padding:0 30px;
	margin:0 auto 145px!important;
	align-items: center;
    justify-content: space-between;
	
	&::before{
		content:'';
		display:block;
		background-color:var(--e-global-color-cb9ecae);
		height: 4px;
		position:absolute;
		left: 35px;
        right: 35px;
        top: 50%;
        transform: translateY(-50%);
	}
	
	.gf_step{
		flex-direction: column;
		gap: 10px;
		
		.gf_step_number{
			background-color:var(--e-global-color-cb9ecae);
			border-color:var(--e-global-color-cb9ecae);
			color:white;
			font-family: "Proxima Nova";
			font-size: 20px;
			font-weight: 700;
			line-height: 30px;
			width:50px;
			height:50px;
			
			&::after{
				display:none!important;
			}
		}
		
		.gf_step_label{
			color:var(--e-global-color-cb9ecae);
			font-family: "Proxima Nova", sans-serif;
			font-size: 14px;
			font-weight: 700;
			line-height: 20px;
			text-transform: uppercase;
			position: absolute;
            top: calc(100% + 10px);
            text-align: center;
		}
		
		&.gf_step_active,
		&.gf_step_completed{
			.gf_step_number{
				background-color:var(--e-global-color-8628cee);
				border-color:var(--e-global-color-8628cee);
				color:var(--e-global-color-cb9ecae);
			}
		}
	}
	
	@media(max-width:768px){
		flex-direction: column;
		align-items: flex-start;
		padding: 0;
		margin-bottom: 50px!important;
		
		&::before{
			height: 98%;
			width: 4px;
			left: 23px;
		}
		
		.gf_step{
			flex-direction: row;
        	flex-wrap: nowrap;
			
			.gf_step_label{
				position:relative;
			}
		}
	}
}
.gform-body{
	.gform_fields{
		row-gap: 15px;
	}
	
	.gfield_label{
		font-size: 16px;
    	font-weight: 500;
    	line-height: 23px;
	}
	
	input[type="text"],
	input[type="tel"],
	input[type="email"]{
		font-weight: 500;
		color: var(--e-global-color-cb9ecae);
		border-radius: 8px;
		border: 1px solid var(--e-global-color-cb9ecae);
		background: var(--e-global-color-d799a4f);
	}
	.ginput_address_state,
	.ginput_container_select{
		position:relative;
		
		select{
			-moz-appearance:none!important; /* Firefox */
			-webkit-appearance:none!important; /* Safari and Chrome */
			appearance:none!important;
			font-weight: 500;
			color: var(--e-global-color-cb9ecae);
			border-radius: 8px;
			border: 1px solid var(--e-global-color-cb9ecae);
			background-image:none!important;
			background-color: var(--e-global-color-d799a4f);
		}
		
		&::after{
			content:"";
			display: block;
            position: absolute;
            top: 15px;
            right: 20px;
            z-index: 5;
			width:10px;
			height:6px;
			background-image: url('/wp-content/uploads/2025/05/lammscapes-down-carat.svg');
			background-repeat:no-repeat;
			background-position:top center;
			background-size:contain;
			pointer-events:none;
		}
	}
	.gfield_radio{
		flex-direction: row!important;
		.gfield-choice-input{
			border-color:var(--e-global-color-cb9ecae);
			&::before{
				background-color: var(--e-global-color-8628cee)!important;
    			inline-size: 14px!important;
    			block-size: 14px!important;
			}
		}
	}
	.gform-button_select_files{
		font-family: "proxima-nova", Sans-serif!important;
		font-size: 18px!important;
		font-weight: 700!important;
		text-decoration: none!important;
		line-height: 18px!important;
		color: var(--e-global-color-cb9ecae)!important;
		background-color: var(--e-global-color-8628cee)!important;
		border-style: solid;
		border-width: 3px;
		border-color: var(--e-global-color-cb9ecae)!important;
		border-radius: 100px!important;
		padding: 10px 20px;
	}
	
	.gform-page-footer{
		margin-top:40px;
		
		.gform-theme-button,
		button[type="submit"]{
			background: transparent!important;
			color: var(--e-global-color-cb9ecae)!important;
			font-size: 22px!important;
			line-height: 35px!important;
			box-shadow: none!important;
			display: flex!important;
			align-items: center!important;
			gap: 15px!important;
			padding: 0!important;
			border:none!important;
			outline:none!important;
			
			.arrow-wrap{
				background-color: var(--e-global-color-07ef825);
				border-radius: 50px;
				width: 50px;
				height: 50px;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
		.gform_next_button,
		button[type="submit"]{
			margin-left: auto!important;
		}
		.gform_previous_button{
			margin-right: auto!important;
		}
	}
	
	.inline-checkboxes{
		margin-bottom: 20px;
		.gfield_checkbox{
			flex-direction:row;
			flex-wrap:wrap;
			
			.gchoice{
				.gform-field-label{
					white-space:nowrap;
				}
			}
		}
	}
}
/* Employment Application Form */
#gform_wrapper_1{
	.gform-body{
		max-width: 860px;
    	margin: 0 auto;
	}
}
/* Request Consultation Form */
#gform_wrapper_2{
	.gform-body{
		.gfield{
			display:flex!important;
			flex-direction:column!important;
			justify-content:flex-end!important;
		}
		.gfield--type-consent{
			.ginput_container_consent{
				display: flex;
    			flex-direction: row-reverse;
				align-items:center;
				justify-content: flex-end;
				gap: 10px;
				
				label{
					font-size: 16px;
					font-weight: 500;
					line-height: 23px;
					margin:0;
				}
			}
			.gfield_consent_description{
				border:none;
				padding:0;
				ul{
					list-style: disc;
					padding-left:18px;
					margin-bottom:0;
					li{
						color: var(--e-global-color-cb9ecae);
						font-size: 14px;
						font-weight: 500;
						line-height: 20px;
					}
				}
			}
		}
	}
	.gform-footer{
		button[type="submit"]{
			background-color: var(--e-global-color-8628cee);
			color: var(--e-global-color-cb9ecae);
			border:3px solid var(--e-global-color-cb9ecae);
			border-radius:50px;
			padding:10px 20px;
			font-size:18px;
			line-height:23px;
			font-weight:700;
			transition:all .4s ease-in-out;
			.arrow-wrap{
				display:none;
			}
			&:hover{
				background-color: transparent;
				border-color: var(--e-global-color-8628cee);
			}
		}
	}
}


/* Gallery Slider Styles */
.elementor-skin-carousel{
	.elementor-main-swiper{
		padding-bottom: 50px!important;
		height:unset;
		overflow-x:clip;
		overflow-y:visible;
		
		.elementor-carousel-image{
			aspect-ratio: 1296 / 674;
    		width: 100%;
		}
		
	}
	.elementor-swiper-button-prev{
		left: 0!important;
		top: 100%!important;
		padding: 10px;
		border-radius: 100px;
		background-color: var(--e-global-color-07ef825);
	}
	.elementor-swiper-button-next{
		right: 0!important;
		top: 100%!important;
		padding: 10px;
		border-radius: 100px;
		background-color: var(--e-global-color-07ef825);
	}
	.swiper-pagination{
		width: calc(100% - 90px);
		margin: 0 45px;
		bottom: -12px!important;
	}
}


#openPositionsAcc{
	.accordion-item{
		border-radius: 10px;
    	border: none;
		background-color:transparent;
		&:nth-of-type(odd){
			background-color: var(--e-global-color-d799a4f);
		}
		
		.accordion-header{
			position: relative;
			
			.accordion-button{
				background: transparent;
    			border: none;
    			padding: 22px 20px;
				border-radius: 0;
                box-shadow: none;
				color: var(--e-global-color-cb9ecae);
    			font-weight: 500;
				
				&::after{
					background-image: url('/wp-content/uploads/2025/05/lammscapes-down-carat.svg');
					height: 9px;
					width: 12px;
					background-size: contain;
				}
			}
			
			>a{
				position: absolute;
				right: 60px;
				top: 9px;
				color: var(--e-global-color-cb9ecae);
				background-color: transparent;
				border: 3px solid var(--e-global-color-8628cee);
				border-radius: 50px;
				padding: 8px 20px;
				z-index: 10;
				transition: all .4s ease-in-out;
				
				&:hover{
					background-color:var(--e-global-color-8628cee);
					text-decoration:none;
				}
			}
			
			@media(max-width:768px){
				.accordion-button{
					padding:18px 20px 60px!important;
				}
				> a{
					left: 20px;
					right: unset!important;
					bottom: 10px;
					top: unset!important;
				}
			}
		}
		
		.accordion-body{
			padding: 20px 20px 30px;
			
			*:last-child{
				margin-bottom:0!important;
			}
		}
	}
}

.shopify-buy__collection{
	.shopify-buy-frame{
		display: flex;
		flex-wrap: wrap;
		
		> .shopify-buy__product{
			margin: 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			
			.shopify-buy__product__variant-img{
				object-fit:cover;
				object-position:center;
				aspect-ratio: 1 / 1;
				--g:/22.324% 22.324% radial-gradient(#000 calc(71% - 1px),#0000 71%) no-repeat;
				mask: 99.039% 59.755% var(--g),91.573% 77.779% var(--g),77.779% 91.573% var(--g),59.755% 99.039% var(--g),40.245% 99.039% var(--g),22.221% 91.573% var(--g),8.427% 77.779% var(--g),0.961% 59.755% var(--g),0.961% 40.245% var(--g),8.427% 22.221% var(--g),22.221% 8.427% var(--g),40.245% 0.961% var(--g),59.755% 0.961% var(--g),77.779% 8.427% var(--g),91.573% 22.221% var(--g),99.039% 40.245% var(--g),radial-gradient(100% 100%,#000 41.034%,#0000 calc(41.034% + 1px));
			}
			
			.shopify-buy__product__variant-selectors{
				margin-top:auto;
			}
		}
	}
}


/* Custom Button in Mobile Dropdown Nav */
.mobile-only{
	@media(min-width:1025px){
		display:none!important;
	}
}
.btn-link a{
	display: inline-block;
    font-family: "proxima-nova", Sans-serif!important;
    font-size: 18px!important;
    font-weight: 700!important;
    text-decoration: none!important;
    line-height: 18px!important;
    color: var(--e-global-color-cb9ecae)!important;
    background-color: var(--e-global-color-07ef825);
    border: 3px solid var(--e-global-color-cb9ecae);
    border-radius: 100px!important;
    padding: 10px 20px!important;
	transition: all .3s ease-in-out;
	
	&:hover{
		background-color: transparent!important;
		color: var(--e-global-color-07ef825)!important;
		border-color: var(--e-global-color-07ef825);
	}
}