/**
 * Contact Page Template Styles
 * Contact page template styles
 *
 * @package Experis_Academy
 */

/* Background and single column */
.site-main--contact {
	position: relative;
	width: 100%;
	min-height: 100vh;
	background: var(--contact-bg-url) center center / cover no-repeat;
	background-color: var(--color-violet-gradient-end, #4f4296);
	display: flex;
	align-items: center;
	padding: 72px 0;
}

@media (min-width: 901px) {
	.site-main--contact {
		height: 100vh;
		min-height: 100vh;
	}
}

@media (max-width: 768px) {
	.site-main--contact {
		padding: 34px 0 !important;
	}
}

.contact__container {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 40px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	direction: rtl;
}

@media (max-width: 900px) {
	.contact__container {
		padding: 0 24px;
	}
}

/* Title on purple background */
.contact__page-title {
	font-family: var(--font-family-hebrew);
	font-size: var(--font-size-7xl);
	font-weight: var(--font-weight-bold);
	color: var(--color-white, #fff);
	text-align: center;
	direction: rtl;
	margin: 0 0 1.5rem;
}

/* Form box */
.contact__form-card {
	background: var(--color-white, #fff);
	border-radius: 24px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
	padding: 40px;
}

/* Content inside box */
.contact__form-card .contact__entry {
	font-family: var(--font-family-hebrew);
	color: var(--color-violet-primary, #5c4bb9);
	text-align: right;
	direction: rtl;
	padding-bottom: 1.5em;
}

.contact__form-card .contact__entry > * + * {
	margin-top: 1.25em;
}

.contact__form-card .contact__entry > *:first-child {
	margin-top: 0;
}

.contact__form-card .contact__entry h1,
.contact__form-card .contact__entry h2,
.contact__form-card .contact__entry h3,
.contact__form-card .contact__entry h4 {
	color: var(--color-violet-primary, #5c4bb9);
}

/* Gravity Forms – contact page */
.contact__form-card .gform_wrapper {
	margin: 0;
}

.contact__form-card .gform_wrapper label {
	font-family: var(--font-family-hebrew);
	color: var(--color-violet-primary);
}

.contact__form-card .gform_wrapper input[type="text"],
.contact__form-card .gform_wrapper input[type="email"],
.contact__form-card .gform_wrapper input[type="tel"],
.contact__form-card .gform_wrapper textarea {
	box-sizing: border-box;
	height: 44px;
	border: 1px solid rgba(92, 75, 185, 1);
	border-radius: 8px;
	padding: 0 16px;
	font-family: var(--font-family-hebrew);
	direction: rtl;
	color: var(--color-violet-primary);
}

.contact__form-card .gform_wrapper textarea {
	height: auto;
	min-height: 44px;
	padding-block: 12px;
}

.contact__form-card .gform_wrapper input:focus,
.contact__form-card .gform_wrapper textarea:focus {
	border-color: var(--color-violet-primary);
	outline: 2px solid var(--color-violet-primary);
	outline-offset: 2px;
}

.contact__form-card .gform_wrapper .ginput_container_fileupload,
.contact__form-card .gform_wrapper .gfield--type-fileupload .ginput_container {
	display: block;
	border: 1px solid rgba(92, 75, 185, 0.45);
	border-radius: 8px;
	background: #fff;
	min-height: 44px;
	height: 44px;
	box-sizing: border-box;
	padding-inline: 16px;
	padding-block: 0;
	position: relative;
	background-image: url(../img/upload-file.svg);
	background-repeat: no-repeat;
	background-position: 16px center;
	background-size: 24px 24px;
	direction: rtl;
}

.contact__form-card .gform_wrapper .ginput_container_fileupload input[type="file"],
.contact__form-card .gform_wrapper .gfield--type-fileupload input[type="file"] {
	font-family: var(--font-family-hebrew);
	font-size: var(--font-size-base);
	color: rgba(92, 75, 185, 0.85);
	border: none;
	background: transparent;
	padding-inline-end: 40px;
	width: 100%;
	cursor: pointer;
	box-shadow: none;
}

.contact__form-card .gform_wrapper .ginput_container_fileupload input[type="file"]::file-selector-button,
.contact__form-card .gform_wrapper .gfield--type-fileupload input[type="file"]::file-selector-button {
	display: none;
}

.contact__form-card .gform_wrapper .gform_footer,
.contact__form-card .gform_wrapper .gform_footer .gform_footer__submit {
	width: 100%;
}

.contact__form-card .gform_wrapper .gform_footer input[type="submit"],
.contact__form-card .gform_wrapper .button,
.contact__form-card .gform_wrapper .gform_footer .gform_button,
.contact__form-card .gform_wrapper input#gform_submit_button_3 {
	display: block;
	width: 100%;
	max-width: none;
	box-sizing: border-box;
	background: linear-gradient(90deg, var(--color-violet-gradient-mid) 0%, var(--color-violet-gradient-start) 100%);
	color: #fff;
	border: none;
	border-radius: 108px;
	padding: 16px 32px;
	font-family: var(--font-family-hebrew);
	font-size: var(--font-size-lg);
	font-weight: var(--font-weight-bold);
	line-height: 1.3;
	text-align: center;
	cursor: pointer;
	transition: opacity 0.2s ease;
	box-shadow: none;
}

.contact__form-card .gform_wrapper .gform_footer input[type="submit"]:hover,
.contact__form-card .gform_wrapper .button:hover,
.contact__form-card .gform_wrapper .gform_footer .gform_button:hover {
	opacity: 0.92;
}

.page-id-13 input#gform_submit_button_1 {
    color: #fff;
}
.page-id-13 #gform_1 label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
    color: var(--color-violet-primary, #5c4bb9);
    font-weight: 200;
	margin-right: 4px;
}
.page-id-13 #gform_1 input[type="checkbox"] {
	border: 1px solid var(--color-violet-primary, #5c4bb9);
}
.page-id-13 #gform_1 .gfield_description.validation_message, .page-id-13 #gform_1 .gfield_validation_message, .page-id-13 #gform_1 .validation_message, .page-id-13 #gform_1 .gfield_error .gfield_description, .page-id-13 #gform_1 .gfield_error .gfield_validation_message, .page-id-13 #gform_1 .gfield_error_message, .page-id-13 #gform_1 .gform_validation_errors {
    color: var(--color-violet-primary, #5c4bb9);
}
/* Contact details below form – in one row */
.contact__info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem 1.5rem;
	margin-top: 2rem;
	text-align: right;
	direction: rtl;
}

.contact__item {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35em 0.5em;
	font-family: var(--font-family-hebrew);
}

.contact__icon {
	flex-shrink: 0;
	display: block;
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.contact__label {
	font-weight: var(--font-weight-bold);
	color: var(--color-violet-primary, #5c4bb9);
	font-size: var(--font-size-base);
}

.contact__value {
	color: var(--color-violet-primary, #5c4bb9);
	text-decoration: none;
	font-size: var(--font-size-base);
}

.contact__value:hover {
	text-decoration: underline;
}

.contact__address {
	text-decoration: none;
}

.contact__address:hover {
	text-decoration: none;
}