/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1768943396
Updated: 2026-01-20 14:09:56

*/

body {

	strong {
		font-weight: bold;
	}

	.elementor-widget-text-editor ul, 
	.elementor-widget-text-editor ol {
		margin-bottom: 1em;
		padding-left: 1em;
	}

}












/*************************************************/
body {

	.gform_wrapper {
		--gf-color-primary: #c64445 !important;
		--gf-ctrl-border-color-focus: var(--gf-color-primary) !important;
		--gf-ctrl-outline-color-focus: var(--gf-color-primary) !important;

		.gform_heading {
			display: none;
		}

		.gform-body {

			label, 
			legend {
				color: #000;
				font-weight: 600;
			}

			.gform-field-label.gform-field-label--type-sub {
				font-weight: normal;
			}

			input, textarea {
				font-family: Arial, sans-serif;
				color: #333;
				line-height: 20px;
				padding: 2em 2em;
				border-radius: 0;

				&::placeholder {
					color: #777;
					opacity: 1;
				}
				
			}

			input[type="checkbox"] {
				padding: unset;
			}

			select {
				padding-left: 2em;
				padding-right: 2em;
				height: 4em;
				line-height: 3.8em;
				border-radius: 0;
			}
			
		}

		.gform-footer {
			margin-top: 12px;

			input[type="submit"] {
				color: #fff !important;
				font-weight: 600 !important;
				font-size: 19px !important;
				line-height: 20px !important;
				text-transform: uppercase !important;
				background-color: #e33f46 !important;
				padding: 1em 1em !important;
				border-radius: 0 !important;

				&:hover {
					background-color: #ff3e3d !important;
				}

				&:focus {
					outline: none !important;
					box-shadow: unset !important;
					border: none !important;
				}
			}
			
		}
		
	}

	.elementor-location-footer .gform_wrapper {
		
		.gform-body {

			label, 
			legend {
				color: #ccc;
				font-weight: normal;
			}
			
		}
		
	}

}
/*************************************************/







/*************************************************/
@media screen and (max-width: 991px) {
	
	#site-header {
		
		flex-direction: row;
		justify-content: space-between;
		column-gap: 20px;
		width: calc(100% - 20px);

		> div {
			width: fit-content;
			align-items: center;
		}

		> #menu {
			
			order: 99;
			max-width: 33px;
			max-height: 33px;

			.elementor-menu-toggle {
				padding-top: 0;
				margin-left: -6px;
			}

			.elementor-nav-menu--dropdown {
				position: absolute;
				right: 0;
				top: 34px;
				z-index: 2;
				max-width: 100%;
				min-width: 180px;
				box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
			}
			
		}
		
	}
	
}

@media screen and (max-width: 642px) {
	
	#site-header {

		> #logo {
			max-width: 140px;
		}

		> #phone .elementor-button {
			font-size: 14px;
			padding: 5px 0;
		}
		
	}
	
}

@media screen and (max-width: 500px) {
	
	#site-header {

		> #logo {
			max-width: 90px;
		}

		> #phone .elementor-button {
			font-size: 12px;
			padding: 3px 0;
		}
		
	}
	
}

@media screen and (max-width: 420px) {
	
	#site-header {
		
		flex-direction: column;
		row-gap: 16px;

		> #logo {
			max-width: 180px;
		}

		> #menu {

			.elementor-nav-menu--dropdown {
				right: unset;
				transform: translateX( calc(-50% + 14px) );
			}
			
		}

		> #phone .elementor-button {
			font-size: 16px;
			padding: 5px 0;
		}
		
	}
	
}

@media screen and (max-width: 306px) {
	
	#site-header {

		> #phone .elementor-button {
			font-size: 14px;
		}
		
	}
	
}
/*************************************************/









/*************************************************/
#page-navigation {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;

	.nav-item {
		color: #fff;
		display: flex;
		flex-direction: column;
		gap: 20px 14px;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-end;
		align-items: center;
		width: 100%;
		max-width: 200px;
		padding: 30px 10px;
		font-family: quatro, sans-serif;
		font-size: 16px;
		line-height: 115%;
		font-weight: normal;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		background: linear-gradient(90deg, rgba(203, 53, 62, 1) 0%, rgba(211, 61, 70, 1) 100%);

		&:hover {
			background: #852026;
		}

		svg {
			fill: #fff;
			flex-shrink: 0;
		}

	}
	
}

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

	#page-navigation {
		flex-direction: column;

		.nav-item {
			flex-direction: row;
			max-width: unset;
			padding: 12px 10px;
			justify-content: center;
			font-size: 14px;
			background: linear-gradient(0deg, rgba(203, 53, 62, 1) 0%, rgba(211, 61, 70, 1) 100%);
		}

		svg {
			max-width: 20px;
			max-height: 20px;
			margin-top: -2px;
		}
		
	}

}
/*************************************************/









/*************************************************/
.inlay-triangle-top-grey::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	transform: translateX(-50%);
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 40px 0 40px;
	border-color: #464646 transparent transparent transparent;
}

.inlay-triangle-top-white::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	transform: translateX(-50%);
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 40px 0 40px;
	border-color: #ffffff transparent transparent transparent;
}

*:has(> img.inlay-triangle-lg-right-md-top-grey)::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	left: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 40px 40px 0;
	border-color: transparent #6c6c6c transparent transparent;
}

@media screen and (max-width: 991px) {
	
	*:has(> img.inlay-triangle-lg-right-md-top-grey)::before {
		top: 0;
		right: unset;
		left: 50%;
		transform: translateX(-50%);
		border-width: 40px 40px 0 40px;
		border-color: #6c6c6c transparent transparent transparent;
	}
	
}

*:has(> img.inlay-triangle-lg-left-md-top-white)::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: auto;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 0 40px 40px;
	border-color: transparent transparent transparent #ffffff;
}

@media screen and (max-width: 991px) {
	
	*:has(> img.inlay-triangle-lg-left-md-top-white)::before {
		top: 0;
		right: unset;
		left: 50%;
		transform: translateX(-50%);
		border-width: 40px 40px 0 40px;
		border-color: #ffffff transparent transparent transparent;
	}
	
}
/*************************************************/