/**
 * Custom CSS for Hello Elementor Child Theme
 *
 * Add your custom styles here.
 * This file is enqueued with dynamic versioning based on file modification time.
 */

body {
	word-wrap: break-word;
	text-rendering: optimizeLegibility;

	display: flex;
	flex-direction: column;

	min-height: 100vh;
	overflow-y: scroll;
	overflow-x: hidden;
}

footer {
	margin-top: auto;
}

/* Employe Css */
@media (min-width: 1024px) {
	[class*="employe_"] {
		cursor: pointer;
		&:hover {
			transform: scale(1.1);
			z-index: 5;
		}
	}
}
.sideEmploye {
	position: absolute;
	top: 0;
	right: 100%;
	opacity: 0;
	visibility: hidden;
	height: 80vh;
	overflow-y: auto;
	transition: all .3s ease;
	z-index: 999;

	.injected-card-section img {
		display: flex;
	}

	&.opened {
		right: 0;
		opacity: 1;
		visibility: visible;
	}
}

.gform_wrapper {

	textarea,
	select,
	input {
		&:focus {
			--gf-ctrl-outline-color-focus: #00000021;
			--gf-ctrl-border-color-focus: #000;
			--gf-ctrl-outline-width-focus: 1px;
		}
	}

	.gform_fields {
		--gf-form-gap-y: 1.5rem;
		--gf-field-gap-x: 1rem;

		input[type="text"],
		input[type="email"],
		input[type="tel"],
		input[type="file"],
		textarea
		{
			--gf-ctrl-bg-color-hover: var(--input-bg);
			--gf-local-bg-color: #fff;
			--gf-ctrl-radius: 0;
			--gf-ctrl-textarea-radius: 0;

			box-shadow: none;
			border: 1px solid #00000045;
			height: 48px;
			&::placeholder {
				color: rgba(0, 0, 0, 0.47);
			}
		}
	}

	input[type="submit"] {
		--gf-ctrl-btn-bg-color-primary: var( --e-global-color-accent );
		--gf-ctrl-btn-bg-color-hover-primary: #000;
		--gf-ctrl-btn-radius: 0;
		--gf-ctrl-btn-font-weight: 600;
		--gf-ctrl-btn-text-transform: uppercase;
		--gf-ctrl-btn-border-width-primary: 2px;
		--gf-ctrl-btn-padding-y: 15px;
		--gf-ctrl-btn-padding-x: 20px;

		--gf-ctrl-btn-bg-color-focus-primary: var( --e-global-color-accent );
		--gf-ctrl-outline-color-focus: transparent;
	}
}

.closeIcon {
	margin: 1rem 1rem 1rem auto;
	cursor: pointer;
	display: inline-flex;
	transition: all .3s ease;

	svg {
		transition: all .3s ease;
	}

	&:hover svg {
		fill: #e51b24;
	}
}